@patternfly/patternfly 6.0.0-alpha.165 → 6.0.0-alpha.167

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 (88) hide show
  1. package/components/Alert/alert-group.css +54 -3
  2. package/components/Alert/alert-group.scss +85 -0
  3. package/components/Alert/alert.scss +1 -1
  4. package/components/Button/button.css +33 -14
  5. package/components/Button/button.scss +36 -14
  6. package/components/_index.css +87 -17
  7. package/docs/components/AboutModalBox/examples/AboutModalBox.md +3 -1
  8. package/docs/components/ActionList/examples/ActionList.md +60 -20
  9. package/docs/components/Alert/examples/Alert.md +106 -62
  10. package/docs/components/BackToTop/examples/BackToTop.md +5 -3
  11. package/docs/components/Banner/examples/Banner.md +9 -3
  12. package/docs/components/Button/examples/Button.md +536 -367
  13. package/docs/components/CalendarMonth/examples/CalendarMonth.md +24 -8
  14. package/docs/components/Card/examples/Card.md +43 -29
  15. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +75 -33
  16. package/docs/components/CodeBlock/examples/CodeBlock.md +18 -6
  17. package/docs/components/CodeEditor/examples/CodeEditor.md +44 -22
  18. package/docs/components/ContextSelector/deprecated/context-selector.md +6 -8
  19. package/docs/components/DataList/examples/DataList.md +121 -63
  20. package/docs/components/DatePicker/examples/DatePicker.md +18 -6
  21. package/docs/components/DescriptionList/examples/DescriptionList.md +125 -75
  22. package/docs/components/Drawer/examples/Drawer.md +57 -19
  23. package/docs/components/DualListSelector/examples/DualListSelector.md +204 -100
  24. package/docs/components/EmptyState/examples/EmptyState.md +123 -53
  25. package/docs/components/FileUpload/examples/FileUpload.md +42 -14
  26. package/docs/components/Form/examples/Form.md +53 -19
  27. package/docs/components/Hint/examples/Hint.md +9 -9
  28. package/docs/components/InlineEdit/examples/InlineEdit.md +78 -26
  29. package/docs/components/InputGroup/examples/InputGroup.md +27 -9
  30. package/docs/components/JumpLinks/examples/JumpLinks.md +188 -68
  31. package/docs/components/Label/examples/Label.md +651 -217
  32. package/docs/components/LogViewer/examples/LogViewer.md +218 -86
  33. package/docs/components/Login/examples/Login.md +346 -282
  34. package/docs/components/Masthead/examples/masthead.md +27 -9
  35. package/docs/components/Menu/examples/Menu.md +35 -25
  36. package/docs/components/MenuToggle/examples/MenuToggle.md +3 -1
  37. package/docs/components/ModalBox/examples/ModalBox.md +48 -16
  38. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +48 -16
  39. package/docs/components/Nav/examples/Navigation.md +12 -4
  40. package/docs/components/NotificationBadge/examples/NotificationBadge.md +78 -42
  41. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +6 -2
  42. package/docs/components/NumberInput/examples/NumberInput.md +96 -48
  43. package/docs/components/OverflowMenu/examples/overflow-menu.md +48 -16
  44. package/docs/components/Page/examples/Page.md +21 -7
  45. package/docs/components/Pagination/examples/Pagination.md +132 -44
  46. package/docs/components/Popover/examples/Popover.md +45 -15
  47. package/docs/components/Select/deprecated/Select.md +111 -55
  48. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -1
  49. package/docs/components/Slider/examples/Slider.md +12 -4
  50. package/docs/components/Table/examples/Table.md +363 -208
  51. package/docs/components/Tabs/examples/Tabs.md +1230 -574
  52. package/docs/components/TextInputGroup/examples/TextInputGroup.md +132 -44
  53. package/docs/components/Toolbar/examples/Toolbar.md +120 -64
  54. package/docs/components/TreeView/examples/TreeView.md +12 -4
  55. package/docs/components/Wizard/examples/Wizard.md +105 -38
  56. package/docs/demos/AboutModal/examples/AboutModal.md +9 -3
  57. package/docs/demos/Alert/examples/Alert.md +39 -25
  58. package/docs/demos/BackToTop/examples/BackToTop.md +11 -5
  59. package/docs/demos/Banner/examples/Banner.md +12 -4
  60. package/docs/demos/Button/examples/Button.md +7 -7
  61. package/docs/demos/Card/examples/Card.md +106 -57
  62. package/docs/demos/CardView/examples/CardView.md +30 -13
  63. package/docs/demos/ContextSelector/examples/ContextSelector.md +24 -8
  64. package/docs/demos/Dashboard/examples/Dashboard.md +43 -28
  65. package/docs/demos/DataList/examples/DataList.md +255 -149
  66. package/docs/demos/DescriptionList/examples/DescriptionList.md +21 -7
  67. package/docs/demos/Drawer/examples/Drawer.md +89 -43
  68. package/docs/demos/Form/examples/BasicForms.md +141 -59
  69. package/docs/demos/JumpLinks/examples/JumpLinks.md +222 -109
  70. package/docs/demos/Masthead/examples/Masthead.md +63 -21
  71. package/docs/demos/Modal/examples/Modal.md +99 -37
  72. package/docs/demos/Nav/examples/Nav.md +45 -15
  73. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +58 -43
  74. package/docs/demos/Page/examples/Page.md +54 -21
  75. package/docs/demos/Page/examples/Penta.md +9 -6
  76. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +9 -3
  77. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +12 -4
  78. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +306 -133
  79. package/docs/demos/Skeleton/examples/Skeleton.md +6 -2
  80. package/docs/demos/Table/examples/Table.md +474 -210
  81. package/docs/demos/Tabs/examples/Tabs.md +60 -22
  82. package/docs/demos/Toolbar/examples/Toolbar.md +123 -72
  83. package/docs/demos/Wizard/examples/Wizard.md +179 -110
  84. package/package.json +1 -1
  85. package/patternfly-no-globals.css +87 -17
  86. package/patternfly.css +87 -17
  87. package/patternfly.min.css +1 -1
  88. package/patternfly.min.css.map +1 -1
package/docs/demos/Wizard/examples/Wizard.md CHANGED
@@ -12,7 +12,9 @@ wrapperTag: div
12
12
  <a
13
13
  class="pf-v6-c-button pf-m-primary"
14
14
  href="#main-content-wizard-basic-example"
15
- >Skip to content</a>
15
+ >
16
+ <span class="pf-v6-c-button__text">Skip to content</span>
17
+ </a>
16
18
  </div>
17
19
  <header class="pf-v6-c-masthead" id="wizard-basic-example-masthead">
18
20
  <span class="pf-v6-c-masthead__toggle">
@@ -21,7 +23,9 @@ wrapperTag: div
21
23
  type="button"
22
24
  aria-label="Global navigation"
23
25
  >
24
- <i class="fas fa-bars" aria-hidden="true"></i>
26
+ <span class="pf-v6-c-button__text">
27
+ <i class="fas fa-bars" aria-hidden="true"></i>
28
+ </span>
25
29
  </button>
26
30
  </span>
27
31
  <div class="pf-v6-c-masthead__main">
@@ -342,7 +346,9 @@ wrapperTag: div
342
346
  type="button"
343
347
  aria-label="Close"
344
348
  >
345
- <i class="fas fa-times" aria-hidden="true"></i>
349
+ <span class="pf-v6-c-button__text">
350
+ <i class="fas fa-times" aria-hidden="true"></i>
351
+ </span>
346
352
  </button>
347
353
  </div>
348
354
  <div class="pf-v6-c-wizard__title">
@@ -600,18 +606,21 @@ wrapperTag: div
600
606
  <div class="pf-v6-c-action-list">
601
607
  <div class="pf-v6-c-action-list__group">
602
608
  <div class="pf-v6-c-action-list__item">
603
- <button
604
- class="pf-v6-c-button pf-m-secondary"
605
- type="button"
606
- >Back</button>
609
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
610
+ <span class="pf-v6-c-button__text">Back</span>
611
+ </button>
607
612
  </div>
608
613
  <div class="pf-v6-c-action-list__item">
609
- <button class="pf-v6-c-button pf-m-primary" type="button">Next</button>
614
+ <button class="pf-v6-c-button pf-m-primary" type="button">
615
+ <span class="pf-v6-c-button__text">Next</span>
616
+ </button>
610
617
  </div>
611
618
  </div>
612
619
  <div class="pf-v6-c-action-list__group">
613
620
  <div class="pf-v6-c-action-list__item">
614
- <button class="pf-v6-c-button pf-m-link" type="button">Cancel</button>
621
+ <button class="pf-v6-c-button pf-m-link" type="button">
622
+ <span class="pf-v6-c-button__text">Cancel</span>
623
+ </button>
615
624
  </div>
616
625
  </div>
617
626
  </div>
@@ -632,7 +641,9 @@ wrapperTag: div
632
641
  <a
633
642
  class="pf-v6-c-button pf-m-primary"
634
643
  href="#main-content-wizard-nav-expanded-example"
635
- >Skip to content</a>
644
+ >
645
+ <span class="pf-v6-c-button__text">Skip to content</span>
646
+ </a>
636
647
  </div>
637
648
  <header class="pf-v6-c-masthead" id="wizard-nav-expanded-example-masthead">
638
649
  <span class="pf-v6-c-masthead__toggle">
@@ -641,7 +652,9 @@ wrapperTag: div
641
652
  type="button"
642
653
  aria-label="Global navigation"
643
654
  >
644
- <i class="fas fa-bars" aria-hidden="true"></i>
655
+ <span class="pf-v6-c-button__text">
656
+ <i class="fas fa-bars" aria-hidden="true"></i>
657
+ </span>
645
658
  </button>
646
659
  </span>
647
660
  <div class="pf-v6-c-masthead__main">
@@ -962,7 +975,9 @@ wrapperTag: div
962
975
  type="button"
963
976
  aria-label="Close"
964
977
  >
965
- <i class="fas fa-times" aria-hidden="true"></i>
978
+ <span class="pf-v6-c-button__text">
979
+ <i class="fas fa-times" aria-hidden="true"></i>
980
+ </span>
966
981
  </button>
967
982
  </div>
968
983
  <div class="pf-v6-c-wizard__title">
@@ -1199,18 +1214,21 @@ wrapperTag: div
1199
1214
  <div class="pf-v6-c-action-list">
1200
1215
  <div class="pf-v6-c-action-list__group">
1201
1216
  <div class="pf-v6-c-action-list__item">
1202
- <button
1203
- class="pf-v6-c-button pf-m-secondary"
1204
- type="button"
1205
- >Back</button>
1217
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
1218
+ <span class="pf-v6-c-button__text">Back</span>
1219
+ </button>
1206
1220
  </div>
1207
1221
  <div class="pf-v6-c-action-list__item">
1208
- <button class="pf-v6-c-button pf-m-primary" type="button">Next</button>
1222
+ <button class="pf-v6-c-button pf-m-primary" type="button">
1223
+ <span class="pf-v6-c-button__text">Next</span>
1224
+ </button>
1209
1225
  </div>
1210
1226
  </div>
1211
1227
  <div class="pf-v6-c-action-list__group">
1212
1228
  <div class="pf-v6-c-action-list__item">
1213
- <button class="pf-v6-c-button pf-m-link" type="button">Cancel</button>
1229
+ <button class="pf-v6-c-button pf-m-link" type="button">
1230
+ <span class="pf-v6-c-button__text">Cancel</span>
1231
+ </button>
1214
1232
  </div>
1215
1233
  </div>
1216
1234
  </div>
@@ -1231,7 +1249,9 @@ wrapperTag: div
1231
1249
  <a
1232
1250
  class="pf-v6-c-button pf-m-primary"
1233
1251
  href="#main-content-wizard-with-drawer-closed-example"
1234
- >Skip to content</a>
1252
+ >
1253
+ <span class="pf-v6-c-button__text">Skip to content</span>
1254
+ </a>
1235
1255
  </div>
1236
1256
  <header
1237
1257
  class="pf-v6-c-masthead"
@@ -1243,7 +1263,9 @@ wrapperTag: div
1243
1263
  type="button"
1244
1264
  aria-label="Global navigation"
1245
1265
  >
1246
- <i class="fas fa-bars" aria-hidden="true"></i>
1266
+ <span class="pf-v6-c-button__text">
1267
+ <i class="fas fa-bars" aria-hidden="true"></i>
1268
+ </span>
1247
1269
  </button>
1248
1270
  </span>
1249
1271
  <div class="pf-v6-c-masthead__main">
@@ -1564,7 +1586,9 @@ wrapperTag: div
1564
1586
  type="button"
1565
1587
  aria-label="Close"
1566
1588
  >
1567
- <i class="fas fa-times" aria-hidden="true"></i>
1589
+ <span class="pf-v6-c-button__text">
1590
+ <i class="fas fa-times" aria-hidden="true"></i>
1591
+ </span>
1568
1592
  </button>
1569
1593
  </div>
1570
1594
  <div class="pf-v6-c-wizard__title">
@@ -1678,7 +1702,9 @@ wrapperTag: div
1678
1702
  <button
1679
1703
  class="pf-v6-c-button pf-v6-u-hidden pf-m-link pf-m-inline pf-v6-u-float-right pf-v6-u-ml-md"
1680
1704
  type="button"
1681
- >Open drawer</button>
1705
+ >
1706
+ <span class="pf-v6-c-button__text">Open drawer</span>
1707
+ </button>
1682
1708
  <form class="pf-v6-c-form pf-m-limit-width" novalidate>
1683
1709
  <div class="pf-v6-c-form__group">
1684
1710
  <div class="pf-v6-c-form__group-label"><label
@@ -1839,7 +1865,9 @@ wrapperTag: div
1839
1865
  type="button"
1840
1866
  aria-label="Close drawer panel"
1841
1867
  >
1842
- <i class="fas fa-times" aria-hidden="true"></i>
1868
+ <span class="pf-v6-c-button__text">
1869
+ <i class="fas fa-times" aria-hidden="true"></i>
1870
+ </span>
1843
1871
  </button>
1844
1872
  </div>
1845
1873
  </div>
@@ -1879,21 +1907,24 @@ wrapperTag: div
1879
1907
  <button
1880
1908
  class="pf-v6-c-button pf-m-secondary"
1881
1909
  type="button"
1882
- >Back</button>
1910
+ >
1911
+ <span class="pf-v6-c-button__text">Back</span>
1912
+ </button>
1883
1913
  </div>
1884
1914
  <div class="pf-v6-c-action-list__item">
1885
1915
  <button
1886
1916
  class="pf-v6-c-button pf-m-primary"
1887
1917
  type="button"
1888
- >Next</button>
1918
+ >
1919
+ <span class="pf-v6-c-button__text">Next</span>
1920
+ </button>
1889
1921
  </div>
1890
1922
  </div>
1891
1923
  <div class="pf-v6-c-action-list__group">
1892
1924
  <div class="pf-v6-c-action-list__item">
1893
- <button
1894
- class="pf-v6-c-button pf-m-link"
1895
- type="button"
1896
- >Cancel</button>
1925
+ <button class="pf-v6-c-button pf-m-link" type="button">
1926
+ <span class="pf-v6-c-button__text">Cancel</span>
1927
+ </button>
1897
1928
  </div>
1898
1929
  </div>
1899
1930
  </div>
@@ -1917,7 +1948,9 @@ wrapperTag: div
1917
1948
  <a
1918
1949
  class="pf-v6-c-button pf-m-primary"
1919
1950
  href="#main-content-wizard-with-drawer-expanded-example"
1920
- >Skip to content</a>
1951
+ >
1952
+ <span class="pf-v6-c-button__text">Skip to content</span>
1953
+ </a>
1921
1954
  </div>
1922
1955
  <header
1923
1956
  class="pf-v6-c-masthead"
@@ -1929,7 +1962,9 @@ wrapperTag: div
1929
1962
  type="button"
1930
1963
  aria-label="Global navigation"
1931
1964
  >
1932
- <i class="fas fa-bars" aria-hidden="true"></i>
1965
+ <span class="pf-v6-c-button__text">
1966
+ <i class="fas fa-bars" aria-hidden="true"></i>
1967
+ </span>
1933
1968
  </button>
1934
1969
  </span>
1935
1970
  <div class="pf-v6-c-masthead__main">
@@ -2250,7 +2285,9 @@ wrapperTag: div
2250
2285
  type="button"
2251
2286
  aria-label="Close"
2252
2287
  >
2253
- <i class="fas fa-times" aria-hidden="true"></i>
2288
+ <span class="pf-v6-c-button__text">
2289
+ <i class="fas fa-times" aria-hidden="true"></i>
2290
+ </span>
2254
2291
  </button>
2255
2292
  </div>
2256
2293
  <div class="pf-v6-c-wizard__title">
@@ -2364,7 +2401,9 @@ wrapperTag: div
2364
2401
  <button
2365
2402
  class="pf-v6-c-button pf-v6-u-hidden pf-m-link pf-m-inline pf-v6-u-float-right pf-v6-u-ml-md"
2366
2403
  type="button"
2367
- >Open drawer</button>
2404
+ >
2405
+ <span class="pf-v6-c-button__text">Open drawer</span>
2406
+ </button>
2368
2407
  <form class="pf-v6-c-form pf-m-limit-width" novalidate>
2369
2408
  <div class="pf-v6-c-form__group">
2370
2409
  <div class="pf-v6-c-form__group-label"><label
@@ -2524,7 +2563,9 @@ wrapperTag: div
2524
2563
  type="button"
2525
2564
  aria-label="Close drawer panel"
2526
2565
  >
2527
- <i class="fas fa-times" aria-hidden="true"></i>
2566
+ <span class="pf-v6-c-button__text">
2567
+ <i class="fas fa-times" aria-hidden="true"></i>
2568
+ </span>
2528
2569
  </button>
2529
2570
  </div>
2530
2571
  </div>
@@ -2564,21 +2605,24 @@ wrapperTag: div
2564
2605
  <button
2565
2606
  class="pf-v6-c-button pf-m-secondary"
2566
2607
  type="button"
2567
- >Back</button>
2608
+ >
2609
+ <span class="pf-v6-c-button__text">Back</span>
2610
+ </button>
2568
2611
  </div>
2569
2612
  <div class="pf-v6-c-action-list__item">
2570
2613
  <button
2571
2614
  class="pf-v6-c-button pf-m-primary"
2572
2615
  type="button"
2573
- >Next</button>
2616
+ >
2617
+ <span class="pf-v6-c-button__text">Next</span>
2618
+ </button>
2574
2619
  </div>
2575
2620
  </div>
2576
2621
  <div class="pf-v6-c-action-list__group">
2577
2622
  <div class="pf-v6-c-action-list__item">
2578
- <button
2579
- class="pf-v6-c-button pf-m-link"
2580
- type="button"
2581
- >Cancel</button>
2623
+ <button class="pf-v6-c-button pf-m-link" type="button">
2624
+ <span class="pf-v6-c-button__text">Cancel</span>
2625
+ </button>
2582
2626
  </div>
2583
2627
  </div>
2584
2628
  </div>
@@ -2602,7 +2646,9 @@ wrapperTag: div
2602
2646
  <a
2603
2647
  class="pf-v6-c-button pf-m-primary"
2604
2648
  href="#main-content-wizard-with-drawer-info-example"
2605
- >Skip to content</a>
2649
+ >
2650
+ <span class="pf-v6-c-button__text">Skip to content</span>
2651
+ </a>
2606
2652
  </div>
2607
2653
  <header
2608
2654
  class="pf-v6-c-masthead"
@@ -2614,7 +2660,9 @@ wrapperTag: div
2614
2660
  type="button"
2615
2661
  aria-label="Global navigation"
2616
2662
  >
2617
- <i class="fas fa-bars" aria-hidden="true"></i>
2663
+ <span class="pf-v6-c-button__text">
2664
+ <i class="fas fa-bars" aria-hidden="true"></i>
2665
+ </span>
2618
2666
  </button>
2619
2667
  </span>
2620
2668
  <div class="pf-v6-c-masthead__main">
@@ -2935,7 +2983,9 @@ wrapperTag: div
2935
2983
  type="button"
2936
2984
  aria-label="Close"
2937
2985
  >
2938
- <i class="fas fa-times" aria-hidden="true"></i>
2986
+ <span class="pf-v6-c-button__text">
2987
+ <i class="fas fa-times" aria-hidden="true"></i>
2988
+ </span>
2939
2989
  </button>
2940
2990
  </div>
2941
2991
  <div class="pf-v6-c-wizard__title">
@@ -3049,7 +3099,9 @@ wrapperTag: div
3049
3099
  <button
3050
3100
  class="pf-v6-c-button pf-v6-u-hidden pf-m-link pf-m-inline pf-v6-u-float-right pf-v6-u-ml-md"
3051
3101
  type="button"
3052
- >Open drawer</button>
3102
+ >
3103
+ <span class="pf-v6-c-button__text">Open drawer</span>
3104
+ </button>
3053
3105
  <div class="pf-v6-c-content">
3054
3106
  <h1>Information step content</h1>
3055
3107
  <p>
@@ -3058,7 +3110,11 @@ wrapperTag: div
3058
3110
  class="pf-v6-c-button pf-m-inline pf-m-link"
3059
3111
  type="button"
3060
3112
  aria-expanded="false"
3061
- >see more information</button>
3113
+ >
3114
+ <span
3115
+ class="pf-v6-c-button__text"
3116
+ >see more information</span>
3117
+ </button>
3062
3118
  in the side drawer.
3063
3119
  </p>
3064
3120
  </div>
@@ -3080,7 +3136,9 @@ wrapperTag: div
3080
3136
  type="button"
3081
3137
  aria-label="Close drawer panel"
3082
3138
  >
3083
- <i class="fas fa-times" aria-hidden="true"></i>
3139
+ <span class="pf-v6-c-button__text">
3140
+ <i class="fas fa-times" aria-hidden="true"></i>
3141
+ </span>
3084
3142
  </button>
3085
3143
  </div>
3086
3144
  </div>
@@ -3120,21 +3178,24 @@ wrapperTag: div
3120
3178
  <button
3121
3179
  class="pf-v6-c-button pf-m-secondary"
3122
3180
  type="button"
3123
- >Back</button>
3181
+ >
3182
+ <span class="pf-v6-c-button__text">Back</span>
3183
+ </button>
3124
3184
  </div>
3125
3185
  <div class="pf-v6-c-action-list__item">
3126
3186
  <button
3127
3187
  class="pf-v6-c-button pf-m-primary"
3128
3188
  type="button"
3129
- >Next</button>
3189
+ >
3190
+ <span class="pf-v6-c-button__text">Next</span>
3191
+ </button>
3130
3192
  </div>
3131
3193
  </div>
3132
3194
  <div class="pf-v6-c-action-list__group">
3133
3195
  <div class="pf-v6-c-action-list__item">
3134
- <button
3135
- class="pf-v6-c-button pf-m-link"
3136
- type="button"
3137
- >Cancel</button>
3196
+ <button class="pf-v6-c-button pf-m-link" type="button">
3197
+ <span class="pf-v6-c-button__text">Cancel</span>
3198
+ </button>
3138
3199
  </div>
3139
3200
  </div>
3140
3201
  </div>
@@ -3158,7 +3219,9 @@ wrapperTag: div
3158
3219
  <a
3159
3220
  class="pf-v6-c-button pf-m-primary"
3160
3221
  href="#main-content-wizard-in-page-example"
3161
- >Skip to content</a>
3222
+ >
3223
+ <span class="pf-v6-c-button__text">Skip to content</span>
3224
+ </a>
3162
3225
  </div>
3163
3226
  <header class="pf-v6-c-masthead" id="wizard-in-page-example-masthead">
3164
3227
  <span class="pf-v6-c-masthead__toggle">
@@ -3167,7 +3230,9 @@ wrapperTag: div
3167
3230
  type="button"
3168
3231
  aria-label="Global navigation"
3169
3232
  >
3170
- <i class="fas fa-bars" aria-hidden="true"></i>
3233
+ <span class="pf-v6-c-button__text">
3234
+ <i class="fas fa-bars" aria-hidden="true"></i>
3235
+ </span>
3171
3236
  </button>
3172
3237
  </span>
3173
3238
  <div class="pf-v6-c-masthead__main">
@@ -3691,24 +3756,21 @@ wrapperTag: div
3691
3756
  <div class="pf-v6-c-action-list">
3692
3757
  <div class="pf-v6-c-action-list__group">
3693
3758
  <div class="pf-v6-c-action-list__item">
3694
- <button
3695
- class="pf-v6-c-button pf-m-secondary"
3696
- type="button"
3697
- >Back</button>
3759
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
3760
+ <span class="pf-v6-c-button__text">Back</span>
3761
+ </button>
3698
3762
  </div>
3699
3763
  <div class="pf-v6-c-action-list__item">
3700
- <button
3701
- class="pf-v6-c-button pf-m-primary"
3702
- type="button"
3703
- >Next</button>
3764
+ <button class="pf-v6-c-button pf-m-primary" type="button">
3765
+ <span class="pf-v6-c-button__text">Next</span>
3766
+ </button>
3704
3767
  </div>
3705
3768
  </div>
3706
3769
  <div class="pf-v6-c-action-list__group">
3707
3770
  <div class="pf-v6-c-action-list__item">
3708
- <button
3709
- class="pf-v6-c-button pf-m-link"
3710
- type="button"
3711
- >Cancel</button>
3771
+ <button class="pf-v6-c-button pf-m-link" type="button">
3772
+ <span class="pf-v6-c-button__text">Cancel</span>
3773
+ </button>
3712
3774
  </div>
3713
3775
  </div>
3714
3776
  </div>
@@ -3730,7 +3792,9 @@ wrapperTag: div
3730
3792
  <a
3731
3793
  class="pf-v6-c-button pf-m-primary"
3732
3794
  href="#main-content-in-page-nav-expanded-example"
3733
- >Skip to content</a>
3795
+ >
3796
+ <span class="pf-v6-c-button__text">Skip to content</span>
3797
+ </a>
3734
3798
  </div>
3735
3799
  <header class="pf-v6-c-masthead" id="in-page-nav-expanded-example-masthead">
3736
3800
  <span class="pf-v6-c-masthead__toggle">
@@ -3739,7 +3803,9 @@ wrapperTag: div
3739
3803
  type="button"
3740
3804
  aria-label="Global navigation"
3741
3805
  >
3742
- <i class="fas fa-bars" aria-hidden="true"></i>
3806
+ <span class="pf-v6-c-button__text">
3807
+ <i class="fas fa-bars" aria-hidden="true"></i>
3808
+ </span>
3743
3809
  </button>
3744
3810
  </span>
3745
3811
  <div class="pf-v6-c-masthead__main">
@@ -4242,24 +4308,21 @@ wrapperTag: div
4242
4308
  <div class="pf-v6-c-action-list">
4243
4309
  <div class="pf-v6-c-action-list__group">
4244
4310
  <div class="pf-v6-c-action-list__item">
4245
- <button
4246
- class="pf-v6-c-button pf-m-secondary"
4247
- type="button"
4248
- >Back</button>
4311
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
4312
+ <span class="pf-v6-c-button__text">Back</span>
4313
+ </button>
4249
4314
  </div>
4250
4315
  <div class="pf-v6-c-action-list__item">
4251
- <button
4252
- class="pf-v6-c-button pf-m-primary"
4253
- type="button"
4254
- >Next</button>
4316
+ <button class="pf-v6-c-button pf-m-primary" type="button">
4317
+ <span class="pf-v6-c-button__text">Next</span>
4318
+ </button>
4255
4319
  </div>
4256
4320
  </div>
4257
4321
  <div class="pf-v6-c-action-list__group">
4258
4322
  <div class="pf-v6-c-action-list__item">
4259
- <button
4260
- class="pf-v6-c-button pf-m-link"
4261
- type="button"
4262
- >Cancel</button>
4323
+ <button class="pf-v6-c-button pf-m-link" type="button">
4324
+ <span class="pf-v6-c-button__text">Cancel</span>
4325
+ </button>
4263
4326
  </div>
4264
4327
  </div>
4265
4328
  </div>
@@ -4281,7 +4344,9 @@ wrapperTag: div
4281
4344
  <a
4282
4345
  class="pf-v6-c-button pf-m-primary"
4283
4346
  href="#main-content-wizard-with-drawer-in-page-example"
4284
- >Skip to content</a>
4347
+ >
4348
+ <span class="pf-v6-c-button__text">Skip to content</span>
4349
+ </a>
4285
4350
  </div>
4286
4351
  <header
4287
4352
  class="pf-v6-c-masthead"
@@ -4293,7 +4358,9 @@ wrapperTag: div
4293
4358
  type="button"
4294
4359
  aria-label="Global navigation"
4295
4360
  >
4296
- <i class="fas fa-bars" aria-hidden="true"></i>
4361
+ <span class="pf-v6-c-button__text">
4362
+ <i class="fas fa-bars" aria-hidden="true"></i>
4363
+ </span>
4297
4364
  </button>
4298
4365
  </span>
4299
4366
  <div class="pf-v6-c-masthead__main">
@@ -4830,7 +4897,9 @@ wrapperTag: div
4830
4897
  type="button"
4831
4898
  aria-label="Close drawer panel"
4832
4899
  >
4833
- <i class="fas fa-times" aria-hidden="true"></i>
4900
+ <span class="pf-v6-c-button__text">
4901
+ <i class="fas fa-times" aria-hidden="true"></i>
4902
+ </span>
4834
4903
  </button>
4835
4904
  </div>
4836
4905
  </div>
@@ -4868,24 +4937,21 @@ wrapperTag: div
4868
4937
  <div class="pf-v6-c-action-list">
4869
4938
  <div class="pf-v6-c-action-list__group">
4870
4939
  <div class="pf-v6-c-action-list__item">
4871
- <button
4872
- class="pf-v6-c-button pf-m-secondary"
4873
- type="button"
4874
- >Back</button>
4940
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
4941
+ <span class="pf-v6-c-button__text">Back</span>
4942
+ </button>
4875
4943
  </div>
4876
4944
  <div class="pf-v6-c-action-list__item">
4877
- <button
4878
- class="pf-v6-c-button pf-m-primary"
4879
- type="button"
4880
- >Next</button>
4945
+ <button class="pf-v6-c-button pf-m-primary" type="button">
4946
+ <span class="pf-v6-c-button__text">Next</span>
4947
+ </button>
4881
4948
  </div>
4882
4949
  </div>
4883
4950
  <div class="pf-v6-c-action-list__group">
4884
4951
  <div class="pf-v6-c-action-list__item">
4885
- <button
4886
- class="pf-v6-c-button pf-m-link"
4887
- type="button"
4888
- >Cancel</button>
4952
+ <button class="pf-v6-c-button pf-m-link" type="button">
4953
+ <span class="pf-v6-c-button__text">Cancel</span>
4954
+ </button>
4889
4955
  </div>
4890
4956
  </div>
4891
4957
  </div>
@@ -4907,7 +4973,9 @@ wrapperTag: div
4907
4973
  <a
4908
4974
  class="pf-v6-c-button pf-m-primary"
4909
4975
  href="#main-content-wizard-with-drawer-in-page-expanded-example"
4910
- >Skip to content</a>
4976
+ >
4977
+ <span class="pf-v6-c-button__text">Skip to content</span>
4978
+ </a>
4911
4979
  </div>
4912
4980
  <header
4913
4981
  class="pf-v6-c-masthead"
@@ -4919,7 +4987,9 @@ wrapperTag: div
4919
4987
  type="button"
4920
4988
  aria-label="Global navigation"
4921
4989
  >
4922
- <i class="fas fa-bars" aria-hidden="true"></i>
4990
+ <span class="pf-v6-c-button__text">
4991
+ <i class="fas fa-bars" aria-hidden="true"></i>
4992
+ </span>
4923
4993
  </button>
4924
4994
  </span>
4925
4995
  <div class="pf-v6-c-masthead__main">
@@ -5455,7 +5525,9 @@ wrapperTag: div
5455
5525
  type="button"
5456
5526
  aria-label="Close drawer panel"
5457
5527
  >
5458
- <i class="fas fa-times" aria-hidden="true"></i>
5528
+ <span class="pf-v6-c-button__text">
5529
+ <i class="fas fa-times" aria-hidden="true"></i>
5530
+ </span>
5459
5531
  </button>
5460
5532
  </div>
5461
5533
  </div>
@@ -5493,24 +5565,21 @@ wrapperTag: div
5493
5565
  <div class="pf-v6-c-action-list">
5494
5566
  <div class="pf-v6-c-action-list__group">
5495
5567
  <div class="pf-v6-c-action-list__item">
5496
- <button
5497
- class="pf-v6-c-button pf-m-secondary"
5498
- type="button"
5499
- >Back</button>
5568
+ <button class="pf-v6-c-button pf-m-secondary" type="button">
5569
+ <span class="pf-v6-c-button__text">Back</span>
5570
+ </button>
5500
5571
  </div>
5501
5572
  <div class="pf-v6-c-action-list__item">
5502
- <button
5503
- class="pf-v6-c-button pf-m-primary"
5504
- type="button"
5505
- >Next</button>
5573
+ <button class="pf-v6-c-button pf-m-primary" type="button">
5574
+ <span class="pf-v6-c-button__text">Next</span>
5575
+ </button>
5506
5576
  </div>
5507
5577
  </div>
5508
5578
  <div class="pf-v6-c-action-list__group">
5509
5579
  <div class="pf-v6-c-action-list__item">
5510
- <button
5511
- class="pf-v6-c-button pf-m-link"
5512
- type="button"
5513
- >Cancel</button>
5580
+ <button class="pf-v6-c-button pf-m-link" type="button">
5581
+ <span class="pf-v6-c-button__text">Cancel</span>
5582
+ </button>
5514
5583
  </div>
5515
5584
  </div>
5516
5585
  </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.0.0-alpha.165",
4
+ "version": "6.0.0-alpha.167",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {