@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/DescriptionList/examples/DescriptionList.md CHANGED
@@ -12,7 +12,9 @@ cssPrefix: pf-d-description-list
12
12
  <a
13
13
  class="pf-v6-c-button pf-m-primary"
14
14
  href="#main-content-description-list-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="description-list-basic-example-masthead">
18
20
  <span class="pf-v6-c-masthead__toggle">
@@ -21,7 +23,9 @@ cssPrefix: pf-d-description-list
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">
@@ -399,7 +403,9 @@ cssPrefix: pf-d-description-list
399
403
  <a
400
404
  class="pf-v6-c-button pf-m-primary"
401
405
  href="#main-content-description-list-in-drawer-example"
402
- >Skip to content</a>
406
+ >
407
+ <span class="pf-v6-c-button__text">Skip to content</span>
408
+ </a>
403
409
  </div>
404
410
  <header
405
411
  class="pf-v6-c-masthead"
@@ -411,7 +417,9 @@ cssPrefix: pf-d-description-list
411
417
  type="button"
412
418
  aria-label="Global navigation"
413
419
  >
414
- <i class="fas fa-bars" aria-hidden="true"></i>
420
+ <span class="pf-v6-c-button__text">
421
+ <i class="fas fa-bars" aria-hidden="true"></i>
422
+ </span>
415
423
  </button>
416
424
  </span>
417
425
  <div class="pf-v6-c-masthead__main">
@@ -754,7 +762,9 @@ cssPrefix: pf-d-description-list
754
762
  type="button"
755
763
  aria-label="Close drawer panel"
756
764
  >
757
- <i class="fas fa-times" aria-hidden="true"></i>
765
+ <span class="pf-v6-c-button__text">
766
+ <i class="fas fa-times" aria-hidden="true"></i>
767
+ </span>
758
768
  </button>
759
769
  </div>
760
770
  </div>
@@ -1058,7 +1068,9 @@ cssPrefix: pf-d-description-list
1058
1068
  <a
1059
1069
  class="pf-v6-c-button pf-m-primary"
1060
1070
  href="#main-content-description-list-complex-content-example"
1061
- >Skip to content</a>
1071
+ >
1072
+ <span class="pf-v6-c-button__text">Skip to content</span>
1073
+ </a>
1062
1074
  </div>
1063
1075
  <header
1064
1076
  class="pf-v6-c-masthead"
@@ -1070,7 +1082,9 @@ cssPrefix: pf-d-description-list
1070
1082
  type="button"
1071
1083
  aria-label="Global navigation"
1072
1084
  >
1073
- <i class="fas fa-bars" aria-hidden="true"></i>
1085
+ <span class="pf-v6-c-button__text">
1086
+ <i class="fas fa-bars" aria-hidden="true"></i>
1087
+ </span>
1074
1088
  </button>
1075
1089
  </span>
1076
1090
  <div class="pf-v6-c-masthead__main">
package/docs/demos/Drawer/examples/Drawer.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-drawer-collapsed-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="drawer-collapsed-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">
@@ -364,7 +368,9 @@ wrapperTag: div
364
368
  type="button"
365
369
  aria-label="Close drawer panel"
366
370
  >
367
- <i class="fas fa-times" aria-hidden="true"></i>
371
+ <span class="pf-v6-c-button__text">
372
+ <i class="fas fa-times" aria-hidden="true"></i>
373
+ </span>
368
374
  </button>
369
375
  </div>
370
376
  </div>
@@ -504,7 +510,9 @@ wrapperTag: div
504
510
  <a
505
511
  class="pf-v6-c-button pf-m-primary"
506
512
  href="#main-content-drawer-expanded-example"
507
- >Skip to content</a>
513
+ >
514
+ <span class="pf-v6-c-button__text">Skip to content</span>
515
+ </a>
508
516
  </div>
509
517
  <header class="pf-v6-c-masthead" id="drawer-expanded-example-masthead">
510
518
  <span class="pf-v6-c-masthead__toggle">
@@ -513,7 +521,9 @@ wrapperTag: div
513
521
  type="button"
514
522
  aria-label="Global navigation"
515
523
  >
516
- <i class="fas fa-bars" aria-hidden="true"></i>
524
+ <span class="pf-v6-c-button__text">
525
+ <i class="fas fa-bars" aria-hidden="true"></i>
526
+ </span>
517
527
  </button>
518
528
  </span>
519
529
  <div class="pf-v6-c-masthead__main">
@@ -853,7 +863,9 @@ wrapperTag: div
853
863
  <a
854
864
  class="pf-v6-c-button pf-m-primary"
855
865
  href="#main-content-drawer-expanded-bottom-example"
856
- >Skip to content</a>
866
+ >
867
+ <span class="pf-v6-c-button__text">Skip to content</span>
868
+ </a>
857
869
  </div>
858
870
  <header class="pf-v6-c-masthead" id="drawer-expanded-bottom-example-masthead">
859
871
  <span class="pf-v6-c-masthead__toggle">
@@ -862,7 +874,9 @@ wrapperTag: div
862
874
  type="button"
863
875
  aria-label="Global navigation"
864
876
  >
865
- <i class="fas fa-bars" aria-hidden="true"></i>
877
+ <span class="pf-v6-c-button__text">
878
+ <i class="fas fa-bars" aria-hidden="true"></i>
879
+ </span>
866
880
  </button>
867
881
  </span>
868
882
  <div class="pf-v6-c-masthead__main">
@@ -1202,7 +1216,9 @@ wrapperTag: div
1202
1216
  <a
1203
1217
  class="pf-v6-c-button pf-m-primary"
1204
1218
  href="#main-content-drawer-jump-links"
1205
- >Skip to content</a>
1219
+ >
1220
+ <span class="pf-v6-c-button__text">Skip to content</span>
1221
+ </a>
1206
1222
  </div>
1207
1223
  <header class="pf-v6-c-masthead" id="drawer-jump-links-masthead">
1208
1224
  <span class="pf-v6-c-masthead__toggle">
@@ -1211,7 +1227,9 @@ wrapperTag: div
1211
1227
  type="button"
1212
1228
  aria-label="Global navigation"
1213
1229
  >
1214
- <i class="fas fa-bars" aria-hidden="true"></i>
1230
+ <span class="pf-v6-c-button__text">
1231
+ <i class="fas fa-bars" aria-hidden="true"></i>
1232
+ </span>
1215
1233
  </button>
1216
1234
  </span>
1217
1235
  <div class="pf-v6-c-masthead__main">
@@ -1456,9 +1474,11 @@ wrapperTag: div
1456
1474
  class="pf-v6-c-button pf-m-link"
1457
1475
  href="#drawer-jump-links-jump-links-first"
1458
1476
  >
1459
- <span
1460
- class="pf-v6-c-jump-links__link-text"
1461
- >First section</span>
1477
+ <span class="pf-v6-c-button__text">
1478
+ <span
1479
+ class="pf-v6-c-jump-links__link-text"
1480
+ >First section</span>
1481
+ </span>
1462
1482
  </a>
1463
1483
  </span>
1464
1484
  </li>
@@ -1468,9 +1488,11 @@ wrapperTag: div
1468
1488
  class="pf-v6-c-button pf-m-link"
1469
1489
  href="#drawer-jump-links-jump-links-second"
1470
1490
  >
1471
- <span
1472
- class="pf-v6-c-jump-links__link-text"
1473
- >Second section</span>
1491
+ <span class="pf-v6-c-button__text">
1492
+ <span
1493
+ class="pf-v6-c-jump-links__link-text"
1494
+ >Second section</span>
1495
+ </span>
1474
1496
  </a>
1475
1497
  </span>
1476
1498
  </li>
@@ -1480,9 +1502,11 @@ wrapperTag: div
1480
1502
  class="pf-v6-c-button pf-m-link"
1481
1503
  href="#drawer-jump-links-jump-links-third"
1482
1504
  >
1483
- <span
1484
- class="pf-v6-c-jump-links__link-text"
1485
- >Third section</span>
1505
+ <span class="pf-v6-c-button__text">
1506
+ <span
1507
+ class="pf-v6-c-jump-links__link-text"
1508
+ >Third section</span>
1509
+ </span>
1486
1510
  </a>
1487
1511
  </span>
1488
1512
  </li>
@@ -1492,9 +1516,11 @@ wrapperTag: div
1492
1516
  class="pf-v6-c-button pf-m-link"
1493
1517
  href="#drawer-jump-links-jump-links-fourth"
1494
1518
  >
1495
- <span
1496
- class="pf-v6-c-jump-links__link-text"
1497
- >Fourth section</span>
1519
+ <span class="pf-v6-c-button__text">
1520
+ <span
1521
+ class="pf-v6-c-jump-links__link-text"
1522
+ >Fourth section</span>
1523
+ </span>
1498
1524
  </a>
1499
1525
  </span>
1500
1526
  </li>
@@ -1504,9 +1530,11 @@ wrapperTag: div
1504
1530
  class="pf-v6-c-button pf-m-link"
1505
1531
  href="#drawer-jump-links-jump-links-fifth"
1506
1532
  >
1507
- <span
1508
- class="pf-v6-c-jump-links__link-text"
1509
- >Fifth section</span>
1533
+ <span class="pf-v6-c-button__text">
1534
+ <span
1535
+ class="pf-v6-c-jump-links__link-text"
1536
+ >Fifth section</span>
1537
+ </span>
1510
1538
  </a>
1511
1539
  </span>
1512
1540
  </li>
@@ -1565,7 +1593,9 @@ wrapperTag: div
1565
1593
  type="button"
1566
1594
  aria-label="Close drawer panel"
1567
1595
  >
1568
- <i class="fas fa-times" aria-hidden="true"></i>
1596
+ <span class="pf-v6-c-button__text">
1597
+ <i class="fas fa-times" aria-hidden="true"></i>
1598
+ </span>
1569
1599
  </button>
1570
1600
  </div>
1571
1601
  </div>
@@ -1591,7 +1621,9 @@ wrapperTag: div
1591
1621
  <a
1592
1622
  class="pf-v6-c-button pf-m-primary"
1593
1623
  href="#main-content-drawer-expanded-jump-links"
1594
- >Skip to content</a>
1624
+ >
1625
+ <span class="pf-v6-c-button__text">Skip to content</span>
1626
+ </a>
1595
1627
  </div>
1596
1628
  <header class="pf-v6-c-masthead" id="drawer-expanded-jump-links-masthead">
1597
1629
  <span class="pf-v6-c-masthead__toggle">
@@ -1600,7 +1632,9 @@ wrapperTag: div
1600
1632
  type="button"
1601
1633
  aria-label="Global navigation"
1602
1634
  >
1603
- <i class="fas fa-bars" aria-hidden="true"></i>
1635
+ <span class="pf-v6-c-button__text">
1636
+ <i class="fas fa-bars" aria-hidden="true"></i>
1637
+ </span>
1604
1638
  </button>
1605
1639
  </span>
1606
1640
  <div class="pf-v6-c-masthead__main">
@@ -1845,9 +1879,11 @@ wrapperTag: div
1845
1879
  class="pf-v6-c-button pf-m-link"
1846
1880
  href="#drawer-expanded-jump-links-jump-links-first"
1847
1881
  >
1848
- <span
1849
- class="pf-v6-c-jump-links__link-text"
1850
- >First section</span>
1882
+ <span class="pf-v6-c-button__text">
1883
+ <span
1884
+ class="pf-v6-c-jump-links__link-text"
1885
+ >First section</span>
1886
+ </span>
1851
1887
  </a>
1852
1888
  </span>
1853
1889
  </li>
@@ -1857,9 +1893,11 @@ wrapperTag: div
1857
1893
  class="pf-v6-c-button pf-m-link"
1858
1894
  href="#drawer-expanded-jump-links-jump-links-second"
1859
1895
  >
1860
- <span
1861
- class="pf-v6-c-jump-links__link-text"
1862
- >Second section</span>
1896
+ <span class="pf-v6-c-button__text">
1897
+ <span
1898
+ class="pf-v6-c-jump-links__link-text"
1899
+ >Second section</span>
1900
+ </span>
1863
1901
  </a>
1864
1902
  </span>
1865
1903
  </li>
@@ -1869,9 +1907,11 @@ wrapperTag: div
1869
1907
  class="pf-v6-c-button pf-m-link"
1870
1908
  href="#drawer-expanded-jump-links-jump-links-third"
1871
1909
  >
1872
- <span
1873
- class="pf-v6-c-jump-links__link-text"
1874
- >Third section</span>
1910
+ <span class="pf-v6-c-button__text">
1911
+ <span
1912
+ class="pf-v6-c-jump-links__link-text"
1913
+ >Third section</span>
1914
+ </span>
1875
1915
  </a>
1876
1916
  </span>
1877
1917
  </li>
@@ -1881,9 +1921,11 @@ wrapperTag: div
1881
1921
  class="pf-v6-c-button pf-m-link"
1882
1922
  href="#drawer-expanded-jump-links-jump-links-fourth"
1883
1923
  >
1884
- <span
1885
- class="pf-v6-c-jump-links__link-text"
1886
- >Fourth section</span>
1924
+ <span class="pf-v6-c-button__text">
1925
+ <span
1926
+ class="pf-v6-c-jump-links__link-text"
1927
+ >Fourth section</span>
1928
+ </span>
1887
1929
  </a>
1888
1930
  </span>
1889
1931
  </li>
@@ -1893,9 +1935,11 @@ wrapperTag: div
1893
1935
  class="pf-v6-c-button pf-m-link"
1894
1936
  href="#drawer-expanded-jump-links-jump-links-fifth"
1895
1937
  >
1896
- <span
1897
- class="pf-v6-c-jump-links__link-text"
1898
- >Fifth section</span>
1938
+ <span class="pf-v6-c-button__text">
1939
+ <span
1940
+ class="pf-v6-c-jump-links__link-text"
1941
+ >Fifth section</span>
1942
+ </span>
1899
1943
  </a>
1900
1944
  </span>
1901
1945
  </li>
@@ -1954,7 +1998,9 @@ wrapperTag: div
1954
1998
  type="button"
1955
1999
  aria-label="Close drawer panel"
1956
2000
  >
1957
- <i class="fas fa-times" aria-hidden="true"></i>
2001
+ <span class="pf-v6-c-button__text">
2002
+ <i class="fas fa-times" aria-hidden="true"></i>
2003
+ </span>
1958
2004
  </button>
1959
2005
  </div>
1960
2006
  </div>