@patternfly/patternfly 6.0.0-alpha.200 → 6.0.0-alpha.201

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 (48) hide show
  1. package/base/normalize.scss +3 -3
  2. package/base/patternfly-variables.css +2 -6
  3. package/base/tokens/tokens-charts-dark.scss +1 -1
  4. package/base/tokens/tokens-charts.scss +1 -1
  5. package/base/tokens/tokens-dark.scss +1 -1
  6. package/base/tokens/tokens-default.scss +3 -3
  7. package/base/tokens/tokens-local.scss +0 -6
  8. package/base/tokens/tokens-palette.scss +1 -1
  9. package/components/Breadcrumb/breadcrumb.css +9 -6
  10. package/components/Breadcrumb/breadcrumb.scss +9 -6
  11. package/components/Button/button.css +16 -7
  12. package/components/Button/button.scss +17 -7
  13. package/components/Content/content.css +8 -5
  14. package/components/Content/content.scss +8 -5
  15. package/components/DescriptionList/description-list.css +10 -15
  16. package/components/DescriptionList/description-list.scss +10 -16
  17. package/components/JumpLinks/jump-links.css +1 -1
  18. package/components/JumpLinks/jump-links.scss +1 -2
  19. package/components/Label/label.css +15 -14
  20. package/components/Label/label.scss +16 -14
  21. package/components/ProgressStepper/progress-stepper.css +8 -7
  22. package/components/ProgressStepper/progress-stepper.scss +8 -8
  23. package/components/SimpleList/simple-list.css +1 -1
  24. package/components/SimpleList/simple-list.scss +1 -2
  25. package/components/Tabs/tabs.css +1 -1
  26. package/components/Tabs/tabs.scss +1 -3
  27. package/components/Timestamp/timestamp.css +8 -17
  28. package/components/Timestamp/timestamp.scss +8 -18
  29. package/components/ToggleGroup/toggle-group.css +2 -2
  30. package/components/ToggleGroup/toggle-group.scss +2 -4
  31. package/components/_index.css +79 -76
  32. package/docs/components/Alert/examples/Alert.md +4 -4
  33. package/docs/components/Card/examples/Card.md +4 -4
  34. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +2 -2
  35. package/docs/components/DescriptionList/examples/DescriptionList.md +30 -5
  36. package/docs/components/Form/examples/Form.md +2 -2
  37. package/docs/components/Table/examples/Table.md +58 -58
  38. package/docs/demos/Card/examples/Card.md +12 -12
  39. package/docs/demos/Dashboard/examples/Dashboard.md +5 -5
  40. package/docs/demos/Form/examples/BasicForms.md +11 -11
  41. package/docs/demos/Table/examples/Table.md +6 -6
  42. package/package.json +1 -1
  43. package/patternfly-base-no-globals.css +2 -6
  44. package/patternfly-base.css +5 -9
  45. package/patternfly-no-globals.css +81 -82
  46. package/patternfly.css +84 -85
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -103,12 +103,12 @@ pre) {
103
103
 
104
104
  :where(a) {
105
105
  color: var(--pf-t--global--text--color--link--default);
106
- text-decoration: var(--pf-t--global--link--text-decoration);
106
+ text-decoration: var(--pf-t--global--text-decoration--link--line--default);
107
107
  }
108
108
 
109
- :where(a:hover) {
109
+ :where(a:hover, a:focus) {
110
110
  color: var(--pf-t--global--text--color--link--hover);
111
- text-decoration: var(--pf-t--global--link--text-decoration--hover);
111
+ text-decoration: var(--pf-t--global--text-decoration--link--line--hover);
112
112
  }
113
113
 
114
114
  :where(a,
@@ -5341,8 +5341,8 @@ button) {
5341
5341
  --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
5342
5342
  --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
5343
5343
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
5344
- --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--style--200);
5345
- --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--style--200);
5344
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
5345
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
5346
5346
  --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
5347
5347
  --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
5348
5348
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
@@ -5713,10 +5713,6 @@ button) {
5713
5713
  --pf-t--global--font--weight--body--bold--legacy: 700;
5714
5714
  --pf-t--global--font--weight--heading--legacy: 400;
5715
5715
  --pf-t--global--font--weight--heading--bold--legacy: 700;
5716
- --pf-t--global--text-decoration--100: none;
5717
- --pf-t--global--text-decoration--200: underline;
5718
- --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
5719
- --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
5720
5716
  --pf-t--global--box-shadow--sm:
5721
5717
  var(--pf-t--global--box-shadow--X--sm--default)
5722
5718
  var(--pf-t--global--box-shadow--Y--sm--default)
@@ -7494,9 +7490,11 @@ button) {
7494
7490
  --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7495
7491
  --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7496
7492
  --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
7497
- --pf-v6-c-breadcrumb__link--TextDecoration: var(--pf-t--global--link--text-decoration);
7493
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
7494
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
7498
7495
  --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
7499
- --pf-v6-c-breadcrumb__link--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
7496
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
7497
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
7500
7498
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
7501
7499
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7502
7500
  --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
@@ -7549,18 +7547,19 @@ button) {
7549
7547
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
7550
7548
  line-height: inherit;
7551
7549
  color: var(--pf-v6-c-breadcrumb__link--Color);
7552
- text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecoration);
7550
+ text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
7553
7551
  word-break: break-word;
7554
7552
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
7555
7553
  }
7556
- .pf-v6-c-breadcrumb__link:hover {
7554
+ .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
7557
7555
  --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
7558
- --pf-v6-c-breadcrumb__link--TextDecoration: var(--pf-v6-c-breadcrumb__link--hover--TextDecoration);
7556
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
7557
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
7559
7558
  }
7560
7559
  .pf-v6-c-breadcrumb__link.pf-m-current {
7561
7560
  cursor: default;
7562
7561
  }
7563
- .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:hover {
7562
+ .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
7564
7563
  color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
7565
7564
  text-decoration: none;
7566
7565
  }
@@ -7606,14 +7605,16 @@ button.pf-v6-c-breadcrumb__link {
7606
7605
  --pf-v6-c-button--BorderColor: transparent;
7607
7606
  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
7608
7607
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
7609
- --pf-v6-c-button--TextDecoration: none;
7608
+ --pf-v6-c-button--TextDecorationLine: none;
7609
+ --pf-v6-c-button--TextDecorationStyle: none;
7610
7610
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
7611
7611
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7612
7612
  --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
7613
7613
  --pf-v6-c-button--hover--BackgroundColor: transparent;
7614
7614
  --pf-v6-c-button--hover--BorderColor: transparent;
7615
7615
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
7616
- --pf-v6-c-button--hover--TextDecoration: none;
7616
+ --pf-v6-c-button--hover--TextDecorationLine: none;
7617
+ --pf-v6-c-button--hover--TextDecorationStyle: none;
7617
7618
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
7618
7619
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
7619
7620
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -7683,7 +7684,10 @@ button.pf-v6-c-breadcrumb__link {
7683
7684
  --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
7684
7685
  --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
7685
7686
  --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
7686
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
7687
+ --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
7688
+ --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
7689
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
7690
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
7687
7691
  --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
7688
7692
  --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
7689
7693
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -7838,7 +7842,7 @@ button.pf-v6-c-breadcrumb__link {
7838
7842
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
7839
7843
  color: var(--pf-v6-c-button--Color);
7840
7844
  text-align: center;
7841
- text-decoration: var(--pf-v6-c-button--TextDecoration);
7845
+ text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
7842
7846
  white-space: nowrap;
7843
7847
  cursor: pointer;
7844
7848
  user-select: none;
@@ -7938,7 +7942,10 @@ button.pf-v6-c-breadcrumb__link {
7938
7942
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
7939
7943
  --pf-v6-c-button--BackgroundColor: transparent;
7940
7944
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
7941
- --pf-v6-c-button--hover--TextDecoration: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecoration);
7945
+ --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
7946
+ --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
7947
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
7948
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
7942
7949
  --pf-v6-c-button--hover--BackgroundColor: transparent;
7943
7950
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
7944
7951
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
@@ -8100,8 +8107,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8100
8107
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
8101
8108
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
8102
8109
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
8103
- --pf-v6-c-button--TextDecoration: var(--pf-v6-c-button--hover--TextDecoration);
8104
8110
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
8111
+ text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
8105
8112
  }
8106
8113
  .pf-v6-c-button.pf-m-clicked {
8107
8114
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
@@ -8124,7 +8131,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8124
8131
  color: var(--pf-v6-c-button--disabled__icon--Color);
8125
8132
  }
8126
8133
  .pf-v6-c-button.pf-m-aria-disabled {
8127
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
8134
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
8135
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
8128
8136
  cursor: default;
8129
8137
  }
8130
8138
  .pf-v6-c-button.pf-m-progress {
@@ -9157,9 +9165,11 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9157
9165
  --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
9158
9166
  --pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
9159
9167
  --pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
9160
- --pf-v6-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
9168
+ --pf-v6-c-content--a--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
9169
+ --pf-v6-c-content--a--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
9161
9170
  --pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
9162
- --pf-v6-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
9171
+ --pf-v6-c-content--a--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
9172
+ --pf-v6-c-content--a--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
9163
9173
  --pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
9164
9174
  --pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
9165
9175
  --pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -9188,11 +9198,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9188
9198
  }
9189
9199
  :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
9190
9200
  color: var(--pf-v6-c-content--a--Color);
9191
- text-decoration: var(--pf-v6-c-content--a--TextDecoration);
9201
+ text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
9192
9202
  }
9193
- :is(.pf-v6-c-content--a, .pf-v6-c-content a):hover {
9203
+ :is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
9194
9204
  --pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
9195
- --pf-v6-c-content--a--TextDecoration: var(--pf-v6-c-content--a--hover--TextDecoration);
9205
+ --pf-v6-c-content--a--TextDecorationLine: var(--pf-v6-c-content--a--hover--TextDecorationLine);
9206
+ --pf-v6-c-content--a--TextDecorationStyle: var(--pf-v6-c-content--a--hover--TextDecorationStyle);
9196
9207
  }
9197
9208
 
9198
9209
  :is(.pf-v6-c-content--a.pf-m-visited, .pf-v6-c-content.pf-m-visited a, .pf-v6-c-content a.pf-m-visited):visited {
@@ -10236,11 +10247,11 @@ ul) {
10236
10247
  --pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
10237
10248
  --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
10238
10249
  --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
10239
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: currentcolor;
10240
- --pf-v6-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
10241
- --pf-v6-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
10242
- --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-t--global--border--color--hover);
10243
- --pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-t--global--border--color--hover);
10250
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
10251
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
10252
+ --pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
10253
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
10254
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
10244
10255
  --pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
10245
10256
  --pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
10246
10257
  --pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
@@ -10402,18 +10413,13 @@ ul) {
10402
10413
  min-width: 0;
10403
10414
  }
10404
10415
  .pf-v6-c-description-list__text.pf-m-help-text {
10405
- text-decoration: underline;
10406
- text-decoration-thickness: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationThickness);
10407
- text-decoration-style: dashed;
10408
- text-decoration-color: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationColor);
10409
- text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationOffset);
10416
+ text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
10417
+ text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
10410
10418
  cursor: pointer;
10411
10419
  }
10412
- .pf-v6-c-description-list__text.pf-m-help-text:hover {
10413
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationColor);
10414
- }
10415
- .pf-v6-c-description-list__text.pf-m-help-text:focus {
10416
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor);
10420
+ .pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
10421
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
10422
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
10417
10423
  }
10418
10424
 
10419
10425
  .pf-v6-c-description-list.pf-m-1-col {
@@ -14004,7 +14010,7 @@ label.pf-v6-c-input-group__text {
14004
14010
  text-decoration: none;
14005
14011
  outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
14006
14012
  }
14007
- .pf-v6-c-jump-links__link:hover, .pf-v6-c-jump-links__link:focus {
14013
+ .pf-v6-c-jump-links__link:is(:hover, :focus) {
14008
14014
  --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
14009
14015
  }
14010
14016
  .pf-v6-c-jump-links__link::before {
@@ -14220,7 +14226,7 @@ label.pf-v6-c-input-group__text {
14220
14226
  --pf-v6-c-label--m-compact--PaddingBlockEnd: 0;
14221
14227
  --pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
14222
14228
  --pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
14223
- --pf-v6-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
14229
+ --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
14224
14230
  --pf-v6-c-label__content--MaxWidth: 100%;
14225
14231
  --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--xs);
14226
14232
  --pf-v6-c-label__content--Cursor: initial;
@@ -14235,14 +14241,14 @@ label.pf-v6-c-input-group__text {
14235
14241
  --pf-v6-c-label__actions--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
14236
14242
  --pf-v6-c-label__actions--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
14237
14243
  --pf-v6-c-label__actions--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
14238
- --pf-v6-c-label--m-editable--TextDecoration: underline;
14239
- --pf-v6-c-label--m-editable--TextDecorationStyle: dashed;
14240
- --pf-v6-c-label--m-editable--TextDecorationThickness: var(--pf-t--global--border--width--regular);
14241
- --pf-v6-c-label--m-editable--TextDecorationOffset: 0.25rem;
14242
- --pf-v6-c-label--m-editable--TextDecorationColor: currentcolor;
14244
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
14245
+ --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
14246
+ --pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
14247
+ --pf-v6-c-label--m-editable--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--hover);
14248
+ --pf-v6-c-label--m-editable--TextUnderlineOffset: 0.25rem;
14243
14249
  --pf-v6-c-label--m-editable__content--MaxWidth: 16ch;
14244
14250
  --pf-v6-c-label--m-editable__content--Cursor: pointer;
14245
- --pf-v6-c-label--m-editable--m-editable-active--TextDecoration: none;
14251
+ --pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine: none;
14246
14252
  --pf-v6-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
14247
14253
  --pf-v6-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
14248
14254
  --pf-v6-c-label--m-editable--m-editable-active__content--Cursor: initial;
@@ -14412,7 +14418,7 @@ label.pf-v6-c-input-group__text {
14412
14418
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
14413
14419
  --pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
14414
14420
  --pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
14415
- --pf-v6-c-label--m-editable--TextDecorationOffset: var(--pf-v6-c-label--m-compact--m-editable--TextDecorationOffset);
14421
+ --pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
14416
14422
  }
14417
14423
  .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
14418
14424
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-label--m-filled__actions--c-button__icon--Color);
@@ -14433,15 +14439,16 @@ label.pf-v6-c-input-group__text {
14433
14439
  --pf-v6-c-label__content--MaxWidth: var(--pf-v6-c-label--m-editable__content--MaxWidth);
14434
14440
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable__content--Cursor);
14435
14441
  }
14442
+ .pf-v6-c-label.pf-m-editable .pf-v6-c-label__content:is(:hover, :focus) {
14443
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--hover--TextDecorationLine);
14444
+ --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
14445
+ }
14436
14446
  .pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
14437
- text-decoration: var(--pf-v6-c-label--m-editable--TextDecoration);
14438
- text-decoration-thickness: var(--pf-v6-c-label--m-editable--TextDecorationThickness);
14439
- text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
14440
- text-decoration-color: var(--pf-v6-c-label--m-editable--TextDecorationColor);
14441
- text-underline-offset: var(--pf-v6-c-label--m-editable--TextDecorationOffset);
14447
+ text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine) var(--pf-v6-c-label--m-editable--TextDecorationStyle);
14448
+ text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
14442
14449
  }
14443
14450
  .pf-v6-c-label.pf-m-editable-active {
14444
- --pf-v6-c-label--m-editable--TextDecoration: var(--pf-v6-c-label--m-editable--m-editable-active--TextDecoration);
14451
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine);
14445
14452
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-editable--m-editable-active--BackgroundColor);
14446
14453
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-editable--m-editable-active--Color);
14447
14454
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable--m-editable-active__content--Cursor);
@@ -19023,9 +19030,11 @@ ul.pf-v6-c-list {
19023
19030
  --pf-v6-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
19024
19031
  --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
19025
19032
  --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
19026
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor: currentcolor;
19027
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-t--global--link--text-decoration);
19033
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
19034
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
19028
19035
  --pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
19036
+ --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
19037
+ --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
19029
19038
  --pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
19030
19039
  --pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
19031
19040
  --pf-v6-c-progress-stepper__step-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
@@ -19251,14 +19260,13 @@ ul.pf-v6-c-list {
19251
19260
  .pf-v6-c-progress-stepper__step-title.pf-m-help-text {
19252
19261
  padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
19253
19262
  padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
19254
- text-decoration: underline;
19255
- text-decoration-thickness: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
19256
- text-decoration-style: dashed;
19257
- text-decoration-color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
19263
+ 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);
19258
19264
  text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
19259
19265
  cursor: pointer;
19260
19266
  }
19261
- .pf-v6-c-progress-stepper__step-title.pf-m-help-text:hover, .pf-v6-c-progress-stepper__step-title.pf-m-help-text:focus {
19267
+ .pf-v6-c-progress-stepper__step-title.pf-m-help-text:is(:hover, :focus) {
19268
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine);
19269
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle);
19262
19270
  --pf-v6-c-progress-stepper__step-title--Color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color);
19263
19271
  }
19264
19272
 
@@ -20015,7 +20023,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20015
20023
  --pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
20016
20024
  --pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-v6-c-simple-list__item-link--m-link--hover--Color);
20017
20025
  }
20018
- .pf-v6-c-simple-list__item-link:hover, .pf-v6-c-simple-list__item-link:focus {
20026
+ .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
20019
20027
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
20020
20028
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
20021
20029
  text-decoration: none;
@@ -24562,7 +24570,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24562
24570
  --pf-v6-c-tabs__link--after--BorderWidth: 0;
24563
24571
  }
24564
24572
 
24565
- .pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled, .pf-v6-c-tabs__link.pf-m-aria-disabled {
24573
+ .pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
24566
24574
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
24567
24575
  }
24568
24576
  .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
@@ -25135,15 +25143,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25135
25143
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
25136
25144
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
25137
25145
  --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
25138
- --pf-v6-c-timestamp--m-help-text--TextDecorationLine: underline;
25139
- --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: dashed;
25140
- --pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
25146
+ --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
25147
+ --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
25141
25148
  --pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
25142
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
25143
25149
  --pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
25144
- --pf-v6-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
25145
- --pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
25146
- --pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
25150
+ --pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
25151
+ --pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
25147
25152
  }
25148
25153
 
25149
25154
  .pf-v6-c-timestamp {
@@ -25153,20 +25158,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25153
25158
  outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
25154
25159
  }
25155
25160
  .pf-v6-c-timestamp.pf-m-help-text {
25156
- text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
25157
- text-decoration-thickness: var(--pf-v6-c-timestamp--m-help-text--TextDecorationThickness);
25158
- text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
25159
- text-decoration-color: var(--pf-v6-c-timestamp--m-help-text--TextDecorationColor);
25161
+ text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
25160
25162
  text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
25161
25163
  cursor: pointer;
25162
25164
  }
25163
- .pf-v6-c-timestamp.pf-m-help-text:hover {
25165
+ .pf-v6-c-timestamp.pf-m-help-text:is(:hover, :focus) {
25164
25166
  --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
25165
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor);
25166
- }
25167
- .pf-v6-c-timestamp.pf-m-help-text:focus {
25168
- --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--focus--Color);
25169
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
25167
+ --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine);
25168
+ --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
25170
25169
  }
25171
25170
 
25172
25171
  :where(:root, .pf-v6-c-title) {
@@ -25364,7 +25363,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25364
25363
  border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
25365
25364
  border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
25366
25365
  }
25367
- .pf-v6-c-toggle-group__button:hover, .pf-v6-c-toggle-group__button:focus {
25366
+ .pf-v6-c-toggle-group__button:is(:hover, :focus) {
25368
25367
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
25369
25368
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
25370
25369
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
@@ -25376,7 +25375,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25376
25375
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
25377
25376
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
25378
25377
  }
25379
- .pf-v6-c-toggle-group__button:disabled, .pf-v6-c-toggle-group__button.pf-m-disabled {
25378
+ .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
25380
25379
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
25381
25380
  --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
25382
25381
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);