@patternfly/patternfly 6.2.0-prerelease.1 → 6.2.0-prerelease.3

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 (73) hide show
  1. package/assets/pficon/pficon.scss +1 -1
  2. package/base/normalize.scss +2 -2
  3. package/base/patternfly-pf-icons.css +1 -1
  4. package/components/Banner/banner.css +2 -2
  5. package/components/Banner/banner.scss +2 -2
  6. package/components/Breadcrumb/breadcrumb.css +3 -2
  7. package/components/Breadcrumb/breadcrumb.scss +3 -2
  8. package/components/Button/button.css +22 -2
  9. package/components/Button/button.scss +22 -2
  10. package/components/Content/content.css +2 -1
  11. package/components/Content/content.scss +2 -1
  12. package/components/DescriptionList/description-list.css +2 -1
  13. package/components/DescriptionList/description-list.scss +2 -1
  14. package/components/Form/form.css +0 -3
  15. package/components/Form/form.scss +0 -4
  16. package/components/JumpLinks/jump-links.css +1 -1
  17. package/components/JumpLinks/jump-links.scss +1 -1
  18. package/components/Label/label.css +3 -2
  19. package/components/Label/label.scss +3 -2
  20. package/components/Menu/menu.css +11 -2
  21. package/components/Menu/menu.scss +12 -2
  22. package/components/MenuToggle/menu-toggle.css +4 -0
  23. package/components/MenuToggle/menu-toggle.scss +4 -0
  24. package/components/Nav/nav.css +1 -1
  25. package/components/Nav/nav.scss +1 -1
  26. package/components/ProgressStepper/progress-stepper.css +2 -1
  27. package/components/ProgressStepper/progress-stepper.scss +2 -1
  28. package/components/SimpleList/simple-list.css +2 -2
  29. package/components/SimpleList/simple-list.scss +2 -2
  30. package/components/Tabs/tabs.css +1 -1
  31. package/components/Tabs/tabs.scss +1 -1
  32. package/components/Timestamp/timestamp.css +2 -1
  33. package/components/Timestamp/timestamp.scss +2 -1
  34. package/components/ToggleGroup/toggle-group.css +1 -1
  35. package/components/ToggleGroup/toggle-group.scss +1 -1
  36. package/components/Wizard/wizard.css +1 -1
  37. package/components/Wizard/wizard.scss +1 -1
  38. package/components/_index.css +60 -24
  39. package/docs/components/Avatar/examples/Avatar.md +4 -4
  40. package/docs/components/Brand/examples/Brand.md +2 -2
  41. package/docs/components/DataList/examples/DataList.md +3 -3
  42. package/docs/components/DescriptionList/examples/DescriptionList.md +2 -2
  43. package/docs/components/Divider/examples/Divider.md +2 -2
  44. package/docs/components/Drawer/examples/Drawer.md +3 -3
  45. package/docs/components/JumpLinks/examples/JumpLinks.md +2 -2
  46. package/docs/components/Masthead/examples/masthead.md +1 -1
  47. package/docs/components/Menu/examples/Menu.md +2 -2
  48. package/docs/components/Page/examples/Page.md +2 -2
  49. package/docs/components/Pagination/examples/Pagination.md +3 -3
  50. package/docs/components/ProgressStepper/examples/ProgressStepper.md +2 -2
  51. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  52. package/docs/components/Table/examples/Table.md +3 -3
  53. package/docs/components/Tabs/examples/Tabs.md +3 -3
  54. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  55. package/docs/layouts/Flex/examples/Flex.md +1 -1
  56. package/docs/layouts/Gallery/examples/Gallery.md +2 -2
  57. package/docs/layouts/Grid/examples/Grid.md +4 -4
  58. package/docs/utilities/Accessibility/examples/Accessibility.md +1 -1
  59. package/docs/utilities/Alignment/examples/Alignment.md +1 -1
  60. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +1 -1
  61. package/docs/utilities/Display/examples/Display.md +1 -1
  62. package/docs/utilities/Flex/examples/Flex.md +1 -1
  63. package/docs/utilities/Float/examples/Float.md +1 -1
  64. package/docs/utilities/Sizing/examples/Sizing.md +6 -6
  65. package/docs/utilities/Spacing/examples/Spacing.md +1 -1
  66. package/docs/utilities/Text/examples/Text.md +1 -1
  67. package/package.json +5 -5
  68. package/patternfly-base-no-globals.css +1 -1
  69. package/patternfly-base.css +3 -3
  70. package/patternfly-no-globals.css +61 -25
  71. package/patternfly.css +63 -27
  72. package/patternfly.min.css +1 -1
  73. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -118,12 +118,12 @@ pre) {
118
118
 
119
119
  :where(a) {
120
120
  color: var(--pf-t--global--text--color--link--default);
121
- text-decoration: var(--pf-t--global--text-decoration--link--line--default);
121
+ text-decoration-line: var(--pf-t--global--text-decoration--link--line--default);
122
122
  }
123
123
 
124
124
  :where(a:hover, a:focus) {
125
125
  color: var(--pf-t--global--text--color--link--hover);
126
- text-decoration: var(--pf-t--global--text-decoration--link--line--hover);
126
+ text-decoration-line: var(--pf-t--global--text-decoration--link--line--hover);
127
127
  }
128
128
 
129
129
  :where(a,
@@ -5802,7 +5802,7 @@ button) {
5802
5802
  font-style: normal;
5803
5803
  font-variant: normal;
5804
5804
  font-weight: normal;
5805
- text-decoration: none;
5805
+ text-decoration-line: none;
5806
5806
  text-transform: none;
5807
5807
  }
5808
5808
 
@@ -8795,7 +8795,7 @@ button) {
8795
8795
  }
8796
8796
  .pf-v6-c-banner a {
8797
8797
  color: var(--pf-v6-c-banner--link--Color);
8798
- text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
8798
+ text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
8799
8799
  }
8800
8800
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
8801
8801
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -8808,7 +8808,7 @@ button) {
8808
8808
  --pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
8809
8809
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
8810
8810
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
8811
- text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
8811
+ text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
8812
8812
  }
8813
8813
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
8814
8814
  cursor: not-allowed;
@@ -8947,7 +8947,8 @@ button) {
8947
8947
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
8948
8948
  line-height: inherit;
8949
8949
  color: var(--pf-v6-c-breadcrumb__link--Color);
8950
- text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
8950
+ text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
8951
+ text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
8951
8952
  word-break: break-word;
8952
8953
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
8953
8954
  }
@@ -8961,7 +8962,7 @@ button) {
8961
8962
  }
8962
8963
  .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
8963
8964
  color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
8964
- text-decoration: none;
8965
+ text-decoration-line: none;
8965
8966
  }
8966
8967
  button.pf-v6-c-breadcrumb__link {
8967
8968
  border: none;
@@ -9008,6 +9009,7 @@ button.pf-v6-c-breadcrumb__link {
9008
9009
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
9009
9010
  --pf-v6-c-button--TextDecorationLine: none;
9010
9011
  --pf-v6-c-button--TextDecorationStyle: none;
9012
+ --pf-v6-c-button--TextDecorationColor: currentcolor;
9011
9013
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
9012
9014
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9013
9015
  --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
@@ -9016,6 +9018,7 @@ button.pf-v6-c-breadcrumb__link {
9016
9018
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
9017
9019
  --pf-v6-c-button--hover--TextDecorationLine: none;
9018
9020
  --pf-v6-c-button--hover--TextDecorationStyle: none;
9021
+ --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
9019
9022
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
9020
9023
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
9021
9024
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -9100,6 +9103,12 @@ button.pf-v6-c-breadcrumb__link {
9100
9103
  --pf-v6-c-button--span--m-link--m-inline--Display: inline;
9101
9104
  --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
9102
9105
  --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
9106
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
9107
+ --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
9108
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
9109
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
9110
+ --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
9111
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
9103
9112
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
9104
9113
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
9105
9114
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -9207,6 +9216,7 @@ button.pf-v6-c-breadcrumb__link {
9207
9216
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
9208
9217
  --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
9209
9218
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
9219
+ --pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
9210
9220
  --pf-v6-c-button--disabled--BorderColor: transparent;
9211
9221
  --pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
9212
9222
  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -9251,7 +9261,9 @@ button.pf-v6-c-breadcrumb__link {
9251
9261
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
9252
9262
  color: var(--pf-v6-c-button--Color);
9253
9263
  text-align: center;
9254
- text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
9264
+ text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
9265
+ text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
9266
+ text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
9255
9267
  white-space: nowrap;
9256
9268
  cursor: pointer;
9257
9269
  user-select: none;
@@ -9364,6 +9376,12 @@ button.pf-v6-c-breadcrumb__link {
9364
9376
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
9365
9377
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
9366
9378
  --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
9379
+ --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
9380
+ --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
9381
+ --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
9382
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
9383
+ --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
9384
+ --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
9367
9385
  text-align: start;
9368
9386
  white-space: normal;
9369
9387
  outline-offset: 0.125rem;
@@ -9524,7 +9542,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9524
9542
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9525
9543
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
9526
9544
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9527
- text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
9545
+ text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
9546
+ text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
9547
+ text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
9528
9548
  }
9529
9549
  .pf-v6-c-button.pf-m-clicked {
9530
9550
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
@@ -9538,6 +9558,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9538
9558
  }
9539
9559
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
9540
9560
  color: var(--pf-v6-c-button--disabled--Color);
9561
+ text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
9541
9562
  background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
9542
9563
  }
9543
9564
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
@@ -10643,7 +10664,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10643
10664
 
10644
10665
  :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
10645
10666
  color: var(--pf-v6-c-content--a--Color);
10646
- text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
10667
+ text-decoration-line: var(--pf-v6-c-content--a--TextDecorationLine);
10668
+ text-decoration-style: var(--pf-v6-c-content--a--TextDecorationStyle);
10647
10669
  }
10648
10670
  :is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
10649
10671
  --pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
@@ -11863,7 +11885,8 @@ ul) {
11863
11885
  min-width: 0;
11864
11886
  }
11865
11887
  .pf-v6-c-description-list__text.pf-m-help-text {
11866
- text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
11888
+ text-decoration-line: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine);
11889
+ text-decoration-style: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
11867
11890
  text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
11868
11891
  cursor: pointer;
11869
11892
  }
@@ -14199,9 +14222,6 @@ ul) {
14199
14222
  font-size: var(--pf-v6-c-form__label--FontSize);
14200
14223
  line-height: var(--pf-v6-c-form__label--LineHeight);
14201
14224
  }
14202
- .pf-v6-c-form__label::selection {
14203
- background-color: none;
14204
- }
14205
14225
  .pf-v6-c-form__label:not(.pf-m-disabled):hover {
14206
14226
  cursor: var(--pf-v6-c-form__label--hover--Cursor);
14207
14227
  }
@@ -15416,7 +15436,7 @@ label.pf-v6-c-input-group__text {
15416
15436
  padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
15417
15437
  padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
15418
15438
  padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
15419
- text-decoration: none;
15439
+ text-decoration-line: none;
15420
15440
  outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
15421
15441
  }
15422
15442
  .pf-v6-c-jump-links__link:is(:hover, :focus) {
@@ -15857,7 +15877,8 @@ label.pf-v6-c-input-group__text {
15857
15877
  --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
15858
15878
  }
15859
15879
  .pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
15860
- text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine) var(--pf-v6-c-label--m-editable--TextDecorationStyle);
15880
+ text-decoration-line: var(--pf-v6-c-label--m-editable--TextDecorationLine);
15881
+ text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
15861
15882
  text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
15862
15883
  }
15863
15884
  .pf-v6-c-label.pf-m-editable-active {
@@ -15890,7 +15911,7 @@ label.pf-v6-c-input-group__text {
15890
15911
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-clickable__content--Cursor);
15891
15912
  }
15892
15913
  .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content, .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) {
15893
- text-decoration: none;
15914
+ text-decoration-line: none;
15894
15915
  }
15895
15916
  .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) {
15896
15917
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-clickable--hover--Color);
@@ -17157,11 +17178,20 @@ ul.pf-v6-c-list {
17157
17178
  .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
17158
17179
  --pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
17159
17180
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
17160
- --pf-v6-c-menu__item-external-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
17181
+ --pf-v6-c-menu__item-external--Color: transparent;
17182
+ --pf-v6-c-menu__item-select-icon--Color: transparent;
17161
17183
  --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
17162
17184
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
17185
+ --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
17186
+ }
17187
+ .pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
17188
+ .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
17163
17189
  pointer-events: none;
17164
17190
  }
17191
+ .pf-v6-c-menu__list-item.pf-m-aria-disabled .pf-v6-c-menu__item,
17192
+ .pf-v6-c-menu__item-action.pf-m-aria-disabled .pf-v6-c-menu__item {
17193
+ cursor: default;
17194
+ }
17165
17195
 
17166
17196
  [class*=pf-v6-c-menu]:is([hidden]) {
17167
17197
  display: none;
@@ -17409,7 +17439,7 @@ ul.pf-v6-c-list {
17409
17439
  line-height: var(--pf-v6-c-menu__item--LineHeight);
17410
17440
  color: var(--pf-v6-c-menu__item--Color);
17411
17441
  text-align: start;
17412
- text-decoration: none;
17442
+ text-decoration-line: none;
17413
17443
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
17414
17444
  border: 0;
17415
17445
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
@@ -17619,6 +17649,7 @@ ul.pf-v6-c-list {
17619
17649
  --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
17620
17650
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
17621
17651
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
17652
+ --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
17622
17653
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
17623
17654
  --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
17624
17655
  --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -17626,6 +17657,7 @@ ul.pf-v6-c-list {
17626
17657
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
17627
17658
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
17628
17659
  --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
17660
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor: transparent;
17629
17661
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
17630
17662
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
17631
17663
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
@@ -17751,12 +17783,14 @@ ul.pf-v6-c-list {
17751
17783
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
17752
17784
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
17753
17785
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
17786
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--BackgroundColor);
17754
17787
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
17755
17788
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
17756
17789
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
17757
17790
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
17758
17791
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
17759
17792
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
17793
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor);
17760
17794
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
17761
17795
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
17762
17796
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
@@ -18600,7 +18634,7 @@ ul.pf-v6-c-list {
18600
18634
  line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
18601
18635
  color: var(--pf-v6-c-nav__link--Color);
18602
18636
  text-align: start;
18603
- text-decoration: none;
18637
+ text-decoration-line: none;
18604
18638
  background-color: var(--pf-v6-c-nav__link--BackgroundColor);
18605
18639
  border: none;
18606
18640
  border-radius: var(--pf-v6-c-nav__link--BorderRadius);
@@ -20798,7 +20832,8 @@ ul.pf-v6-c-list {
20798
20832
  .pf-v6-c-progress-stepper__step-title.pf-m-help-text {
20799
20833
  padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
20800
20834
  padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
20801
- text-decoration: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine) var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
20835
+ text-decoration-line: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine);
20836
+ text-decoration-style: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
20802
20837
  text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
20803
20838
  cursor: pointer;
20804
20839
  }
@@ -21551,7 +21586,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21551
21586
  font-size: var(--pf-v6-c-simple-list__item-link--FontSize);
21552
21587
  color: var(--pf-v6-c-simple-list__item-link--Color);
21553
21588
  text-align: start;
21554
- text-decoration: none;
21589
+ text-decoration-line: none;
21555
21590
  background-color: var(--pf-v6-c-simple-list__item-link--BackgroundColor);
21556
21591
  border: none;
21557
21592
  border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
@@ -21564,7 +21599,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21564
21599
  .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
21565
21600
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
21566
21601
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
21567
- text-decoration: none;
21602
+ text-decoration-line: none;
21568
21603
  }
21569
21604
  .pf-v6-c-simple-list__item-link.pf-m-current {
21570
21605
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
@@ -26076,7 +26111,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26076
26111
  padding-inline-end: var(--pf-v6-c-tabs__link--PaddingInlineEnd);
26077
26112
  font-size: var(--pf-v6-c-tabs__link--FontSize);
26078
26113
  color: var(--pf-v6-c-tabs__link--Color);
26079
- text-decoration: none;
26114
+ text-decoration-line: none;
26080
26115
  background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
26081
26116
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
26082
26117
  }
@@ -26716,7 +26751,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26716
26751
  }
26717
26752
  .pf-v6-c-timestamp.pf-m-help-text {
26718
26753
  --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--Color);
26719
- text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
26754
+ text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
26755
+ text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
26720
26756
  text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
26721
26757
  cursor: pointer;
26722
26758
  }
@@ -26929,7 +26965,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26929
26965
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
26930
26966
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
26931
26967
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
26932
- text-decoration: none;
26968
+ text-decoration-line: none;
26933
26969
  }
26934
26970
  .pf-v6-c-toggle-group__button.pf-m-selected {
26935
26971
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
@@ -29880,7 +29916,7 @@ label.pf-v6-c-tree-view__node-text {
29880
29916
  padding-inline: 0;
29881
29917
  color: var(--pf-v6-c-wizard__nav-link--Color);
29882
29918
  text-align: start;
29883
- text-decoration: var(--pf-v6-c-wizard__nav-link--TextDecoration);
29919
+ text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
29884
29920
  word-break: break-word;
29885
29921
  counter-increment: wizard-nav-count;
29886
29922
  background-color: transparent;