@patternfly/patternfly 6.0.0-alpha.174 → 6.0.0-alpha.176

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 (96) hide show
  1. package/components/Button/button.css +5 -1
  2. package/components/Button/button.scss +5 -1
  3. package/components/Card/card.css +2 -2
  4. package/components/Card/card.scss +1 -1
  5. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  6. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  7. package/components/JumpLinks/jump-links.css +0 -7
  8. package/components/JumpLinks/jump-links.scss +0 -9
  9. package/components/Label/label.css +2 -2
  10. package/components/Label/label.scss +2 -2
  11. package/components/NumberInput/number-input.css +0 -1
  12. package/components/NumberInput/number-input.scss +0 -1
  13. package/components/Tabs/tabs.css +1 -18
  14. package/components/Tabs/tabs.scss +1 -18
  15. package/components/_index.css +12 -210
  16. package/components/_index.scss +0 -1
  17. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  18. package/docs/components/ActionList/examples/ActionList.md +7 -7
  19. package/docs/components/Alert/examples/Alert.md +44 -46
  20. package/docs/components/BackToTop/examples/BackToTop.md +3 -5
  21. package/docs/components/Banner/examples/Banner.md +1 -1
  22. package/docs/components/Button/examples/Button.md +35 -35
  23. package/docs/components/CalendarMonth/examples/CalendarMonth.md +8 -8
  24. package/docs/components/Card/examples/Card.md +36 -20
  25. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +32 -29
  26. package/docs/components/CodeBlock/examples/CodeBlock.md +6 -6
  27. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -21
  28. package/docs/components/DataList/examples/DataList.md +17 -17
  29. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  30. package/docs/components/DescriptionList/examples/DescriptionList.md +100 -150
  31. package/docs/components/Drawer/examples/Drawer.md +19 -19
  32. package/docs/components/DualListSelector/examples/DualListSelector.md +84 -84
  33. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  34. package/docs/components/Form/examples/Form.md +18 -19
  35. package/docs/components/Hint/examples/Hint.md +2 -2
  36. package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
  37. package/docs/components/InputGroup/examples/InputGroup.md +2 -2
  38. package/docs/components/JumpLinks/examples/JumpLinks.md +8 -8
  39. package/docs/components/Label/examples/Label.md +217 -217
  40. package/docs/components/Login/examples/Login.md +37 -32
  41. package/docs/components/Masthead/examples/masthead.md +6 -6
  42. package/docs/components/Menu/examples/Menu.md +10 -10
  43. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  44. package/docs/components/ModalBox/examples/ModalBox.md +17 -17
  45. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +9 -9
  46. package/docs/components/Nav/examples/Navigation.md +4 -4
  47. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +2 -2
  48. package/docs/components/NumberInput/examples/NumberInput.md +24 -24
  49. package/docs/components/OverflowMenu/examples/overflow-menu.md +6 -6
  50. package/docs/components/Page/examples/Page.md +7 -7
  51. package/docs/components/Pagination/examples/Pagination.md +53 -44
  52. package/docs/components/Popover/examples/Popover.md +30 -15
  53. package/docs/components/Slider/examples/Slider.md +8 -8
  54. package/docs/components/Table/examples/Table.md +433 -203
  55. package/docs/components/Tabs/examples/Tabs.md +364 -358
  56. package/docs/components/TextInputGroup/examples/TextInputGroup.md +364 -404
  57. package/docs/components/Toolbar/examples/Toolbar.md +59 -59
  58. package/docs/components/TreeView/examples/TreeView.md +4 -4
  59. package/docs/components/Wizard/examples/Wizard.md +10 -10
  60. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  61. package/docs/demos/Alert/examples/Alert.md +6 -6
  62. package/docs/demos/BackToTop/examples/BackToTop.md +4 -6
  63. package/docs/demos/Banner/examples/Banner.md +2 -2
  64. package/docs/demos/Button/examples/Button.md +1 -1
  65. package/docs/demos/Card/examples/Card.md +54 -79
  66. package/docs/demos/CardView/examples/CardView.md +8 -7
  67. package/docs/demos/Dashboard/examples/Dashboard.md +25 -37
  68. package/docs/demos/DataList/examples/DataList.md +38 -34
  69. package/docs/demos/DescriptionList/examples/DescriptionList.md +4 -4
  70. package/docs/demos/Drawer/examples/Drawer.md +8 -8
  71. package/docs/demos/Form/examples/BasicForms.md +69 -86
  72. package/docs/demos/JumpLinks/examples/JumpLinks.md +14 -20
  73. package/docs/demos/Masthead/examples/Masthead.md +13 -13
  74. package/docs/demos/Modal/examples/Modal.md +15 -15
  75. package/docs/demos/Nav/examples/Nav.md +9 -9
  76. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  77. package/docs/demos/Page/examples/Page.md +9 -9
  78. package/docs/demos/Page/examples/Penta.md +2 -2
  79. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +3 -3
  80. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  81. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +35 -35
  82. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  83. package/docs/demos/Table/examples/Table.md +132 -115
  84. package/docs/demos/Tabs/examples/Tabs.md +11 -11
  85. package/docs/demos/Toolbar/examples/Toolbar.md +37 -36
  86. package/docs/demos/Wizard/examples/Wizard.md +22 -23
  87. package/package.json +1 -1
  88. package/patternfly-no-globals.css +12 -210
  89. package/patternfly.css +12 -210
  90. package/patternfly.min.css +1 -1
  91. package/patternfly.min.css.map +1 -1
  92. package/sass-utilities/namespaces-components.scss +0 -3
  93. package/components/LogViewer/log-viewer.css +0 -176
  94. package/components/LogViewer/log-viewer.scss +0 -219
  95. package/docs/components/LogViewer/examples/LogViewer.css +0 -24
  96. package/docs/components/LogViewer/examples/LogViewer.md +0 -3070
@@ -22,7 +22,7 @@ section: components
22
22
  type="button"
23
23
  aria-label="Global navigation"
24
24
  >
25
- <span class="pf-v6-c-button__text">
25
+ <span class="pf-v6-c-button__icon">
26
26
  <i class="fas fa-bars" aria-hidden="true"></i>
27
27
  </span>
28
28
  </button>
@@ -344,7 +344,7 @@ section: components
344
344
  type="button"
345
345
  aria-label="Close"
346
346
  >
347
- <span class="pf-v6-c-button__text">
347
+ <span class="pf-v6-c-button__icon">
348
348
  <i class="fas fa-times" aria-hidden="true"></i>
349
349
  </span>
350
350
  </button>
@@ -398,7 +398,7 @@ section: components
398
398
  type="button"
399
399
  aria-label="Global navigation"
400
400
  >
401
- <span class="pf-v6-c-button__text">
401
+ <span class="pf-v6-c-button__icon">
402
402
  <i class="fas fa-bars" aria-hidden="true"></i>
403
403
  </span>
404
404
  </button>
@@ -720,7 +720,7 @@ section: components
720
720
  type="button"
721
721
  aria-label="Close"
722
722
  >
723
- <span class="pf-v6-c-button__text">
723
+ <span class="pf-v6-c-button__icon">
724
724
  <i class="fas fa-times" aria-hidden="true"></i>
725
725
  </span>
726
726
  </button>
@@ -780,7 +780,7 @@ section: components
780
780
  type="button"
781
781
  aria-label="Global navigation"
782
782
  >
783
- <span class="pf-v6-c-button__text">
783
+ <span class="pf-v6-c-button__icon">
784
784
  <i class="fas fa-bars" aria-hidden="true"></i>
785
785
  </span>
786
786
  </button>
@@ -1102,7 +1102,7 @@ section: components
1102
1102
  type="button"
1103
1103
  aria-label="Close"
1104
1104
  >
1105
- <span class="pf-v6-c-button__text">
1105
+ <span class="pf-v6-c-button__icon">
1106
1106
  <i class="fas fa-times" aria-hidden="true"></i>
1107
1107
  </span>
1108
1108
  </button>
@@ -1152,7 +1152,7 @@ section: components
1152
1152
  type="button"
1153
1153
  aria-label="Global navigation"
1154
1154
  >
1155
- <span class="pf-v6-c-button__text">
1155
+ <span class="pf-v6-c-button__icon">
1156
1156
  <i class="fas fa-bars" aria-hidden="true"></i>
1157
1157
  </span>
1158
1158
  </button>
@@ -1474,7 +1474,7 @@ section: components
1474
1474
  type="button"
1475
1475
  aria-label="Close"
1476
1476
  >
1477
- <span class="pf-v6-c-button__text">
1477
+ <span class="pf-v6-c-button__icon">
1478
1478
  <i class="fas fa-times" aria-hidden="true"></i>
1479
1479
  </span>
1480
1480
  </button>
@@ -1524,7 +1524,7 @@ section: components
1524
1524
  type="button"
1525
1525
  aria-label="Global navigation"
1526
1526
  >
1527
- <span class="pf-v6-c-button__text">
1527
+ <span class="pf-v6-c-button__icon">
1528
1528
  <i class="fas fa-bars" aria-hidden="true"></i>
1529
1529
  </span>
1530
1530
  </button>
@@ -1846,7 +1846,7 @@ section: components
1846
1846
  type="button"
1847
1847
  aria-label="Close"
1848
1848
  >
1849
- <span class="pf-v6-c-button__text">
1849
+ <span class="pf-v6-c-button__icon">
1850
1850
  <i class="fas fa-times" aria-hidden="true"></i>
1851
1851
  </span>
1852
1852
  </button>
@@ -1896,7 +1896,7 @@ section: components
1896
1896
  type="button"
1897
1897
  aria-label="Global navigation"
1898
1898
  >
1899
- <span class="pf-v6-c-button__text">
1899
+ <span class="pf-v6-c-button__icon">
1900
1900
  <i class="fas fa-bars" aria-hidden="true"></i>
1901
1901
  </span>
1902
1902
  </button>
@@ -2218,7 +2218,7 @@ section: components
2218
2218
  type="button"
2219
2219
  aria-label="Close"
2220
2220
  >
2221
- <span class="pf-v6-c-button__text">
2221
+ <span class="pf-v6-c-button__icon">
2222
2222
  <i class="fas fa-times" aria-hidden="true"></i>
2223
2223
  </span>
2224
2224
  </button>
@@ -2245,7 +2245,7 @@ section: components
2245
2245
  aria-label="More information for name field"
2246
2246
  aria-describedby="-form-name"
2247
2247
  >
2248
- <span class="pf-v6-c-button__text">
2248
+ <span class="pf-v6-c-button__icon">
2249
2249
  <i class="fas fa-question-circle" aria-hidden="true"></i>
2250
2250
  </span>
2251
2251
  </span></span>
@@ -2270,7 +2270,7 @@ section: components
2270
2270
  aria-label="More information for email field"
2271
2271
  aria-describedby="-form-email"
2272
2272
  >
2273
- <span class="pf-v6-c-button__text">
2273
+ <span class="pf-v6-c-button__icon">
2274
2274
  <i class="fas fa-question-circle" aria-hidden="true"></i>
2275
2275
  </span>
2276
2276
  </span></span>
@@ -2295,7 +2295,7 @@ section: components
2295
2295
  aria-label="More information for address field"
2296
2296
  aria-describedby="-form-address"
2297
2297
  >
2298
- <span class="pf-v6-c-button__text">
2298
+ <span class="pf-v6-c-button__icon">
2299
2299
  <i class="fas fa-question-circle" aria-hidden="true"></i>
2300
2300
  </span>
2301
2301
  </span></span>
@@ -22,7 +22,7 @@ section: components
22
22
  type="button"
23
23
  aria-label="Global navigation"
24
24
  >
25
- <span class="pf-v6-c-button__text">
25
+ <span class="pf-v6-c-button__icon">
26
26
  <i class="fas fa-bars" aria-hidden="true"></i>
27
27
  </span>
28
28
  </button>
@@ -351,7 +351,7 @@ section: components
351
351
  type="button"
352
352
  aria-label="Global navigation"
353
353
  >
354
- <span class="pf-v6-c-button__text">
354
+ <span class="pf-v6-c-button__icon">
355
355
  <i class="fas fa-bars" aria-hidden="true"></i>
356
356
  </span>
357
357
  </button>
@@ -712,7 +712,7 @@ section: components
712
712
  type="button"
713
713
  aria-label="Global navigation"
714
714
  >
715
- <span class="pf-v6-c-button__text">
715
+ <span class="pf-v6-c-button__icon">
716
716
  <i class="fas fa-bars" aria-hidden="true"></i>
717
717
  </span>
718
718
  </button>
@@ -1251,7 +1251,7 @@ section: components
1251
1251
  type="button"
1252
1252
  aria-label="Scroll start"
1253
1253
  >
1254
- <span class="pf-v6-c-button__text">
1254
+ <span class="pf-v6-c-button__icon">
1255
1255
  <i class="fas fa-angle-left" aria-hidden="true"></i>
1256
1256
  </span>
1257
1257
  </button>
@@ -1293,7 +1293,7 @@ section: components
1293
1293
  type="button"
1294
1294
  aria-label="Scroll end"
1295
1295
  >
1296
- <span class="pf-v6-c-button__text">
1296
+ <span class="pf-v6-c-button__icon">
1297
1297
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1298
1298
  </span>
1299
1299
  </button>
@@ -1472,7 +1472,7 @@ section: components
1472
1472
  type="button"
1473
1473
  aria-label="Global navigation"
1474
1474
  >
1475
- <span class="pf-v6-c-button__text">
1475
+ <span class="pf-v6-c-button__icon">
1476
1476
  <i class="fas fa-bars" aria-hidden="true"></i>
1477
1477
  </span>
1478
1478
  </button>
@@ -1829,7 +1829,7 @@ section: components
1829
1829
  type="button"
1830
1830
  aria-label="Global navigation"
1831
1831
  >
1832
- <span class="pf-v6-c-button__text">
1832
+ <span class="pf-v6-c-button__icon">
1833
1833
  <i class="fas fa-bars" aria-hidden="true"></i>
1834
1834
  </span>
1835
1835
  </button>
@@ -1960,7 +1960,7 @@ section: components
1960
1960
  type="button"
1961
1961
  aria-label="Scroll start"
1962
1962
  >
1963
- <span class="pf-v6-c-button__text">
1963
+ <span class="pf-v6-c-button__icon">
1964
1964
  <i class="fas fa-angle-left" aria-hidden="true"></i>
1965
1965
  </span>
1966
1966
  </button>
@@ -2002,7 +2002,7 @@ section: components
2002
2002
  type="button"
2003
2003
  aria-label="Scroll end"
2004
2004
  >
2005
- <span class="pf-v6-c-button__text">
2005
+ <span class="pf-v6-c-button__icon">
2006
2006
  <i class="fas fa-angle-right" aria-hidden="true"></i>
2007
2007
  </span>
2008
2008
  </button>
@@ -19,7 +19,7 @@ section: components
19
19
  type="button"
20
20
  aria-label="Global navigation"
21
21
  >
22
- <span class="pf-v6-c-button__text">
22
+ <span class="pf-v6-c-button__icon">
23
23
  <i class="fas fa-bars" aria-hidden="true"></i>
24
24
  </span>
25
25
  </button>
@@ -660,7 +660,7 @@ section: components
660
660
  type="button"
661
661
  aria-label="Global navigation"
662
662
  >
663
- <span class="pf-v6-c-button__text">
663
+ <span class="pf-v6-c-button__icon">
664
664
  <i class="fas fa-bars" aria-hidden="true"></i>
665
665
  </span>
666
666
  </button>
@@ -1304,7 +1304,7 @@ section: components
1304
1304
  type="button"
1305
1305
  aria-label="Global navigation"
1306
1306
  >
1307
- <span class="pf-v6-c-button__text">
1307
+ <span class="pf-v6-c-button__icon">
1308
1308
  <i class="fas fa-bars" aria-hidden="true"></i>
1309
1309
  </span>
1310
1310
  </button>
@@ -1951,7 +1951,7 @@ section: components
1951
1951
  type="button"
1952
1952
  aria-label="Global navigation"
1953
1953
  >
1954
- <span class="pf-v6-c-button__text">
1954
+ <span class="pf-v6-c-button__icon">
1955
1955
  <i class="fas fa-bars" aria-hidden="true"></i>
1956
1956
  </span>
1957
1957
  </button>
@@ -2593,7 +2593,7 @@ section: components
2593
2593
  type="button"
2594
2594
  aria-label="Global navigation"
2595
2595
  >
2596
- <span class="pf-v6-c-button__text">
2596
+ <span class="pf-v6-c-button__icon">
2597
2597
  <i class="fas fa-bars" aria-hidden="true"></i>
2598
2598
  </span>
2599
2599
  </button>
@@ -20,7 +20,7 @@ wrapperTag: div
20
20
  type="button"
21
21
  aria-label="Global navigation"
22
22
  >
23
- <span class="pf-v6-c-button__text">
23
+ <span class="pf-v6-c-button__icon">
24
24
  <i class="fas fa-bars" aria-hidden="true"></i>
25
25
  </span>
26
26
  </button>
@@ -352,7 +352,7 @@ wrapperTag: div
352
352
  type="button"
353
353
  aria-label="Global navigation"
354
354
  >
355
- <span class="pf-v6-c-button__text">
355
+ <span class="pf-v6-c-button__icon">
356
356
  <i class="fas fa-bars" aria-hidden="true"></i>
357
357
  </span>
358
358
  </button>
@@ -699,7 +699,7 @@ wrapperTag: div
699
699
  type="button"
700
700
  aria-label="Global navigation"
701
701
  >
702
- <span class="pf-v6-c-button__text">
702
+ <span class="pf-v6-c-button__icon">
703
703
  <i class="fas fa-bars" aria-hidden="true"></i>
704
704
  </span>
705
705
  </button>
@@ -1178,7 +1178,7 @@ wrapperTag: div
1178
1178
  type="button"
1179
1179
  aria-label="Global navigation"
1180
1180
  >
1181
- <span class="pf-v6-c-button__text">
1181
+ <span class="pf-v6-c-button__icon">
1182
1182
  <i class="fas fa-bars" aria-hidden="true"></i>
1183
1183
  </span>
1184
1184
  </button>
@@ -1632,7 +1632,7 @@ wrapperTag: div
1632
1632
  type="button"
1633
1633
  aria-label="Global navigation"
1634
1634
  >
1635
- <span class="pf-v6-c-button__text">
1635
+ <span class="pf-v6-c-button__icon">
1636
1636
  <i class="fas fa-bars" aria-hidden="true"></i>
1637
1637
  </span>
1638
1638
  </button>
@@ -2086,7 +2086,7 @@ wrapperTag: div
2086
2086
  type="button"
2087
2087
  aria-label="Global navigation"
2088
2088
  >
2089
- <span class="pf-v6-c-button__text">
2089
+ <span class="pf-v6-c-button__icon">
2090
2090
  <i class="fas fa-bars" aria-hidden="true"></i>
2091
2091
  </span>
2092
2092
  </button>
@@ -2540,7 +2540,7 @@ wrapperTag: div
2540
2540
  type="button"
2541
2541
  aria-label="Global navigation"
2542
2542
  >
2543
- <span class="pf-v6-c-button__text">
2543
+ <span class="pf-v6-c-button__icon">
2544
2544
  <i class="fas fa-bars" aria-hidden="true"></i>
2545
2545
  </span>
2546
2546
  </button>
@@ -2996,7 +2996,7 @@ wrapperTag: div
2996
2996
  type="button"
2997
2997
  aria-label="Global navigation"
2998
2998
  >
2999
- <span class="pf-v6-c-button__text">
2999
+ <span class="pf-v6-c-button__icon">
3000
3000
  <i class="fas fa-bars" aria-hidden="true"></i>
3001
3001
  </span>
3002
3002
  </button>
@@ -3457,7 +3457,7 @@ wrapperTag: div
3457
3457
  type="button"
3458
3458
  aria-label="Global navigation"
3459
3459
  >
3460
- <span class="pf-v6-c-button__text">
3460
+ <span class="pf-v6-c-button__icon">
3461
3461
  <i class="fas fa-bars" aria-hidden="true"></i>
3462
3462
  </span>
3463
3463
  </button>
@@ -305,7 +305,7 @@ wrapperTag: div
305
305
  type="button"
306
306
  aria-label="Remove"
307
307
  >
308
- <span class="pf-v6-c-button__text">
308
+ <span class="pf-v6-c-button__icon">
309
309
  <i class="fas fa-columns" aria-hidden="true"></i>
310
310
  </span>
311
311
  </button>
@@ -316,7 +316,7 @@ wrapperTag: div
316
316
  type="button"
317
317
  aria-label="Remove"
318
318
  >
319
- <span class="pf-v6-c-button__text">
319
+ <span class="pf-v6-c-button__icon">
320
320
  <i class="fas fa-cog" aria-hidden="true"></i>
321
321
  </span>
322
322
  </button>
@@ -22,7 +22,7 @@ section: components
22
22
  aria-label="More information for password field"
23
23
  aria-describedby="password-generator-demo--initial-password"
24
24
  >
25
- <span class="pf-v6-c-button__text">
25
+ <span class="pf-v6-c-button__icon">
26
26
  <i class="fas fa-question-circle" aria-hidden="true"></i>
27
27
  </span>
28
28
  </span></span>
@@ -50,7 +50,7 @@ section: components
50
50
  type="button"
51
51
  aria-label="Show password"
52
52
  >
53
- <span class="pf-v6-c-button__text">
53
+ <span class="pf-v6-c-button__icon">
54
54
  <i class="fas fa-eye" aria-hidden="true"></i>
55
55
  </span>
56
56
  </button>
@@ -74,7 +74,7 @@ section: components
74
74
  role="menuitem"
75
75
  aria-label="Generate a new suggested password"
76
76
  >
77
- <span class="pf-v6-c-button__text">
77
+ <span class="pf-v6-c-button__icon">
78
78
  <i class="fas fa-fw fa-redo" aria-hidden="true"></i>
79
79
  </span>
80
80
  </button>
@@ -38,7 +38,7 @@ section: components
38
38
  type="button"
39
39
  aria-label="Show password"
40
40
  >
41
- <span class="pf-v6-c-button__text">
41
+ <span class="pf-v6-c-button__icon">
42
42
  <i class="fas fa-eye-slash" aria-hidden="true"></i>
43
43
  </span>
44
44
  </button>
@@ -119,7 +119,7 @@ section: components
119
119
  type="button"
120
120
  aria-label="Show password"
121
121
  >
122
- <span class="pf-v6-c-button__text">
122
+ <span class="pf-v6-c-button__icon">
123
123
  <i class="fas fa-eye-slash" aria-hidden="true"></i>
124
124
  </span>
125
125
  </button>
@@ -203,7 +203,7 @@ section: components
203
203
  type="button"
204
204
  aria-label="Show password"
205
205
  >
206
- <span class="pf-v6-c-button__text">
206
+ <span class="pf-v6-c-button__icon">
207
207
  <i class="fas fa-eye-slash" aria-hidden="true"></i>
208
208
  </span>
209
209
  </button>
@@ -287,7 +287,7 @@ section: components
287
287
  type="button"
288
288
  aria-label="Show password"
289
289
  >
290
- <span class="pf-v6-c-button__text">
290
+ <span class="pf-v6-c-button__icon">
291
291
  <i class="fas fa-eye-slash" aria-hidden="true"></i>
292
292
  </span>
293
293
  </button>