diff --git a/packages/react-charts/src/victory/components/ChartContainer/__snapshots__/ChartContainer.test.tsx.snap b/packages/react-charts/src/victory/components/ChartContainer/__snapshots__/ChartContainer.test.tsx.snap index bb1f6999d9d..76924f7620a 100644 --- a/packages/react-charts/src/victory/components/ChartContainer/__snapshots__/ChartContainer.test.tsx.snap +++ b/packages/react-charts/src/victory/components/ChartContainer/__snapshots__/ChartContainer.test.tsx.snap @@ -76,7 +76,7 @@ exports[`renders container via ChartLegend 1`] = ` z" role="presentation" shape-rendering="auto" - style="stroke: var(--pf-v6-chart-legend--data--stroke--Color, rgba(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-legend--data--stroke--Width, 0px); fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);" + style="stroke: var(--pf-v6-chart-legend--data--stroke--Color, rgb(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-legend--data--stroke--Width, 0px); fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);" /> @@ -83,35 +83,35 @@ exports[`ChartDonut 2`] = ` d="M1.1182570896040502,-94.99341819874444A95,95,0,0,1,60.203957590455154,-73.48798194566699L54.41842631991018,-66.59305426892888A86,86,0,0,0,1.1182570896040516,-85.99272935011163Z" role="presentation" shape-rendering="auto" - style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); padding: 8px; stroke: var(--pf-v6-chart-donut--pie--data--stroke--Color, rgba(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-donut--pie--data--stroke--Width, 0px);" + style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); padding: 8px; stroke: var(--pf-v6-chart-donut--pie--data--stroke--Color, rgb(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-donut--pie--data--stroke--Width, 0px);" transform="translate(115, 115)" /> @@ -148,21 +148,21 @@ exports[`renders component data 1`] = ` d="M0.9334130156923648,-79.99455444055012A80,80,0,0,1,65.26560040477878,46.26447237139683L57.983888959835994,40.97399932998254A71,71,0,0,0,0.9334130156923663,-70.99386410206263Z" role="presentation" shape-rendering="auto" - style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); padding: 8px; stroke: var(--pf-v6-chart-donut--pie--data--stroke--Color, rgba(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-donut--pie--data--stroke--Width, 0px);" + style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); padding: 8px; stroke: var(--pf-v6-chart-donut--pie--data--stroke--Color, rgb(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-donut--pie--data--stroke--Width, 0px);" transform="translate(100, 100)" /> diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/__snapshots__/ChartDonutThreshold.test.tsx.snap b/packages/react-charts/src/victory/components/ChartDonutUtilization/__snapshots__/ChartDonutThreshold.test.tsx.snap index ed2911f81a7..3aba38aaa53 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/__snapshots__/ChartDonutThreshold.test.tsx.snap +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/__snapshots__/ChartDonutThreshold.test.tsx.snap @@ -18,7 +18,7 @@ exports[`ChartDonutThreshold 1`] = ` d="M5.8170722959499274e-15,-95L5.2659812363336185e-15,-86Z" role="presentation" shape-rendering="auto" - style="fill: var(--pf-v6-chart-donut--threshold--first--Color, #e0e0e0); padding: 8px; stroke: var(--pf-v6-chart-donut--pie--data--stroke--Color, rgba(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-donut--pie--data--stroke--Width, 0px);" + style="fill: var(--pf-v6-chart-donut--threshold--first--Color, #e0e0e0); padding: 8px; stroke: var(--pf-v6-chart-donut--pie--data--stroke--Color, rgb(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-donut--pie--data--stroke--Width, 0px);" transform="translate(115, 115)" /> @@ -55,7 +55,7 @@ exports[`ChartDonutThreshold 2`] = ` d="M5.8170722959499274e-15,-95L5.2659812363336185e-15,-86Z" role="presentation" shape-rendering="auto" - style="fill: var(--pf-v6-chart-donut--threshold--first--Color, #e0e0e0); padding: 8px; stroke: var(--pf-v6-chart-donut--pie--data--stroke--Color, rgba(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-donut--pie--data--stroke--Width, 0px);" + style="fill: var(--pf-v6-chart-donut--threshold--first--Color, #e0e0e0); padding: 8px; stroke: var(--pf-v6-chart-donut--pie--data--stroke--Color, rgb(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-donut--pie--data--stroke--Width, 0px);" transform="translate(115, 115)" /> @@ -92,28 +92,28 @@ exports[`renders component data 1`] = ` d="M0.9334130156923648,-79.99455444055012A80,80,0,0,1,46.26447237139683,-65.26560040477877L40.97399932998254,-57.983888959835994A71,71,0,0,0,0.9334130156923663,-70.99386410206263Z" role="presentation" shape-rendering="auto" - style="fill: var(--pf-v6-chart-donut--threshold--first--Color, #e0e0e0); padding: 8px; stroke: var(--pf-v6-chart-donut--pie--data--stroke--Color, rgba(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-donut--pie--data--stroke--Width, 0px);" + style="fill: var(--pf-v6-chart-donut--threshold--first--Color, #e0e0e0); padding: 8px; stroke: var(--pf-v6-chart-donut--pie--data--stroke--Color, rgb(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-donut--pie--data--stroke--Width, 0px);" transform="translate(100, 100)" /> diff --git a/packages/react-charts/src/victory/components/ChartDonutUtilization/__snapshots__/ChartDonutUtilization.test.tsx.snap b/packages/react-charts/src/victory/components/ChartDonutUtilization/__snapshots__/ChartDonutUtilization.test.tsx.snap index 6836ecc4ea9..2752138d859 100644 --- a/packages/react-charts/src/victory/components/ChartDonutUtilization/__snapshots__/ChartDonutUtilization.test.tsx.snap +++ b/packages/react-charts/src/victory/components/ChartDonutUtilization/__snapshots__/ChartDonutUtilization.test.tsx.snap @@ -18,14 +18,14 @@ exports[`ChartDonutUtilization 1`] = ` d="M5.8170722959499274e-15,-95L5.2659812363336185e-15,-86Z" role="presentation" shape-rendering="auto" - style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); padding: 8px; stroke: var(--pf-v6-chart-donut--pie--data--stroke--Color, rgba(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-donut--pie--data--stroke--Width, 0px);" + style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); padding: 8px; stroke: var(--pf-v6-chart-donut--pie--data--stroke--Color, rgb(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-donut--pie--data--stroke--Width, 0px);" transform="translate(115, 115)" /> @@ -62,14 +62,14 @@ exports[`ChartDonutUtilization 2`] = ` d="M5.8170722959499274e-15,-95L5.2659812363336185e-15,-86Z" role="presentation" shape-rendering="auto" - style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); padding: 8px; stroke: var(--pf-v6-chart-donut--pie--data--stroke--Color, rgba(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-donut--pie--data--stroke--Width, 0px);" + style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); padding: 8px; stroke: var(--pf-v6-chart-donut--pie--data--stroke--Color, rgb(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-donut--pie--data--stroke--Width, 0px);" transform="translate(115, 115)" /> @@ -106,14 +106,14 @@ exports[`renders component data 1`] = ` d="M0.9334130156923648,-79.99455444055012A80,80,0,0,1,65.26560040477878,46.26447237139683L57.983888959835994,40.97399932998254A71,71,0,0,0,0.9334130156923663,-70.99386410206263Z" role="presentation" shape-rendering="auto" - style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); padding: 8px; stroke: var(--pf-v6-chart-donut--pie--data--stroke--Color, rgba(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-donut--pie--data--stroke--Width, 0px);" + style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); padding: 8px; stroke: var(--pf-v6-chart-donut--pie--data--stroke--Color, rgb(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-donut--pie--data--stroke--Width, 0px);" transform="translate(100, 100)" /> diff --git a/packages/react-charts/src/victory/components/ChartLegend/__snapshots__/ChartLegend.test.tsx.snap b/packages/react-charts/src/victory/components/ChartLegend/__snapshots__/ChartLegend.test.tsx.snap index bd9a91ce07a..317e45b3fda 100644 --- a/packages/react-charts/src/victory/components/ChartLegend/__snapshots__/ChartLegend.test.tsx.snap +++ b/packages/react-charts/src/victory/components/ChartLegend/__snapshots__/ChartLegend.test.tsx.snap @@ -31,7 +31,7 @@ exports[`ChartLegend 1`] = ` z" role="presentation" shape-rendering="auto" - style="stroke: var(--pf-v6-chart-legend--data--stroke--Color, rgba(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-legend--data--stroke--Width, 0px); fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);" + style="stroke: var(--pf-v6-chart-legend--data--stroke--Color, rgb(255, 255, 255, 0.0000)); stroke-width: var(--pf-v6-chart-legend--data--stroke--Width, 0px); fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);" /> , HTMLImageElement > { + /** Content rendered inside the avatar. */ + children?: React.ReactNode; /** Additional classes added to the avatar. */ className?: string; /** Attribute that specifies the URL of the image for the avatar. */ src?: string; - /** Attribute that specifies the alternate text of the image for the avatar. */ + /** Attribute that specifies the alternate text of the image for the avatar. Will set aria-label avatars using children or initials. */ alt: string; /** Flag to indicate the avatar should have a border. */ isBordered?: boolean; /** Size variant of avatar. */ size?: 'sm' | 'md' | 'lg' | 'xl'; + /** Color of the avatar. */ + color?: 'red' | 'orangered' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'purple' | 'gray'; + /** Initials of the avatar. */ + initials?: string; } export const Avatar: React.FunctionComponent = ({ + children, className, src = '', alt, isBordered, size, + color, + initials, ...props -}: AvatarProps) => ( - {alt} -); +}: AvatarProps) => { + const avatarClasses = css(styles.avatar, styles.modifiers[size], isBordered && styles.modifiers.bordered, className); + + if (initials || children) { + return ( +
+ {initials && ( + + )} + {children && children} +
+ ); + } + + return {alt}; +}; Avatar.displayName = 'Avatar'; diff --git a/packages/react-core/src/components/Avatar/__tests__/Avatar.test.tsx b/packages/react-core/src/components/Avatar/__tests__/Avatar.test.tsx index 8f3b066e074..1b509a48155 100644 --- a/packages/react-core/src/components/Avatar/__tests__/Avatar.test.tsx +++ b/packages/react-core/src/components/Avatar/__tests__/Avatar.test.tsx @@ -62,6 +62,35 @@ test('Renders with passed aria-label prop', () => { expect(screen.getByRole('img')).toHaveAccessibleName('Avatar test'); }); +test('Renders with passed initials prop', () => { + render(); + expect(screen.getByText('AB')).toBeVisible(); +}); + +test('Renders with passed children prop', () => { + render(Test); + expect(screen.getByText('Test')).toBeVisible(); +}); + +test(`Renders with class name ${styles.modifiers.colorful} when color prop is passed`, () => { + render( + + Test + + ); + expect(screen.getByText('Test')).toHaveClass(styles.modifiers.colorful); +}); + +const colors = ['red', 'orangered', 'orange', 'yellow', 'green', 'teal', 'blue', 'purple', 'gray'] as const; +test.each(colors)('Renders with passed color prop: %s', (color) => { + render( + + Test + + ); + expect(screen.getByText('Test')).toHaveClass(styles.modifiers[color]); +}); + test('Matches the snapshot', () => { const { asFragment } = render(); diff --git a/packages/react-core/src/components/Avatar/examples/Avatar.md b/packages/react-core/src/components/Avatar/examples/Avatar.md index 75417fde012..5280a7ef360 100644 --- a/packages/react-core/src/components/Avatar/examples/Avatar.md +++ b/packages/react-core/src/components/Avatar/examples/Avatar.md @@ -5,22 +5,47 @@ cssPrefix: pf-v6-c-avatar propComponents: ['Avatar'] --- +import './avatar.css'; import { Fragment } from 'react'; -import avatarImg from '../../assets/avatarImg.svg'; +import avatarImg from '../../assets/img_avatar-light.svg'; +import RhUiAiChatbotIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ai-chatbot-icon'; ## Examples ### Basic ```ts file="./AvatarBasic.tsx" + ``` -### Bordered +### Bordered ```ts file="./AvatarBordered.tsx" + ``` ### Size variations ```ts file="./AvatarSizeVariations.tsx" + +``` + +## Colorful avatars + +### With svgs + +```ts file="./AvatarColorful.tsx" + +``` + +### With initials + +```ts file="./AvatarInitials.tsx" + +``` + +### With icons + +```ts file="./AvatarIcons.tsx" + ``` diff --git a/packages/react-core/src/components/Avatar/examples/AvatarBasic.tsx b/packages/react-core/src/components/Avatar/examples/AvatarBasic.tsx index a166aceb2c3..d7dc488302a 100644 --- a/packages/react-core/src/components/Avatar/examples/AvatarBasic.tsx +++ b/packages/react-core/src/components/Avatar/examples/AvatarBasic.tsx @@ -1,4 +1,4 @@ import { Avatar } from '@patternfly/react-core'; -import avatarImg from '../../assets/avatarImg.svg'; +import avatarImg from '../../assets/img_avatar-light.svg'; ; diff --git a/packages/react-core/src/components/Avatar/examples/AvatarBordered.tsx b/packages/react-core/src/components/Avatar/examples/AvatarBordered.tsx index 429589810e2..a8e90c5a6dc 100644 --- a/packages/react-core/src/components/Avatar/examples/AvatarBordered.tsx +++ b/packages/react-core/src/components/Avatar/examples/AvatarBordered.tsx @@ -1,4 +1,4 @@ import { Avatar } from '@patternfly/react-core'; -import avatarImg from '../../assets/avatarImg.svg'; +import avatarImg from '../../assets/img_avatar-light.svg'; ; diff --git a/packages/react-core/src/components/Avatar/examples/AvatarColorful.tsx b/packages/react-core/src/components/Avatar/examples/AvatarColorful.tsx new file mode 100644 index 00000000000..010e733cd33 --- /dev/null +++ b/packages/react-core/src/components/Avatar/examples/AvatarColorful.tsx @@ -0,0 +1,42 @@ +import { Fragment } from 'react'; +import { Avatar } from '@patternfly/react-core'; + +const avatarSvg = ( + +); + + + + {avatarSvg} + + + {avatarSvg} + + + {avatarSvg} + + + {avatarSvg} + + + {avatarSvg} + + + {avatarSvg} + + + {avatarSvg} + + + {avatarSvg} + + + {avatarSvg} + +; diff --git a/packages/react-core/src/components/Avatar/examples/AvatarIcons.tsx b/packages/react-core/src/components/Avatar/examples/AvatarIcons.tsx new file mode 100644 index 00000000000..56bae6aa227 --- /dev/null +++ b/packages/react-core/src/components/Avatar/examples/AvatarIcons.tsx @@ -0,0 +1,51 @@ +import { Fragment } from 'react'; +import { Avatar, Icon } from '@patternfly/react-core'; +import RhUiAiChatbotIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ai-chatbot-icon'; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +; diff --git a/packages/react-core/src/components/Avatar/examples/AvatarInitials.tsx b/packages/react-core/src/components/Avatar/examples/AvatarInitials.tsx new file mode 100644 index 00000000000..de4beb3818b --- /dev/null +++ b/packages/react-core/src/components/Avatar/examples/AvatarInitials.tsx @@ -0,0 +1,14 @@ +import { Fragment } from 'react'; +import { Avatar } from '@patternfly/react-core'; + + + + + + + + + + + +; diff --git a/packages/react-core/src/components/Avatar/examples/AvatarSizeVariations.tsx b/packages/react-core/src/components/Avatar/examples/AvatarSizeVariations.tsx index 05ae1781ecd..d00d8354c05 100644 --- a/packages/react-core/src/components/Avatar/examples/AvatarSizeVariations.tsx +++ b/packages/react-core/src/components/Avatar/examples/AvatarSizeVariations.tsx @@ -1,21 +1,10 @@ import { Fragment } from 'react'; import { Avatar } from '@patternfly/react-core'; -import avatarImg from '../../assets/avatarImg.svg'; +import avatarImg from '../../assets/img_avatar-light.svg'; - Small -
-
- Medium -
-
- Large -
-
- Extra Large -
; diff --git a/packages/react-core/src/components/Avatar/examples/avatar.css b/packages/react-core/src/components/Avatar/examples/avatar.css new file mode 100644 index 00000000000..6bde99cf5e9 --- /dev/null +++ b/packages/react-core/src/components/Avatar/examples/avatar.css @@ -0,0 +1,7 @@ +#ws-react-c-avatar-with-svgs, +#ws-react-c-avatar-with-initials, +#ws-react-c-avatar-with-icons { + display: flex; + flex-wrap: wrap; + gap: 3px; +} diff --git a/packages/react-core/src/components/assets/img_avatar-light.svg b/packages/react-core/src/components/assets/img_avatar-light.svg new file mode 100644 index 00000000000..dd04ff0cddf --- /dev/null +++ b/packages/react-core/src/components/assets/img_avatar-light.svg @@ -0,0 +1,25 @@ + + + + + + + + + \ No newline at end of file diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json index f4cee2234e7..4a4662c464e 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.2", + "@patternfly/patternfly": "6.6.0-prerelease.8", "@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 da2936519f3..571a8aee467 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.2", + "@patternfly/patternfly": "6.6.0-prerelease.8", "@rhds/icons": "^2.2.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 f570cf5a684..eda179c67fd 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.2", + "@patternfly/patternfly": "6.6.0-prerelease.8", "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 1ccbf347a98..8df9685f791 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.2", + "@patternfly/patternfly": "6.6.0-prerelease.8", "fs-extra": "^11.3.3" } } diff --git a/yarn.lock b/yarn.lock index 402beec4953..8e8f493a823 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5070,10 +5070,10 @@ __metadata: languageName: node linkType: hard -"@patternfly/patternfly@npm:6.5.2": - version: 6.5.2 - resolution: "@patternfly/patternfly@npm:6.5.2" - checksum: 10c0/39a6d06f831f1783b6003dfc98c028c653485e2cd6d15fbad3199514161e249fdff8519e29145a082a174a1b4cbdd21d1f716ddcd1d5c00abfeaacabca0b2518 +"@patternfly/patternfly@npm:6.6.0-prerelease.8": + version: 6.6.0-prerelease.8 + resolution: "@patternfly/patternfly@npm:6.6.0-prerelease.8" + checksum: 10c0/4b701fa77965049934d570f3ea4003326fe213ce38c5c129f83c9cbc2652f8788feccb92eaa1be3e99f5f5ed7c836368b454ad5fd0135cfff4833fffada0203f 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.2" + "@patternfly/patternfly": "npm:6.6.0-prerelease.8" "@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.2" + "@patternfly/patternfly": "npm:6.6.0-prerelease.8" "@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.2" + "@patternfly/patternfly": "npm:6.6.0-prerelease.8" "@rhds/icons": "npm:^2.2.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.2" + "@patternfly/patternfly": "npm:6.6.0-prerelease.8" 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.2" + "@patternfly/patternfly": "npm:6.6.0-prerelease.8" fs-extra: "npm:^11.3.3" languageName: unknown linkType: soft