@patternfly/patternfly 4.202.2 → 4.203.2

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 (53) 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 +2 -35
  10. package/components/Drawer/drawer.scss +2 -2
  11. package/components/JumpLinks/jump-links.css +1 -1
  12. package/components/JumpLinks/jump-links.scss +1 -1
  13. package/components/MenuToggle/menu-toggle.css +1 -1
  14. package/components/MenuToggle/menu-toggle.scss +1 -1
  15. package/components/ProgressStepper/progress-stepper.css +1 -1
  16. package/components/Sidebar/sidebar.css +0 -30
  17. package/components/Spinner/spinner.css +2 -2
  18. package/components/Table/table.css +5 -5
  19. package/components/Table/table.scss +5 -5
  20. package/components/Tabs/tabs.css +1 -1
  21. package/components/Tabs/tabs.scss +1 -1
  22. package/components/TreeView/tree-view.css +29 -1
  23. package/components/TreeView/tree-view.scss +36 -2
  24. package/docs/components/TreeView/examples/TreeView.md +1077 -677
  25. package/package.json +8 -8
  26. package/patternfly-addons.css +322 -683
  27. package/patternfly-base-no-reset.css +10 -10
  28. package/patternfly-base.css +10 -10
  29. package/patternfly-no-reset.css +66 -101
  30. package/patternfly.css +66 -101
  31. package/patternfly.min.css +1 -1
  32. package/patternfly.min.css.map +1 -1
  33. package/utilities/Alignment/alignment.css +0 -15
  34. package/utilities/BackgroundColor/BackgroundColor.css +100 -75
  35. package/utilities/BackgroundColor/BackgroundColor.scss +6 -0
  36. package/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  37. package/utilities/BackgroundColor/themes/dark/BackgroundColor.scss +25 -0
  38. package/utilities/Display/display.css +0 -40
  39. package/utilities/Flex/flex.css +0 -140
  40. package/utilities/Float/float.css +0 -5
  41. package/utilities/Sizing/sizing.css +48 -198
  42. package/utilities/Text/text.css +173 -210
  43. package/utilities/Text/text.scss +6 -0
  44. package/utilities/Text/themes/dark/text.css +0 -0
  45. package/utilities/Text/themes/dark/text.scss +36 -0
  46. package/docs/pages/accessibility-guide.md +0 -161
  47. package/docs/pages/contribution.md +0 -109
  48. package/docs/pages/guidelines.md +0 -367
  49. package/docs/pages/icons.md +0 -129
  50. package/docs/pages/index.js +0 -13
  51. package/docs/pages/reference-docs/PF-quick-ref.key +0 -0
  52. package/docs/pages/reference-docs/PF-quick-ref.pdf +0 -0
  53. package/docs/pages/upgrade-guide.md +0 -188
@@ -500,70 +500,70 @@
500
500
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
501
501
  font-style: normal;
502
502
  font-weight: 300;
503
- text-rendering: optimizeLegibility;
503
+ text-rendering: optimizelegibility;
504
504
  }
505
505
  @font-face {
506
506
  font-family: "RedHatDisplay";
507
507
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
508
508
  font-style: normal;
509
509
  font-weight: 400;
510
- text-rendering: optimizeLegibility;
510
+ text-rendering: optimizelegibility;
511
511
  }
512
512
  @font-face {
513
513
  font-family: "RedHatDisplay";
514
514
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
515
515
  font-style: normal;
516
516
  font-weight: 700;
517
- text-rendering: optimizeLegibility;
517
+ text-rendering: optimizelegibility;
518
518
  }
519
519
  @font-face {
520
520
  font-family: "RedHatText";
521
521
  src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
522
522
  font-style: normal;
523
523
  font-weight: 400;
524
- text-rendering: optimizeLegibility;
524
+ text-rendering: optimizelegibility;
525
525
  }
526
526
  @font-face {
527
527
  font-family: "RedHatText";
528
528
  src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
529
529
  font-style: normal;
530
530
  font-weight: 700;
531
- text-rendering: optimizeLegibility;
531
+ text-rendering: optimizelegibility;
532
532
  }
533
533
  @font-face {
534
534
  font-family: "RedHatDisplayUpdated";
535
535
  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
536
536
  font-style: normal;
537
537
  font-weight: 300;
538
- text-rendering: optimizeLegibility;
538
+ text-rendering: optimizelegibility;
539
539
  }
540
540
  @font-face {
541
541
  font-family: "RedHatDisplayUpdated";
542
542
  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
543
543
  font-style: normal;
544
544
  font-weight: 400;
545
- text-rendering: optimizeLegibility;
545
+ text-rendering: optimizelegibility;
546
546
  }
547
547
  @font-face {
548
548
  font-family: "RedHatDisplayUpdated";
549
549
  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
550
550
  font-style: normal;
551
551
  font-weight: 700;
552
- text-rendering: optimizeLegibility;
552
+ text-rendering: optimizelegibility;
553
553
  }
554
554
  @font-face {
555
555
  font-family: "RedHatTextUpdated";
556
556
  src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
557
557
  font-style: normal;
558
558
  font-weight: 400;
559
- text-rendering: optimizeLegibility;
559
+ text-rendering: optimizelegibility;
560
560
  }
561
561
  @font-face {
562
562
  font-family: "RedHatTextUpdated";
563
563
  src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
564
564
  font-style: normal;
565
565
  font-weight: 700;
566
- text-rendering: optimizeLegibility;
566
+ text-rendering: optimizelegibility;
567
567
  }
568
568
  @font-face {
569
569
  font-family: "RedHatMono";
@@ -6316,7 +6316,7 @@ html {
6316
6316
  top: var(--pf-c-alert-group--m-toast--Top);
6317
6317
  right: var(--pf-c-alert-group--m-toast--Right);
6318
6318
  z-index: var(--pf-c-alert-group--m-toast--ZIndex);
6319
- width: calc(100% - calc(var(--pf-c-alert-group--m-toast--Right) * 2));
6319
+ width: calc(100% - var(--pf-c-alert-group--m-toast--Right) * 2);
6320
6320
  max-width: var(--pf-c-alert-group--m-toast--MaxWidth);
6321
6321
  }
6322
6322
 
@@ -7823,7 +7823,7 @@ button.pf-c-breadcrumb__link {
7823
7823
  transform: translate(var(--pf-c-button__progress--TranslateX), var(--pf-c-button__progress--TranslateY));
7824
7824
  }
7825
7825
  .pf-c-button__progress .pf-c-spinner {
7826
- --pf-c-spinner--Color: currentColor;
7826
+ --pf-c-spinner--Color: currentcolor;
7827
7827
  }
7828
7828
 
7829
7829
  .pf-m-overpass-font .pf-c-button {
@@ -12522,7 +12522,7 @@ label.pf-c-check, .pf-c-check__label,
12522
12522
  border: 0;
12523
12523
  }
12524
12524
  .pf-c-divider::after {
12525
- flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
12525
+ flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
12526
12526
  }
12527
12527
  .pf-c-divider::after {
12528
12528
  align-self: stretch;
@@ -12541,7 +12541,7 @@ label.pf-c-check, .pf-c-check__label,
12541
12541
  height: inherit;
12542
12542
  }
12543
12543
  .pf-c-divider.pf-m-vertical::after {
12544
- flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
12544
+ flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
12545
12545
  }
12546
12546
  .pf-c-divider.pf-m-inset-none {
12547
12547
  --pf-c-divider--after--Inset: 0%;
@@ -12577,7 +12577,7 @@ label.pf-c-check, .pf-c-check__label,
12577
12577
  height: auto;
12578
12578
  }
12579
12579
  .pf-c-divider.pf-m-horizontal-on-sm::after {
12580
- flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
12580
+ flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
12581
12581
  }
12582
12582
  }
12583
12583
  @media (min-width: 576px) {
@@ -12590,7 +12590,7 @@ label.pf-c-check, .pf-c-check__label,
12590
12590
  height: inherit;
12591
12591
  }
12592
12592
  .pf-c-divider.pf-m-vertical-on-sm::after {
12593
- flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
12593
+ flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
12594
12594
  }
12595
12595
  }
12596
12596
  @media (min-width: 576px) {
@@ -12629,7 +12629,7 @@ label.pf-c-check, .pf-c-check__label,
12629
12629
  height: auto;
12630
12630
  }
12631
12631
  .pf-c-divider.pf-m-horizontal-on-md::after {
12632
- flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
12632
+ flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
12633
12633
  }
12634
12634
  }
12635
12635
  @media (min-width: 768px) {
@@ -12642,7 +12642,7 @@ label.pf-c-check, .pf-c-check__label,
12642
12642
  height: inherit;
12643
12643
  }
12644
12644
  .pf-c-divider.pf-m-vertical-on-md::after {
12645
- flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
12645
+ flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
12646
12646
  }
12647
12647
  }
12648
12648
  @media (min-width: 768px) {
@@ -12681,7 +12681,7 @@ label.pf-c-check, .pf-c-check__label,
12681
12681
  height: auto;
12682
12682
  }
12683
12683
  .pf-c-divider.pf-m-horizontal-on-lg::after {
12684
- flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
12684
+ flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
12685
12685
  }
12686
12686
  }
12687
12687
  @media (min-width: 992px) {
@@ -12694,7 +12694,7 @@ label.pf-c-check, .pf-c-check__label,
12694
12694
  height: inherit;
12695
12695
  }
12696
12696
  .pf-c-divider.pf-m-vertical-on-lg::after {
12697
- flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
12697
+ flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
12698
12698
  }
12699
12699
  }
12700
12700
  @media (min-width: 992px) {
@@ -12733,7 +12733,7 @@ label.pf-c-check, .pf-c-check__label,
12733
12733
  height: auto;
12734
12734
  }
12735
12735
  .pf-c-divider.pf-m-horizontal-on-xl::after {
12736
- flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
12736
+ flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
12737
12737
  }
12738
12738
  }
12739
12739
  @media (min-width: 1200px) {
@@ -12746,7 +12746,7 @@ label.pf-c-check, .pf-c-check__label,
12746
12746
  height: inherit;
12747
12747
  }
12748
12748
  .pf-c-divider.pf-m-vertical-on-xl::after {
12749
- flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
12749
+ flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
12750
12750
  }
12751
12751
  }
12752
12752
  @media (min-width: 1200px) {
@@ -12785,7 +12785,7 @@ label.pf-c-check, .pf-c-check__label,
12785
12785
  height: auto;
12786
12786
  }
12787
12787
  .pf-c-divider.pf-m-horizontal-on-2xl::after {
12788
- flex-basis: calc( var(--pf-c-divider--after--FlexBasis) - calc(var(--pf-c-divider--after--Inset) * 2) );
12788
+ flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2);
12789
12789
  }
12790
12790
  }
12791
12791
  @media (min-width: 1450px) {
@@ -12798,7 +12798,7 @@ label.pf-c-check, .pf-c-check__label,
12798
12798
  height: inherit;
12799
12799
  }
12800
12800
  .pf-c-divider.pf-m-vertical-on-2xl::after {
12801
- flex-basis: calc( var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset) );
12801
+ flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset));
12802
12802
  }
12803
12803
  }
12804
12804
  @media (min-width: 1450px) {
@@ -12919,8 +12919,8 @@ label.pf-c-check, .pf-c-check__label,
12919
12919
  --pf-c-drawer__splitter-handle--after--Height: 0.25rem;
12920
12920
  --pf-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
12921
12921
  --pf-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
12922
- --pf-c-drawer__actions--MarginTop: calc(var(pf-global--spacer--form-element) * -1);
12923
- --pf-c-drawer__actions--MarginRight: calc(var(pf-global--spacer--form-element) * -1);
12922
+ --pf-c-drawer__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
12923
+ --pf-c-drawer__actions--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
12924
12924
  --pf-c-drawer__panel--BoxShadow: none;
12925
12925
  --pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-global--BoxShadow--lg-left);
12926
12926
  --pf-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-global--BoxShadow--lg-right);
@@ -13211,7 +13211,6 @@ label.pf-c-check, .pf-c-check__label,
13211
13211
  .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__panel-main {
13212
13212
  flex-shrink: 1;
13213
13213
  }
13214
-
13215
13214
  .pf-c-drawer.pf-m-panel-left {
13216
13215
  --pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
13217
13216
  }
@@ -13232,7 +13231,6 @@ label.pf-c-check, .pf-c-check__label,
13232
13231
  --pf-c-drawer__splitter--after--BorderLeftWidth: var(--pf-c-drawer--m-panel-left__splitter--after--BorderLeftWidth);
13233
13232
  order: 1;
13234
13233
  }
13235
-
13236
13234
  .pf-c-drawer.pf-m-panel-bottom {
13237
13235
  --pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
13238
13236
  --pf-c-drawer__panel--MaxHeight: 100%;
@@ -13261,7 +13259,6 @@ label.pf-c-check, .pf-c-check__label,
13261
13259
  --pf-c-drawer__splitter--after--BorderRightWidth: 0;
13262
13260
  --pf-c-drawer__splitter--after--BorderBottomWidth: var(--pf-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth);
13263
13261
  }
13264
-
13265
13262
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__splitter {
13266
13263
  --pf-c-drawer__splitter--m-vertical--Width: var(--pf-c-drawer--m-inline__splitter--m-vertical--Width);
13267
13264
  --pf-c-drawer__splitter-handle--Left: var(--pf-c-drawer--m-inline__splitter-handle--Left);
@@ -13276,12 +13273,10 @@ label.pf-c-check, .pf-c-check__label,
13276
13273
  --pf-c-drawer__splitter--after--BorderRightWidth: 0;
13277
13274
  --pf-c-drawer__splitter--after--BorderLeftWidth: 0;
13278
13275
  }
13279
-
13280
13276
  .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
13281
13277
  .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
13282
13278
  --pf-c-drawer--m-expanded__panel--BoxShadow: none;
13283
13279
  }
13284
-
13285
13280
  .pf-c-drawer__splitter {
13286
13281
  display: block;
13287
13282
  visibility: visible;
@@ -13291,23 +13286,18 @@ label.pf-c-check, .pf-c-check__label,
13291
13286
  .pf-c-drawer__panel.pf-m-width-25 {
13292
13287
  --pf-c-drawer__panel--md--FlexBasis: 25%;
13293
13288
  }
13294
-
13295
13289
  .pf-c-drawer__panel.pf-m-width-33 {
13296
13290
  --pf-c-drawer__panel--md--FlexBasis: 33%;
13297
13291
  }
13298
-
13299
13292
  .pf-c-drawer__panel.pf-m-width-50 {
13300
13293
  --pf-c-drawer__panel--md--FlexBasis: 50%;
13301
13294
  }
13302
-
13303
13295
  .pf-c-drawer__panel.pf-m-width-66 {
13304
13296
  --pf-c-drawer__panel--md--FlexBasis: 66%;
13305
13297
  }
13306
-
13307
13298
  .pf-c-drawer__panel.pf-m-width-75 {
13308
13299
  --pf-c-drawer__panel--md--FlexBasis: 75%;
13309
13300
  }
13310
-
13311
13301
  .pf-c-drawer__panel.pf-m-width-100 {
13312
13302
  --pf-c-drawer__panel--md--FlexBasis: 100%;
13313
13303
  }
@@ -13316,23 +13306,18 @@ label.pf-c-check, .pf-c-check__label,
13316
13306
  .pf-c-drawer__panel.pf-m-width-25-on-lg {
13317
13307
  --pf-c-drawer__panel--md--FlexBasis: 25%;
13318
13308
  }
13319
-
13320
13309
  .pf-c-drawer__panel.pf-m-width-33-on-lg {
13321
13310
  --pf-c-drawer__panel--md--FlexBasis: 33%;
13322
13311
  }
13323
-
13324
13312
  .pf-c-drawer__panel.pf-m-width-50-on-lg {
13325
13313
  --pf-c-drawer__panel--md--FlexBasis: 50%;
13326
13314
  }
13327
-
13328
13315
  .pf-c-drawer__panel.pf-m-width-66-on-lg {
13329
13316
  --pf-c-drawer__panel--md--FlexBasis: 66%;
13330
13317
  }
13331
-
13332
13318
  .pf-c-drawer__panel.pf-m-width-75-on-lg {
13333
13319
  --pf-c-drawer__panel--md--FlexBasis: 75%;
13334
13320
  }
13335
-
13336
13321
  .pf-c-drawer__panel.pf-m-width-100-on-lg {
13337
13322
  --pf-c-drawer__panel--md--FlexBasis: 100%;
13338
13323
  }
@@ -13341,23 +13326,18 @@ label.pf-c-check, .pf-c-check__label,
13341
13326
  .pf-c-drawer__panel.pf-m-width-25-on-xl {
13342
13327
  --pf-c-drawer__panel--md--FlexBasis: 25%;
13343
13328
  }
13344
-
13345
13329
  .pf-c-drawer__panel.pf-m-width-33-on-xl {
13346
13330
  --pf-c-drawer__panel--md--FlexBasis: 33%;
13347
13331
  }
13348
-
13349
13332
  .pf-c-drawer__panel.pf-m-width-50-on-xl {
13350
13333
  --pf-c-drawer__panel--md--FlexBasis: 50%;
13351
13334
  }
13352
-
13353
13335
  .pf-c-drawer__panel.pf-m-width-66-on-xl {
13354
13336
  --pf-c-drawer__panel--md--FlexBasis: 66%;
13355
13337
  }
13356
-
13357
13338
  .pf-c-drawer__panel.pf-m-width-75-on-xl {
13358
13339
  --pf-c-drawer__panel--md--FlexBasis: 75%;
13359
13340
  }
13360
-
13361
13341
  .pf-c-drawer__panel.pf-m-width-100-on-xl {
13362
13342
  --pf-c-drawer__panel--md--FlexBasis: 100%;
13363
13343
  }
@@ -13366,23 +13346,18 @@ label.pf-c-check, .pf-c-check__label,
13366
13346
  .pf-c-drawer__panel.pf-m-width-25-on-2xl {
13367
13347
  --pf-c-drawer__panel--md--FlexBasis: 25%;
13368
13348
  }
13369
-
13370
13349
  .pf-c-drawer__panel.pf-m-width-33-on-2xl {
13371
13350
  --pf-c-drawer__panel--md--FlexBasis: 33%;
13372
13351
  }
13373
-
13374
13352
  .pf-c-drawer__panel.pf-m-width-50-on-2xl {
13375
13353
  --pf-c-drawer__panel--md--FlexBasis: 50%;
13376
13354
  }
13377
-
13378
13355
  .pf-c-drawer__panel.pf-m-width-66-on-2xl {
13379
13356
  --pf-c-drawer__panel--md--FlexBasis: 66%;
13380
13357
  }
13381
-
13382
13358
  .pf-c-drawer__panel.pf-m-width-75-on-2xl {
13383
13359
  --pf-c-drawer__panel--md--FlexBasis: 75%;
13384
13360
  }
13385
-
13386
13361
  .pf-c-drawer__panel.pf-m-width-100-on-2xl {
13387
13362
  --pf-c-drawer__panel--md--FlexBasis: 100%;
13388
13363
  }
@@ -13400,7 +13375,6 @@ label.pf-c-check, .pf-c-check__label,
13400
13375
  .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13401
13376
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13402
13377
  }
13403
-
13404
13378
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
13405
13379
  overflow-x: auto;
13406
13380
  }
@@ -13437,7 +13411,6 @@ label.pf-c-check, .pf-c-check__label,
13437
13411
  margin-bottom: 0;
13438
13412
  transform: translateY(0);
13439
13413
  }
13440
-
13441
13414
  .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
13442
13415
  transform: translateX(0);
13443
13416
  }
@@ -13466,7 +13439,6 @@ label.pf-c-check, .pf-c-check__label,
13466
13439
  .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13467
13440
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13468
13441
  }
13469
-
13470
13442
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
13471
13443
  overflow-x: auto;
13472
13444
  }
@@ -13503,7 +13475,6 @@ label.pf-c-check, .pf-c-check__label,
13503
13475
  margin-bottom: 0;
13504
13476
  transform: translateY(0);
13505
13477
  }
13506
-
13507
13478
  .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
13508
13479
  transform: translateX(0);
13509
13480
  }
@@ -13532,7 +13503,6 @@ label.pf-c-check, .pf-c-check__label,
13532
13503
  .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13533
13504
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13534
13505
  }
13535
-
13536
13506
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
13537
13507
  overflow-x: auto;
13538
13508
  }
@@ -13569,7 +13539,6 @@ label.pf-c-check, .pf-c-check__label,
13569
13539
  margin-bottom: 0;
13570
13540
  transform: translateY(0);
13571
13541
  }
13572
-
13573
13542
  .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13574
13543
  transform: translateX(0);
13575
13544
  }
@@ -13598,7 +13567,6 @@ label.pf-c-check, .pf-c-check__label,
13598
13567
  .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
13599
13568
  background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
13600
13569
  }
13601
-
13602
13570
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
13603
13571
  overflow-x: auto;
13604
13572
  }
@@ -13635,7 +13603,6 @@ label.pf-c-check, .pf-c-check__label,
13635
13603
  margin-bottom: 0;
13636
13604
  transform: translateY(0);
13637
13605
  }
13638
-
13639
13606
  .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
13640
13607
  transform: translateX(0);
13641
13608
  }
@@ -16072,7 +16039,7 @@ label.pf-c-input-group__text {
16072
16039
  --pf-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
16073
16040
  --pf-c-jump-links__toggle--Display: none;
16074
16041
  --pf-c-jump-links__toggle--Visibility: hidden;
16075
- --pf-c-jump-links__toggle-icon--Color: currentColor;
16042
+ --pf-c-jump-links__toggle-icon--Color: currentcolor;
16076
16043
  --pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
16077
16044
  --pf-c-jump-links__toggle-icon--Rotate: 0;
16078
16045
  --pf-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
@@ -19061,7 +19028,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
19061
19028
  .pf-c-menu-toggle.pf-m-split-button > .pf-c-check {
19062
19029
  --pf-c-menu-toggle--PaddingRight: 0;
19063
19030
  --pf-c-check__input--MarginTop: 0;
19064
- --pf-c-check__label--Color: currentColor;
19031
+ --pf-c-check__label--Color: currentcolor;
19065
19032
  align-items: center;
19066
19033
  align-self: stretch;
19067
19034
  }
@@ -23480,7 +23447,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23480
23447
  .pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-main::before {
23481
23448
  position: absolute;
23482
23449
  top: calc(100% + var(--pf-c-progress-stepper__step-main--MarginTop));
23483
- left: calc(50% - calc(var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) / 2));
23450
+ left: calc(50% - var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) / 2);
23484
23451
  width: auto;
23485
23452
  height: calc(var(--pf-c-progress-stepper__step-main--MarginTop) + var(--pf-c-progress-stepper__step-main--MarginBottom));
23486
23453
  border-right: var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);
@@ -24873,27 +24840,21 @@ label.pf-c-radio, .pf-c-radio__label,
24873
24840
  .pf-c-sidebar__panel.pf-m-width-default-on-sm {
24874
24841
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
24875
24842
  }
24876
-
24877
24843
  .pf-c-sidebar__panel.pf-m-width-25-on-sm {
24878
24844
  --pf-c-sidebar__panel--FlexBasis: 25%;
24879
24845
  }
24880
-
24881
24846
  .pf-c-sidebar__panel.pf-m-width-33-on-sm {
24882
24847
  --pf-c-sidebar__panel--FlexBasis: 33%;
24883
24848
  }
24884
-
24885
24849
  .pf-c-sidebar__panel.pf-m-width-50-on-sm {
24886
24850
  --pf-c-sidebar__panel--FlexBasis: 50%;
24887
24851
  }
24888
-
24889
24852
  .pf-c-sidebar__panel.pf-m-width-66-on-sm {
24890
24853
  --pf-c-sidebar__panel--FlexBasis: 66%;
24891
24854
  }
24892
-
24893
24855
  .pf-c-sidebar__panel.pf-m-width-75-on-sm {
24894
24856
  --pf-c-sidebar__panel--FlexBasis: 75%;
24895
24857
  }
24896
-
24897
24858
  .pf-c-sidebar__panel.pf-m-width-100-on-sm {
24898
24859
  --pf-c-sidebar__panel--FlexBasis: 100%;
24899
24860
  }
@@ -24902,27 +24863,21 @@ label.pf-c-radio, .pf-c-radio__label,
24902
24863
  .pf-c-sidebar__panel.pf-m-width-default-on-md {
24903
24864
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
24904
24865
  }
24905
-
24906
24866
  .pf-c-sidebar__panel.pf-m-width-25-on-md {
24907
24867
  --pf-c-sidebar__panel--FlexBasis: 25%;
24908
24868
  }
24909
-
24910
24869
  .pf-c-sidebar__panel.pf-m-width-33-on-md {
24911
24870
  --pf-c-sidebar__panel--FlexBasis: 33%;
24912
24871
  }
24913
-
24914
24872
  .pf-c-sidebar__panel.pf-m-width-50-on-md {
24915
24873
  --pf-c-sidebar__panel--FlexBasis: 50%;
24916
24874
  }
24917
-
24918
24875
  .pf-c-sidebar__panel.pf-m-width-66-on-md {
24919
24876
  --pf-c-sidebar__panel--FlexBasis: 66%;
24920
24877
  }
24921
-
24922
24878
  .pf-c-sidebar__panel.pf-m-width-75-on-md {
24923
24879
  --pf-c-sidebar__panel--FlexBasis: 75%;
24924
24880
  }
24925
-
24926
24881
  .pf-c-sidebar__panel.pf-m-width-100-on-md {
24927
24882
  --pf-c-sidebar__panel--FlexBasis: 100%;
24928
24883
  }
@@ -24931,27 +24886,21 @@ label.pf-c-radio, .pf-c-radio__label,
24931
24886
  .pf-c-sidebar__panel.pf-m-width-default-on-lg {
24932
24887
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
24933
24888
  }
24934
-
24935
24889
  .pf-c-sidebar__panel.pf-m-width-25-on-lg {
24936
24890
  --pf-c-sidebar__panel--FlexBasis: 25%;
24937
24891
  }
24938
-
24939
24892
  .pf-c-sidebar__panel.pf-m-width-33-on-lg {
24940
24893
  --pf-c-sidebar__panel--FlexBasis: 33%;
24941
24894
  }
24942
-
24943
24895
  .pf-c-sidebar__panel.pf-m-width-50-on-lg {
24944
24896
  --pf-c-sidebar__panel--FlexBasis: 50%;
24945
24897
  }
24946
-
24947
24898
  .pf-c-sidebar__panel.pf-m-width-66-on-lg {
24948
24899
  --pf-c-sidebar__panel--FlexBasis: 66%;
24949
24900
  }
24950
-
24951
24901
  .pf-c-sidebar__panel.pf-m-width-75-on-lg {
24952
24902
  --pf-c-sidebar__panel--FlexBasis: 75%;
24953
24903
  }
24954
-
24955
24904
  .pf-c-sidebar__panel.pf-m-width-100-on-lg {
24956
24905
  --pf-c-sidebar__panel--FlexBasis: 100%;
24957
24906
  }
@@ -24960,27 +24909,21 @@ label.pf-c-radio, .pf-c-radio__label,
24960
24909
  .pf-c-sidebar__panel.pf-m-width-default-on-xl {
24961
24910
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
24962
24911
  }
24963
-
24964
24912
  .pf-c-sidebar__panel.pf-m-width-25-on-xl {
24965
24913
  --pf-c-sidebar__panel--FlexBasis: 25%;
24966
24914
  }
24967
-
24968
24915
  .pf-c-sidebar__panel.pf-m-width-33-on-xl {
24969
24916
  --pf-c-sidebar__panel--FlexBasis: 33%;
24970
24917
  }
24971
-
24972
24918
  .pf-c-sidebar__panel.pf-m-width-50-on-xl {
24973
24919
  --pf-c-sidebar__panel--FlexBasis: 50%;
24974
24920
  }
24975
-
24976
24921
  .pf-c-sidebar__panel.pf-m-width-66-on-xl {
24977
24922
  --pf-c-sidebar__panel--FlexBasis: 66%;
24978
24923
  }
24979
-
24980
24924
  .pf-c-sidebar__panel.pf-m-width-75-on-xl {
24981
24925
  --pf-c-sidebar__panel--FlexBasis: 75%;
24982
24926
  }
24983
-
24984
24927
  .pf-c-sidebar__panel.pf-m-width-100-on-xl {
24985
24928
  --pf-c-sidebar__panel--FlexBasis: 100%;
24986
24929
  }
@@ -24989,27 +24932,21 @@ label.pf-c-radio, .pf-c-radio__label,
24989
24932
  .pf-c-sidebar__panel.pf-m-width-default-on-2xl {
24990
24933
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
24991
24934
  }
24992
-
24993
24935
  .pf-c-sidebar__panel.pf-m-width-25-on-2xl {
24994
24936
  --pf-c-sidebar__panel--FlexBasis: 25%;
24995
24937
  }
24996
-
24997
24938
  .pf-c-sidebar__panel.pf-m-width-33-on-2xl {
24998
24939
  --pf-c-sidebar__panel--FlexBasis: 33%;
24999
24940
  }
25000
-
25001
24941
  .pf-c-sidebar__panel.pf-m-width-50-on-2xl {
25002
24942
  --pf-c-sidebar__panel--FlexBasis: 50%;
25003
24943
  }
25004
-
25005
24944
  .pf-c-sidebar__panel.pf-m-width-66-on-2xl {
25006
24945
  --pf-c-sidebar__panel--FlexBasis: 66%;
25007
24946
  }
25008
-
25009
24947
  .pf-c-sidebar__panel.pf-m-width-75-on-2xl {
25010
24948
  --pf-c-sidebar__panel--FlexBasis: 75%;
25011
24949
  }
25012
-
25013
24950
  .pf-c-sidebar__panel.pf-m-width-100-on-2xl {
25014
24951
  --pf-c-sidebar__panel--FlexBasis: 100%;
25015
24952
  }
@@ -25657,7 +25594,7 @@ span.pf-c-spinner {
25657
25594
  }
25658
25595
  .pf-c-spinner__lead-ball::after {
25659
25596
  position: absolute;
25660
- top: calc(50% - (var(--pf-c-spinner__ball--after--Height) / 2));
25597
+ top: calc(50% - var(--pf-c-spinner__ball--after--Height) / 2);
25661
25598
  right: 0;
25662
25599
  width: var(--pf-c-spinner__ball--after--Width);
25663
25600
  height: var(--pf-c-spinner__ball--after--Height);
@@ -25688,7 +25625,7 @@ span.pf-c-spinner {
25688
25625
  }
25689
25626
  .pf-c-spinner__tail-ball::after {
25690
25627
  position: absolute;
25691
- top: calc(50% - (var(--pf-c-spinner__ball--after--Height) / 2));
25628
+ top: calc(50% - var(--pf-c-spinner__ball--after--Height) / 2);
25692
25629
  right: 0;
25693
25630
  width: var(--pf-c-spinner__ball--after--Width);
25694
25631
  height: var(--pf-c-spinner__ball--after--Height);
@@ -27743,10 +27680,10 @@ svg.pf-c-spinner.pf-m-xl {
27743
27680
  --pf-c-table__sort__button--Color: var(--pf-global--Color--100);
27744
27681
  --pf-c-table__sort--m-selected__button--Color: var(--pf-global--active-color--100);
27745
27682
  --pf-c-table__sort--m-help--MinWidth: 15ch;
27746
- --pf-c-table__sort__button__text--Color: currentColor;
27747
- --pf-c-table__sort__button--hover__text--Color: currentColor;
27748
- --pf-c-table__sort__button--focus__text--Color: currentColor;
27749
- --pf-c-table__sort__button--active__text--Color: currentColor;
27683
+ --pf-c-table__sort__button__text--Color: currentcolor;
27684
+ --pf-c-table__sort__button--hover__text--Color: currentcolor;
27685
+ --pf-c-table__sort__button--focus__text--Color: currentcolor;
27686
+ --pf-c-table__sort__button--active__text--Color: currentcolor;
27750
27687
  --pf-c-table__sort-indicator--Color: var(--pf-global--disabled-color--200);
27751
27688
  --pf-c-table__sort-indicator--MarginLeft: var(--pf-global--spacer--md);
27752
27689
  --pf-c-table__sort--m-selected__sort-indicator--Color: var(--pf-global--active-color--100);
@@ -28469,7 +28406,7 @@ svg.pf-c-spinner.pf-m-xl {
28469
28406
  --pf-c-table__sort__button--hover__text--Color: var(--pf-c-table__sort--m-favorite__button--hover__text--Color);
28470
28407
  --pf-c-table__sort__button--focus__text--Color: var(--pf-c-table__sort--m-favorite__button--focus__text--Color);
28471
28408
  --pf-c-table__sort__button--active__text--Color: var(--pf-c-table__sort--m-favorite__button--active__text--Color);
28472
- --pf-c-table__sort--m-selected__button__text--Color: currentColor;
28409
+ --pf-c-table__sort--m-selected__button__text--Color: currentcolor;
28473
28410
  }
28474
28411
 
28475
28412
  .pf-c-table__sort-indicator {
@@ -29641,7 +29578,7 @@ svg.pf-c-spinner.pf-m-xl {
29641
29578
  --pf-c-tabs__toggle--Visibility: hidden;
29642
29579
  --pf-c-tabs__toggle--MarginBottom: 0;
29643
29580
  --pf-c-tabs--m-expanded__toggle--MarginBottom: var(--pf-global--spacer--md);
29644
- --pf-c-tabs__toggle-icon--Color: currentColor;
29581
+ --pf-c-tabs__toggle-icon--Color: currentcolor;
29645
29582
  --pf-c-tabs__toggle-icon--Transition: var(--pf-global--Transition);
29646
29583
  --pf-c-tabs__toggle-icon--Rotate: 0;
29647
29584
  --pf-c-tabs__toggle-text--MarginLeft: 0;
@@ -31198,8 +31135,14 @@ svg.pf-c-spinner.pf-m-xl {
31198
31135
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
31199
31136
  --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
31200
31137
  --pf-c-tree-view__node-toggle--Position: absolute;
31138
+ --pf-c-tree-view__node-toggle--Color--base: var(--pf-global--Color--200);
31139
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
31140
+ --pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
31141
+ --pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
31142
+ --pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
31143
+ --pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
31201
31144
  --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
31202
- --pf-c-tree-view__node-toggle-icon--Transition: var(--pf-global--Transition);
31145
+ --pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
31203
31146
  --pf-c-tree-view__node-toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
31204
31147
  --pf-c-tree-view__node-toggle-button--PaddingRight: var(--pf-global--spacer--md);
31205
31148
  --pf-c-tree-view__node-toggle-button--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -31400,8 +31343,10 @@ svg.pf-c-spinner.pf-m-xl {
31400
31343
 
31401
31344
  .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
31402
31345
  --pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__node-toggle-icon--base--Rotate);
31346
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
31403
31347
  }
31404
31348
  .pf-c-tree-view__list-item.pf-m-expanded {
31349
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__list-item--m-expanded__node-toggle--Color);
31405
31350
  --pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
31406
31351
  }
31407
31352
 
@@ -31434,6 +31379,21 @@ svg.pf-c-spinner.pf-m-xl {
31434
31379
  .pf-c-tree-view__node .pf-c-tree-view__node-count .pf-c-badge.pf-m-read {
31435
31380
  --pf-c-badge--m-read--BackgroundColor: var(--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
31436
31381
  }
31382
+ .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle {
31383
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
31384
+ }
31385
+ .pf-c-tree-view__node:hover,
31386
+ .pf-c-tree-view__node .pf-c-tree-view__node-toggle:hover {
31387
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover__icon--Color);
31388
+ }
31389
+ .pf-c-tree-view__node:focus,
31390
+ .pf-c-tree-view__node .pf-c-tree-view__node-toggle:focus {
31391
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus__icon--Color);
31392
+ }
31393
+ .pf-c-tree-view__node:active,
31394
+ .pf-c-tree-view__node .pf-c-tree-view__node-toggle:active {
31395
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active__icon--Color);
31396
+ }
31437
31397
 
31438
31398
  .pf-c-tree-view__node-container {
31439
31399
  display: var(--pf-c-tree-view__node-container--Display);
@@ -31463,6 +31423,7 @@ svg.pf-c-spinner.pf-m-xl {
31463
31423
  padding: var(--pf-c-tree-view__node-toggle-button--PaddingTop) var(--pf-c-tree-view__node-toggle-button--PaddingRight) var(--pf-c-tree-view__node-toggle-button--PaddingBottom) var(--pf-c-tree-view__node-toggle-button--PaddingLeft);
31464
31424
  margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
31465
31425
  margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
31426
+ color: var(--pf-c-tree-view__node-toggle--Color);
31466
31427
  border: 0;
31467
31428
  transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
31468
31429
  }
@@ -31482,6 +31443,10 @@ svg.pf-c-spinner.pf-m-xl {
31482
31443
  white-space: nowrap;
31483
31444
  }
31484
31445
 
31446
+ label.pf-c-tree-view__node-text {
31447
+ cursor: pointer;
31448
+ }
31449
+
31485
31450
  .pf-c-tree-view__node-title {
31486
31451
  font-weight: var(--pf-c-tree-view__node-title--FontWeight);
31487
31452
  }