diff --git a/packages/react-charts/src/echarts/components/themes/colors/skeleton-theme.ts b/packages/react-charts/src/echarts/components/themes/colors/skeleton-theme.ts
index 02fea69d336..ae86b726454 100644
--- a/packages/react-charts/src/echarts/components/themes/colors/skeleton-theme.ts
+++ b/packages/react-charts/src/echarts/components/themes/colors/skeleton-theme.ts
@@ -1,8 +1,8 @@
-import chart_bullet_qualitative_range_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_100';
-import chart_bullet_qualitative_range_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_200';
-import chart_bullet_qualitative_range_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_300';
-import chart_bullet_qualitative_range_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_400';
-import chart_bullet_qualitative_range_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_bullet_qualitative_range_ColorScale_500';
+import chart_skeleton_ColorScale_100 from '@patternfly/react-tokens/dist/esm/chart_skeleton_ColorScale_100';
+import chart_skeleton_ColorScale_200 from '@patternfly/react-tokens/dist/esm/chart_skeleton_ColorScale_200';
+import chart_skeleton_ColorScale_300 from '@patternfly/react-tokens/dist/esm/chart_skeleton_ColorScale_300';
+import chart_skeleton_ColorScale_400 from '@patternfly/react-tokens/dist/esm/chart_skeleton_ColorScale_400';
+import chart_skeleton_ColorScale_500 from '@patternfly/react-tokens/dist/esm/chart_skeleton_ColorScale_500';
import { ColorTheme } from '../skeleton-theme';
import { getComputedStyleValue } from '../../utils/styles';
@@ -14,10 +14,10 @@ import { getComputedStyleValue } from '../../utils/styles';
export const getSkeletonColorTheme = () =>
ColorTheme({
COLOR_SCALE: [
- getComputedStyleValue(chart_bullet_qualitative_range_ColorScale_100),
- getComputedStyleValue(chart_bullet_qualitative_range_ColorScale_200),
- getComputedStyleValue(chart_bullet_qualitative_range_ColorScale_300),
- getComputedStyleValue(chart_bullet_qualitative_range_ColorScale_400),
- getComputedStyleValue(chart_bullet_qualitative_range_ColorScale_500)
+ getComputedStyleValue(chart_skeleton_ColorScale_100),
+ getComputedStyleValue(chart_skeleton_ColorScale_200),
+ getComputedStyleValue(chart_skeleton_ColorScale_300),
+ getComputedStyleValue(chart_skeleton_ColorScale_400),
+ getComputedStyleValue(chart_skeleton_ColorScale_500)
]
});
diff --git a/packages/react-charts/src/victory/components/Chart/__snapshots__/Chart.test.tsx.snap b/packages/react-charts/src/victory/components/Chart/__snapshots__/Chart.test.tsx.snap
index c8a9e294587..a4fce2ae5da 100644
--- a/packages/react-charts/src/victory/components/Chart/__snapshots__/Chart.test.tsx.snap
+++ b/packages/react-charts/src/victory/components/Chart/__snapshots__/Chart.test.tsx.snap
@@ -19,7 +19,7 @@ exports[`Chart 1`] = `
@@ -86,7 +86,7 @@ exports[`ChartArea 2`] = `
d="M50,250L57,246L64,242L71,238L78,234L85,230L92,226L99,222L106,218L113,214.00000000000003L120,210L127,206L134,202L141,198L148,194L155,190L162,185.99999999999997L169,181.99999999999997L176,178L183,174L190,170L197,166.00000000000003L204,162L211,158L218,154L225,150L232,146L239,142L246.00000000000003,138L252.99999999999997,134L260,130L267,126L274,122L281,117.99999999999999L288,113.99999999999999L295,109.99999999999999L302,106L309,102L316,98L323,94L330,89.99999999999999L337,85.99999999999999L344,82L351,78L358,74L365,70L372,65.99999999999999L379,61.999999999999986L386,58.00000000000001L393,54.00000000000001L400,50L400,250L393,250L386,250L379,250L372,250L365,250L358,250L351,250L344,250L337,250L330,250L323,250L316,250L309,250L302,250L295,250L288,250L281,250L274,250L267,250L260,250L252.99999999999997,250L246.00000000000003,250L239,250L232,250L225,250L218,250L211,250L204,250L197,250L190,250L183,250L176,250L169,250L162,250L155,250L148,250L141,250L134,250L127,250L120,250L113,250L106,250L99,250L92,250L85,250L78,250L71,250L64,250L57,250L50,250Z"
role="presentation"
shape-rendering="auto"
- style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); fill-opacity: 0.3; stroke-width: 2; stroke: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);"
+ style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); fill-opacity: var(--pf-v6-chart-area--Opacity, 30%); stroke-width: 2; stroke: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);"
/>
@@ -138,7 +138,7 @@ exports[`renders component data 1`] = `
d="M50,192.85714285714286L166.66666666666666,135.71428571428572L283.3333333333333,67.14285714285712L400,50L400,250L283.3333333333333,250L166.66666666666666,250L50,250Z"
role="presentation"
shape-rendering="auto"
- style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); fill-opacity: 0.3; stroke-width: 2; stroke: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);"
+ style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); fill-opacity: var(--pf-v6-chart-area--Opacity, 30%); stroke-width: 2; stroke: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);"
/>
diff --git a/packages/react-charts/src/victory/components/ChartAxis/__snapshots__/ChartAxis.test.tsx.snap b/packages/react-charts/src/victory/components/ChartAxis/__snapshots__/ChartAxis.test.tsx.snap
index d46c34dd079..2a2d7f87f09 100644
--- a/packages/react-charts/src/victory/components/ChartAxis/__snapshots__/ChartAxis.test.tsx.snap
+++ b/packages/react-charts/src/victory/components/ChartAxis/__snapshots__/ChartAxis.test.tsx.snap
@@ -16,7 +16,7 @@ exports[`ChartAxis 1`] = `
@@ -121,7 +121,7 @@ A 0 0 0 0 1, 55, 250
index="0"
role="presentation"
shape-rendering="auto"
- style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); stroke: var(--pf-v6-chart-bar--data--stroke, none); padding: 8px; stroke-width: 0;"
+ style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); stroke: var(--pf-v6-chart-bar--data--stroke, rgba(255, 255, 255, 0.0000)); padding: 8px; stroke-width: var(--pf-v6-chart-bar--data-stroke--Width, 0px);"
/>
@@ -214,7 +214,7 @@ A 0 0 0 0 1, 68.5, 150
index="0"
role="presentation"
shape-rendering="auto"
- style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); stroke: var(--pf-v6-chart-bar--data--stroke, none); width: 6px; padding: 8px; stroke-width: 0;"
+ style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); stroke: var(--pf-v6-chart-bar--data--stroke, rgba(255, 255, 255, 0.0000)); width: 6px; padding: 8px; stroke-width: var(--pf-v6-chart-bar--data-stroke--Width, 0px);"
/>
@@ -461,7 +461,7 @@ A 0 0 0 0 1, 246.5, 150
@@ -86,7 +86,7 @@ exports[`renders component data 1`] = `
a 6, 6 0 1,0 -12,0"
role="presentation"
shape-rendering="auto"
- style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); opacity: 1; stroke: var(--pf-v6-chart-scatter--data--stroke--Color, transparent); stroke-width: 0;"
+ style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); opacity: 1; stroke: var(--pf-v6-chart-bullet--bar--stroke--Color, #ffffff); stroke-width: var(--pf-v6-chart-bullet--bar--stroke--Width, 0px);"
/>
@@ -97,7 +97,7 @@ exports[`renders component data 1`] = `
a 6, 6 0 1,0 -12,0"
role="presentation"
shape-rendering="auto"
- style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); opacity: 1; stroke: var(--pf-v6-chart-scatter--data--stroke--Color, transparent); stroke-width: 0;"
+ style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); opacity: 1; stroke: var(--pf-v6-chart-bullet--bar--stroke--Color, #ffffff); stroke-width: var(--pf-v6-chart-bullet--bar--stroke--Width, 0px);"
/>
diff --git a/packages/react-charts/src/victory/components/ChartBullet/__snapshots__/ChartBulletPrimarySegmentedMeasure.test.tsx.snap b/packages/react-charts/src/victory/components/ChartBullet/__snapshots__/ChartBulletPrimarySegmentedMeasure.test.tsx.snap
index 6bda69b6a2b..c9288bc2e40 100644
--- a/packages/react-charts/src/victory/components/ChartBullet/__snapshots__/ChartBulletPrimarySegmentedMeasure.test.tsx.snap
+++ b/packages/react-charts/src/victory/components/ChartBullet/__snapshots__/ChartBulletPrimarySegmentedMeasure.test.tsx.snap
@@ -83,7 +83,7 @@ A 0 0 0 0 1, 399.99999999976666, 94.3
index="0"
role="presentation"
shape-rendering="auto"
- style="fill: var(--pf-v6-chart-theme--blue--ColorScale--300, #003366); stroke: var(--pf-v6-chart-bar--data--stroke, none); padding: 8px; stroke-width: 0;"
+ style="fill: var(--pf-v6-chart-theme--blue--ColorScale--300, #003366); stroke: var(--pf-v6-chart-bullet--bar--stroke--Color, #ffffff); padding: 8px; stroke-width: var(--pf-v6-chart-bullet--bar--stroke--Width, 0px);"
/>
diff --git a/packages/react-charts/src/victory/components/ChartBullet/__snapshots__/ChartBulletQualitativeRange.test.tsx.snap b/packages/react-charts/src/victory/components/ChartBullet/__snapshots__/ChartBulletQualitativeRange.test.tsx.snap
index 2f317537431..148077989a7 100644
--- a/packages/react-charts/src/victory/components/ChartBullet/__snapshots__/ChartBulletQualitativeRange.test.tsx.snap
+++ b/packages/react-charts/src/victory/components/ChartBullet/__snapshots__/ChartBulletQualitativeRange.test.tsx.snap
@@ -83,7 +83,7 @@ A 0 0 0 0 1, 399.99999999976666, 104.8
index="0"
role="presentation"
shape-rendering="auto"
- style="fill: var(--pf-v6-chart-bullet--qualitative-range--ColorScale--300, #c7c7c7); stroke: var(--pf-v6-chart-bar--data--stroke, none); padding: 8px; stroke-width: 0;"
+ style="fill: var(--pf-v6-chart-bullet--qualitative-range--ColorScale--300, #c7c7c7); stroke: var(--pf-v6-chart-bar--data--stroke, rgba(255, 255, 255, 0.0000)); padding: 8px; stroke-width: var(--pf-v6-chart-bar--data-stroke--Width, 0px);"
/>
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 dc0e41034f1..bb1f6999d9d 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="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);"
+ 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);"
/>
diff --git a/packages/react-charts/src/victory/components/ChartCursorTooltip/__snapshots__/ChartCursorFlyout.test.tsx.snap b/packages/react-charts/src/victory/components/ChartCursorTooltip/__snapshots__/ChartCursorFlyout.test.tsx.snap
index 4eb9b6d341d..6fa3536b5b7 100644
--- a/packages/react-charts/src/victory/components/ChartCursorTooltip/__snapshots__/ChartCursorFlyout.test.tsx.snap
+++ b/packages/react-charts/src/victory/components/ChartCursorTooltip/__snapshots__/ChartCursorFlyout.test.tsx.snap
@@ -38,7 +38,7 @@ exports[`allows tooltip via container component 1`] = `
d="M50,121.42857142857142L75,92.85714285714286L100,58.57142857142856L125,50L125,150L100,150L75,150L50,150Z"
role="presentation"
shape-rendering="auto"
- style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); width: 6px; fill-opacity: 0.3; stroke-width: 2; stroke: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);"
+ style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); width: 6px; fill-opacity: var(--pf-v6-chart-area--Opacity, 30%); stroke-width: 2; stroke: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);"
/>
diff --git a/packages/react-charts/src/victory/components/ChartCursorTooltip/__snapshots__/ChartCursorTooltip.test.tsx.snap b/packages/react-charts/src/victory/components/ChartCursorTooltip/__snapshots__/ChartCursorTooltip.test.tsx.snap
index 89391fc0b7e..1440f81d9dd 100644
--- a/packages/react-charts/src/victory/components/ChartCursorTooltip/__snapshots__/ChartCursorTooltip.test.tsx.snap
+++ b/packages/react-charts/src/victory/components/ChartCursorTooltip/__snapshots__/ChartCursorTooltip.test.tsx.snap
@@ -38,7 +38,7 @@ exports[`allows tooltip via container component 1`] = `
d="M50,121.42857142857142L75,92.85714285714286L100,58.57142857142856L125,50L125,150L100,150L75,150L50,150Z"
role="presentation"
shape-rendering="auto"
- style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); width: 6px; fill-opacity: 0.3; stroke-width: 2; stroke: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);"
+ style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); width: 6px; fill-opacity: var(--pf-v6-chart-area--Opacity, 30%); stroke-width: 2; stroke: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);"
/>
diff --git a/packages/react-charts/src/victory/components/ChartDonut/__snapshots__/ChartDonut.test.tsx.snap b/packages/react-charts/src/victory/components/ChartDonut/__snapshots__/ChartDonut.test.tsx.snap
index 57ce9f32e2a..43d101b3f69 100644
--- a/packages/react-charts/src/victory/components/ChartDonut/__snapshots__/ChartDonut.test.tsx.snap
+++ b/packages/react-charts/src/victory/components/ChartDonut/__snapshots__/ChartDonut.test.tsx.snap
@@ -18,35 +18,35 @@ exports[`ChartDonut 1`] = `
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-pie--data--stroke--Color, transparent); stroke-width: 1;"
+ 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);"
transform="translate(115, 115)"
/>
@@ -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-pie--data--stroke--Color, transparent); stroke-width: 1;"
+ 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);"
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-pie--data--stroke--Color, transparent); stroke-width: 1;"
+ 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);"
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 9313a70e4cc..ed2911f81a7 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-pie--data--stroke--Color, transparent); stroke-width: 1;"
+ 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);"
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-pie--data--stroke--Color, transparent); stroke-width: 1;"
+ 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);"
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-pie--data--stroke--Color, transparent); stroke-width: 1;"
+ 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);"
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 4068fd9ac80..6836ecc4ea9 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-pie--data--stroke--Color, transparent); stroke-width: 1;"
+ 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);"
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-pie--data--stroke--Color, transparent); stroke-width: 1;"
+ 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);"
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-pie--data--stroke--Color, transparent); stroke-width: 1;"
+ 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);"
transform="translate(100, 100)"
/>
diff --git a/packages/react-charts/src/victory/components/ChartGroup/__snapshots__/ChartGroup.test.tsx.snap b/packages/react-charts/src/victory/components/ChartGroup/__snapshots__/ChartGroup.test.tsx.snap
index bbc3264e6c1..afe49088662 100644
--- a/packages/react-charts/src/victory/components/ChartGroup/__snapshots__/ChartGroup.test.tsx.snap
+++ b/packages/react-charts/src/victory/components/ChartGroup/__snapshots__/ChartGroup.test.tsx.snap
@@ -88,7 +88,7 @@ exports[`renders container children 1`] = `
d="M50,121.42857142857142L75,92.85714285714286L100,58.57142857142856L125,50L125,150L100,150L75,150L50,150Z"
role="presentation"
shape-rendering="auto"
- style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); width: 6px; fill-opacity: 0.3; stroke-width: 2; stroke: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);"
+ style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); width: 6px; fill-opacity: var(--pf-v6-chart-area--Opacity, 30%); stroke-width: 2; stroke: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);"
/>
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 d75ef211769..bd9a91ce07a 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="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);"
+ 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);"
/>
@@ -83,35 +83,35 @@ exports[`ChartPie 2`] = `
d="M5.8170722959499274e-15,-95A95,95,0,0,1,61.06482292022124,-72.7742220963029L0,0Z"
role="presentation"
shape-rendering="auto"
- style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); padding: 8px; stroke: var(--pf-v6-chart-pie--data--stroke--Color, transparent); stroke-width: 1;"
+ style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); padding: 8px; stroke: var(--pf-v6-chart-pie--data--stroke--Color, #ffffff); stroke-width: var(--pf-v6-chart-pie--data--stroke--Width, 0px);"
transform="translate(115, 115)"
/>
@@ -148,21 +148,21 @@ exports[`renders component data 1`] = `
d="M4.898587196589413e-15,-80A80,80,0,0,1,64.7213595499958,47.022820183397855L0,0Z"
role="presentation"
shape-rendering="auto"
- style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); padding: 8px; stroke: var(--pf-v6-chart-pie--data--stroke--Color, transparent); stroke-width: 1;"
+ style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); padding: 8px; stroke: var(--pf-v6-chart-pie--data--stroke--Color, #ffffff); stroke-width: var(--pf-v6-chart-pie--data--stroke--Width, 0px);"
transform="translate(100, 100)"
/>
diff --git a/packages/react-charts/src/victory/components/ChartPoint/__snapshots__/ChartPoint.test.tsx.snap b/packages/react-charts/src/victory/components/ChartPoint/__snapshots__/ChartPoint.test.tsx.snap
index 8c3301896f9..3ea24a0e4ed 100644
--- a/packages/react-charts/src/victory/components/ChartPoint/__snapshots__/ChartPoint.test.tsx.snap
+++ b/packages/react-charts/src/victory/components/ChartPoint/__snapshots__/ChartPoint.test.tsx.snap
@@ -31,7 +31,7 @@ exports[`ChartPoint 1`] = `
z"
role="presentation"
shape-rendering="auto"
- style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);"
+ 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);"
/>
@@ -331,7 +331,7 @@ A 0 0 0 0 1, 229.99999999999997, 150
labels: LABEL_PROPS,
title: {
...LABEL_PROPS
+ },
+ data: {
+ stroke: 'transparent',
+ strokeWidth: 0
}
}
},
diff --git a/packages/react-charts/src/victory/components/ChartThreshold/__snapshots__/ChartThreshold.test.tsx.snap b/packages/react-charts/src/victory/components/ChartThreshold/__snapshots__/ChartThreshold.test.tsx.snap
index 2959fcc6d2b..39d12222996 100644
--- a/packages/react-charts/src/victory/components/ChartThreshold/__snapshots__/ChartThreshold.test.tsx.snap
+++ b/packages/react-charts/src/victory/components/ChartThreshold/__snapshots__/ChartThreshold.test.tsx.snap
@@ -149,7 +149,7 @@ exports[`renders component data 1`] = `
diff --git a/packages/react-charts/src/victory/components/ChartVoronoiContainer/__snapshots__/ChartVoronoContainer.test.tsx.snap b/packages/react-charts/src/victory/components/ChartVoronoiContainer/__snapshots__/ChartVoronoContainer.test.tsx.snap
index ba4ff7edece..8b5c7200dc4 100644
--- a/packages/react-charts/src/victory/components/ChartVoronoiContainer/__snapshots__/ChartVoronoContainer.test.tsx.snap
+++ b/packages/react-charts/src/victory/components/ChartVoronoiContainer/__snapshots__/ChartVoronoContainer.test.tsx.snap
@@ -80,7 +80,7 @@ exports[`renders container via ChartGroup 1`] = `
d="M50,121.42857142857142L75,92.85714285714286L100,58.57142857142856L125,50L125,150L100,150L75,150L50,150Z"
role="presentation"
shape-rendering="auto"
- style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); width: 6px; fill-opacity: 0.3; stroke-width: 2; stroke: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);"
+ style="fill: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc); width: 6px; fill-opacity: var(--pf-v6-chart-area--Opacity, 30%); stroke-width: 2; stroke: var(--pf-v6-chart-theme--blue--ColorScale--100, #0066cc);"
/>
diff --git a/packages/react-core/package.json b/packages/react-core/package.json
index 036b46b8518..7ba5ede47f9 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.82",
+ "@patternfly/patternfly": "6.5.0-prerelease.86",
"case-anything": "^3.1.2",
"css": "^3.0.0",
"fs-extra": "^11.3.3"
diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json
index 3c8beddeebb..61523616c20 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.82",
+ "@patternfly/patternfly": "6.5.0-prerelease.86",
"@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 36cf1073b7f..0d4985d8ea0 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.82",
+ "@patternfly/patternfly": "6.5.0-prerelease.86",
"@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 b93010b067d..63233a14707 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.82",
+ "@patternfly/patternfly": "6.5.0-prerelease.86",
"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 cf2b0c35ed2..61846180d31 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.82",
+ "@patternfly/patternfly": "6.5.0-prerelease.86",
"fs-extra": "^11.3.3"
}
}
diff --git a/yarn.lock b/yarn.lock
index 366137d46aa..e31735021fa 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5070,10 +5070,10 @@ __metadata:
languageName: node
linkType: hard
-"@patternfly/patternfly@npm:6.5.0-prerelease.82":
- version: 6.5.0-prerelease.82
- resolution: "@patternfly/patternfly@npm:6.5.0-prerelease.82"
- checksum: 10c0/b7876ba790991c62da57f745699b1cf54c410312fa9eecffb2317fc798c5ce9d71b5e135fc28ec724d5aaf6cff900c3d91a93116bd4b5461e6a0f0fe69391e4f
+"@patternfly/patternfly@npm:6.5.0-prerelease.86":
+ version: 6.5.0-prerelease.86
+ resolution: "@patternfly/patternfly@npm:6.5.0-prerelease.86"
+ checksum: 10c0/6c5301913e8bc7a308c8c2857169cb9b5287f633b6c84b40ac5cc29488b9b8080f38099768624234809d55934c98ef9667f6fc10cad54d151e8986b9d3340424
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.82"
+ "@patternfly/patternfly": "npm:6.5.0-prerelease.86"
"@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.82"
+ "@patternfly/patternfly": "npm:6.5.0-prerelease.86"
"@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.82"
+ "@patternfly/patternfly": "npm:6.5.0-prerelease.86"
"@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.0-prerelease.82"
+ "@patternfly/patternfly": "npm:6.5.0-prerelease.86"
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.82"
+ "@patternfly/patternfly": "npm:6.5.0-prerelease.86"
fs-extra: "npm:^11.3.3"
languageName: unknown
linkType: soft