@patternfly/patternfly 4.202.2 → 4.203.0

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 (46) hide show
  1. package/base/_fonts.scss +10 -10
  2. package/base/_shield-inheritable.scss +1 -1
  3. package/base/patternfly-fonts.css +10 -10
  4. package/base/patternfly-shield-inheritable.css +1 -1
  5. package/components/AlertGroup/alert-group.css +1 -1
  6. package/components/Button/button.css +1 -1
  7. package/components/Button/button.scss +1 -1
  8. package/components/Divider/divider.css +12 -12
  9. package/components/Drawer/drawer.css +0 -33
  10. package/components/JumpLinks/jump-links.css +1 -1
  11. package/components/JumpLinks/jump-links.scss +1 -1
  12. package/components/MenuToggle/menu-toggle.css +1 -1
  13. package/components/MenuToggle/menu-toggle.scss +1 -1
  14. package/components/ProgressStepper/progress-stepper.css +1 -1
  15. package/components/Sidebar/sidebar.css +0 -30
  16. package/components/Spinner/spinner.css +2 -2
  17. package/components/Table/table.css +5 -5
  18. package/components/Table/table.scss +5 -5
  19. package/components/Tabs/tabs.css +1 -1
  20. package/components/Tabs/tabs.scss +1 -1
  21. package/components/TreeView/tree-view.css +29 -1
  22. package/components/TreeView/tree-view.scss +36 -2
  23. package/docs/components/TreeView/examples/TreeView.md +1077 -677
  24. package/package.json +6 -6
  25. package/patternfly-addons.css +48 -683
  26. package/patternfly-base-no-reset.css +10 -10
  27. package/patternfly-base.css +10 -10
  28. package/patternfly-no-reset.css +64 -99
  29. package/patternfly.css +64 -99
  30. package/patternfly.min.css +1 -1
  31. package/patternfly.min.css.map +1 -1
  32. package/utilities/Alignment/alignment.css +0 -15
  33. package/utilities/BackgroundColor/BackgroundColor.css +0 -75
  34. package/utilities/Display/display.css +0 -40
  35. package/utilities/Flex/flex.css +0 -140
  36. package/utilities/Float/float.css +0 -5
  37. package/utilities/Sizing/sizing.css +48 -198
  38. package/utilities/Text/text.css +0 -210
  39. package/docs/pages/accessibility-guide.md +0 -161
  40. package/docs/pages/contribution.md +0 -109
  41. package/docs/pages/guidelines.md +0 -367
  42. package/docs/pages/icons.md +0 -129
  43. package/docs/pages/index.js +0 -13
  44. package/docs/pages/reference-docs/PF-quick-ref.key +0 -0
  45. package/docs/pages/reference-docs/PF-quick-ref.pdf +0 -0
  46. package/docs/pages/upgrade-guide.md +0 -188
package/base/_fonts.scss CHANGED
@@ -11,7 +11,7 @@
11
11
  url("#{$pf-global--font-path}/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
12
12
  font-style: normal;
13
13
  font-weight: 300;
14
- text-rendering: optimizeLegibility;
14
+ text-rendering: optimizelegibility;
15
15
  }
16
16
 
17
17
  @font-face {
@@ -21,7 +21,7 @@
21
21
  url("#{$pf-global--font-path}/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
22
22
  font-style: normal;
23
23
  font-weight: 400;
24
- text-rendering: optimizeLegibility;
24
+ text-rendering: optimizelegibility;
25
25
  }
26
26
 
27
27
  @font-face {
@@ -31,7 +31,7 @@
31
31
  url("#{$pf-global--font-path}/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
32
32
  font-style: normal;
33
33
  font-weight: 700;
34
- text-rendering: optimizeLegibility;
34
+ text-rendering: optimizelegibility;
35
35
  }
36
36
 
37
37
  @font-face {
@@ -41,7 +41,7 @@
41
41
  url("#{$pf-global--font-path}/RedHatText/RedHatText-Regular.woff") format("woff");
42
42
  font-style: normal;
43
43
  font-weight: 400;
44
- text-rendering: optimizeLegibility;
44
+ text-rendering: optimizelegibility;
45
45
  }
46
46
 
47
47
  @font-face {
@@ -51,7 +51,7 @@
51
51
  url("#{$pf-global--font-path}/RedHatText/RedHatText-Medium.woff") format("woff");
52
52
  font-style: normal;
53
53
  font-weight: 700;
54
- text-rendering: optimizeLegibility;
54
+ text-rendering: optimizelegibility;
55
55
  }
56
56
 
57
57
  // RedHatFont-updated
@@ -60,7 +60,7 @@
60
60
  src: url("#{$pf-global--font-path}/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
61
61
  font-style: normal;
62
62
  font-weight: 300;
63
- text-rendering: optimizeLegibility;
63
+ text-rendering: optimizelegibility;
64
64
  }
65
65
 
66
66
  @font-face {
@@ -68,7 +68,7 @@
68
68
  src: url("#{$pf-global--font-path}/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
69
69
  font-style: normal;
70
70
  font-weight: 400;
71
- text-rendering: optimizeLegibility;
71
+ text-rendering: optimizelegibility;
72
72
  }
73
73
 
74
74
  @font-face {
@@ -76,7 +76,7 @@
76
76
  src: url("#{$pf-global--font-path}/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
77
77
  font-style: normal;
78
78
  font-weight: 700;
79
- text-rendering: optimizeLegibility;
79
+ text-rendering: optimizelegibility;
80
80
  }
81
81
 
82
82
  @font-face {
@@ -84,7 +84,7 @@
84
84
  src: url("#{$pf-global--font-path}/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
85
85
  font-style: normal;
86
86
  font-weight: 400;
87
- text-rendering: optimizeLegibility;
87
+ text-rendering: optimizelegibility;
88
88
  }
89
89
 
90
90
  @font-face {
@@ -92,7 +92,7 @@
92
92
  src: url("#{$pf-global--font-path}/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
93
93
  font-style: normal;
94
94
  font-weight: 700;
95
- text-rendering: optimizeLegibility;
95
+ text-rendering: optimizelegibility;
96
96
  }
97
97
 
98
98
  // RedHatMono
package/base/_shield-inheritable.scss CHANGED
@@ -64,6 +64,6 @@
64
64
  font-weight: var(--pf-global--FontWeight--normal);
65
65
  line-height: var(--pf-global--LineHeight--md);
66
66
  color: var(--pf-global--Color--100); // this color rule is set here to be able to use themes
67
- text-rendering: optimizeLegibility;
67
+ text-rendering: optimizelegibility;
68
68
  }
69
69
  }
package/base/patternfly-fonts.css CHANGED
@@ -3,70 +3,70 @@
3
3
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
4
4
  font-style: normal;
5
5
  font-weight: 300;
6
- text-rendering: optimizeLegibility;
6
+ text-rendering: optimizelegibility;
7
7
  }
8
8
  @font-face {
9
9
  font-family: "RedHatDisplay";
10
10
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
11
11
  font-style: normal;
12
12
  font-weight: 400;
13
- text-rendering: optimizeLegibility;
13
+ text-rendering: optimizelegibility;
14
14
  }
15
15
  @font-face {
16
16
  font-family: "RedHatDisplay";
17
17
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
18
18
  font-style: normal;
19
19
  font-weight: 700;
20
- text-rendering: optimizeLegibility;
20
+ text-rendering: optimizelegibility;
21
21
  }
22
22
  @font-face {
23
23
  font-family: "RedHatText";
24
24
  src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
25
25
  font-style: normal;
26
26
  font-weight: 400;
27
- text-rendering: optimizeLegibility;
27
+ text-rendering: optimizelegibility;
28
28
  }
29
29
  @font-face {
30
30
  font-family: "RedHatText";
31
31
  src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
32
32
  font-style: normal;
33
33
  font-weight: 700;
34
- text-rendering: optimizeLegibility;
34
+ text-rendering: optimizelegibility;
35
35
  }
36
36
  @font-face {
37
37
  font-family: "RedHatDisplayUpdated";
38
38
  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
39
39
  font-style: normal;
40
40
  font-weight: 300;
41
- text-rendering: optimizeLegibility;
41
+ text-rendering: optimizelegibility;
42
42
  }
43
43
  @font-face {
44
44
  font-family: "RedHatDisplayUpdated";
45
45
  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
46
46
  font-style: normal;
47
47
  font-weight: 400;
48
- text-rendering: optimizeLegibility;
48
+ text-rendering: optimizelegibility;
49
49
  }
50
50
  @font-face {
51
51
  font-family: "RedHatDisplayUpdated";
52
52
  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
53
53
  font-style: normal;
54
54
  font-weight: 700;
55
- text-rendering: optimizeLegibility;
55
+ text-rendering: optimizelegibility;
56
56
  }
57
57
  @font-face {
58
58
  font-family: "RedHatTextUpdated";
59
59
  src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
60
60
  font-style: normal;
61
61
  font-weight: 400;
62
- text-rendering: optimizeLegibility;
62
+ text-rendering: optimizelegibility;
63
63
  }
64
64
  @font-face {
65
65
  font-family: "RedHatTextUpdated";
66
66
  src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
67
67
  font-style: normal;
68
68
  font-weight: 700;
69
- text-rendering: optimizeLegibility;
69
+ text-rendering: optimizelegibility;
70
70
  }
71
71
  @font-face {
72
72
  font-family: "RedHatMono";
package/base/patternfly-shield-inheritable.css CHANGED
@@ -62,5 +62,5 @@
62
62
  font-weight: var(--pf-global--FontWeight--normal);
63
63
  line-height: var(--pf-global--LineHeight--md);
64
64
  color: var(--pf-global--Color--100);
65
- text-rendering: optimizeLegibility;
65
+ text-rendering: optimizelegibility;
66
66
  }
package/components/AlertGroup/alert-group.css CHANGED
@@ -27,7 +27,7 @@
27
27
  top: var(--pf-c-alert-group--m-toast--Top);
28
28
  right: var(--pf-c-alert-group--m-toast--Right);
29
29
  z-index: var(--pf-c-alert-group--m-toast--ZIndex);
30
- width: calc(100% - calc(var(--pf-c-alert-group--m-toast--Right) * 2));
30
+ width: calc(100% - var(--pf-c-alert-group--m-toast--Right) * 2);
31
31
  max-width: var(--pf-c-alert-group--m-toast--MaxWidth);
32
32
  }
33
33
 
package/components/Button/button.css CHANGED
@@ -469,7 +469,7 @@
469
469
  transform: translate(var(--pf-c-button__progress--TranslateX), var(--pf-c-button__progress--TranslateY));
470
470
  }
471
471
  .pf-c-button__progress .pf-c-spinner {
472
- --pf-c-spinner--Color: currentColor;
472
+ --pf-c-spinner--Color: currentcolor;
473
473
  }
474
474
 
475
475
  .pf-m-overpass-font .pf-c-button {
package/components/Button/button.scss CHANGED
@@ -616,7 +616,7 @@
616
616
  transform: translate(var(--pf-c-button__progress--TranslateX), var(--pf-c-button__progress--TranslateY));
617
617
 
618
618
  .pf-c-spinner {
619
- --pf-c-spinner--Color: currentColor;
619
+ --pf-c-spinner--Color: currentcolor;
620
620
  }
621
621
  }
622
622
 
package/components/Divider/divider.css CHANGED
@@ -95,7 +95,7 @@
95
95
  border: 0;
96
96
  }
97
97
  .pf-c-divider::after {
98
- flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
98
+ flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
99
99
  }
100
100
  .pf-c-divider::after {
101
101
  align-self: stretch;
@@ -114,7 +114,7 @@
114
114
  height: inherit;
115
115
  }
116
116
  .pf-c-divider.pf-m-vertical::after {
117
- flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
117
+ flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
118
118
  }
119
119
  .pf-c-divider.pf-m-inset-none {
120
120
  --pf-c-divider--after--Inset: 0%;
@@ -150,7 +150,7 @@
150
150
  height: auto;
151
151
  }
152
152
  .pf-c-divider.pf-m-horizontal-on-sm::after {
153
- flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
153
+ flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
154
154
  }
155
155
  }
156
156
  @media (min-width: 576px) {
@@ -163,7 +163,7 @@
163
163
  height: inherit;
164
164
  }
165
165
  .pf-c-divider.pf-m-vertical-on-sm::after {
166
- flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
166
+ flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
167
167
  }
168
168
  }
169
169
  @media (min-width: 576px) {
@@ -202,7 +202,7 @@
202
202
  height: auto;
203
203
  }
204
204
  .pf-c-divider.pf-m-horizontal-on-md::after {
205
- flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
205
+ flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
206
206
  }
207
207
  }
208
208
  @media (min-width: 768px) {
@@ -215,7 +215,7 @@
215
215
  height: inherit;
216
216
  }
217
217
  .pf-c-divider.pf-m-vertical-on-md::after {
218
- flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
218
+ flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
219
219
  }
220
220
  }
221
221
  @media (min-width: 768px) {
@@ -254,7 +254,7 @@
254
254
  height: auto;
255
255
  }
256
256
  .pf-c-divider.pf-m-horizontal-on-lg::after {
257
- flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
257
+ flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
258
258
  }
259
259
  }
260
260
  @media (min-width: 992px) {
@@ -267,7 +267,7 @@
267
267
  height: inherit;
268
268
  }
269
269
  .pf-c-divider.pf-m-vertical-on-lg::after {
270
- flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
270
+ flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
271
271
  }
272
272
  }
273
273
  @media (min-width: 992px) {
@@ -306,7 +306,7 @@
306
306
  height: auto;
307
307
  }
308
308
  .pf-c-divider.pf-m-horizontal-on-xl::after {
309
- flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
309
+ flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
310
310
  }
311
311
  }
312
312
  @media (min-width: 1200px) {
@@ -319,7 +319,7 @@
319
319
  height: inherit;
320
320
  }
321
321
  .pf-c-divider.pf-m-vertical-on-xl::after {
322
- flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
322
+ flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
323
323
  }
324
324
  }
325
325
  @media (min-width: 1200px) {
@@ -358,7 +358,7 @@
358
358
  height: auto;
359
359
  }
360
360
  .pf-c-divider.pf-m-horizontal-on-2xl::after {
361
- flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
361
+ flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
362
362
  }
363
363
  }
364
364
  @media (min-width: 1450px) {
@@ -371,7 +371,7 @@
371
371
  height: inherit;
372
372
  }
373
373
  .pf-c-divider.pf-m-vertical-on-2xl::after {
374
- flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
374
+ flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
375
375
  }
376
376
  }
377
377
  @media (min-width: 1450px) {
package/components/Drawer/drawer.css CHANGED
@@ -381,7 +381,6 @@
381
381
  .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__panel-main {
382
382
  flex-shrink: 1;
383
383
  }
384
-
385
384
  .pf-c-drawer.pf-m-panel-left {
386
385
  --pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
387
386
  }
@@ -402,7 +401,6 @@
402
401
  --pf-c-drawer__splitter--after--BorderLeftWidth: var(--pf-c-drawer--m-panel-left__splitter--after--BorderLeftWidth);
403
402
  order: 1;
404
403
  }
405
-
406
404
  .pf-c-drawer.pf-m-panel-bottom {
407
405
  --pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
408
406
  --pf-c-drawer__panel--MaxHeight: 100%;
@@ -431,7 +429,6 @@
431
429
  --pf-c-drawer__splitter--after--BorderRightWidth: 0;
432
430
  --pf-c-drawer__splitter--after--BorderBottomWidth: var(--pf-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth);
433
431
  }
434
-
435
432
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__splitter {
436
433
  --pf-c-drawer__splitter--m-vertical--Width: var(--pf-c-drawer--m-inline__splitter--m-vertical--Width);
437
434
  --pf-c-drawer__splitter-handle--Left: var(--pf-c-drawer--m-inline__splitter-handle--Left);
@@ -446,12 +443,10 @@
446
443
  --pf-c-drawer__splitter--after--BorderRightWidth: 0;
447
444
  --pf-c-drawer__splitter--after--BorderLeftWidth: 0;
448
445
  }
449
-
450
446
  .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
451
447
  .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
452
448
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
453
449
  }
454
-
455
450
  .pf-c-drawer__splitter {
456
451
  display: block;
457
452
  visibility: visible;
@@ -461,23 +456,18 @@
461
456
  .pf-c-drawer__panel.pf-m-width-25 {
462
457
  --pf-c-drawer__panel--md--FlexBasis: 25%;
463
458
  }
464
-
465
459
  .pf-c-drawer__panel.pf-m-width-33 {
466
460
  --pf-c-drawer__panel--md--FlexBasis: 33%;
467
461
  }
468
-
469
462
  .pf-c-drawer__panel.pf-m-width-50 {
470
463
  --pf-c-drawer__panel--md--FlexBasis: 50%;
471
464
  }
472
-
473
465
  .pf-c-drawer__panel.pf-m-width-66 {
474
466
  --pf-c-drawer__panel--md--FlexBasis: 66%;
475
467
  }
476
-
477
468
  .pf-c-drawer__panel.pf-m-width-75 {
478
469
  --pf-c-drawer__panel--md--FlexBasis: 75%;
479
470
  }
480
-
481
471
  .pf-c-drawer__panel.pf-m-width-100 {
482
472
  --pf-c-drawer__panel--md--FlexBasis: 100%;
483
473
  }
@@ -486,23 +476,18 @@
486
476
  .pf-c-drawer__panel.pf-m-width-25-on-lg {
487
477
  --pf-c-drawer__panel--md--FlexBasis: 25%;
488
478
  }
489
-
490
479
  .pf-c-drawer__panel.pf-m-width-33-on-lg {
491
480
  --pf-c-drawer__panel--md--FlexBasis: 33%;
492
481
  }
493
-
494
482
  .pf-c-drawer__panel.pf-m-width-50-on-lg {
495
483
  --pf-c-drawer__panel--md--FlexBasis: 50%;
496
484
  }
497
-
498
485
  .pf-c-drawer__panel.pf-m-width-66-on-lg {
499
486
  --pf-c-drawer__panel--md--FlexBasis: 66%;
500
487
  }
501
-
502
488
  .pf-c-drawer__panel.pf-m-width-75-on-lg {
503
489
  --pf-c-drawer__panel--md--FlexBasis: 75%;
504
490
  }
505
-
506
491
  .pf-c-drawer__panel.pf-m-width-100-on-lg {
507
492
  --pf-c-drawer__panel--md--FlexBasis: 100%;
508
493
  }
@@ -511,23 +496,18 @@
511
496
  .pf-c-drawer__panel.pf-m-width-25-on-xl {
512
497
  --pf-c-drawer__panel--md--FlexBasis: 25%;
513
498
  }
514
-
515
499
  .pf-c-drawer__panel.pf-m-width-33-on-xl {
516
500
  --pf-c-drawer__panel--md--FlexBasis: 33%;
517
501
  }
518
-
519
502
  .pf-c-drawer__panel.pf-m-width-50-on-xl {
520
503
  --pf-c-drawer__panel--md--FlexBasis: 50%;
521
504
  }
522
-
523
505
  .pf-c-drawer__panel.pf-m-width-66-on-xl {
524
506
  --pf-c-drawer__panel--md--FlexBasis: 66%;
525
507
  }
526
-
527
508
  .pf-c-drawer__panel.pf-m-width-75-on-xl {
528
509
  --pf-c-drawer__panel--md--FlexBasis: 75%;
529
510
  }
530
-
531
511
  .pf-c-drawer__panel.pf-m-width-100-on-xl {
532
512
  --pf-c-drawer__panel--md--FlexBasis: 100%;
533
513
  }
@@ -536,23 +516,18 @@
536
516
  .pf-c-drawer__panel.pf-m-width-25-on-2xl {
537
517
  --pf-c-drawer__panel--md--FlexBasis: 25%;
538
518
  }
539
-
540
519
  .pf-c-drawer__panel.pf-m-width-33-on-2xl {
541
520
  --pf-c-drawer__panel--md--FlexBasis: 33%;
542
521
  }
543
-
544
522
  .pf-c-drawer__panel.pf-m-width-50-on-2xl {
545
523
  --pf-c-drawer__panel--md--FlexBasis: 50%;
546
524
  }
547
-
548
525
  .pf-c-drawer__panel.pf-m-width-66-on-2xl {
549
526
  --pf-c-drawer__panel--md--FlexBasis: 66%;
550
527
  }
551
-
552
528
  .pf-c-drawer__panel.pf-m-width-75-on-2xl {
553
529
  --pf-c-drawer__panel--md--FlexBasis: 75%;
554
530
  }
555
-
556
531
  .pf-c-drawer__panel.pf-m-width-100-on-2xl {
557
532
  --pf-c-drawer__panel--md--FlexBasis: 100%;
558
533
  }
@@ -570,7 +545,6 @@
570
545
  .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
571
546
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
572
547
  }
573
-
574
548
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
575
549
  overflow-x: auto;
576
550
  }
@@ -607,7 +581,6 @@
607
581
  margin-bottom: 0;
608
582
  transform: translateY(0);
609
583
  }
610
-
611
584
  .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
612
585
  transform: translateX(0);
613
586
  }
@@ -636,7 +609,6 @@
636
609
  .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
637
610
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
638
611
  }
639
-
640
612
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
641
613
  overflow-x: auto;
642
614
  }
@@ -673,7 +645,6 @@
673
645
  margin-bottom: 0;
674
646
  transform: translateY(0);
675
647
  }
676
-
677
648
  .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
678
649
  transform: translateX(0);
679
650
  }
@@ -702,7 +673,6 @@
702
673
  .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
703
674
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
704
675
  }
705
-
706
676
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
707
677
  overflow-x: auto;
708
678
  }
@@ -739,7 +709,6 @@
739
709
  margin-bottom: 0;
740
710
  transform: translateY(0);
741
711
  }
742
-
743
712
  .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
744
713
  transform: translateX(0);
745
714
  }
@@ -768,7 +737,6 @@
768
737
  .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
769
738
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
770
739
  }
771
-
772
740
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
773
741
  overflow-x: auto;
774
742
  }
@@ -805,7 +773,6 @@
805
773
  margin-bottom: 0;
806
774
  transform: translateY(0);
807
775
  }
808
-
809
776
  .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
810
777
  transform: translateX(0);
811
778
  }
package/components/JumpLinks/jump-links.css CHANGED
@@ -51,7 +51,7 @@
51
51
  --pf-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
52
52
  --pf-c-jump-links__toggle--Display: none;
53
53
  --pf-c-jump-links__toggle--Visibility: hidden;
54
- --pf-c-jump-links__toggle-icon--Color: currentColor;
54
+ --pf-c-jump-links__toggle-icon--Color: currentcolor;
55
55
  --pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
56
56
  --pf-c-jump-links__toggle-icon--Rotate: 0;
57
57
  --pf-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
package/components/JumpLinks/jump-links.scss CHANGED
@@ -66,7 +66,7 @@ $pf-c-jump-links--m-expandable--breakpoint-map: build-breakpoint-map("base", "sm
66
66
  --pf-c-jump-links__toggle--Visibility: hidden;
67
67
 
68
68
  // toggle icon
69
- --pf-c-jump-links__toggle-icon--Color: currentColor;
69
+ --pf-c-jump-links__toggle-icon--Color: currentcolor;
70
70
  --pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
71
71
  --pf-c-jump-links__toggle-icon--Rotate: 0;
72
72
  --pf-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
package/components/MenuToggle/menu-toggle.css CHANGED
@@ -269,7 +269,7 @@
269
269
  .pf-c-menu-toggle.pf-m-split-button > .pf-c-check {
270
270
  --pf-c-menu-toggle--PaddingRight: 0;
271
271
  --pf-c-check__input--MarginTop: 0;
272
- --pf-c-check__label--Color: currentColor;
272
+ --pf-c-check__label--Color: currentcolor;
273
273
  align-items: center;
274
274
  align-self: stretch;
275
275
  }
package/components/MenuToggle/menu-toggle.scss CHANGED
@@ -359,7 +359,7 @@
359
359
  > .pf-c-check {
360
360
  --pf-c-menu-toggle--PaddingRight: 0;
361
361
  --pf-c-check__input--MarginTop: 0;
362
- --pf-c-check__label--Color: currentColor;
362
+ --pf-c-check__label--Color: currentcolor;
363
363
 
364
364
  align-items: center;
365
365
  align-self: stretch;
package/components/ProgressStepper/progress-stepper.css CHANGED
@@ -284,7 +284,7 @@
284
284
  .pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-main::before {
285
285
  position: absolute;
286
286
  top: calc(100% + var(--pf-c-progress-stepper__step-main--MarginTop));
287
- left: calc(50% - calc(var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) / 2));
287
+ left: calc(50% - var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) / 2);
288
288
  width: auto;
289
289
  height: calc(var(--pf-c-progress-stepper__step-main--MarginTop) + var(--pf-c-progress-stepper__step-main--MarginBottom));
290
290
  border-right: var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);