@patternfly/patternfly 6.0.0-alpha.137 → 6.0.0-alpha.139

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/base/tokens/tokens-charts-dark.scss +2 -2
  2. package/base/tokens/tokens-charts.scss +1 -1
  3. package/base/tokens/tokens-dark.scss +1 -1
  4. package/base/tokens/tokens-default.scss +1 -1
  5. package/base/tokens/tokens-palette.scss +1 -1
  6. package/package.json +1 -1
  7. package/patternfly-charts.css +50 -45
  8. package/patternfly-charts.scss +52 -45
package/base/tokens/tokens-charts-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 May 2024 15:08:07 GMT
3
+ // Generated on Wed, 22 May 2024 20:26:40 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--stroke-line-join: round;
@@ -22,7 +22,7 @@
22
22
  --pf-t--chart--global--BorderWidth--lg: 8;
23
23
  --pf-t--chart--global--BorderWidth--sm: 2;
24
24
  --pf-t--chart--global--BorderWidth--xs: 1;
25
- --pf-t--chart--global--label--fill: var(--pf-t--color--gray--90);
25
+ --pf-t--chart--global--label--fill: var(--pf-t--color--white);
26
26
  --pf-t--chart--global--danger--color--100: var(--pf-t--color--red-orange--50);
27
27
  --pf-t--chart--global--success--color--100: var(--pf-t--color--blue--30);
28
28
  --pf-t--chart--global--warning--color--200: var(--pf-t--color--yellow--30);
package/base/tokens/tokens-charts.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 May 2024 15:08:07 GMT
3
+ // Generated on Wed, 22 May 2024 20:26:40 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--stroke-line-join: round;
package/base/tokens/tokens-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 May 2024 15:08:07 GMT
3
+ // Generated on Wed, 22 May 2024 20:26:40 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
package/base/tokens/tokens-default.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 May 2024 15:08:07 GMT
3
+ // Generated on Wed, 22 May 2024 20:26:40 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
package/base/tokens/tokens-palette.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 May 2024 15:08:07 GMT
3
+ // Generated on Wed, 22 May 2024 20:26:40 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--color--red--70: #5f0000;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.137",
4
+ "version": "6.0.0-alpha.139",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-charts.css CHANGED
@@ -192,7 +192,7 @@
192
192
  --pf-t--chart--global--BorderWidth--lg: 8;
193
193
  --pf-t--chart--global--BorderWidth--sm: 2;
194
194
  --pf-t--chart--global--BorderWidth--xs: 1;
195
- --pf-t--chart--global--label--fill: var(--pf-t--color--gray--90);
195
+ --pf-t--chart--global--label--fill: var(--pf-t--color--white);
196
196
  --pf-t--chart--global--danger--color--100: var(--pf-t--color--red-orange--50);
197
197
  --pf-t--chart--global--success--color--100: var(--pf-t--color--blue--30);
198
198
  --pf-t--chart--global--warning--color--200: var(--pf-t--color--yellow--30);
@@ -344,45 +344,50 @@
344
344
 
345
345
  :where(:root) {
346
346
  --pf-v6-chart-color-blue-100: var(--pf-t--chart--color--blue--100);
347
- --pf-v6-chart-color-blue-200: var(--pf-t--chart--color--blue--100);
348
- --pf-v6-chart-color-blue-300: var(--pf-t--chart--color--blue--100);
349
- --pf-v6-chart-color-blue-400: var(--pf-t--chart--color--blue--100);
350
- --pf-v6-chart-color-blue-500: var(--pf-t--chart--color--blue--100);
351
- --pf-v6-chart-color-green-100: var(--pf-t--chart--color--blue--100);
352
- --pf-v6-chart-color-green-200: var(--pf-t--chart--color--blue--100);
353
- --pf-v6-chart-color-green-300: var(--pf-t--chart--color--blue--100);
354
- --pf-v6-chart-color-green-400: var(--pf-t--chart--color--blue--100);
355
- --pf-v6-chart-color-green-500: var(--pf-t--chart--color--blue--100);
356
- --pf-v6-chart-color-cyan-100: var(--pf-t--chart--color--blue--100);
357
- --pf-v6-chart-color-cyan-200: var(--pf-t--chart--color--blue--100);
358
- --pf-v6-chart-color-cyan-300: var(--pf-t--chart--color--blue--100);
359
- --pf-v6-chart-color-cyan-400: var(--pf-t--chart--color--blue--100);
360
- --pf-v6-chart-color-cyan-500: var(--pf-t--chart--color--blue--100);
361
- --pf-v6-chart-color-purple-100: var(--pf-t--chart--color--blue--100);
362
- --pf-v6-chart-color-purple-200: var(--pf-t--chart--color--blue--100);
363
- --pf-v6-chart-color-purple-300: var(--pf-t--chart--color--blue--100);
364
- --pf-v6-chart-color-purple-400: var(--pf-t--chart--color--blue--100);
365
- --pf-v6-chart-color-purple-500: var(--pf-t--chart--color--blue--100);
366
- --pf-v6-chart-color-gold-100: var(--pf-t--chart--color--blue--100);
367
- --pf-v6-chart-color-gold-200: var(--pf-t--chart--color--blue--100);
368
- --pf-v6-chart-color-gold-300: var(--pf-t--chart--color--blue--100);
369
- --pf-v6-chart-color-gold-400: var(--pf-t--chart--color--blue--100);
370
- --pf-v6-chart-color-gold-500: var(--pf-t--chart--color--blue--100);
371
- --pf-v6-chart-color-orange-100: var(--pf-t--chart--color--blue--100);
372
- --pf-v6-chart-color-orange-200: var(--pf-t--chart--color--blue--100);
373
- --pf-v6-chart-color-orange-300: var(--pf-t--chart--color--blue--100);
374
- --pf-v6-chart-color-orange-400: var(--pf-t--chart--color--blue--100);
375
- --pf-v6-chart-color-orange-500: var(--pf-t--chart--color--blue--100);
376
- --pf-v6-chart-color-red-100: var(--pf-t--chart--color--blue--100);
377
- --pf-v6-chart-color-red-200: var(--pf-t--chart--color--blue--100);
378
- --pf-v6-chart-color-red-300: var(--pf-t--chart--color--blue--100);
379
- --pf-v6-chart-color-red-400: var(--pf-t--chart--color--blue--100);
380
- --pf-v6-chart-color-red-500: var(--pf-t--chart--color--blue--100);
381
- --pf-v6-chart-color-black-100: var(--pf-t--chart--color--blue--100);
382
- --pf-v6-chart-color-black-200: var(--pf-t--chart--color--blue--100);
383
- --pf-v6-chart-color-black-300: var(--pf-t--chart--color--blue--100);
384
- --pf-v6-chart-color-black-400: var(--pf-t--chart--color--blue--100);
385
- --pf-v6-chart-color-black-500: var(--pf-t--chart--color--blue--100);
347
+ --pf-v6-chart-color-blue-200: var(--pf-t--chart--color--blue--200);
348
+ --pf-v6-chart-color-blue-300: var(--pf-t--chart--color--blue--300);
349
+ --pf-v6-chart-color-blue-400: var(--pf-t--chart--color--blue--400);
350
+ --pf-v6-chart-color-blue-500: var(--pf-t--chart--color--blue--500);
351
+ --pf-v6-chart-color-green-100: var(--pf-t--chart--color--green--100);
352
+ --pf-v6-chart-color-green-200: var(--pf-t--chart--color--green--200);
353
+ --pf-v6-chart-color-green-300: var(--pf-t--chart--color--green--300);
354
+ --pf-v6-chart-color-green-400: var(--pf-t--chart--color--green--400);
355
+ --pf-v6-chart-color-green-500: var(--pf-t--chart--color--green--500);
356
+ --pf-v6-chart-color-cyan-100: var(--pf-t--chart--color--teal--100);
357
+ --pf-v6-chart-color-cyan-200: var(--pf-t--chart--color--teal--200);
358
+ --pf-v6-chart-color-cyan-300: var(--pf-t--chart--color--teal--300);
359
+ --pf-v6-chart-color-cyan-400: var(--pf-t--chart--color--teal--400);
360
+ --pf-v6-chart-color-cyan-500: var(--pf-t--chart--color--teal--500);
361
+ --pf-v6-chart-color-purple-100: var(--pf-t--chart--color--purple--100);
362
+ --pf-v6-chart-color-purple-200: var(--pf-t--chart--color--purple--200);
363
+ --pf-v6-chart-color-purple-300: var(--pf-t--chart--color--purple--300);
364
+ --pf-v6-chart-color-purple-400: var(--pf-t--chart--color--purple--400);
365
+ --pf-v6-chart-color-purple-500: var(--pf-t--chart--color--purple--500);
366
+ --pf-v6-chart-color-gold-100: var(--pf-t--chart--color--yellow--100);
367
+ --pf-v6-chart-color-gold-200: var(--pf-t--chart--color--yellow--200);
368
+ --pf-v6-chart-color-gold-300: var(--pf-t--chart--color--yellow--300);
369
+ --pf-v6-chart-color-gold-400: var(--pf-t--chart--color--yellow--400);
370
+ --pf-v6-chart-color-gold-500: var(--pf-t--chart--color--yellow--500);
371
+ --pf-v6-chart-color-orange-100: var(--pf-t--chart--color--orange--100);
372
+ --pf-v6-chart-color-orange-200: var(--pf-t--chart--color--orange--200);
373
+ --pf-v6-chart-color-orange-300: var(--pf-t--chart--color--orange--300);
374
+ --pf-v6-chart-color-orange-400: var(--pf-t--chart--color--orange--400);
375
+ --pf-v6-chart-color-orange-500: var(--pf-t--chart--color--orange--500);
376
+ --pf-v6-chart-color-red-100: var(--pf-t--chart--color--red--100);
377
+ --pf-v6-chart-color-red-200: var(--pf-t--chart--color--red--200);
378
+ --pf-v6-chart-color-red-300: var(--pf-t--chart--color--red--300);
379
+ --pf-v6-chart-color-red-400: var(--pf-t--chart--color--red--400);
380
+ --pf-v6-chart-color-red-500: var(--pf-t--chart--color--red--500);
381
+ --pf-v6-chart-color-black-100: var(--pf-t--chart--color--black--100);
382
+ --pf-v6-chart-color-black-200: var(--pf-t--chart--color--black--200);
383
+ --pf-v6-chart-color-black-300: var(--pf-t--chart--color--black--300);
384
+ --pf-v6-chart-color-black-400: var(--pf-t--chart--color--black--400);
385
+ --pf-v6-chart-color-black-500: var(--pf-t--chart--color--black--500);
386
+ --pf-v6-chart-color-red-orange-100: var(--pf-t--chart--color--red-orange--100);
387
+ --pf-v6-chart-color-red-orange-200: var(--pf-t--chart--color--red-orange--200);
388
+ --pf-v6-chart-color-red-orange-300: var(--pf-t--chart--color--red-orange--300);
389
+ --pf-v6-chart-color-red-orange-400: var(--pf-t--chart--color--red-orange--400);
390
+ --pf-v6-chart-color-red-orange-500: var(--pf-t--chart--color--red-orange--500);
386
391
  --pf-v6-chart-global--FontSize--xs: var(--pf-t--chart--global--FontSize--xs);
387
392
  --pf-v6-chart-global--FontSize--sm: var(--pf-t--chart--global--FontSize--sm);
388
393
  --pf-v6-chart-global--FontSize--lg: var(--pf-t--chart--global--FontSize--lg);
@@ -571,11 +576,11 @@
571
576
  --pf-v6-chart-theme--blue--ColorScale--300: var(--pf-t--chart--theme--colorscales--blue--colorscale--300);
572
577
  --pf-v6-chart-theme--blue--ColorScale--400: var(--pf-t--chart--theme--colorscales--blue--colorscale--400);
573
578
  --pf-v6-chart-theme--blue--ColorScale--500: var(--pf-t--chart--theme--colorscales--blue--colorscale--500);
574
- --pf-v6-chart-theme--cyan--ColorScale--100: var(--pf-t--chart--theme--colorscales--cyan--colorscale--100);
575
- --pf-v6-chart-theme--cyan--ColorScale--200: var(--pf-t--chart--theme--colorscales--cyan--colorscale--200);
576
- --pf-v6-chart-theme--cyan--ColorScale--300: var(--pf-t--chart--theme--colorscales--cyan--colorscale--300);
577
- --pf-v6-chart-theme--cyan--ColorScale--400: var(--pf-t--chart--theme--colorscales--cyan--colorscale--400);
578
- --pf-v6-chart-theme--cyan--ColorScale--500: var(--pf-t--chart--theme--colorscales--cyan--colorscale--500);
579
+ --pf-v6-chart-theme--cyan--ColorScale--100: var(--pf-t--chart--theme--colorscales--teal--colorscale--100);
580
+ --pf-v6-chart-theme--cyan--ColorScale--200: var(--pf-t--chart--theme--colorscales--teal--colorscale--200);
581
+ --pf-v6-chart-theme--cyan--ColorScale--300: var(--pf-t--chart--theme--colorscales--teal--colorscale--300);
582
+ --pf-v6-chart-theme--cyan--ColorScale--400: var(--pf-t--chart--theme--colorscales--teal--colorscale--400);
583
+ --pf-v6-chart-theme--cyan--ColorScale--500: var(--pf-t--chart--theme--colorscales--teal--colorscale--500);
579
584
  --pf-v6-chart-theme--gold--ColorScale--100: var(--pf-t--chart--theme--colorscales--yellow--colorscale--100);
580
585
  --pf-v6-chart-theme--gold--ColorScale--200: var(--pf-t--chart--theme--colorscales--yellow--colorscale--200);
581
586
  --pf-v6-chart-theme--gold--ColorScale--300: var(--pf-t--chart--theme--colorscales--yellow--colorscale--300);
package/patternfly-charts.scss CHANGED
@@ -28,59 +28,66 @@ $chart: #{$pf-prefix} + 'chart';
28
28
  // Chart colors
29
29
  // blue
30
30
  --#{$chart}-color-blue-100: var(--pf-t--chart--color--blue--100);
31
- --#{$chart}-color-blue-200: var(--pf-t--chart--color--blue--100);
32
- --#{$chart}-color-blue-300: var(--pf-t--chart--color--blue--100);
33
- --#{$chart}-color-blue-400: var(--pf-t--chart--color--blue--100);
34
- --#{$chart}-color-blue-500: var(--pf-t--chart--color--blue--100);
31
+ --#{$chart}-color-blue-200: var(--pf-t--chart--color--blue--200);
32
+ --#{$chart}-color-blue-300: var(--pf-t--chart--color--blue--300);
33
+ --#{$chart}-color-blue-400: var(--pf-t--chart--color--blue--400);
34
+ --#{$chart}-color-blue-500: var(--pf-t--chart--color--blue--500);
35
35
 
36
36
  // green
37
- --#{$chart}-color-green-100: var(--pf-t--chart--color--blue--100);
38
- --#{$chart}-color-green-200: var(--pf-t--chart--color--blue--100);
39
- --#{$chart}-color-green-300: var(--pf-t--chart--color--blue--100);
40
- --#{$chart}-color-green-400: var(--pf-t--chart--color--blue--100);
41
- --#{$chart}-color-green-500: var(--pf-t--chart--color--blue--100);
37
+ --#{$chart}-color-green-100: var(--pf-t--chart--color--green--100);
38
+ --#{$chart}-color-green-200: var(--pf-t--chart--color--green--200);
39
+ --#{$chart}-color-green-300: var(--pf-t--chart--color--green--300);
40
+ --#{$chart}-color-green-400: var(--pf-t--chart--color--green--400);
41
+ --#{$chart}-color-green-500: var(--pf-t--chart--color--green--500);
42
42
 
43
43
  // cyan
44
- --#{$chart}-color-cyan-100: var(--pf-t--chart--color--blue--100);
45
- --#{$chart}-color-cyan-200: var(--pf-t--chart--color--blue--100);
46
- --#{$chart}-color-cyan-300: var(--pf-t--chart--color--blue--100);
47
- --#{$chart}-color-cyan-400: var(--pf-t--chart--color--blue--100);
48
- --#{$chart}-color-cyan-500: var(--pf-t--chart--color--blue--100);
44
+ --#{$chart}-color-cyan-100: var(--pf-t--chart--color--teal--100);
45
+ --#{$chart}-color-cyan-200: var(--pf-t--chart--color--teal--200);
46
+ --#{$chart}-color-cyan-300: var(--pf-t--chart--color--teal--300);
47
+ --#{$chart}-color-cyan-400: var(--pf-t--chart--color--teal--400);
48
+ --#{$chart}-color-cyan-500: var(--pf-t--chart--color--teal--500);
49
49
 
50
50
  // purple
51
- --#{$chart}-color-purple-100: var(--pf-t--chart--color--blue--100);
52
- --#{$chart}-color-purple-200: var(--pf-t--chart--color--blue--100);
53
- --#{$chart}-color-purple-300: var(--pf-t--chart--color--blue--100);
54
- --#{$chart}-color-purple-400: var(--pf-t--chart--color--blue--100);
55
- --#{$chart}-color-purple-500: var(--pf-t--chart--color--blue--100);
51
+ --#{$chart}-color-purple-100: var(--pf-t--chart--color--purple--100);
52
+ --#{$chart}-color-purple-200: var(--pf-t--chart--color--purple--200);
53
+ --#{$chart}-color-purple-300: var(--pf-t--chart--color--purple--300);
54
+ --#{$chart}-color-purple-400: var(--pf-t--chart--color--purple--400);
55
+ --#{$chart}-color-purple-500: var(--pf-t--chart--color--purple--500);
56
56
 
57
57
  // gold
58
- --#{$chart}-color-gold-100: var(--pf-t--chart--color--blue--100);
59
- --#{$chart}-color-gold-200: var(--pf-t--chart--color--blue--100);
60
- --#{$chart}-color-gold-300: var(--pf-t--chart--color--blue--100);
61
- --#{$chart}-color-gold-400: var(--pf-t--chart--color--blue--100);
62
- --#{$chart}-color-gold-500: var(--pf-t--chart--color--blue--100);
58
+ --#{$chart}-color-gold-100: var(--pf-t--chart--color--yellow--100);
59
+ --#{$chart}-color-gold-200: var(--pf-t--chart--color--yellow--200);
60
+ --#{$chart}-color-gold-300: var(--pf-t--chart--color--yellow--300);
61
+ --#{$chart}-color-gold-400: var(--pf-t--chart--color--yellow--400);
62
+ --#{$chart}-color-gold-500: var(--pf-t--chart--color--yellow--500);
63
63
 
64
64
  // orange
65
- --#{$chart}-color-orange-100: var(--pf-t--chart--color--blue--100);
66
- --#{$chart}-color-orange-200: var(--pf-t--chart--color--blue--100);
67
- --#{$chart}-color-orange-300: var(--pf-t--chart--color--blue--100);
68
- --#{$chart}-color-orange-400: var(--pf-t--chart--color--blue--100);
69
- --#{$chart}-color-orange-500: var(--pf-t--chart--color--blue--100);
65
+ --#{$chart}-color-orange-100: var(--pf-t--chart--color--orange--100);
66
+ --#{$chart}-color-orange-200: var(--pf-t--chart--color--orange--200);
67
+ --#{$chart}-color-orange-300: var(--pf-t--chart--color--orange--300);
68
+ --#{$chart}-color-orange-400: var(--pf-t--chart--color--orange--400);
69
+ --#{$chart}-color-orange-500: var(--pf-t--chart--color--orange--500);
70
70
 
71
71
  // red
72
- --#{$chart}-color-red-100: var(--pf-t--chart--color--blue--100);
73
- --#{$chart}-color-red-200: var(--pf-t--chart--color--blue--100);
74
- --#{$chart}-color-red-300: var(--pf-t--chart--color--blue--100);
75
- --#{$chart}-color-red-400: var(--pf-t--chart--color--blue--100);
76
- --#{$chart}-color-red-500: var(--pf-t--chart--color--blue--100);
72
+ --#{$chart}-color-red-100: var(--pf-t--chart--color--red--100);
73
+ --#{$chart}-color-red-200: var(--pf-t--chart--color--red--200);
74
+ --#{$chart}-color-red-300: var(--pf-t--chart--color--red--300);
75
+ --#{$chart}-color-red-400: var(--pf-t--chart--color--red--400);
76
+ --#{$chart}-color-red-500: var(--pf-t--chart--color--red--500);
77
77
 
78
78
  // black
79
- --#{$chart}-color-black-100: var(--pf-t--chart--color--blue--100);
80
- --#{$chart}-color-black-200: var(--pf-t--chart--color--blue--100);
81
- --#{$chart}-color-black-300: var(--pf-t--chart--color--blue--100);
82
- --#{$chart}-color-black-400: var(--pf-t--chart--color--blue--100);
83
- --#{$chart}-color-black-500: var(--pf-t--chart--color--blue--100);
79
+ --#{$chart}-color-black-100: var(--pf-t--chart--color--black--100);
80
+ --#{$chart}-color-black-200: var(--pf-t--chart--color--black--200);
81
+ --#{$chart}-color-black-300: var(--pf-t--chart--color--black--300);
82
+ --#{$chart}-color-black-400: var(--pf-t--chart--color--black--400);
83
+ --#{$chart}-color-black-500: var(--pf-t--chart--color--black--500);
84
+
85
+ // red-orange
86
+ --#{$chart}-color-red-orange-100: var(--pf-t--chart--color--red-orange--100);
87
+ --#{$chart}-color-red-orange-200: var(--pf-t--chart--color--red-orange--200);
88
+ --#{$chart}-color-red-orange-300: var(--pf-t--chart--color--red-orange--300);
89
+ --#{$chart}-color-red-orange-400: var(--pf-t--chart--color--red-orange--400);
90
+ --#{$chart}-color-red-orange-500: var(--pf-t--chart--color--red-orange--500);
84
91
 
85
92
  // typography
86
93
  --#{$chart}-global--FontSize--xs: var(--pf-t--chart--global--FontSize--xs);
@@ -327,11 +334,11 @@ $chart: #{$pf-prefix} + 'chart';
327
334
  --#{$chart}-theme--blue--ColorScale--500: var(--pf-t--chart--theme--colorscales--blue--colorscale--500);
328
335
 
329
336
  // cyan
330
- --#{$chart}-theme--cyan--ColorScale--100: var(--pf-t--chart--theme--colorscales--cyan--colorscale--100);
331
- --#{$chart}-theme--cyan--ColorScale--200: var(--pf-t--chart--theme--colorscales--cyan--colorscale--200);
332
- --#{$chart}-theme--cyan--ColorScale--300: var(--pf-t--chart--theme--colorscales--cyan--colorscale--300);
333
- --#{$chart}-theme--cyan--ColorScale--400: var(--pf-t--chart--theme--colorscales--cyan--colorscale--400);
334
- --#{$chart}-theme--cyan--ColorScale--500: var(--pf-t--chart--theme--colorscales--cyan--colorscale--500);
337
+ --#{$chart}-theme--cyan--ColorScale--100: var(--pf-t--chart--theme--colorscales--teal--colorscale--100);
338
+ --#{$chart}-theme--cyan--ColorScale--200: var(--pf-t--chart--theme--colorscales--teal--colorscale--200);
339
+ --#{$chart}-theme--cyan--ColorScale--300: var(--pf-t--chart--theme--colorscales--teal--colorscale--300);
340
+ --#{$chart}-theme--cyan--ColorScale--400: var(--pf-t--chart--theme--colorscales--teal--colorscale--400);
341
+ --#{$chart}-theme--cyan--ColorScale--500: var(--pf-t--chart--theme--colorscales--teal--colorscale--500);
335
342
 
336
343
  // gold
337
344
  --#{$chart}-theme--gold--ColorScale--100: var(--pf-t--chart--theme--colorscales--yellow--colorscale--100);
@@ -340,7 +347,7 @@ $chart: #{$pf-prefix} + 'chart';
340
347
  --#{$chart}-theme--gold--ColorScale--400: var(--pf-t--chart--theme--colorscales--yellow--colorscale--400);
341
348
  --#{$chart}-theme--gold--ColorScale--500: var(--pf-t--chart--theme--colorscales--yellow--colorscale--500);
342
349
 
343
- // gray
350
+ // gray
344
351
  --#{$chart}-theme--gray--ColorScale--100: var(--pf-t--chart--theme--colorscales--gray--colorscale--100);
345
352
  --#{$chart}-theme--gray--ColorScale--200: var(--pf-t--chart--theme--colorscales--gray--colorscale--200);
346
353
  --#{$chart}-theme--gray--ColorScale--300: var(--pf-t--chart--theme--colorscales--gray--colorscale--300);