From 089dd4b0078d8b14110f578c043efbd70bcb3565 Mon Sep 17 00:00:00 2001 From: nicolethoen Date: Mon, 17 Nov 2025 20:53:36 -0500 Subject: [PATCH] fix(layouts): update example css & classnames --- .../react-core/src/layouts/Bullseye/examples/bullseye.css | 4 ++-- packages/react-core/src/layouts/Flex/examples/flex.css | 6 +++--- .../react-core/src/layouts/Gallery/examples/gallery.css | 4 ++-- packages/react-core/src/layouts/Grid/examples/grid.css | 4 ++-- packages/react-core/src/layouts/Level/examples/level.css | 8 ++++---- packages/react-core/src/layouts/Split/examples/split.css | 4 ++-- packages/react-core/src/layouts/Stack/examples/stack.css | 8 ++++---- 7 files changed, 19 insertions(+), 19 deletions(-) diff --git a/packages/react-core/src/layouts/Bullseye/examples/bullseye.css b/packages/react-core/src/layouts/Bullseye/examples/bullseye.css index 84c7364bb04..cc728f3e2a0 100644 --- a/packages/react-core/src/layouts/Bullseye/examples/bullseye.css +++ b/packages/react-core/src/layouts/Bullseye/examples/bullseye.css @@ -1,5 +1,5 @@ -.ws-react-l-bullseye .pf-v6-l-bullseye, -.ws-react-l-bullseye .pf-v6-l-bullseye > div { +.ws-react-f-bullseye .pf-v6-l-bullseye, +.ws-react-f-bullseye .pf-v6-l-bullseye > div { padding: var(--pf-t--global--spacer--md); border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default); } diff --git a/packages/react-core/src/layouts/Flex/examples/flex.css b/packages/react-core/src/layouts/Flex/examples/flex.css index 5f4f42d5980..f4b1d83cdce 100644 --- a/packages/react-core/src/layouts/Flex/examples/flex.css +++ b/packages/react-core/src/layouts/Flex/examples/flex.css @@ -1,9 +1,9 @@ -.ws-react-l-flex .pf-v6-l-flex { +.ws-react-f-flex .pf-v6-l-flex { padding: var(--pf-t--global--spacer--md); } -.ws-react-l-flex .pf-v6-l-flex > div, -.ws-react-l-flex .example-border { +.ws-react-f-flex .pf-v6-l-flex > div, +.ws-react-f-flex .example-border { padding: var(--pf-t--global--spacer--md); border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default); } diff --git a/packages/react-core/src/layouts/Gallery/examples/gallery.css b/packages/react-core/src/layouts/Gallery/examples/gallery.css index 188759dd1b3..4076eb5a00d 100644 --- a/packages/react-core/src/layouts/Gallery/examples/gallery.css +++ b/packages/react-core/src/layouts/Gallery/examples/gallery.css @@ -1,8 +1,8 @@ -.ws-react-l-gallery .pf-v6-l-gallery { +.ws-react-f-gallery .pf-v6-l-gallery { padding: var(--pf-t--global--spacer--md); } -.ws-react-l-gallery .pf-v6-l-gallery > div { +.ws-react-f-gallery .pf-v6-l-gallery > div { padding: var(--pf-t--global--spacer--md); border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default); } diff --git a/packages/react-core/src/layouts/Grid/examples/grid.css b/packages/react-core/src/layouts/Grid/examples/grid.css index e681c9a312c..e14183ba505 100644 --- a/packages/react-core/src/layouts/Grid/examples/grid.css +++ b/packages/react-core/src/layouts/Grid/examples/grid.css @@ -1,5 +1,5 @@ -.ws-react-l-grid > .pf-v6-l-grid, -.ws-react-l-grid > .pf-v6-l-grid > .pf-v6-l-grid__item { +.ws-react-f-grid > .pf-v6-l-grid, +.ws-react-f-grid > .pf-v6-l-grid > .pf-v6-l-grid__item { min-height: 75px; padding: var(--pf-t--global--spacer--md); border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default); diff --git a/packages/react-core/src/layouts/Level/examples/level.css b/packages/react-core/src/layouts/Level/examples/level.css index b903ad16481..2a566dbfe54 100644 --- a/packages/react-core/src/layouts/Level/examples/level.css +++ b/packages/react-core/src/layouts/Level/examples/level.css @@ -1,13 +1,13 @@ -.ws-react-l-level { +.ws-react-f-level { padding: var(--pf-t--global--spacer--sm); } -.ws-react-l-level .pf-v6-l-level { +.ws-react-f-level .pf-v6-l-level { min-height: 160px; } -.ws-react-l-level .pf-v6-l-level, -.ws-react-l-level .pf-v6-l-level > div { +.ws-react-f-level .pf-v6-l-level, +.ws-react-f-level .pf-v6-l-level > div { padding: var(--pf-t--global--spacer--sm); border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default); } diff --git a/packages/react-core/src/layouts/Split/examples/split.css b/packages/react-core/src/layouts/Split/examples/split.css index 893750c93d9..b889f8f53a7 100644 --- a/packages/react-core/src/layouts/Split/examples/split.css +++ b/packages/react-core/src/layouts/Split/examples/split.css @@ -1,5 +1,5 @@ -.ws-react-l-split .pf-v6-l-split, -.ws-react-l-split .pf-v6-l-split > .pf-v6-l-split__item { +.ws-react-f-split .pf-v6-l-split, +.ws-react-f-split .pf-v6-l-split > .pf-v6-l-split__item { padding: var(--pf-t--global--spacer--md); border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default); } diff --git a/packages/react-core/src/layouts/Stack/examples/stack.css b/packages/react-core/src/layouts/Stack/examples/stack.css index d0d491ab74b..ddad575e041 100644 --- a/packages/react-core/src/layouts/Stack/examples/stack.css +++ b/packages/react-core/src/layouts/Stack/examples/stack.css @@ -1,15 +1,15 @@ -.ws-react-l-stack { +.ws-react-f-stack { min-height: 30em; display: flex; flex-direction: column; } -.ws-react-l-stack > .pf-v6-l-stack { +.ws-react-f-stack > .pf-v6-l-stack { flex-grow: 1; } -.ws-react-l-stack .pf-v6-l-stack, -.ws-react-l-stack .pf-v6-l-stack > .pf-v6-l-stack__item { +.ws-react-f-stack .pf-v6-l-stack, +.ws-react-f-stack .pf-v6-l-stack > .pf-v6-l-stack__item { padding: var(--pf-t--global--spacer--md); border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default); } \ No newline at end of file