@patternfly/patternfly 6.0.0-alpha.174 → 6.0.0-alpha.175

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 (91) hide show
  1. package/components/Button/button.css +5 -1
  2. package/components/Button/button.scss +5 -1
  3. package/components/Card/card.css +2 -2
  4. package/components/Card/card.scss +1 -1
  5. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  6. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  7. package/components/JumpLinks/jump-links.css +0 -7
  8. package/components/JumpLinks/jump-links.scss +0 -9
  9. package/components/Label/label.css +2 -2
  10. package/components/Label/label.scss +2 -2
  11. package/components/NumberInput/number-input.css +0 -1
  12. package/components/NumberInput/number-input.scss +0 -1
  13. package/components/Tabs/tabs.css +1 -18
  14. package/components/Tabs/tabs.scss +1 -18
  15. package/components/_index.css +12 -33
  16. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  17. package/docs/components/ActionList/examples/ActionList.md +7 -7
  18. package/docs/components/Alert/examples/Alert.md +44 -46
  19. package/docs/components/BackToTop/examples/BackToTop.md +3 -5
  20. package/docs/components/Banner/examples/Banner.md +1 -1
  21. package/docs/components/Button/examples/Button.md +35 -35
  22. package/docs/components/CalendarMonth/examples/CalendarMonth.md +8 -8
  23. package/docs/components/Card/examples/Card.md +36 -20
  24. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +32 -29
  25. package/docs/components/CodeBlock/examples/CodeBlock.md +6 -6
  26. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -21
  27. package/docs/components/DataList/examples/DataList.md +17 -17
  28. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  29. package/docs/components/DescriptionList/examples/DescriptionList.md +100 -150
  30. package/docs/components/Drawer/examples/Drawer.md +19 -19
  31. package/docs/components/DualListSelector/examples/DualListSelector.md +84 -84
  32. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  33. package/docs/components/Form/examples/Form.md +18 -19
  34. package/docs/components/Hint/examples/Hint.md +2 -2
  35. package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
  36. package/docs/components/InputGroup/examples/InputGroup.md +2 -2
  37. package/docs/components/JumpLinks/examples/JumpLinks.md +8 -8
  38. package/docs/components/Label/examples/Label.md +217 -217
  39. package/docs/components/LogViewer/examples/LogViewer.md +77 -97
  40. package/docs/components/Login/examples/Login.md +37 -32
  41. package/docs/components/Masthead/examples/masthead.md +6 -6
  42. package/docs/components/Menu/examples/Menu.md +10 -10
  43. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  44. package/docs/components/ModalBox/examples/ModalBox.md +17 -17
  45. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +9 -9
  46. package/docs/components/Nav/examples/Navigation.md +4 -4
  47. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +2 -2
  48. package/docs/components/NumberInput/examples/NumberInput.md +24 -24
  49. package/docs/components/OverflowMenu/examples/overflow-menu.md +6 -6
  50. package/docs/components/Page/examples/Page.md +7 -7
  51. package/docs/components/Pagination/examples/Pagination.md +53 -44
  52. package/docs/components/Popover/examples/Popover.md +30 -15
  53. package/docs/components/Slider/examples/Slider.md +8 -8
  54. package/docs/components/Table/examples/Table.md +433 -203
  55. package/docs/components/Tabs/examples/Tabs.md +364 -358
  56. package/docs/components/TextInputGroup/examples/TextInputGroup.md +364 -404
  57. package/docs/components/Toolbar/examples/Toolbar.md +59 -59
  58. package/docs/components/TreeView/examples/TreeView.md +4 -4
  59. package/docs/components/Wizard/examples/Wizard.md +10 -10
  60. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  61. package/docs/demos/Alert/examples/Alert.md +6 -6
  62. package/docs/demos/BackToTop/examples/BackToTop.md +4 -6
  63. package/docs/demos/Banner/examples/Banner.md +2 -2
  64. package/docs/demos/Button/examples/Button.md +1 -1
  65. package/docs/demos/Card/examples/Card.md +54 -79
  66. package/docs/demos/CardView/examples/CardView.md +8 -7
  67. package/docs/demos/Dashboard/examples/Dashboard.md +25 -37
  68. package/docs/demos/DataList/examples/DataList.md +38 -34
  69. package/docs/demos/DescriptionList/examples/DescriptionList.md +4 -4
  70. package/docs/demos/Drawer/examples/Drawer.md +8 -8
  71. package/docs/demos/Form/examples/BasicForms.md +69 -86
  72. package/docs/demos/JumpLinks/examples/JumpLinks.md +14 -20
  73. package/docs/demos/Masthead/examples/Masthead.md +13 -13
  74. package/docs/demos/Modal/examples/Modal.md +15 -15
  75. package/docs/demos/Nav/examples/Nav.md +9 -9
  76. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  77. package/docs/demos/Page/examples/Page.md +9 -9
  78. package/docs/demos/Page/examples/Penta.md +2 -2
  79. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +3 -3
  80. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  81. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +35 -35
  82. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  83. package/docs/demos/Table/examples/Table.md +132 -115
  84. package/docs/demos/Tabs/examples/Tabs.md +11 -11
  85. package/docs/demos/Toolbar/examples/Toolbar.md +37 -36
  86. package/docs/demos/Wizard/examples/Wizard.md +22 -23
  87. package/package.json +1 -1
  88. package/patternfly-no-globals.css +12 -33
  89. package/patternfly.css +12 -33
  90. package/patternfly.min.css +1 -1
  91. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -7529,6 +7529,7 @@ button.pf-v6-c-breadcrumb__link {
7529
7529
  --pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
7530
7530
  --pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
7531
7531
  --pf-v6-c-button--m-link--m-inline--Display: inline-flex;
7532
+ --pf-v6-c-button--m-link--m-inline--JustifyContent: flex-start;
7532
7533
  --pf-v6-c-button--m-link--m-inline--FontSize: initial;
7533
7534
  --pf-v6-c-button--m-link--m-inline--LineHeight: initial;
7534
7535
  --pf-v6-c-button--m-link--m-inline--FontWeight: initial;
@@ -7549,7 +7550,8 @@ button.pf-v6-c-breadcrumb__link {
7549
7550
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7550
7551
  --pf-v6-c-button--m-plain--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7551
7552
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7552
- --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
7553
+ --pf-v6-c-button--m-plain--Color: var(--pf-t--global--text--color--regular);
7554
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--icon--color--regular);
7553
7555
  --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7554
7556
  --pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--m-plain--PaddingBlockStart) + var(--pf-v6-c-button--m-plain--PaddingBlockEnd));
7555
7557
  --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
@@ -7780,6 +7782,7 @@ button.pf-v6-c-breadcrumb__link {
7780
7782
  }
7781
7783
  .pf-v6-c-button.pf-m-link.pf-m-inline {
7782
7784
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
7785
+ --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
7783
7786
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
7784
7787
  --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
7785
7788
  --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
@@ -7899,6 +7902,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
7899
7902
  .pf-v6-c-button.pf-m-plain {
7900
7903
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
7901
7904
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
7905
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
7902
7906
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
7903
7907
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--PaddingBlockStart);
7904
7908
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
@@ -8534,8 +8538,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8534
8538
  .pf-v6-c-card__title:not(:last-child) {
8535
8539
  padding-block-end: var(--pf-v6-c-card__title--not--last-child--PaddingBlockEnd);
8536
8540
  }
8537
- .pf-v6-c-card__header button.pf-m-inline.pf-m-disabled,
8538
- .pf-v6-c-card__title button.pf-m-inline.pf-m-disabled {
8541
+ .pf-v6-c-card__header .pf-v6-c-button.pf-m-inline:disabled,
8542
+ .pf-v6-c-card__title .pf-v6-c-button.pf-m-inline:disabled {
8539
8543
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-card--c-button--disabled--Color);
8540
8544
  }
8541
8545
 
@@ -8730,8 +8734,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8730
8734
  }
8731
8735
 
8732
8736
  .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
8733
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
8734
- --pf-v6-c-button--m-plain--hover--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
8737
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
8738
+ --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
8735
8739
  }
8736
8740
 
8737
8741
  :where(:root, .pf-v6-c-code-block) {
@@ -13661,8 +13665,6 @@ label.pf-v6-c-input-group__text {
13661
13665
  --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
13662
13666
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
13663
13667
  --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
13664
- --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
13665
- --pf-v6-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
13666
13668
  }
13667
13669
 
13668
13670
  .pf-v6-c-jump-links {
@@ -13858,11 +13860,6 @@ label.pf-v6-c-input-group__text {
13858
13860
  scale: -1 1;
13859
13861
  }
13860
13862
 
13861
- .pf-v6-c-jump-links__toggle-text {
13862
- margin-inline-start: var(--pf-v6-c-jump-links__toggle-text--MarginInlineStart);
13863
- color: var(--pf-v6-c-jump-links__toggle-text--Color);
13864
- }
13865
-
13866
13863
  :where(:root, .pf-v6-c-label) {
13867
13864
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
13868
13865
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -14053,7 +14050,7 @@ label.pf-v6-c-input-group__text {
14053
14050
  --pf-v6-c-label--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
14054
14051
  --pf-v6-c-label--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
14055
14052
  --pf-v6-c-label--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
14056
- --pf-v6-c-label--m-disabled--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
14053
+ --pf-v6-c-label--m-disabled--c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
14057
14054
  }
14058
14055
 
14059
14056
  .pf-v6-c-label {
@@ -14296,7 +14293,7 @@ label.pf-v6-c-input-group__text {
14296
14293
  pointer-events: none;
14297
14294
  }
14298
14295
  .pf-v6-c-label.pf-m-disabled .pf-v6-c-button {
14299
- --pf-v6-c-button--m-plain--disabled--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled--Color);
14296
+ --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color);
14300
14297
  }
14301
14298
 
14302
14299
  .pf-v6-c-label,
@@ -24311,13 +24308,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24311
24308
  --pf-v6-c-tabs__item--ScrollSnapAlign: end;
24312
24309
  --pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
24313
24310
  --pf-v6-c-tabs__toggle--Display: flex;
24314
- --pf-v6-c-tabs__toggle-icon--Color: currentcolor;
24315
24311
  --pf-v6-c-tabs__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
24316
24312
  --pf-v6-c-tabs__toggle-icon--Rotate: 0;
24317
- --pf-v6-c-tabs__toggle-text--MarginInlineStart: 0;
24318
- --pf-v6-c-tabs__toggle-button__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
24319
- --pf-v6-c-tabs__toggle-button__toggle-text--Color: var(--pf-t--global--text--color--regular);
24320
- --pf-v6-c-tabs--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
24321
24313
  --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
24322
24314
  --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
24323
24315
  --pf-v6-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -24554,7 +24546,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24554
24546
  }
24555
24547
  .pf-v6-c-tabs.pf-m-vertical.pf-m-expanded {
24556
24548
  --pf-v6-c-tabs__list--Display: flex;
24557
- --pf-v6-c-tabs__toggle-icon--Color: var(--pf-v6-c-tabs--m-expanded__toggle-icon--Color);
24558
24549
  --pf-v6-c-tabs__toggle-icon--Rotate: var(--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate);
24559
24550
  }
24560
24551
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical {
@@ -24608,19 +24599,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24608
24599
  align-items: center;
24609
24600
  }
24610
24601
 
24611
- .pf-v6-c-tabs__toggle-button {
24612
- --pf-v6-c-tabs__toggle-text--MarginInlineStart: var(--pf-v6-c-tabs__toggle-button__toggle-text--MarginInlineStart);
24613
- --pf-v6-c-tabs__toggle-text--Color: var(--pf-v6-c-tabs__toggle-button__toggle-text--Color);
24614
- }
24615
24602
  .pf-v6-c-tabs__toggle-button .pf-v6-c-button {
24616
- display: flex;
24617
- text-align: start;
24603
+ justify-content: start;
24618
24604
  white-space: normal;
24619
24605
  }
24620
24606
 
24621
24607
  .pf-v6-c-tabs__toggle-icon {
24622
24608
  display: inline-block;
24623
- color: var(--pf-v6-c-tabs__toggle-icon--Color);
24624
24609
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
24625
24610
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
24626
24611
  }
@@ -24628,11 +24613,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24628
24613
  scale: -1 1;
24629
24614
  }
24630
24615
 
24631
- .pf-v6-c-tabs__toggle-text {
24632
- margin-inline-start: var(--pf-v6-c-tabs__toggle-text--MarginInlineStart);
24633
- color: var(--pf-v6-c-tabs__toggle-text--Color, inherit);
24634
- }
24635
-
24636
24616
  .pf-v6-c-tabs__list {
24637
24617
  scrollbar-width: none;
24638
24618
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -27951,7 +27931,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27951
27931
  }
27952
27932
 
27953
27933
  .pf-v6-c-number-input__icon {
27954
- display: flex;
27955
27934
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
27956
27935
  }
27957
27936
 
package/patternfly.css CHANGED
@@ -7650,6 +7650,7 @@ button.pf-v6-c-breadcrumb__link {
7650
7650
  --pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
7651
7651
  --pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
7652
7652
  --pf-v6-c-button--m-link--m-inline--Display: inline-flex;
7653
+ --pf-v6-c-button--m-link--m-inline--JustifyContent: flex-start;
7653
7654
  --pf-v6-c-button--m-link--m-inline--FontSize: initial;
7654
7655
  --pf-v6-c-button--m-link--m-inline--LineHeight: initial;
7655
7656
  --pf-v6-c-button--m-link--m-inline--FontWeight: initial;
@@ -7670,7 +7671,8 @@ button.pf-v6-c-breadcrumb__link {
7670
7671
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7671
7672
  --pf-v6-c-button--m-plain--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7672
7673
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7673
- --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
7674
+ --pf-v6-c-button--m-plain--Color: var(--pf-t--global--text--color--regular);
7675
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--icon--color--regular);
7674
7676
  --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7675
7677
  --pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--m-plain--PaddingBlockStart) + var(--pf-v6-c-button--m-plain--PaddingBlockEnd));
7676
7678
  --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
@@ -7901,6 +7903,7 @@ button.pf-v6-c-breadcrumb__link {
7901
7903
  }
7902
7904
  .pf-v6-c-button.pf-m-link.pf-m-inline {
7903
7905
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
7906
+ --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
7904
7907
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
7905
7908
  --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
7906
7909
  --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
@@ -8020,6 +8023,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8020
8023
  .pf-v6-c-button.pf-m-plain {
8021
8024
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
8022
8025
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
8026
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
8023
8027
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
8024
8028
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--PaddingBlockStart);
8025
8029
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
@@ -8655,8 +8659,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8655
8659
  .pf-v6-c-card__title:not(:last-child) {
8656
8660
  padding-block-end: var(--pf-v6-c-card__title--not--last-child--PaddingBlockEnd);
8657
8661
  }
8658
- .pf-v6-c-card__header button.pf-m-inline.pf-m-disabled,
8659
- .pf-v6-c-card__title button.pf-m-inline.pf-m-disabled {
8662
+ .pf-v6-c-card__header .pf-v6-c-button.pf-m-inline:disabled,
8663
+ .pf-v6-c-card__title .pf-v6-c-button.pf-m-inline:disabled {
8660
8664
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-card--c-button--disabled--Color);
8661
8665
  }
8662
8666
 
@@ -8851,8 +8855,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8851
8855
  }
8852
8856
 
8853
8857
  .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
8854
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
8855
- --pf-v6-c-button--m-plain--hover--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
8858
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
8859
+ --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
8856
8860
  }
8857
8861
 
8858
8862
  :where(:root, .pf-v6-c-code-block) {
@@ -13782,8 +13786,6 @@ label.pf-v6-c-input-group__text {
13782
13786
  --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
13783
13787
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
13784
13788
  --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
13785
- --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
13786
- --pf-v6-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
13787
13789
  }
13788
13790
 
13789
13791
  .pf-v6-c-jump-links {
@@ -13979,11 +13981,6 @@ label.pf-v6-c-input-group__text {
13979
13981
  scale: -1 1;
13980
13982
  }
13981
13983
 
13982
- .pf-v6-c-jump-links__toggle-text {
13983
- margin-inline-start: var(--pf-v6-c-jump-links__toggle-text--MarginInlineStart);
13984
- color: var(--pf-v6-c-jump-links__toggle-text--Color);
13985
- }
13986
-
13987
13984
  :where(:root, .pf-v6-c-label) {
13988
13985
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
13989
13986
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -14174,7 +14171,7 @@ label.pf-v6-c-input-group__text {
14174
14171
  --pf-v6-c-label--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
14175
14172
  --pf-v6-c-label--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
14176
14173
  --pf-v6-c-label--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
14177
- --pf-v6-c-label--m-disabled--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
14174
+ --pf-v6-c-label--m-disabled--c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
14178
14175
  }
14179
14176
 
14180
14177
  .pf-v6-c-label {
@@ -14417,7 +14414,7 @@ label.pf-v6-c-input-group__text {
14417
14414
  pointer-events: none;
14418
14415
  }
14419
14416
  .pf-v6-c-label.pf-m-disabled .pf-v6-c-button {
14420
- --pf-v6-c-button--m-plain--disabled--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled--Color);
14417
+ --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color);
14421
14418
  }
14422
14419
 
14423
14420
  .pf-v6-c-label,
@@ -24432,13 +24429,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24432
24429
  --pf-v6-c-tabs__item--ScrollSnapAlign: end;
24433
24430
  --pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
24434
24431
  --pf-v6-c-tabs__toggle--Display: flex;
24435
- --pf-v6-c-tabs__toggle-icon--Color: currentcolor;
24436
24432
  --pf-v6-c-tabs__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
24437
24433
  --pf-v6-c-tabs__toggle-icon--Rotate: 0;
24438
- --pf-v6-c-tabs__toggle-text--MarginInlineStart: 0;
24439
- --pf-v6-c-tabs__toggle-button__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
24440
- --pf-v6-c-tabs__toggle-button__toggle-text--Color: var(--pf-t--global--text--color--regular);
24441
- --pf-v6-c-tabs--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
24442
24434
  --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
24443
24435
  --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
24444
24436
  --pf-v6-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -24675,7 +24667,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24675
24667
  }
24676
24668
  .pf-v6-c-tabs.pf-m-vertical.pf-m-expanded {
24677
24669
  --pf-v6-c-tabs__list--Display: flex;
24678
- --pf-v6-c-tabs__toggle-icon--Color: var(--pf-v6-c-tabs--m-expanded__toggle-icon--Color);
24679
24670
  --pf-v6-c-tabs__toggle-icon--Rotate: var(--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate);
24680
24671
  }
24681
24672
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical {
@@ -24729,19 +24720,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24729
24720
  align-items: center;
24730
24721
  }
24731
24722
 
24732
- .pf-v6-c-tabs__toggle-button {
24733
- --pf-v6-c-tabs__toggle-text--MarginInlineStart: var(--pf-v6-c-tabs__toggle-button__toggle-text--MarginInlineStart);
24734
- --pf-v6-c-tabs__toggle-text--Color: var(--pf-v6-c-tabs__toggle-button__toggle-text--Color);
24735
- }
24736
24723
  .pf-v6-c-tabs__toggle-button .pf-v6-c-button {
24737
- display: flex;
24738
- text-align: start;
24724
+ justify-content: start;
24739
24725
  white-space: normal;
24740
24726
  }
24741
24727
 
24742
24728
  .pf-v6-c-tabs__toggle-icon {
24743
24729
  display: inline-block;
24744
- color: var(--pf-v6-c-tabs__toggle-icon--Color);
24745
24730
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
24746
24731
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
24747
24732
  }
@@ -24749,11 +24734,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24749
24734
  scale: -1 1;
24750
24735
  }
24751
24736
 
24752
- .pf-v6-c-tabs__toggle-text {
24753
- margin-inline-start: var(--pf-v6-c-tabs__toggle-text--MarginInlineStart);
24754
- color: var(--pf-v6-c-tabs__toggle-text--Color, inherit);
24755
- }
24756
-
24757
24737
  .pf-v6-c-tabs__list {
24758
24738
  scrollbar-width: none;
24759
24739
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -28072,7 +28052,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28072
28052
  }
28073
28053
 
28074
28054
  .pf-v6-c-number-input__icon {
28075
- display: flex;
28076
28055
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
28077
28056
  }
28078
28057