@patternfly/patternfly 6.5.0-prerelease.43 → 6.5.0-prerelease.44

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 (65) hide show
  1. package/components/Button/button.css +75 -2
  2. package/components/Button/button.scss +84 -3
  3. package/components/_index.css +75 -2
  4. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
  5. package/docs/components/ActionList/examples/ActionList.md +143 -11
  6. package/docs/components/Alert/examples/Alert.md +182 -14
  7. package/docs/components/BackToTop/examples/BackToTop.md +13 -1
  8. package/docs/components/Button/examples/Button.md +2017 -157
  9. package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
  10. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +208 -16
  11. package/docs/components/CodeBlock/examples/CodeBlock.md +78 -6
  12. package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
  13. package/docs/components/DatePicker/examples/DatePicker.md +78 -6
  14. package/docs/components/DescriptionList/examples/DescriptionList.md +325 -25
  15. package/docs/components/Drawer/examples/Drawer.md +273 -21
  16. package/docs/components/DualListSelector/examples/DualListSelector.md +106 -112
  17. package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
  18. package/docs/components/InputGroup/examples/InputGroup.md +26 -2
  19. package/docs/components/Label/examples/Label.md +242 -218
  20. package/docs/components/Login/examples/Login.md +26 -2
  21. package/docs/components/Masthead/examples/masthead.md +13 -1
  22. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  23. package/docs/components/ModalBox/examples/ModalBox.md +195 -15
  24. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +117 -9
  25. package/docs/components/Nav/examples/Navigation.md +52 -4
  26. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +26 -2
  27. package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
  28. package/docs/components/Page/examples/Page.md +13 -1
  29. package/docs/components/Pagination/examples/Pagination.md +624 -48
  30. package/docs/components/Popover/examples/Popover.md +208 -16
  31. package/docs/components/Slider/examples/Slider.md +4 -4
  32. package/docs/components/Table/examples/Table.md +52 -4
  33. package/docs/components/Tabs/examples/Tabs.md +1378 -106
  34. package/docs/components/TextInputGroup/examples/TextInputGroup.md +128 -44
  35. package/docs/components/Toolbar/examples/Toolbar.md +455 -35
  36. package/docs/components/TreeView/examples/TreeView.md +52 -4
  37. package/docs/components/Wizard/examples/Wizard.md +169 -13
  38. package/docs/demos/AboutModal/examples/AboutModal.md +13 -1
  39. package/docs/demos/Alert/examples/Alert.md +39 -3
  40. package/docs/demos/BackToTop/examples/BackToTop.md +13 -1
  41. package/docs/demos/Button/examples/Button.md +13 -1
  42. package/docs/demos/Card/examples/Card.md +65 -5
  43. package/docs/demos/CardView/examples/CardView.md +78 -6
  44. package/docs/demos/Compass/examples/Compass.md +323 -29
  45. package/docs/demos/Dashboard/examples/Dashboard.md +39 -3
  46. package/docs/demos/DataList/examples/DataList.md +312 -24
  47. package/docs/demos/DescriptionList/examples/DescriptionList.md +13 -1
  48. package/docs/demos/Drawer/examples/Drawer.md +39 -3
  49. package/docs/demos/Form/examples/BasicForms.md +106 -10
  50. package/docs/demos/JumpLinks/examples/JumpLinks.md +26 -2
  51. package/docs/demos/Masthead/examples/Masthead.md +40 -4
  52. package/docs/demos/Modal/examples/Modal.md +78 -6
  53. package/docs/demos/Nav/examples/Nav.md +52 -4
  54. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  55. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
  56. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +295 -55
  57. package/docs/demos/Table/examples/Table.md +1108 -145
  58. package/docs/demos/Tabs/examples/Tabs.md +53 -8
  59. package/docs/demos/Toolbar/examples/Toolbar.md +414 -36
  60. package/docs/demos/Wizard/examples/Wizard.md +130 -10
  61. package/package.json +2 -2
  62. package/patternfly-no-globals.css +75 -2
  63. package/patternfly.css +75 -2
  64. package/patternfly.min.css +1 -1
  65. package/patternfly.min.css.map +1 -1
package/docs/demos/Wizard/examples/Wizard.md CHANGED
@@ -339,7 +339,19 @@ wrapperTag: div
339
339
  aria-label="Close"
340
340
  >
341
341
  <span class="pf-v6-c-button__icon">
342
- <i class="fas fa-times" aria-hidden="true"></i>
342
+ <svg
343
+ class="pf-v6-svg"
344
+ viewBox="0 0 352 512"
345
+ fill="currentColor"
346
+ aria-hidden="true"
347
+ role="img"
348
+ width="1em"
349
+ height="1em"
350
+ >
351
+ <path
352
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
353
+ />
354
+ </svg>
343
355
  </span>
344
356
  </button>
345
357
  </div>
@@ -960,7 +972,19 @@ wrapperTag: div
960
972
  aria-label="Close"
961
973
  >
962
974
  <span class="pf-v6-c-button__icon">
963
- <i class="fas fa-times" aria-hidden="true"></i>
975
+ <svg
976
+ class="pf-v6-svg"
977
+ viewBox="0 0 352 512"
978
+ fill="currentColor"
979
+ aria-hidden="true"
980
+ role="img"
981
+ width="1em"
982
+ height="1em"
983
+ >
984
+ <path
985
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
986
+ />
987
+ </svg>
964
988
  </span>
965
989
  </button>
966
990
  </div>
@@ -1563,7 +1587,19 @@ wrapperTag: div
1563
1587
  aria-label="Close"
1564
1588
  >
1565
1589
  <span class="pf-v6-c-button__icon">
1566
- <i class="fas fa-times" aria-hidden="true"></i>
1590
+ <svg
1591
+ class="pf-v6-svg"
1592
+ viewBox="0 0 352 512"
1593
+ fill="currentColor"
1594
+ aria-hidden="true"
1595
+ role="img"
1596
+ width="1em"
1597
+ height="1em"
1598
+ >
1599
+ <path
1600
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
1601
+ />
1602
+ </svg>
1567
1603
  </span>
1568
1604
  </button>
1569
1605
  </div>
@@ -1838,7 +1874,19 @@ wrapperTag: div
1838
1874
  aria-label="Close drawer panel"
1839
1875
  >
1840
1876
  <span class="pf-v6-c-button__icon">
1841
- <i class="fas fa-times" aria-hidden="true"></i>
1877
+ <svg
1878
+ class="pf-v6-svg"
1879
+ viewBox="0 0 352 512"
1880
+ fill="currentColor"
1881
+ aria-hidden="true"
1882
+ role="img"
1883
+ width="1em"
1884
+ height="1em"
1885
+ >
1886
+ <path
1887
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
1888
+ />
1889
+ </svg>
1842
1890
  </span>
1843
1891
  </button>
1844
1892
  </div>
@@ -2250,7 +2298,19 @@ wrapperTag: div
2250
2298
  aria-label="Close"
2251
2299
  >
2252
2300
  <span class="pf-v6-c-button__icon">
2253
- <i class="fas fa-times" aria-hidden="true"></i>
2301
+ <svg
2302
+ class="pf-v6-svg"
2303
+ viewBox="0 0 352 512"
2304
+ fill="currentColor"
2305
+ aria-hidden="true"
2306
+ role="img"
2307
+ width="1em"
2308
+ height="1em"
2309
+ >
2310
+ <path
2311
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
2312
+ />
2313
+ </svg>
2254
2314
  </span>
2255
2315
  </button>
2256
2316
  </div>
@@ -2525,7 +2585,19 @@ wrapperTag: div
2525
2585
  aria-label="Close drawer panel"
2526
2586
  >
2527
2587
  <span class="pf-v6-c-button__icon">
2528
- <i class="fas fa-times" aria-hidden="true"></i>
2588
+ <svg
2589
+ class="pf-v6-svg"
2590
+ viewBox="0 0 352 512"
2591
+ fill="currentColor"
2592
+ aria-hidden="true"
2593
+ role="img"
2594
+ width="1em"
2595
+ height="1em"
2596
+ >
2597
+ <path
2598
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
2599
+ />
2600
+ </svg>
2529
2601
  </span>
2530
2602
  </button>
2531
2603
  </div>
@@ -2933,7 +3005,19 @@ wrapperTag: div
2933
3005
  aria-label="Close"
2934
3006
  >
2935
3007
  <span class="pf-v6-c-button__icon">
2936
- <i class="fas fa-times" aria-hidden="true"></i>
3008
+ <svg
3009
+ class="pf-v6-svg"
3010
+ viewBox="0 0 352 512"
3011
+ fill="currentColor"
3012
+ aria-hidden="true"
3013
+ role="img"
3014
+ width="1em"
3015
+ height="1em"
3016
+ >
3017
+ <path
3018
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
3019
+ />
3020
+ </svg>
2937
3021
  </span>
2938
3022
  </button>
2939
3023
  </div>
@@ -3082,7 +3166,19 @@ wrapperTag: div
3082
3166
  aria-label="Close drawer panel"
3083
3167
  >
3084
3168
  <span class="pf-v6-c-button__icon">
3085
- <i class="fas fa-times" aria-hidden="true"></i>
3169
+ <svg
3170
+ class="pf-v6-svg"
3171
+ viewBox="0 0 352 512"
3172
+ fill="currentColor"
3173
+ aria-hidden="true"
3174
+ role="img"
3175
+ width="1em"
3176
+ height="1em"
3177
+ >
3178
+ <path
3179
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
3180
+ />
3181
+ </svg>
3086
3182
  </span>
3087
3183
  </button>
3088
3184
  </div>
@@ -4816,7 +4912,19 @@ wrapperTag: div
4816
4912
  aria-label="Close drawer panel"
4817
4913
  >
4818
4914
  <span class="pf-v6-c-button__icon">
4819
- <i class="fas fa-times" aria-hidden="true"></i>
4915
+ <svg
4916
+ class="pf-v6-svg"
4917
+ viewBox="0 0 352 512"
4918
+ fill="currentColor"
4919
+ aria-hidden="true"
4920
+ role="img"
4921
+ width="1em"
4922
+ height="1em"
4923
+ >
4924
+ <path
4925
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
4926
+ />
4927
+ </svg>
4820
4928
  </span>
4821
4929
  </button>
4822
4930
  </div>
@@ -5434,7 +5542,19 @@ wrapperTag: div
5434
5542
  aria-label="Close drawer panel"
5435
5543
  >
5436
5544
  <span class="pf-v6-c-button__icon">
5437
- <i class="fas fa-times" aria-hidden="true"></i>
5545
+ <svg
5546
+ class="pf-v6-svg"
5547
+ viewBox="0 0 352 512"
5548
+ fill="currentColor"
5549
+ aria-hidden="true"
5550
+ role="img"
5551
+ width="1em"
5552
+ height="1em"
5553
+ >
5554
+ <path
5555
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
5556
+ />
5557
+ </svg>
5438
5558
  </span>
5439
5559
  </button>
5440
5560
  </div>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.5.0-prerelease.43",
4
+ "version": "6.5.0-prerelease.44",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -49,7 +49,7 @@
49
49
  "@commitlint/config-conventional": "^19.1.0",
50
50
  "@fortawesome/fontawesome": "^1.1.8",
51
51
  "@octokit/rest": "^20.1.0",
52
- "@patternfly/documentation-framework": "6.36.0",
52
+ "@patternfly/documentation-framework": "6.36.2",
53
53
  "@patternfly/patternfly-a11y": "5.1.0",
54
54
  "@patternfly/react-code-editor": "6.4.1",
55
55
  "@patternfly/react-core": "6.4.1",
package/patternfly-no-globals.css CHANGED
@@ -10692,11 +10692,16 @@ button.pf-v6-c-breadcrumb__link {
10692
10692
  --pf-v6-c-button--hover--TextDecorationLine: none;
10693
10693
  --pf-v6-c-button--hover--TextDecorationStyle: none;
10694
10694
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
10695
+ --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
10695
10696
  --pf-v6-c-button--hover--ScaleX: 1;
10696
10697
  --pf-v6-c-button--hover--ScaleY: 1;
10697
10698
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
10698
10699
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
10699
10700
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
10701
+ --pf-v6-c-button--m-clicked--TextDecorationLine: none;
10702
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: none;
10703
+ --pf-v6-c-button--m-clicked--TextDecorationColor: currentcolor;
10704
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
10700
10705
  --pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
10701
10706
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
10702
10707
  --pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
@@ -10735,7 +10740,7 @@ button.pf-v6-c-breadcrumb__link {
10735
10740
  --pf-v6-c-button--m-tertiary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
10736
10741
  --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
10737
10742
  --pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
10738
- --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
10743
+ --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
10739
10744
  --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10740
10745
  --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
10741
10746
  --pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
@@ -10901,7 +10906,37 @@ button.pf-v6-c-breadcrumb__link {
10901
10906
  --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
10902
10907
  --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
10903
10908
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
10904
- --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
10909
+ --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
10910
+ --pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
10911
+ --pf-v6-c-button--m-display-lg--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
10912
+ --pf-v6-c-button--m-display-lg--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
10913
+ --pf-v6-c-button--m-display-lg--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
10914
+ --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor: var(--pf-t--global--border--color--control--default);
10915
+ --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
10916
+ --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
10917
+ --pf-v6-c-button--m-display-lg--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
10918
+ --pf-v6-c-button--m-display-lg--m-primary--Color: var(--pf-t--global--text--color--on-brand--accent--default);
10919
+ --pf-v6-c-button--m-display-lg--m-primary--BackgroundColor: var(--pf-t--global--color--brand--accent--default);
10920
+ --pf-v6-c-button--m-display-lg--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--default);
10921
+ --pf-v6-c-button--m-display-lg--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--accent--hover);
10922
+ --pf-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--accent--hover);
10923
+ --pf-v6-c-button--m-display-lg--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--hover);
10924
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--accent--clicked);
10925
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--accent--clicked);
10926
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--clicked);
10927
+ --pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor: currentcolor;
10928
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor: currentcolor;
10929
+ --pf-v6-c-button--m-display-lg--m-secondary--Color: var(--pf-t--global--text--color--regular);
10930
+ --pf-v6-c-button--m-display-lg--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--accent--default);
10931
+ --pf-v6-c-button--m-display-lg--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--accent--default);
10932
+ --pf-v6-c-button--m-display-lg--m-secondary--hover--Color: var(--pf-t--global--text--color--regular);
10933
+ --pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--accent--hover);
10934
+ --pf-v6-c-button--m-display-lg--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--accent--hover);
10935
+ --pf-v6-c-button--m-display-lg--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--regular);
10936
+ --pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--accent--clicked);
10937
+ --pf-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--accent--clicked);
10938
+ --pf-v6-c-button--m-display-lg--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--default);
10939
+ --pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--default);
10905
10940
  --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
10906
10941
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
10907
10942
  --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
@@ -11143,6 +11178,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11143
11178
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11144
11179
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
11145
11180
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
11181
+ --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11146
11182
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
11147
11183
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
11148
11184
  --pf-v6-c-button--BorderWidth: 0;
@@ -11307,6 +11343,38 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11307
11343
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
11308
11344
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
11309
11345
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
11346
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationColor);
11347
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationLine);
11348
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationStyle);
11349
+ --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-display-lg--hover--TextUnderlineOffset);
11350
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor);
11351
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationLine);
11352
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationStyle);
11353
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-display-lg--m-clicked--TextUnderlineOffset);
11354
+ --pf-v6-c-button--m-primary--Color: var(--pf-v6-c-button--m-display-lg--m-primary--Color);
11355
+ --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--BackgroundColor);
11356
+ --pf-v6-c-button--m-primary__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary__icon--Color);
11357
+ --pf-v6-c-button--m-primary--hover--Color: var(--pf-v6-c-button--m-display-lg--m-primary--hover--Color);
11358
+ --pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor);
11359
+ --pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary--hover__icon--Color);
11360
+ --pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--Color);
11361
+ --pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor);
11362
+ --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color);
11363
+ --pf-v6-c-button--m-secondary--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--Color);
11364
+ --pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--BorderColor);
11365
+ --pf-v6-c-button--m-secondary__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary__icon--Color);
11366
+ --pf-v6-c-button--m-secondary--hover--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--hover--Color);
11367
+ --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor);
11368
+ --pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--hover__icon--Color);
11369
+ --pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--Color);
11370
+ --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor);
11371
+ --pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color);
11372
+ --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-v6-c-button--m-display-lg--m-tertiary--hover--BorderColor);
11373
+ --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--BorderColor);
11374
+ }
11375
+ .pf-v6-c-button.pf-m-display-lg.pf-m-primary {
11376
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor);
11377
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor);
11310
11378
  }
11311
11379
  .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
11312
11380
  display: grid;
@@ -11390,6 +11458,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11390
11458
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
11391
11459
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
11392
11460
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
11461
+ text-underline-offset: var(--pf-v6-c-button--hover--TextUnderlineOffset);
11393
11462
  outline-offset: var(--pf-t--global--focus-ring--position--offset);
11394
11463
  }
11395
11464
  .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
@@ -11398,6 +11467,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11398
11467
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
11399
11468
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
11400
11469
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
11470
+ text-decoration-line: var(--pf-v6-c-button--m-clicked--TextDecorationLine);
11471
+ text-decoration-style: var(--pf-v6-c-button--m-clicked--TextDecorationStyle);
11472
+ text-decoration-color: var(--pf-v6-c-button--m-clicked--TextDecorationColor);
11473
+ text-underline-offset: var(--pf-v6-c-button--m-clicked--TextUnderlineOffset);
11401
11474
  }
11402
11475
  .pf-v6-c-button:active {
11403
11476
  background-size: 100% 100%;
package/patternfly.css CHANGED
@@ -10839,11 +10839,16 @@ button.pf-v6-c-breadcrumb__link {
10839
10839
  --pf-v6-c-button--hover--TextDecorationLine: none;
10840
10840
  --pf-v6-c-button--hover--TextDecorationStyle: none;
10841
10841
  --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
10842
+ --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
10842
10843
  --pf-v6-c-button--hover--ScaleX: 1;
10843
10844
  --pf-v6-c-button--hover--ScaleY: 1;
10844
10845
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
10845
10846
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
10846
10847
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
10848
+ --pf-v6-c-button--m-clicked--TextDecorationLine: none;
10849
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: none;
10850
+ --pf-v6-c-button--m-clicked--TextDecorationColor: currentcolor;
10851
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
10847
10852
  --pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
10848
10853
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
10849
10854
  --pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
@@ -10882,7 +10887,7 @@ button.pf-v6-c-breadcrumb__link {
10882
10887
  --pf-v6-c-button--m-tertiary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
10883
10888
  --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
10884
10889
  --pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
10885
- --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
10890
+ --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
10886
10891
  --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10887
10892
  --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
10888
10893
  --pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
@@ -11048,7 +11053,37 @@ button.pf-v6-c-breadcrumb__link {
11048
11053
  --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
11049
11054
  --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
11050
11055
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
11051
- --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
11056
+ --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
11057
+ --pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
11058
+ --pf-v6-c-button--m-display-lg--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11059
+ --pf-v6-c-button--m-display-lg--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11060
+ --pf-v6-c-button--m-display-lg--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11061
+ --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor: var(--pf-t--global--border--color--control--default);
11062
+ --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11063
+ --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11064
+ --pf-v6-c-button--m-display-lg--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11065
+ --pf-v6-c-button--m-display-lg--m-primary--Color: var(--pf-t--global--text--color--on-brand--accent--default);
11066
+ --pf-v6-c-button--m-display-lg--m-primary--BackgroundColor: var(--pf-t--global--color--brand--accent--default);
11067
+ --pf-v6-c-button--m-display-lg--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--default);
11068
+ --pf-v6-c-button--m-display-lg--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--accent--hover);
11069
+ --pf-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--accent--hover);
11070
+ --pf-v6-c-button--m-display-lg--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--hover);
11071
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--accent--clicked);
11072
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--accent--clicked);
11073
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--clicked);
11074
+ --pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor: currentcolor;
11075
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor: currentcolor;
11076
+ --pf-v6-c-button--m-display-lg--m-secondary--Color: var(--pf-t--global--text--color--regular);
11077
+ --pf-v6-c-button--m-display-lg--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--accent--default);
11078
+ --pf-v6-c-button--m-display-lg--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--accent--default);
11079
+ --pf-v6-c-button--m-display-lg--m-secondary--hover--Color: var(--pf-t--global--text--color--regular);
11080
+ --pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--accent--hover);
11081
+ --pf-v6-c-button--m-display-lg--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--accent--hover);
11082
+ --pf-v6-c-button--m-display-lg--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--regular);
11083
+ --pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--accent--clicked);
11084
+ --pf-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--accent--clicked);
11085
+ --pf-v6-c-button--m-display-lg--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--default);
11086
+ --pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--default);
11052
11087
  --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
11053
11088
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
11054
11089
  --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
@@ -11290,6 +11325,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11290
11325
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11291
11326
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
11292
11327
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
11328
+ --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11293
11329
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
11294
11330
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
11295
11331
  --pf-v6-c-button--BorderWidth: 0;
@@ -11454,6 +11490,38 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11454
11490
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
11455
11491
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
11456
11492
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
11493
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationColor);
11494
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationLine);
11495
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationStyle);
11496
+ --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-display-lg--hover--TextUnderlineOffset);
11497
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor);
11498
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationLine);
11499
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationStyle);
11500
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-display-lg--m-clicked--TextUnderlineOffset);
11501
+ --pf-v6-c-button--m-primary--Color: var(--pf-v6-c-button--m-display-lg--m-primary--Color);
11502
+ --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--BackgroundColor);
11503
+ --pf-v6-c-button--m-primary__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary__icon--Color);
11504
+ --pf-v6-c-button--m-primary--hover--Color: var(--pf-v6-c-button--m-display-lg--m-primary--hover--Color);
11505
+ --pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor);
11506
+ --pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary--hover__icon--Color);
11507
+ --pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--Color);
11508
+ --pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor);
11509
+ --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color);
11510
+ --pf-v6-c-button--m-secondary--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--Color);
11511
+ --pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--BorderColor);
11512
+ --pf-v6-c-button--m-secondary__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary__icon--Color);
11513
+ --pf-v6-c-button--m-secondary--hover--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--hover--Color);
11514
+ --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor);
11515
+ --pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--hover__icon--Color);
11516
+ --pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--Color);
11517
+ --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor);
11518
+ --pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color);
11519
+ --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-v6-c-button--m-display-lg--m-tertiary--hover--BorderColor);
11520
+ --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--BorderColor);
11521
+ }
11522
+ .pf-v6-c-button.pf-m-display-lg.pf-m-primary {
11523
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor);
11524
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor);
11457
11525
  }
11458
11526
  .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
11459
11527
  display: grid;
@@ -11537,6 +11605,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11537
11605
  text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
11538
11606
  text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
11539
11607
  text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
11608
+ text-underline-offset: var(--pf-v6-c-button--hover--TextUnderlineOffset);
11540
11609
  outline-offset: var(--pf-t--global--focus-ring--position--offset);
11541
11610
  }
11542
11611
  .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
@@ -11545,6 +11614,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11545
11614
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
11546
11615
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
11547
11616
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
11617
+ text-decoration-line: var(--pf-v6-c-button--m-clicked--TextDecorationLine);
11618
+ text-decoration-style: var(--pf-v6-c-button--m-clicked--TextDecorationStyle);
11619
+ text-decoration-color: var(--pf-v6-c-button--m-clicked--TextDecorationColor);
11620
+ text-underline-offset: var(--pf-v6-c-button--m-clicked--TextUnderlineOffset);
11548
11621
  }
11549
11622
  .pf-v6-c-button:active {
11550
11623
  background-size: 100% 100%;