@patternfly/patternfly 4.192.6 → 4.194.1

package/patternfly-charts.css

@@ -128,14 +128,28 @@
   --pf-chart-bullet--group-title--divider--stroke--Color: #f0f0f0;
   --pf-chart-bullet--group-title--divider--stroke--Width: 2;
   --pf-chart-bullet--Height: 140;
+  --pf-chart-bullet--label--title--Fill: #151515;
+  --pf-chart-bullet--label--grouptitle--Fill: #151515;
   --pf-chart-bullet--label--subtitle--Fill: #b8bbbe;
   --pf-chart-bullet--primary-measure--dot--size: 6;
   --pf-chart-bullet--primary-measure--segmented--Width: 9;
+  --pf-chart-bullet--negative-measure--ColorScale--100: #c9190b;
+  --pf-chart-bullet--negative-measure--ColorScale--200: #a30000;
+  --pf-chart-bullet--negative-measure--ColorScale--300: #7d1007;
+  --pf-chart-bullet--negative-measure--ColorScale--400: #470000;
+  --pf-chart-bullet--negative-measure--ColorScale--500: #2c0000;
   --pf-chart-bullet--qualitative-range--Width: 30;
+  --pf-chart-bullet--qualitative-range--ColorScale--100: #f0f0f0;
+  --pf-chart-bullet--qualitative-range--ColorScale--200: #d2d2d2;
+  --pf-chart-bullet--qualitative-range--ColorScale--300: #b8bbbe;
+  --pf-chart-bullet--qualitative-range--ColorScale--400: #8a8d90;
+  --pf-chart-bullet--qualitative-range--ColorScale--500: #6a6e73;
   --pf-chart-candelstick--data--stroke--Width: 1;
   --pf-chart-candelstick--data--stroke--Color: #151515;
   --pf-chart-candelstick--candle--positive--Color: #fff;
   --pf-chart-candelstick--candle--negative--Color: #151515;
+  --pf-chart-container--cursor--line--Fill: #151515;
+  --pf-chart-donut--label--title--Fill: #151515;
   --pf-chart-donut--label--subtitle--Fill: #b8bbbe;
   --pf-chart-donut--label--subtitle--position: center;
   --pf-chart-donut--pie--Height: 230;
@@ -213,4 +227,99 @@
   --pf-chart-voronoi--flyout--stroke--Color: #151515;
   --pf-chart-voronoi--flyout--stroke--Fill: #151515;
   --pf-chart-voronoi--flyout--PointerEvents: none;
+  --pf-chart-theme--blue--ColorScale--100: #06c;
+  --pf-chart-theme--blue--ColorScale--200: #8bc1f7;
+  --pf-chart-theme--blue--ColorScale--300: #002f5d;
+  --pf-chart-theme--blue--ColorScale--400: #519de9;
+  --pf-chart-theme--blue--ColorScale--500: #004b95;
+  --pf-chart-theme--cyan--ColorScale--100: #009596;
+  --pf-chart-theme--cyan--ColorScale--200: #a2d9d9;
+  --pf-chart-theme--cyan--ColorScale--300: #003737;
+  --pf-chart-theme--cyan--ColorScale--400: #73c5c5;
+  --pf-chart-theme--cyan--ColorScale--500: #005f60;
+  --pf-chart-theme--gold--ColorScale--100: #f4c145;
+  --pf-chart-theme--gold--ColorScale--200: #f9e0a2;
+  --pf-chart-theme--gold--ColorScale--300: #c58c00;
+  --pf-chart-theme--gold--ColorScale--400: #f6d173;
+  --pf-chart-theme--gold--ColorScale--500: #f0ab00;
+  --pf-chart-theme--gray--ColorScale--100: #b8bbbe;
+  --pf-chart-theme--gray--ColorScale--200: #f0f0f0;
+  --pf-chart-theme--gray--ColorScale--300: #6a6e73;
+  --pf-chart-theme--gray--ColorScale--400: #d2d2d2;
+  --pf-chart-theme--gray--ColorScale--500: #8a8d90;
+  --pf-chart-theme--green--ColorScale--100: #4cb140;
+  --pf-chart-theme--green--ColorScale--200: #bde2b9;
+  --pf-chart-theme--green--ColorScale--300: #23511e;
+  --pf-chart-theme--green--ColorScale--400: #7cc674;
+  --pf-chart-theme--green--ColorScale--500: #38812f;
+  --pf-chart-theme--multi-color-ordered--ColorScale--100: #06c;
+  --pf-chart-theme--multi-color-ordered--ColorScale--200: #4cb140;
+  --pf-chart-theme--multi-color-ordered--ColorScale--300: #009596;
+  --pf-chart-theme--multi-color-ordered--ColorScale--400: #f4c145;
+  --pf-chart-theme--multi-color-ordered--ColorScale--500: #ec7a08;
+  --pf-chart-theme--multi-color-ordered--ColorScale--600: #8bc1f7;
+  --pf-chart-theme--multi-color-ordered--ColorScale--700: #23511e;
+  --pf-chart-theme--multi-color-ordered--ColorScale--800: #a2d9d9;
+  --pf-chart-theme--multi-color-ordered--ColorScale--900: #f9e0a2;
+  --pf-chart-theme--multi-color-ordered--ColorScale--1000: #8f4700;
+  --pf-chart-theme--multi-color-ordered--ColorScale--1100: #002f5d;
+  --pf-chart-theme--multi-color-ordered--ColorScale--1200: #bde2b9;
+  --pf-chart-theme--multi-color-ordered--ColorScale--1300: #003737;
+  --pf-chart-theme--multi-color-ordered--ColorScale--1400: #c58c00;
+  --pf-chart-theme--multi-color-ordered--ColorScale--1500: #f4b678;
+  --pf-chart-theme--multi-color-ordered--ColorScale--1600: #519de9;
+  --pf-chart-theme--multi-color-ordered--ColorScale--1700: #38812f;
+  --pf-chart-theme--multi-color-ordered--ColorScale--1800: #73c5c5;
+  --pf-chart-theme--multi-color-ordered--ColorScale--1900: #f6d173;
+  --pf-chart-theme--multi-color-ordered--ColorScale--2000: #c46100;
+  --pf-chart-theme--multi-color-ordered--ColorScale--2100: #004b95;
+  --pf-chart-theme--multi-color-ordered--ColorScale--2200: #7cc674;
+  --pf-chart-theme--multi-color-ordered--ColorScale--2300: #005f60;
+  --pf-chart-theme--multi-color-ordered--ColorScale--2400: #f0ab00;
+  --pf-chart-theme--multi-color-ordered--ColorScale--2500: #ef9234;
+  --pf-chart-theme--multi-color-unordered--ColorScale--100: #06c;
+  --pf-chart-theme--multi-color-unordered--ColorScale--200: #f4c145;
+  --pf-chart-theme--multi-color-unordered--ColorScale--300: #4cb140;
+  --pf-chart-theme--multi-color-unordered--ColorScale--400: #5752d1;
+  --pf-chart-theme--multi-color-unordered--ColorScale--500: #ec7a08;
+  --pf-chart-theme--multi-color-unordered--ColorScale--600: #009596;
+  --pf-chart-theme--multi-color-unordered--ColorScale--700: #b8bbbe;
+  --pf-chart-theme--multi-color-unordered--ColorScale--800: #8bc1f7;
+  --pf-chart-theme--multi-color-unordered--ColorScale--900: #c58c00;
+  --pf-chart-theme--multi-color-unordered--ColorScale--1000: #bde2b9;
+  --pf-chart-theme--multi-color-unordered--ColorScale--1100: #2a265f;
+  --pf-chart-theme--multi-color-unordered--ColorScale--1200: #f4b678;
+  --pf-chart-theme--multi-color-unordered--ColorScale--1300: #003737;
+  --pf-chart-theme--multi-color-unordered--ColorScale--1400: #f0f0f0;
+  --pf-chart-theme--multi-color-unordered--ColorScale--1500: #002f5d;
+  --pf-chart-theme--multi-color-unordered--ColorScale--1600: #f9e0a2;
+  --pf-chart-theme--multi-color-unordered--ColorScale--1700: #23511e;
+  --pf-chart-theme--multi-color-unordered--ColorScale--1800: #b2b0ea;
+  --pf-chart-theme--multi-color-unordered--ColorScale--1900: #8f4700;
+  --pf-chart-theme--multi-color-unordered--ColorScale--2000: #a2d9d9;
+  --pf-chart-theme--multi-color-unordered--ColorScale--2100: #6a6e73;
+  --pf-chart-theme--multi-color-unordered--ColorScale--2200: #519de9;
+  --pf-chart-theme--multi-color-unordered--ColorScale--2300: #f0ab00;
+  --pf-chart-theme--multi-color-unordered--ColorScale--2400: #7cc674;
+  --pf-chart-theme--multi-color-unordered--ColorScale--2500: #3c3d99;
+  --pf-chart-theme--multi-color-unordered--ColorScale--2600: #ef9234;
+  --pf-chart-theme--multi-color-unordered--ColorScale--2700: #005f60;
+  --pf-chart-theme--multi-color-unordered--ColorScale--2800: #d2d2d2;
+  --pf-chart-theme--multi-color-unordered--ColorScale--2900: #004b95;
+  --pf-chart-theme--multi-color-unordered--ColorScale--3000: #f6d173;
+  --pf-chart-theme--multi-color-unordered--ColorScale--3100: #38812f;
+  --pf-chart-theme--multi-color-unordered--ColorScale--3200: #8481dd;
+  --pf-chart-theme--multi-color-unordered--ColorScale--3300: #c46100;
+  --pf-chart-theme--multi-color-unordered--ColorScale--3400: #73c5c5;
+  --pf-chart-theme--multi-color-unordered--ColorScale--3500: #8a8d90;
+  --pf-chart-theme--orange--ColorScale--100: #ec7a08;
+  --pf-chart-theme--orange--ColorScale--200: #f4b678;
+  --pf-chart-theme--orange--ColorScale--300: #8f4700;
+  --pf-chart-theme--orange--ColorScale--400: #ef9234;
+  --pf-chart-theme--orange--ColorScale--500: #c46100;
+  --pf-chart-theme--purple--ColorScale--100: #5752d1;
+  --pf-chart-theme--purple--ColorScale--200: #b2b0ea;
+  --pf-chart-theme--purple--ColorScale--300: #2a265f;
+  --pf-chart-theme--purple--ColorScale--400: #8481dd;
+  --pf-chart-theme--purple--ColorScale--500: #3c3d99;
 }

package/patternfly-charts.scss

@@ -176,10 +176,22 @@
   --pf-chart-bullet--group-title--divider--stroke--Color: #{$pf-chart-bullet--group-title--divider--stroke--Color};
   --pf-chart-bullet--group-title--divider--stroke--Width: #{$pf-chart-bullet--group-title--divider--stroke--Width};
   --pf-chart-bullet--Height: #{$pf-chart-bullet--Height};
+  --pf-chart-bullet--label--title--Fill: #{$pf-chart-bullet--label--title--Fill};
+  --pf-chart-bullet--label--grouptitle--Fill: #{$pf-chart-bullet--label--grouptitle--Fill};
   --pf-chart-bullet--label--subtitle--Fill: #{$pf-chart-bullet--label--subtitle--Fill};
   --pf-chart-bullet--primary-measure--dot--size: #{$pf-chart-bullet--primary-measure--dot--size};
   --pf-chart-bullet--primary-measure--segmented--Width: #{$pf-chart-bullet--primary-measure--segmented--Width};
+  --pf-chart-bullet--negative-measure--ColorScale--100: #{$pf-chart-color-red-100};
+  --pf-chart-bullet--negative-measure--ColorScale--200: #{$pf-chart-color-red-200};
+  --pf-chart-bullet--negative-measure--ColorScale--300: #{$pf-chart-color-red-300};
+  --pf-chart-bullet--negative-measure--ColorScale--400: #{$pf-chart-color-red-400};
+  --pf-chart-bullet--negative-measure--ColorScale--500: #{$pf-chart-color-red-500};
   --pf-chart-bullet--qualitative-range--Width: #{$pf-chart-bullet--qualitative-range--Width};
+  --pf-chart-bullet--qualitative-range--ColorScale--100: #{$pf-chart-color-black-100};
+  --pf-chart-bullet--qualitative-range--ColorScale--200: #{$pf-chart-color-black-200};
+  --pf-chart-bullet--qualitative-range--ColorScale--300: #{$pf-chart-color-black-300};
+  --pf-chart-bullet--qualitative-range--ColorScale--400: #{$pf-chart-color-black-400};
+  --pf-chart-bullet--qualitative-range--ColorScale--500: #{$pf-chart-color-black-500};
 
   // Candlestick
   --pf-chart-candelstick--data--stroke--Width: #{$pf-chart-candelstick--data--stroke--Width};
@@ -187,7 +199,11 @@
   --pf-chart-candelstick--candle--positive--Color: #{$pf-chart-candelstick--candle--positive--Color};
   --pf-chart-candelstick--candle--negative--Color: #{$pf-chart-candelstick--candle--negative--Color};
 
+  // Container
+  --pf-chart-container--cursor--line--Fill: #{$pf-chart-container--cursor--line--Fill};
+
   // Simple Donut Chart
+  --pf-chart-donut--label--title--Fill: #{$pf-chart-donut--label--title--Fill};
   --pf-chart-donut--label--subtitle--Fill: #{$pf-chart-donut--label--subtitle--Fill};
   --pf-chart-donut--label--subtitle--position: #{$pf-chart-donut--label--subtitle--position};
   --pf-chart-donut--pie--Height: #{$pf-chart-donut--pie--Height};
@@ -287,4 +303,119 @@
   --pf-chart-voronoi--flyout--stroke--Color: #{$pf-chart-voronoi--flyout--stroke--Color};
   --pf-chart-voronoi--flyout--stroke--Fill: #{$pf-chart-voronoi--flyout--stroke--Fill};
   --pf-chart-voronoi--flyout--PointerEvents: #{$pf-chart-voronoi--flyout--PointerEvents};
+
+  // Theme color scales
+
+  // blue
+  --pf-chart-theme--blue--ColorScale--100: #{$pf-chart-theme--blue--ColorScale--100};
+  --pf-chart-theme--blue--ColorScale--200: #{$pf-chart-theme--blue--ColorScale--200};
+  --pf-chart-theme--blue--ColorScale--300: #{$pf-chart-theme--blue--ColorScale--300};
+  --pf-chart-theme--blue--ColorScale--400: #{$pf-chart-theme--blue--ColorScale--400};
+  --pf-chart-theme--blue--ColorScale--500: #{$pf-chart-theme--blue--ColorScale--500};
+
+  // cyan
+  --pf-chart-theme--cyan--ColorScale--100: #{$pf-chart-theme--cyan--ColorScale--100};
+  --pf-chart-theme--cyan--ColorScale--200: #{$pf-chart-theme--cyan--ColorScale--200};
+  --pf-chart-theme--cyan--ColorScale--300: #{$pf-chart-theme--cyan--ColorScale--300};
+  --pf-chart-theme--cyan--ColorScale--400: #{$pf-chart-theme--cyan--ColorScale--400};
+  --pf-chart-theme--cyan--ColorScale--500: #{$pf-chart-theme--cyan--ColorScale--500};
+
+  // gold
+  --pf-chart-theme--gold--ColorScale--100: #{$pf-chart-theme--gold--ColorScale--100};
+  --pf-chart-theme--gold--ColorScale--200: #{$pf-chart-theme--gold--ColorScale--200};
+  --pf-chart-theme--gold--ColorScale--300: #{$pf-chart-theme--gold--ColorScale--300};
+  --pf-chart-theme--gold--ColorScale--400: #{$pf-chart-theme--gold--ColorScale--400};
+  --pf-chart-theme--gold--ColorScale--500: #{$pf-chart-theme--gold--ColorScale--500};
+
+    // gray
+  --pf-chart-theme--gray--ColorScale--100: #{$pf-chart-theme--gray--ColorScale--100};
+  --pf-chart-theme--gray--ColorScale--200: #{$pf-chart-theme--gray--ColorScale--200};
+  --pf-chart-theme--gray--ColorScale--300: #{$pf-chart-theme--gray--ColorScale--300};
+  --pf-chart-theme--gray--ColorScale--400: #{$pf-chart-theme--gray--ColorScale--400};
+  --pf-chart-theme--gray--ColorScale--500: #{$pf-chart-theme--gray--ColorScale--500};
+
+  // green
+  --pf-chart-theme--green--ColorScale--100: #{$pf-chart-theme--green--ColorScale--100};
+  --pf-chart-theme--green--ColorScale--200: #{$pf-chart-theme--green--ColorScale--200};
+  --pf-chart-theme--green--ColorScale--300: #{$pf-chart-theme--green--ColorScale--300};
+  --pf-chart-theme--green--ColorScale--400: #{$pf-chart-theme--green--ColorScale--400};
+  --pf-chart-theme--green--ColorScale--500: #{$pf-chart-theme--green--ColorScale--500};
+
+  // multi ordered
+  --pf-chart-theme--multi-color-ordered--ColorScale--100: #{$pf-chart-theme--multi-color-ordered--ColorScale--100};
+  --pf-chart-theme--multi-color-ordered--ColorScale--200: #{$pf-chart-theme--multi-color-ordered--ColorScale--200};
+  --pf-chart-theme--multi-color-ordered--ColorScale--300: #{$pf-chart-theme--multi-color-ordered--ColorScale--300};
+  --pf-chart-theme--multi-color-ordered--ColorScale--400: #{$pf-chart-theme--multi-color-ordered--ColorScale--400};
+  --pf-chart-theme--multi-color-ordered--ColorScale--500: #{$pf-chart-theme--multi-color-ordered--ColorScale--500};
+  --pf-chart-theme--multi-color-ordered--ColorScale--600: #{$pf-chart-theme--multi-color-ordered--ColorScale--600};
+  --pf-chart-theme--multi-color-ordered--ColorScale--700: #{$pf-chart-theme--multi-color-ordered--ColorScale--700};
+  --pf-chart-theme--multi-color-ordered--ColorScale--800: #{$pf-chart-theme--multi-color-ordered--ColorScale--800};
+  --pf-chart-theme--multi-color-ordered--ColorScale--900: #{$pf-chart-theme--multi-color-ordered--ColorScale--900};
+  --pf-chart-theme--multi-color-ordered--ColorScale--1000: #{$pf-chart-theme--multi-color-ordered--ColorScale--1000};
+  --pf-chart-theme--multi-color-ordered--ColorScale--1100: #{$pf-chart-theme--multi-color-ordered--ColorScale--1100};
+  --pf-chart-theme--multi-color-ordered--ColorScale--1200: #{$pf-chart-theme--multi-color-ordered--ColorScale--1200};
+  --pf-chart-theme--multi-color-ordered--ColorScale--1300: #{$pf-chart-theme--multi-color-ordered--ColorScale--1300};
+  --pf-chart-theme--multi-color-ordered--ColorScale--1400: #{$pf-chart-theme--multi-color-ordered--ColorScale--1400};
+  --pf-chart-theme--multi-color-ordered--ColorScale--1500: #{$pf-chart-theme--multi-color-ordered--ColorScale--1500};
+  --pf-chart-theme--multi-color-ordered--ColorScale--1600: #{$pf-chart-theme--multi-color-ordered--ColorScale--1600};
+  --pf-chart-theme--multi-color-ordered--ColorScale--1700: #{$pf-chart-theme--multi-color-ordered--ColorScale--1700};
+  --pf-chart-theme--multi-color-ordered--ColorScale--1800: #{$pf-chart-theme--multi-color-ordered--ColorScale--1800};
+  --pf-chart-theme--multi-color-ordered--ColorScale--1900: #{$pf-chart-theme--multi-color-ordered--ColorScale--1900};
+  --pf-chart-theme--multi-color-ordered--ColorScale--2000: #{$pf-chart-theme--multi-color-ordered--ColorScale--2000};
+  --pf-chart-theme--multi-color-ordered--ColorScale--2100: #{$pf-chart-theme--multi-color-ordered--ColorScale--2100};
+  --pf-chart-theme--multi-color-ordered--ColorScale--2200: #{$pf-chart-theme--multi-color-ordered--ColorScale--2200};
+  --pf-chart-theme--multi-color-ordered--ColorScale--2300: #{$pf-chart-theme--multi-color-ordered--ColorScale--2300};
+  --pf-chart-theme--multi-color-ordered--ColorScale--2400: #{$pf-chart-theme--multi-color-ordered--ColorScale--2400};
+  --pf-chart-theme--multi-color-ordered--ColorScale--2500: #{$pf-chart-theme--multi-color-ordered--ColorScale--2500};
+
+  // multi unordered
+  --pf-chart-theme--multi-color-unordered--ColorScale--100: #{$pf-chart-theme--multi-color-unordered--ColorScale--100};
+  --pf-chart-theme--multi-color-unordered--ColorScale--200: #{$pf-chart-theme--multi-color-unordered--ColorScale--200};
+  --pf-chart-theme--multi-color-unordered--ColorScale--300: #{$pf-chart-theme--multi-color-unordered--ColorScale--300};
+  --pf-chart-theme--multi-color-unordered--ColorScale--400: #{$pf-chart-theme--multi-color-unordered--ColorScale--400};
+  --pf-chart-theme--multi-color-unordered--ColorScale--500: #{$pf-chart-theme--multi-color-unordered--ColorScale--500};
+  --pf-chart-theme--multi-color-unordered--ColorScale--600: #{$pf-chart-theme--multi-color-unordered--ColorScale--600};
+  --pf-chart-theme--multi-color-unordered--ColorScale--700: #{$pf-chart-theme--multi-color-unordered--ColorScale--700};
+  --pf-chart-theme--multi-color-unordered--ColorScale--800: #{$pf-chart-theme--multi-color-unordered--ColorScale--800};
+  --pf-chart-theme--multi-color-unordered--ColorScale--900: #{$pf-chart-theme--multi-color-unordered--ColorScale--900};
+  --pf-chart-theme--multi-color-unordered--ColorScale--1000: #{$pf-chart-theme--multi-color-unordered--ColorScale--1000};
+  --pf-chart-theme--multi-color-unordered--ColorScale--1100: #{$pf-chart-theme--multi-color-unordered--ColorScale--1100};
+  --pf-chart-theme--multi-color-unordered--ColorScale--1200: #{$pf-chart-theme--multi-color-unordered--ColorScale--1200};
+  --pf-chart-theme--multi-color-unordered--ColorScale--1300: #{$pf-chart-theme--multi-color-unordered--ColorScale--1300};
+  --pf-chart-theme--multi-color-unordered--ColorScale--1400: #{$pf-chart-theme--multi-color-unordered--ColorScale--1400};
+  --pf-chart-theme--multi-color-unordered--ColorScale--1500: #{$pf-chart-theme--multi-color-unordered--ColorScale--1500};
+  --pf-chart-theme--multi-color-unordered--ColorScale--1600: #{$pf-chart-theme--multi-color-unordered--ColorScale--1600};
+  --pf-chart-theme--multi-color-unordered--ColorScale--1700: #{$pf-chart-theme--multi-color-unordered--ColorScale--1700};
+  --pf-chart-theme--multi-color-unordered--ColorScale--1800: #{$pf-chart-theme--multi-color-unordered--ColorScale--1800};
+  --pf-chart-theme--multi-color-unordered--ColorScale--1900: #{$pf-chart-theme--multi-color-unordered--ColorScale--1900};
+  --pf-chart-theme--multi-color-unordered--ColorScale--2000: #{$pf-chart-theme--multi-color-unordered--ColorScale--2000};
+  --pf-chart-theme--multi-color-unordered--ColorScale--2100: #{$pf-chart-theme--multi-color-unordered--ColorScale--2100};
+  --pf-chart-theme--multi-color-unordered--ColorScale--2200: #{$pf-chart-theme--multi-color-unordered--ColorScale--2200};
+  --pf-chart-theme--multi-color-unordered--ColorScale--2300: #{$pf-chart-theme--multi-color-unordered--ColorScale--2300};
+  --pf-chart-theme--multi-color-unordered--ColorScale--2400: #{$pf-chart-theme--multi-color-unordered--ColorScale--2400};
+  --pf-chart-theme--multi-color-unordered--ColorScale--2500: #{$pf-chart-theme--multi-color-unordered--ColorScale--2500};
+  --pf-chart-theme--multi-color-unordered--ColorScale--2600: #{$pf-chart-theme--multi-color-unordered--ColorScale--2600};
+  --pf-chart-theme--multi-color-unordered--ColorScale--2700: #{$pf-chart-theme--multi-color-unordered--ColorScale--2700};
+  --pf-chart-theme--multi-color-unordered--ColorScale--2800: #{$pf-chart-theme--multi-color-unordered--ColorScale--2800};
+  --pf-chart-theme--multi-color-unordered--ColorScale--2900: #{$pf-chart-theme--multi-color-unordered--ColorScale--2900};
+  --pf-chart-theme--multi-color-unordered--ColorScale--3000: #{$pf-chart-theme--multi-color-unordered--ColorScale--3000};
+  --pf-chart-theme--multi-color-unordered--ColorScale--3100: #{$pf-chart-theme--multi-color-unordered--ColorScale--3100};
+  --pf-chart-theme--multi-color-unordered--ColorScale--3200: #{$pf-chart-theme--multi-color-unordered--ColorScale--3200};
+  --pf-chart-theme--multi-color-unordered--ColorScale--3300: #{$pf-chart-theme--multi-color-unordered--ColorScale--3300};
+  --pf-chart-theme--multi-color-unordered--ColorScale--3400: #{$pf-chart-theme--multi-color-unordered--ColorScale--3400};
+  --pf-chart-theme--multi-color-unordered--ColorScale--3500: #{$pf-chart-theme--multi-color-unordered--ColorScale--3500};
+
+  // orange
+  --pf-chart-theme--orange--ColorScale--100: #{$pf-chart-theme--orange--ColorScale--100};
+  --pf-chart-theme--orange--ColorScale--200: #{$pf-chart-theme--orange--ColorScale--200};
+  --pf-chart-theme--orange--ColorScale--300: #{$pf-chart-theme--orange--ColorScale--300};
+  --pf-chart-theme--orange--ColorScale--400: #{$pf-chart-theme--orange--ColorScale--400};
+  --pf-chart-theme--orange--ColorScale--500: #{$pf-chart-theme--orange--ColorScale--500};
+
+  // purple
+  --pf-chart-theme--purple--ColorScale--100: #{$pf-chart-theme--purple--ColorScale--100};
+  --pf-chart-theme--purple--ColorScale--200: #{$pf-chart-theme--purple--ColorScale--200};
+  --pf-chart-theme--purple--ColorScale--300: #{$pf-chart-theme--purple--ColorScale--300};
+  --pf-chart-theme--purple--ColorScale--400: #{$pf-chart-theme--purple--ColorScale--400};
+  --pf-chart-theme--purple--ColorScale--500: #{$pf-chart-theme--purple--ColorScale--500};
 }

package/patternfly-no-reset.css

@@ -7994,6 +7994,7 @@ label.pf-c-check, .pf-c-check__label,
   position: relative;
   display: inline-flex;
   align-items: center;
+  min-width: 0;
   padding: var(--pf-c-chip--PaddingTop) var(--pf-c-chip--PaddingRight) var(--pf-c-chip--PaddingBottom) var(--pf-c-chip--PaddingLeft);
   list-style: none;
   background-color: var(--pf-c-chip--BackgroundColor);
@@ -8083,6 +8084,7 @@ label.pf-c-check, .pf-c-check__label,
   flex: 1;
   flex-wrap: wrap;
   align-items: baseline;
+  min-width: 0;
 }
 
 .pf-c-chip-group__list {
@@ -8095,10 +8097,13 @@ label.pf-c-check, .pf-c-check__label,
   display: inline-flex;
   flex-wrap: wrap;
   align-items: center;
+  min-width: 0;
+  max-width: 100%;
 }
 
 .pf-c-chip-group__list-item {
   display: inline-flex;
+  min-width: 0;
   margin-right: var(--pf-c-chip-group__list-item--MarginRight);
   margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
 }
@@ -15247,12 +15252,14 @@ label.pf-c-input-group__text {
   --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
   --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
 }
-.pf-c-label.pf-m-overflow:hover, .pf-c-label.pf-m-outline a.pf-c-label__content:hover,
+.pf-c-label.pf-m-overflow:hover,
+.pf-c-label.pf-m-add:hover, .pf-c-label.pf-m-outline a.pf-c-label__content:hover,
 .pf-c-label.pf-m-outline button.pf-c-label__content:hover {
   --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-outline__content--link--hover--before--BorderWidth);
   --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-outline__content--link--hover--before--BorderColor);
 }
-.pf-c-label.pf-m-overflow:focus, .pf-c-label.pf-m-outline a.pf-c-label__content:focus,
+.pf-c-label.pf-m-overflow:focus,
+.pf-c-label.pf-m-add:focus, .pf-c-label.pf-m-outline a.pf-c-label__content:focus,
 .pf-c-label.pf-m-outline button.pf-c-label__content:focus {
   --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-outline__content--link--focus--before--BorderWidth);
   --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-outline__content--link--focus--before--BorderColor);
@@ -15300,7 +15307,7 @@ label.pf-c-input-group__text {
   margin-bottom: var(--pf-c-label__c-button--MarginBottom);
   margin-left: var(--pf-c-label__c-button--MarginLeft);
 }
-.pf-c-label.pf-m-overflow {
+.pf-c-label.pf-m-overflow, .pf-c-label.pf-m-add {
   --pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
   --pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
   --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-overflow__content--before--BorderWidth);
@@ -22834,10 +22841,10 @@ span.pf-c-spinner {
     transform: rotate(0deg);
   }
   50% {
-    transform: rotate(-540deg);
+    transform: rotate(540deg);
   }
   100% {
-    transform: rotate(-1080deg);
+    transform: rotate(1080deg);
   }
 }
 .pf-c-spinner__clipper {
@@ -22850,10 +22857,10 @@ span.pf-c-spinner {
 
 @keyframes pf-animation-spinner__clipper {
   0% {
-    transform: rotate(0deg);
+    transform: rotate(90deg);
   }
   100% {
-    transform: rotate(-270deg);
+    transform: rotate(360deg);
   }
 }
 .pf-c-spinner__clipper::after {
@@ -22869,10 +22876,10 @@ span.pf-c-spinner {
 
 @keyframes pf-animation-spinner__clipper-after {
   0% {
-    transform: rotate(90deg);
+    transform: rotate(-180deg);
   }
   100% {
-    transform: rotate(-180deg);
+    transform: rotate(90deg);
   }
 }
 .pf-c-spinner__lead-ball {
@@ -22899,11 +22906,11 @@ span.pf-c-spinner {
   0% {
     transform: rotate(0deg);
   }
-  34% {
-    transform: rotate(-180deg);
+  33% {
+    transform: rotate(180deg);
   }
   100% {
-    transform: rotate(-360deg);
+    transform: rotate(360deg);
   }
 }
 .pf-c-spinner__tail-ball {
@@ -22930,11 +22937,11 @@ span.pf-c-spinner {
   0% {
     transform: rotate(0deg);
   }
-  67.5% {
-    transform: rotate(-180deg);
+  66% {
+    transform: rotate(180deg);
   }
   100% {
-    transform: rotate(-360deg);
+    transform: rotate(360deg);
   }
 }
 svg.pf-c-spinner {

package/patternfly.css

@@ -8121,6 +8121,7 @@ label.pf-c-check, .pf-c-check__label,
   position: relative;
   display: inline-flex;
   align-items: center;
+  min-width: 0;
   padding: var(--pf-c-chip--PaddingTop) var(--pf-c-chip--PaddingRight) var(--pf-c-chip--PaddingBottom) var(--pf-c-chip--PaddingLeft);
   list-style: none;
   background-color: var(--pf-c-chip--BackgroundColor);
@@ -8210,6 +8211,7 @@ label.pf-c-check, .pf-c-check__label,
   flex: 1;
   flex-wrap: wrap;
   align-items: baseline;
+  min-width: 0;
 }
 
 .pf-c-chip-group__list {
@@ -8222,10 +8224,13 @@ label.pf-c-check, .pf-c-check__label,
   display: inline-flex;
   flex-wrap: wrap;
   align-items: center;
+  min-width: 0;
+  max-width: 100%;
 }
 
 .pf-c-chip-group__list-item {
   display: inline-flex;
+  min-width: 0;
   margin-right: var(--pf-c-chip-group__list-item--MarginRight);
   margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
 }
@@ -15374,12 +15379,14 @@ label.pf-c-input-group__text {
   --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
   --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
 }
-.pf-c-label.pf-m-overflow:hover, .pf-c-label.pf-m-outline a.pf-c-label__content:hover,
+.pf-c-label.pf-m-overflow:hover,
+.pf-c-label.pf-m-add:hover, .pf-c-label.pf-m-outline a.pf-c-label__content:hover,
 .pf-c-label.pf-m-outline button.pf-c-label__content:hover {
   --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-outline__content--link--hover--before--BorderWidth);
   --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-outline__content--link--hover--before--BorderColor);
 }
-.pf-c-label.pf-m-overflow:focus, .pf-c-label.pf-m-outline a.pf-c-label__content:focus,
+.pf-c-label.pf-m-overflow:focus,
+.pf-c-label.pf-m-add:focus, .pf-c-label.pf-m-outline a.pf-c-label__content:focus,
 .pf-c-label.pf-m-outline button.pf-c-label__content:focus {
   --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-outline__content--link--focus--before--BorderWidth);
   --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-outline__content--link--focus--before--BorderColor);
@@ -15427,7 +15434,7 @@ label.pf-c-input-group__text {
   margin-bottom: var(--pf-c-label__c-button--MarginBottom);
   margin-left: var(--pf-c-label__c-button--MarginLeft);
 }
-.pf-c-label.pf-m-overflow {
+.pf-c-label.pf-m-overflow, .pf-c-label.pf-m-add {
   --pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
   --pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
   --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-overflow__content--before--BorderWidth);
@@ -22961,10 +22968,10 @@ span.pf-c-spinner {
     transform: rotate(0deg);
   }
   50% {
-    transform: rotate(-540deg);
+    transform: rotate(540deg);
   }
   100% {
-    transform: rotate(-1080deg);
+    transform: rotate(1080deg);
   }
 }
 .pf-c-spinner__clipper {
@@ -22977,10 +22984,10 @@ span.pf-c-spinner {
 
 @keyframes pf-animation-spinner__clipper {
   0% {
-    transform: rotate(0deg);
+    transform: rotate(90deg);
   }
   100% {
-    transform: rotate(-270deg);
+    transform: rotate(360deg);
   }
 }
 .pf-c-spinner__clipper::after {
@@ -22996,10 +23003,10 @@ span.pf-c-spinner {
 
 @keyframes pf-animation-spinner__clipper-after {
   0% {
-    transform: rotate(90deg);
+    transform: rotate(-180deg);
   }
   100% {
-    transform: rotate(-180deg);
+    transform: rotate(90deg);
   }
 }
 .pf-c-spinner__lead-ball {
@@ -23026,11 +23033,11 @@ span.pf-c-spinner {
   0% {
     transform: rotate(0deg);
   }
-  34% {
-    transform: rotate(-180deg);
+  33% {
+    transform: rotate(180deg);
   }
   100% {
-    transform: rotate(-360deg);
+    transform: rotate(360deg);
   }
 }
 .pf-c-spinner__tail-ball {
@@ -23057,11 +23064,11 @@ span.pf-c-spinner {
   0% {
     transform: rotate(0deg);
   }
-  67.5% {
-    transform: rotate(-180deg);
+  66% {
+    transform: rotate(180deg);
   }
   100% {
-    transform: rotate(-360deg);
+    transform: rotate(360deg);
   }
 }
 svg.pf-c-spinner {