diff --git a/packages/react-core/package.json b/packages/react-core/package.json index cd563c727ae..c77fb9cd64d 100644 --- a/packages/react-core/package.json +++ b/packages/react-core/package.json @@ -54,7 +54,7 @@ "tslib": "^2.8.1" }, "devDependencies": { - "@patternfly/patternfly": "6.5.0-prerelease.62", + "@patternfly/patternfly": "6.5.0-prerelease.65", "case-anything": "^3.1.2", "css": "^3.0.0", "fs-extra": "^11.3.3" diff --git a/packages/react-core/src/components/Page/Page.tsx b/packages/react-core/src/components/Page/Page.tsx index d2d4cab4e67..c0b02c4caec 100644 --- a/packages/react-core/src/components/Page/Page.tsx +++ b/packages/react-core/src/components/Page/Page.tsx @@ -348,7 +348,13 @@ class Page extends Component { )} > {skipToContent} - {variant === 'docked' ?
{masthead}
: masthead} + {variant === 'docked' ? ( +
+
{masthead}
+
+ ) : ( + masthead + )} {sidebar} {notificationDrawer && (
diff --git a/packages/react-core/src/components/Page/PageGroup.tsx b/packages/react-core/src/components/Page/PageGroup.tsx index 105a9979ec6..71cebd170ed 100644 --- a/packages/react-core/src/components/Page/PageGroup.tsx +++ b/packages/react-core/src/components/Page/PageGroup.tsx @@ -27,6 +27,10 @@ export interface PageGroupProps extends React.HTMLProps { hasOverflowScroll?: boolean; /** Adds an accessible name to the page group when the hasOverflowScroll prop is set to true. */ 'aria-label'?: string; + /** Adds plain styling to the page group. */ + isPlain?: boolean; + /** @beta Prevents the page group from automatically applying plain styling when glass theme is enabled. */ + isNoPlainOnGlass?: boolean; } export const PageGroup = ({ @@ -38,6 +42,8 @@ export const PageGroup = ({ hasShadowBottom = false, hasOverflowScroll = false, 'aria-label': ariaLabel, + isPlain = false, + isNoPlainOnGlass = false, ...props }: PageGroupProps) => { const { height, getVerticalBreakpoint } = useContext(PageContext); @@ -60,6 +66,8 @@ export const PageGroup = ({ hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, + isPlain && styles.modifiers.plain, + isNoPlainOnGlass && styles.modifiers.noPlainOnGlass, className )} {...(hasOverflowScroll && { tabIndex: 0, role: 'region', 'aria-label': ariaLabel })} diff --git a/packages/react-core/src/components/Page/PageSection.tsx b/packages/react-core/src/components/Page/PageSection.tsx index f1f829ac2da..08956ae0aa2 100644 --- a/packages/react-core/src/components/Page/PageSection.tsx +++ b/packages/react-core/src/components/Page/PageSection.tsx @@ -67,6 +67,10 @@ export interface PageSectionProps extends React.HTMLProps { 'aria-label'?: string; /** Sets the base component to render. Defaults to section */ component?: keyof React.JSX.IntrinsicElements; + /** Adds plain styling to the page section. */ + isPlain?: boolean; + /** @beta Prevents the page section from automatically applying plain styling when glass theme is enabled. */ + isNoPlainOnGlass?: boolean; } const variantType = { @@ -98,6 +102,8 @@ export const PageSection: React.FunctionComponent = ({ 'aria-label': ariaLabel, component = 'section', hasBodyWrapper = true, + isPlain = false, + isNoPlainOnGlass = false, ...props }: PageSectionProps) => { const { height, getVerticalBreakpoint } = useContext(PageContext); @@ -126,6 +132,8 @@ export const PageSection: React.FunctionComponent = ({ hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, + isPlain && styles.modifiers.plain, + isNoPlainOnGlass && styles.modifiers.noPlainOnGlass, className )} {...(hasOverflowScroll && { tabIndex: 0 })} diff --git a/packages/react-core/src/components/Page/PageSidebar.tsx b/packages/react-core/src/components/Page/PageSidebar.tsx index 17efcebeccc..9568d467edc 100644 --- a/packages/react-core/src/components/Page/PageSidebar.tsx +++ b/packages/react-core/src/components/Page/PageSidebar.tsx @@ -50,7 +50,9 @@ export const PageSidebar: React.FunctionComponent = ({ aria-hidden={!sidebarOpen} {...props} > - {children} + +
{children}
+
); }} diff --git a/packages/react-core/src/components/Page/__tests__/Generated/__snapshots__/PageSidebar.test.tsx.snap b/packages/react-core/src/components/Page/__tests__/Generated/__snapshots__/PageSidebar.test.tsx.snap index 838c24de82a..6466a982884 100644 --- a/packages/react-core/src/components/Page/__tests__/Generated/__snapshots__/PageSidebar.test.tsx.snap +++ b/packages/react-core/src/components/Page/__tests__/Generated/__snapshots__/PageSidebar.test.tsx.snap @@ -7,8 +7,12 @@ exports[`PageSidebar should match snapshot (auto-generated) 1`] = ` class="pf-v6-c-page__sidebar ''" id="page-sidebar" > -
- ReactNode +
+
+ ReactNode +
diff --git a/packages/react-core/src/components/Page/__tests__/Page.test.tsx b/packages/react-core/src/components/Page/__tests__/Page.test.tsx index 78ca03fb714..d1258ac18f2 100644 --- a/packages/react-core/src/components/Page/__tests__/Page.test.tsx +++ b/packages/react-core/src/components/Page/__tests__/Page.test.tsx @@ -406,4 +406,11 @@ describe('Page', () => { render(); expect(screen.getByTestId('page')).not.toHaveClass(styles.modifiers.dock); }); + + test(`Renders with ${styles.pageDockMain} wrapper when variant is docked`, () => { + render(Masthead} data-testid="page">); + + const pageDockMain = screen.getByText('Masthead').closest(`.${styles.pageDockMain}`); + expect(pageDockMain).toBeInTheDocument(); + }); }); diff --git a/packages/react-core/src/components/Page/__tests__/PageGroup.test.tsx b/packages/react-core/src/components/Page/__tests__/PageGroup.test.tsx index 6ff0d053100..5377adacfb6 100644 --- a/packages/react-core/src/components/Page/__tests__/PageGroup.test.tsx +++ b/packages/react-core/src/components/Page/__tests__/PageGroup.test.tsx @@ -2,92 +2,102 @@ import { render, screen } from '@testing-library/react'; import { PageGroup } from '../PageGroup'; import styles from '@patternfly/react-styles/css/components/Page/page'; -describe('page group', () => { - test('Verify basic render', () => { - const { asFragment } = render(test); - expect(asFragment()).toMatchSnapshot(); - }); - test('Verify top sticky', () => { - const { asFragment } = render(test); - expect(asFragment()).toMatchSnapshot(); - }); - test('Verify bottom sticky', () => { - const { asFragment } = render(test); - expect(asFragment()).toMatchSnapshot(); - }); - test('Verify top shadow', () => { - const { asFragment } = render(test); - expect(asFragment()).toMatchSnapshot(); - }); - test('Verify bottom shadow', () => { - const { asFragment } = render(test); - expect(asFragment()).toMatchSnapshot(); - }); - test('Verify overflow scroll', () => { - const { asFragment } = render(test); - expect(asFragment()).toMatchSnapshot(); - }); - - test('Renders without an aria-label by default', () => { - render(test); - - expect(screen.getByText('test')).not.toHaveAccessibleName('Test label'); - }); - - test('Renders with the passed aria-label applied', () => { - render( - - test - - ); - - expect(screen.getByText('test')).toHaveAccessibleName('Test label'); - }); - - test('Does not log a warning in the console by default', () => { - const consoleWarning = jest.spyOn(console, 'warn').mockImplementation(); - - render(test); - - expect(consoleWarning).not.toHaveBeenCalled(); - }); - - test('Does not log a warning in the console when an aria-label is included with hasOverflowScroll', () => { - const consoleWarning = jest.spyOn(console, 'warn').mockImplementation(); - - render( - - test - - ); - - expect(consoleWarning).not.toHaveBeenCalled(); - }); - - test('Logs a warning in the console when an aria-label is not included with hasOverflowScroll', () => { - const consoleWarning = jest.spyOn(console, 'warn').mockImplementation(); - - render(test); - - expect(consoleWarning).toHaveBeenCalled(); - }); - - test(`Does not render with ${styles.modifiers.fill} or ${styles.modifiers.noFill} if isFilled is not passed`, () => { - render(test); - - expect(screen.getByText('test')).not.toHaveClass(styles.modifiers.fill); - expect(screen.getByText('test')).not.toHaveClass(styles.modifiers.noFill); - }); - - test(`Renders with ${styles.modifiers.fill} if isFilled={true} is passed`, () => { - render(test); - - expect(screen.getByText('test')).toHaveClass(styles.modifiers.fill); - }); - - test(`Renders with ${styles.modifiers.noFill} if isFilled={false} is passed`, () => { - render(test); - - expect(screen.getByText('test')).toHaveClass(styles.modifiers.noFill); - }); +test('Verify basic render', () => { + const { asFragment } = render(test); + expect(asFragment()).toMatchSnapshot(); +}); +test('Verify top sticky', () => { + const { asFragment } = render(test); + expect(asFragment()).toMatchSnapshot(); +}); +test('Verify bottom sticky', () => { + const { asFragment } = render(test); + expect(asFragment()).toMatchSnapshot(); +}); +test('Verify top shadow', () => { + const { asFragment } = render(test); + expect(asFragment()).toMatchSnapshot(); +}); +test('Verify bottom shadow', () => { + const { asFragment } = render(test); + expect(asFragment()).toMatchSnapshot(); +}); +test('Verify overflow scroll', () => { + const { asFragment } = render(test); + expect(asFragment()).toMatchSnapshot(); +}); + +test('Renders without an aria-label by default', () => { + render(test); + + expect(screen.getByText('test')).not.toHaveAccessibleName('Test label'); +}); + +test('Renders with the passed aria-label applied', () => { + render( + + test + + ); + + expect(screen.getByText('test')).toHaveAccessibleName('Test label'); +}); + +test('Does not log a warning in the console by default', () => { + const consoleWarning = jest.spyOn(console, 'warn').mockImplementation(); + + render(test); + + expect(consoleWarning).not.toHaveBeenCalled(); +}); + +test('Does not log a warning in the console when an aria-label is included with hasOverflowScroll', () => { + const consoleWarning = jest.spyOn(console, 'warn').mockImplementation(); + + render( + + test + + ); + + expect(consoleWarning).not.toHaveBeenCalled(); +}); + +test('Logs a warning in the console when an aria-label is not included with hasOverflowScroll', () => { + const consoleWarning = jest.spyOn(console, 'warn').mockImplementation(); + + render(test); + + expect(consoleWarning).toHaveBeenCalled(); +}); + +test(`Does not render with ${styles.modifiers.fill} or ${styles.modifiers.noFill} if isFilled is not passed`, () => { + render(test); + + expect(screen.getByText('test')).not.toHaveClass(styles.modifiers.fill); + expect(screen.getByText('test')).not.toHaveClass(styles.modifiers.noFill); +}); + +test(`Renders with ${styles.modifiers.fill} if isFilled={true} is passed`, () => { + render(test); + + expect(screen.getByText('test')).toHaveClass(styles.modifiers.fill); +}); + +test(`Renders with ${styles.modifiers.noFill} if isFilled={false} is passed`, () => { + render(test); + + expect(screen.getByText('test')).toHaveClass(styles.modifiers.noFill); +}); + +test(`Renders with ${styles.modifiers.plain} class when isPlain is true`, () => { + render(test); + + expect(screen.getByText('test')).toHaveClass(styles.modifiers.plain); +}); + +test(`Renders with ${styles.modifiers.noPlainOnGlass} class when isNoPlainOnGlass is true`, () => { + render(test); + + expect(screen.getByText('test')).toHaveClass(styles.modifiers.noPlainOnGlass); }); diff --git a/packages/react-core/src/components/Page/__tests__/PageSection.test.tsx b/packages/react-core/src/components/Page/__tests__/PageSection.test.tsx index d0662dead9c..4cd665c49d2 100644 --- a/packages/react-core/src/components/Page/__tests__/PageSection.test.tsx +++ b/packages/react-core/src/components/Page/__tests__/PageSection.test.tsx @@ -179,3 +179,23 @@ test(`Renders with ${styles.modifiers.noFill} if isFilled={false} is passed`, () expect(screen.getByRole('main')).toHaveClass(styles.modifiers.noFill); }); + +test(`Renders with ${styles.modifiers.plain} class when isPlain is true`, () => { + render( + + test + + ); + + expect(screen.getByText('test')).toHaveClass(styles.modifiers.plain); +}); + +test(`Renders with ${styles.modifiers.noPlainOnGlass} class when isNoPlainOnGlass is true`, () => { + render( + + test + + ); + + expect(screen.getByText('test')).toHaveClass(styles.modifiers.noPlainOnGlass); +}); diff --git a/packages/react-core/src/components/Page/__tests__/PageSidebar.test.tsx b/packages/react-core/src/components/Page/__tests__/PageSidebar.test.tsx new file mode 100644 index 00000000000..75fb742bd38 --- /dev/null +++ b/packages/react-core/src/components/Page/__tests__/PageSidebar.test.tsx @@ -0,0 +1,9 @@ +import { render, screen } from '@testing-library/react'; +import { PageSidebar } from '../PageSidebar'; +import styles from '@patternfly/react-styles/css/components/Page/page'; + +test(`Renders with ${styles.pageSidebarMain} wrapper`, () => { + render(Test); + + expect(screen.getByText('Test')).toHaveClass(styles.pageSidebarMain); +}); diff --git a/packages/react-core/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap b/packages/react-core/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap index 5ba018ace56..c7376a7f41f 100644 --- a/packages/react-core/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap +++ b/packages/react-core/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap @@ -16,9 +16,13 @@ exports[`Page Check dark page against snapshot 1`] = ` id="page-sidebar" >
- Navigation +
+ Navigation +
+ > +
+
@@ -94,7 +102,11 @@ exports[`Page Check page to verify breadcrumb is created - PageBreadcrumb syntax aria-hidden="false" class="pf-v6-c-page__sidebar" id="page-sidebar" - /> + > +
+
@@ -239,7 +251,11 @@ exports[`Page Check page to verify breadcrumb is created 1`] = ` aria-hidden="false" class="pf-v6-c-page__sidebar" id="page-sidebar" - /> + > +
+
@@ -388,7 +404,11 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s aria-hidden="false" class="pf-v6-c-page__sidebar" id="page-sidebar" - /> + > +
+
@@ -631,7 +651,11 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt aria-hidden="false" class="pf-v6-c-page__sidebar" id="page-sidebar" - /> + > +
+
@@ -915,7 +939,11 @@ exports[`Page Check page to verify skip to content points to main content region aria-hidden="false" class="pf-v6-c-page__sidebar" id="page-sidebar" - /> + > +
+
@@ -1067,9 +1095,13 @@ exports[`Page Check page vertical layout example against snapshot 1`] = ` id="page-sidebar" >
- Navigation +
+ Navigation +
+ > +
+
@@ -1253,7 +1289,11 @@ exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = ` aria-hidden="false" class="pf-v6-c-page__sidebar" id="page-sidebar" - /> + > +
+
@@ -1402,7 +1442,11 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBread aria-hidden="false" class="pf-v6-c-page__sidebar" id="page-sidebar" - /> + > +
+
@@ -1547,7 +1591,11 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints 1`] = ` aria-hidden="false" class="pf-v6-c-page__sidebar" id="page-sidebar" - /> + > +
+
diff --git a/packages/react-core/src/components/Page/__tests__/__snapshots__/PageGroup.test.tsx.snap b/packages/react-core/src/components/Page/__tests__/__snapshots__/PageGroup.test.tsx.snap index 0ed02746d7d..4d41b398901 100644 --- a/packages/react-core/src/components/Page/__tests__/__snapshots__/PageGroup.test.tsx.snap +++ b/packages/react-core/src/components/Page/__tests__/__snapshots__/PageGroup.test.tsx.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`page group Verify basic render 1`] = ` +exports[`Verify basic render 1`] = `
`; -exports[`page group Verify bottom shadow 1`] = ` +exports[`Verify bottom shadow 1`] = `
`; -exports[`page group Verify bottom sticky 1`] = ` +exports[`Verify bottom sticky 1`] = `
`; -exports[`page group Verify overflow scroll 1`] = ` +exports[`Verify overflow scroll 1`] = `
`; -exports[`page group Verify top shadow 1`] = ` +exports[`Verify top shadow 1`] = `
`; -exports[`page group Verify top sticky 1`] = ` +exports[`Verify top sticky 1`] = `
` component includes the smaller area that typically contains the `` and a ``. `` represents the main portion of the masthead, and will typically contain a `` or other menu-like components, like a ``. - - Mastheads contain a `` component, which includes the ``, a ``, and the page's toolbar (via ``.) The `` component contains a ``, and the `` component contains a ``. +- Mastheads contain a `` component, which includes the ``, a ``, and the page's toolbar (via ``.) The `` component contains a ``, and the `` component contains a ``. - 1 or more `` components inside `` for vertical navigation or other sidebar content - 1 or more `` components @@ -123,3 +123,11 @@ The content in this example is placed in a card to better illustrate how the sec ```ts file="./PageCenteredSection.tsx" ``` + +### Plain sections and groups + +To remove the default background color from a page section or group, use the `isPlain` property on `` or `` components. + +```ts file="./PagePlainSections.tsx" + +``` diff --git a/packages/react-core/src/components/Page/examples/PagePlainSections.tsx b/packages/react-core/src/components/Page/examples/PagePlainSections.tsx new file mode 100644 index 00000000000..1fcf047ebf7 --- /dev/null +++ b/packages/react-core/src/components/Page/examples/PagePlainSections.tsx @@ -0,0 +1,93 @@ +import { useState } from 'react'; +import { + Page, + Masthead, + MastheadMain, + MastheadToggle, + MastheadBrand, + MastheadLogo, + MastheadContent, + PageSidebar, + PageSidebarBody, + PageSection, + PageGroup, + PageToggleButton, + Toolbar, + ToolbarContent, + ToolbarItem +} from '@patternfly/react-core'; + +export const PagePlainSections: React.FunctionComponent = () => { + const [isSidebarOpen, setIsSidebarOpen] = useState(true); + + const onSidebarToggle = () => { + setIsSidebarOpen(!isSidebarOpen); + }; + + const headerToolbar = ( + + + header-tools + + + ); + + const masthead = ( + + + + + + + + Logo + + + + {headerToolbar} + + ); + + const sidebar = ( + + Navigation + + ); + + return ( + + +

Plain PageSection

+

+ This section uses isPlain to apply plain styling with no background color. +

+ + +

Default PageSection

+

This section has the default styling with a background color.

+ + + +

PageSection inside Plain PageGroup

+

+ This section is inside a PageGroup with isPlain applied. +

+ + +

Another Section in Plain Group

+

Both sections are grouped with plain styling.

+ + + +

Secondary Variant Section

+

This section uses the secondary variant for contrast.

+ + + ); +}; diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index 96c4663c40b..ae03e966aaa 100644 --- a/packages/react-docs/package.json +++ b/packages/react-docs/package.json @@ -23,7 +23,7 @@ "test:a11y": "patternfly-a11y --config patternfly-a11y.config" }, "dependencies": { - "@patternfly/patternfly": "6.5.0-prerelease.62", + "@patternfly/patternfly": "6.5.0-prerelease.65", "@patternfly/react-charts": "workspace:^", "@patternfly/react-code-editor": "workspace:^", "@patternfly/react-core": "workspace:^", diff --git a/packages/react-icons/package.json b/packages/react-icons/package.json index 95d6deabeef..978b4b5ea8a 100644 --- a/packages/react-icons/package.json +++ b/packages/react-icons/package.json @@ -35,7 +35,7 @@ "@fortawesome/free-brands-svg-icons": "^5.15.4", "@fortawesome/free-regular-svg-icons": "^5.15.4", "@fortawesome/free-solid-svg-icons": "^5.15.4", - "@patternfly/patternfly": "6.5.0-prerelease.62", + "@patternfly/patternfly": "6.5.0-prerelease.65", "@rhds/icons": "^2.1.0", "fs-extra": "^11.3.3", "tslib": "^2.8.1" diff --git a/packages/react-styles/package.json b/packages/react-styles/package.json index 88ccad5eda3..ad59ad9bb37 100644 --- a/packages/react-styles/package.json +++ b/packages/react-styles/package.json @@ -19,7 +19,7 @@ "clean": "rimraf dist css" }, "devDependencies": { - "@patternfly/patternfly": "6.5.0-prerelease.62", + "@patternfly/patternfly": "6.5.0-prerelease.65", "change-case": "^5.4.4", "fs-extra": "^11.3.3" }, diff --git a/packages/react-tokens/package.json b/packages/react-tokens/package.json index e736e78ad94..ec30c07d4dc 100644 --- a/packages/react-tokens/package.json +++ b/packages/react-tokens/package.json @@ -30,7 +30,7 @@ }, "devDependencies": { "@adobe/css-tools": "^4.4.4", - "@patternfly/patternfly": "6.5.0-prerelease.62", + "@patternfly/patternfly": "6.5.0-prerelease.65", "fs-extra": "^11.3.3" } } diff --git a/yarn.lock b/yarn.lock index 55b094e0b08..9b11737b8cf 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5070,10 +5070,10 @@ __metadata: languageName: node linkType: hard -"@patternfly/patternfly@npm:6.5.0-prerelease.62": - version: 6.5.0-prerelease.62 - resolution: "@patternfly/patternfly@npm:6.5.0-prerelease.62" - checksum: 10c0/e918cd5e92df7bd6d69e27394a0053a84bd82c5e7f5028bea101f4687019afb46887c6fd27cbbc8f0e759b66dd40a25315637fb509eef17066d319a6e82167d6 +"@patternfly/patternfly@npm:6.5.0-prerelease.65": + version: 6.5.0-prerelease.65 + resolution: "@patternfly/patternfly@npm:6.5.0-prerelease.65" + checksum: 10c0/5d6042bb3b3a562b3b1421395edbbd5899f84a3349d45be29f9d3d9a9e18968b8e86275f75a86b9a3720db905679b52a4227377b640c0096f498d584e5f4c2fb languageName: node linkType: hard @@ -5171,7 +5171,7 @@ __metadata: version: 0.0.0-use.local resolution: "@patternfly/react-core@workspace:packages/react-core" dependencies: - "@patternfly/patternfly": "npm:6.5.0-prerelease.62" + "@patternfly/patternfly": "npm:6.5.0-prerelease.65" "@patternfly/react-icons": "workspace:^" "@patternfly/react-styles": "workspace:^" "@patternfly/react-tokens": "workspace:^" @@ -5192,7 +5192,7 @@ __metadata: resolution: "@patternfly/react-docs@workspace:packages/react-docs" dependencies: "@patternfly/documentation-framework": "npm:^6.36.8" - "@patternfly/patternfly": "npm:6.5.0-prerelease.62" + "@patternfly/patternfly": "npm:6.5.0-prerelease.65" "@patternfly/patternfly-a11y": "npm:5.1.0" "@patternfly/react-charts": "workspace:^" "@patternfly/react-code-editor": "workspace:^" @@ -5232,7 +5232,7 @@ __metadata: "@fortawesome/free-brands-svg-icons": "npm:^5.15.4" "@fortawesome/free-regular-svg-icons": "npm:^5.15.4" "@fortawesome/free-solid-svg-icons": "npm:^5.15.4" - "@patternfly/patternfly": "npm:6.5.0-prerelease.62" + "@patternfly/patternfly": "npm:6.5.0-prerelease.65" "@rhds/icons": "npm:^2.1.0" fs-extra: "npm:^11.3.3" tslib: "npm:^2.8.1" @@ -5319,7 +5319,7 @@ __metadata: version: 0.0.0-use.local resolution: "@patternfly/react-styles@workspace:packages/react-styles" dependencies: - "@patternfly/patternfly": "npm:6.5.0-prerelease.62" + "@patternfly/patternfly": "npm:6.5.0-prerelease.65" change-case: "npm:^5.4.4" fs-extra: "npm:^11.3.3" languageName: unknown @@ -5361,7 +5361,7 @@ __metadata: resolution: "@patternfly/react-tokens@workspace:packages/react-tokens" dependencies: "@adobe/css-tools": "npm:^4.4.4" - "@patternfly/patternfly": "npm:6.5.0-prerelease.62" + "@patternfly/patternfly": "npm:6.5.0-prerelease.65" fs-extra: "npm:^11.3.3" languageName: unknown linkType: soft