@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
@@ -5220,8 +5220,8 @@
5220
5220
  --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
5221
5221
  --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
5222
5222
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
5223
- --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--style--200);
5224
- --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--style--200);
5223
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
5224
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
5225
5225
  --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
5226
5226
  --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
5227
5227
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
@@ -5592,10 +5592,6 @@
5592
5592
  --pf-t--global--font--weight--body--bold--legacy: 700;
5593
5593
  --pf-t--global--font--weight--heading--legacy: 400;
5594
5594
  --pf-t--global--font--weight--heading--bold--legacy: 700;
5595
- --pf-t--global--text-decoration--100: none;
5596
- --pf-t--global--text-decoration--200: underline;
5597
- --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
5598
- --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
5599
5595
  --pf-t--global--box-shadow--sm:
5600
5596
  var(--pf-t--global--box-shadow--X--sm--default)
5601
5597
  var(--pf-t--global--box-shadow--Y--sm--default)
@@ -7373,9 +7369,11 @@
7373
7369
  --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7374
7370
  --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7375
7371
  --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
7376
- --pf-v6-c-breadcrumb__link--TextDecoration: var(--pf-t--global--link--text-decoration);
7372
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
7373
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
7377
7374
  --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
7378
- --pf-v6-c-breadcrumb__link--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
7375
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
7376
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
7379
7377
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
7380
7378
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7381
7379
  --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
@@ -7428,18 +7426,19 @@
7428
7426
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
7429
7427
  line-height: inherit;
7430
7428
  color: var(--pf-v6-c-breadcrumb__link--Color);
7431
- text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecoration);
7429
+ text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
7432
7430
  word-break: break-word;
7433
7431
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
7434
7432
  }
7435
- .pf-v6-c-breadcrumb__link:hover {
7433
+ .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
7436
7434
  --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
7437
- --pf-v6-c-breadcrumb__link--TextDecoration: var(--pf-v6-c-breadcrumb__link--hover--TextDecoration);
7435
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
7436
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
7438
7437
  }
7439
7438
  .pf-v6-c-breadcrumb__link.pf-m-current {
7440
7439
  cursor: default;
7441
7440
  }
7442
- .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:hover {
7441
+ .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
7443
7442
  color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
7444
7443
  text-decoration: none;
7445
7444
  }
@@ -7485,14 +7484,16 @@ button.pf-v6-c-breadcrumb__link {
7485
7484
  --pf-v6-c-button--BorderColor: transparent;
7486
7485
  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
7487
7486
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
7488
- --pf-v6-c-button--TextDecoration: none;
7487
+ --pf-v6-c-button--TextDecorationLine: none;
7488
+ --pf-v6-c-button--TextDecorationStyle: none;
7489
7489
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
7490
7490
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7491
7491
  --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
7492
7492
  --pf-v6-c-button--hover--BackgroundColor: transparent;
7493
7493
  --pf-v6-c-button--hover--BorderColor: transparent;
7494
7494
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
7495
- --pf-v6-c-button--hover--TextDecoration: none;
7495
+ --pf-v6-c-button--hover--TextDecorationLine: none;
7496
+ --pf-v6-c-button--hover--TextDecorationStyle: none;
7496
7497
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
7497
7498
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
7498
7499
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -7562,7 +7563,10 @@ button.pf-v6-c-breadcrumb__link {
7562
7563
  --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
7563
7564
  --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
7564
7565
  --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
7565
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
7566
+ --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
7567
+ --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
7568
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
7569
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
7566
7570
  --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
7567
7571
  --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));
7568
7572
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -7717,7 +7721,7 @@ button.pf-v6-c-breadcrumb__link {
7717
7721
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
7718
7722
  color: var(--pf-v6-c-button--Color);
7719
7723
  text-align: center;
7720
- text-decoration: var(--pf-v6-c-button--TextDecoration);
7724
+ text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
7721
7725
  white-space: nowrap;
7722
7726
  cursor: pointer;
7723
7727
  user-select: none;
@@ -7817,7 +7821,10 @@ button.pf-v6-c-breadcrumb__link {
7817
7821
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
7818
7822
  --pf-v6-c-button--BackgroundColor: transparent;
7819
7823
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
7820
- --pf-v6-c-button--hover--TextDecoration: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecoration);
7824
+ --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
7825
+ --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
7826
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
7827
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
7821
7828
  --pf-v6-c-button--hover--BackgroundColor: transparent;
7822
7829
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
7823
7830
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
@@ -7979,8 +7986,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
7979
7986
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
7980
7987
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
7981
7988
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
7982
- --pf-v6-c-button--TextDecoration: var(--pf-v6-c-button--hover--TextDecoration);
7983
7989
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
7990
+ text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
7984
7991
  }
7985
7992
  .pf-v6-c-button.pf-m-clicked {
7986
7993
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
@@ -8003,7 +8010,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8003
8010
  color: var(--pf-v6-c-button--disabled__icon--Color);
8004
8011
  }
8005
8012
  .pf-v6-c-button.pf-m-aria-disabled {
8006
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
8013
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
8014
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
8007
8015
  cursor: default;
8008
8016
  }
8009
8017
  .pf-v6-c-button.pf-m-progress {
@@ -9036,9 +9044,11 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9036
9044
  --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
9037
9045
  --pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
9038
9046
  --pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
9039
- --pf-v6-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
9047
+ --pf-v6-c-content--a--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
9048
+ --pf-v6-c-content--a--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
9040
9049
  --pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
9041
- --pf-v6-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
9050
+ --pf-v6-c-content--a--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
9051
+ --pf-v6-c-content--a--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
9042
9052
  --pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
9043
9053
  --pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
9044
9054
  --pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -9067,11 +9077,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9067
9077
  }
9068
9078
  :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
9069
9079
  color: var(--pf-v6-c-content--a--Color);
9070
- text-decoration: var(--pf-v6-c-content--a--TextDecoration);
9080
+ text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
9071
9081
  }
9072
- :is(.pf-v6-c-content--a, .pf-v6-c-content a):hover {
9082
+ :is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
9073
9083
  --pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
9074
- --pf-v6-c-content--a--TextDecoration: var(--pf-v6-c-content--a--hover--TextDecoration);
9084
+ --pf-v6-c-content--a--TextDecorationLine: var(--pf-v6-c-content--a--hover--TextDecorationLine);
9085
+ --pf-v6-c-content--a--TextDecorationStyle: var(--pf-v6-c-content--a--hover--TextDecorationStyle);
9075
9086
  }
9076
9087
 
9077
9088
  :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 {
@@ -10115,11 +10126,11 @@ ul) {
10115
10126
  --pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
10116
10127
  --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
10117
10128
  --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
10118
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: currentcolor;
10119
- --pf-v6-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
10120
- --pf-v6-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
10121
- --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-t--global--border--color--hover);
10122
- --pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-t--global--border--color--hover);
10129
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
10130
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
10131
+ --pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
10132
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
10133
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
10123
10134
  --pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
10124
10135
  --pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
10125
10136
  --pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
@@ -10281,18 +10292,13 @@ ul) {
10281
10292
  min-width: 0;
10282
10293
  }
10283
10294
  .pf-v6-c-description-list__text.pf-m-help-text {
10284
- text-decoration: underline;
10285
- text-decoration-thickness: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationThickness);
10286
- text-decoration-style: dashed;
10287
- text-decoration-color: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationColor);
10288
- text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationOffset);
10295
+ text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
10296
+ text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
10289
10297
  cursor: pointer;
10290
10298
  }
10291
- .pf-v6-c-description-list__text.pf-m-help-text:hover {
10292
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationColor);
10293
- }
10294
- .pf-v6-c-description-list__text.pf-m-help-text:focus {
10295
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor);
10299
+ .pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
10300
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
10301
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
10296
10302
  }
10297
10303
 
10298
10304
  .pf-v6-c-description-list.pf-m-1-col {
@@ -13883,7 +13889,7 @@ label.pf-v6-c-input-group__text {
13883
13889
  text-decoration: none;
13884
13890
  outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
13885
13891
  }
13886
- .pf-v6-c-jump-links__link:hover, .pf-v6-c-jump-links__link:focus {
13892
+ .pf-v6-c-jump-links__link:is(:hover, :focus) {
13887
13893
  --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
13888
13894
  }
13889
13895
  .pf-v6-c-jump-links__link::before {
@@ -14099,7 +14105,7 @@ label.pf-v6-c-input-group__text {
14099
14105
  --pf-v6-c-label--m-compact--PaddingBlockEnd: 0;
14100
14106
  --pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
14101
14107
  --pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
14102
- --pf-v6-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
14108
+ --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
14103
14109
  --pf-v6-c-label__content--MaxWidth: 100%;
14104
14110
  --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--xs);
14105
14111
  --pf-v6-c-label__content--Cursor: initial;
@@ -14114,14 +14120,14 @@ label.pf-v6-c-input-group__text {
14114
14120
  --pf-v6-c-label__actions--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
14115
14121
  --pf-v6-c-label__actions--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
14116
14122
  --pf-v6-c-label__actions--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
14117
- --pf-v6-c-label--m-editable--TextDecoration: underline;
14118
- --pf-v6-c-label--m-editable--TextDecorationStyle: dashed;
14119
- --pf-v6-c-label--m-editable--TextDecorationThickness: var(--pf-t--global--border--width--regular);
14120
- --pf-v6-c-label--m-editable--TextDecorationOffset: 0.25rem;
14121
- --pf-v6-c-label--m-editable--TextDecorationColor: currentcolor;
14123
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
14124
+ --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
14125
+ --pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
14126
+ --pf-v6-c-label--m-editable--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--hover);
14127
+ --pf-v6-c-label--m-editable--TextUnderlineOffset: 0.25rem;
14122
14128
  --pf-v6-c-label--m-editable__content--MaxWidth: 16ch;
14123
14129
  --pf-v6-c-label--m-editable__content--Cursor: pointer;
14124
- --pf-v6-c-label--m-editable--m-editable-active--TextDecoration: none;
14130
+ --pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine: none;
14125
14131
  --pf-v6-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
14126
14132
  --pf-v6-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
14127
14133
  --pf-v6-c-label--m-editable--m-editable-active__content--Cursor: initial;
@@ -14291,7 +14297,7 @@ label.pf-v6-c-input-group__text {
14291
14297
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
14292
14298
  --pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
14293
14299
  --pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
14294
- --pf-v6-c-label--m-editable--TextDecorationOffset: var(--pf-v6-c-label--m-compact--m-editable--TextDecorationOffset);
14300
+ --pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
14295
14301
  }
14296
14302
  .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
14297
14303
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-label--m-filled__actions--c-button__icon--Color);
@@ -14312,15 +14318,16 @@ label.pf-v6-c-input-group__text {
14312
14318
  --pf-v6-c-label__content--MaxWidth: var(--pf-v6-c-label--m-editable__content--MaxWidth);
14313
14319
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable__content--Cursor);
14314
14320
  }
14321
+ .pf-v6-c-label.pf-m-editable .pf-v6-c-label__content:is(:hover, :focus) {
14322
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--hover--TextDecorationLine);
14323
+ --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
14324
+ }
14315
14325
  .pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
14316
- text-decoration: var(--pf-v6-c-label--m-editable--TextDecoration);
14317
- text-decoration-thickness: var(--pf-v6-c-label--m-editable--TextDecorationThickness);
14318
- text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
14319
- text-decoration-color: var(--pf-v6-c-label--m-editable--TextDecorationColor);
14320
- text-underline-offset: var(--pf-v6-c-label--m-editable--TextDecorationOffset);
14326
+ text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine) var(--pf-v6-c-label--m-editable--TextDecorationStyle);
14327
+ text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
14321
14328
  }
14322
14329
  .pf-v6-c-label.pf-m-editable-active {
14323
- --pf-v6-c-label--m-editable--TextDecoration: var(--pf-v6-c-label--m-editable--m-editable-active--TextDecoration);
14330
+ --pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine);
14324
14331
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-editable--m-editable-active--BackgroundColor);
14325
14332
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-editable--m-editable-active--Color);
14326
14333
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable--m-editable-active__content--Cursor);
@@ -18902,9 +18909,11 @@ ul.pf-v6-c-list {
18902
18909
  --pf-v6-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
18903
18910
  --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
18904
18911
  --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
18905
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor: currentcolor;
18906
- --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-t--global--link--text-decoration);
18912
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
18913
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
18907
18914
  --pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
18915
+ --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
18916
+ --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
18908
18917
  --pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
18909
18918
  --pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
18910
18919
  --pf-v6-c-progress-stepper__step-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
@@ -19130,14 +19139,13 @@ ul.pf-v6-c-list {
19130
19139
  .pf-v6-c-progress-stepper__step-title.pf-m-help-text {
19131
19140
  padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
19132
19141
  padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
19133
- text-decoration: underline;
19134
- text-decoration-thickness: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
19135
- text-decoration-style: dashed;
19136
- text-decoration-color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
19142
+ 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);
19137
19143
  text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
19138
19144
  cursor: pointer;
19139
19145
  }
19140
- .pf-v6-c-progress-stepper__step-title.pf-m-help-text:hover, .pf-v6-c-progress-stepper__step-title.pf-m-help-text:focus {
19146
+ .pf-v6-c-progress-stepper__step-title.pf-m-help-text:is(:hover, :focus) {
19147
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine);
19148
+ --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle);
19141
19149
  --pf-v6-c-progress-stepper__step-title--Color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color);
19142
19150
  }
19143
19151
 
@@ -19894,7 +19902,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19894
19902
  --pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
19895
19903
  --pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-v6-c-simple-list__item-link--m-link--hover--Color);
19896
19904
  }
19897
- .pf-v6-c-simple-list__item-link:hover, .pf-v6-c-simple-list__item-link:focus {
19905
+ .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
19898
19906
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
19899
19907
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
19900
19908
  text-decoration: none;
@@ -24441,7 +24449,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24441
24449
  --pf-v6-c-tabs__link--after--BorderWidth: 0;
24442
24450
  }
24443
24451
 
24444
- .pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled, .pf-v6-c-tabs__link.pf-m-aria-disabled {
24452
+ .pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
24445
24453
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
24446
24454
  }
24447
24455
  .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
@@ -25014,15 +25022,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25014
25022
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
25015
25023
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
25016
25024
  --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
25017
- --pf-v6-c-timestamp--m-help-text--TextDecorationLine: underline;
25018
- --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: dashed;
25019
- --pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
25025
+ --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
25026
+ --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
25020
25027
  --pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
25021
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
25022
25028
  --pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
25023
- --pf-v6-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
25024
- --pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
25025
- --pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
25029
+ --pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
25030
+ --pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
25026
25031
  }
25027
25032
 
25028
25033
  .pf-v6-c-timestamp {
@@ -25032,20 +25037,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25032
25037
  outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
25033
25038
  }
25034
25039
  .pf-v6-c-timestamp.pf-m-help-text {
25035
- text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
25036
- text-decoration-thickness: var(--pf-v6-c-timestamp--m-help-text--TextDecorationThickness);
25037
- text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
25038
- text-decoration-color: var(--pf-v6-c-timestamp--m-help-text--TextDecorationColor);
25040
+ text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
25039
25041
  text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
25040
25042
  cursor: pointer;
25041
25043
  }
25042
- .pf-v6-c-timestamp.pf-m-help-text:hover {
25044
+ .pf-v6-c-timestamp.pf-m-help-text:is(:hover, :focus) {
25043
25045
  --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
25044
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor);
25045
- }
25046
- .pf-v6-c-timestamp.pf-m-help-text:focus {
25047
- --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--focus--Color);
25048
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
25046
+ --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine);
25047
+ --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
25049
25048
  }
25050
25049
 
25051
25050
  :where(:root, .pf-v6-c-title) {
@@ -25243,7 +25242,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25243
25242
  border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
25244
25243
  border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
25245
25244
  }
25246
- .pf-v6-c-toggle-group__button:hover, .pf-v6-c-toggle-group__button:focus {
25245
+ .pf-v6-c-toggle-group__button:is(:hover, :focus) {
25247
25246
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
25248
25247
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
25249
25248
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
@@ -25255,7 +25254,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25255
25254
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
25256
25255
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
25257
25256
  }
25258
- .pf-v6-c-toggle-group__button:disabled, .pf-v6-c-toggle-group__button.pf-m-disabled {
25257
+ .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
25259
25258
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
25260
25259
  --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
25261
25260
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);