@patternfly/patternfly 6.3.0-prerelease.5 → 6.3.0-prerelease.50

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 (128) hide show
  1. package/README.md +5 -5
  2. package/assets/images/icon-help.hbs +3 -0
  3. package/assets/images/icon-outlined-star.hbs +3 -0
  4. package/assets/images/icon-star.hbs +3 -0
  5. package/base/normalize.scss +4 -0
  6. package/base/patternfly-common.css +46 -11
  7. package/base/patternfly-common.scss +58 -13
  8. package/components/Accordion/accordion.css +72 -3
  9. package/components/Accordion/accordion.scss +78 -6
  10. package/components/Alert/alert-group.css +52 -31
  11. package/components/Alert/alert-group.scss +77 -46
  12. package/components/Button/button.css +155 -6
  13. package/components/Button/button.scss +161 -8
  14. package/components/Card/card.css +0 -1
  15. package/components/Card/card.scss +0 -1
  16. package/components/DataList/data-list.css +2 -2
  17. package/components/DataList/data-list.scss +2 -2
  18. package/components/DualListSelector/dual-list-selector.css +36 -0
  19. package/components/DualListSelector/dual-list-selector.scss +43 -0
  20. package/components/ExpandableSection/expandable-section.css +63 -1
  21. package/components/ExpandableSection/expandable-section.scss +76 -2
  22. package/components/FileUpload/file-upload.css +3 -3
  23. package/components/FileUpload/file-upload.scss +3 -3
  24. package/components/Form/form.css +40 -1
  25. package/components/Form/form.scss +47 -1
  26. package/components/FormControl/form-control.css +16 -0
  27. package/components/FormControl/form-control.scss +9 -0
  28. package/components/InputGroup/input-group.css +80 -0
  29. package/components/InputGroup/input-group.scss +95 -0
  30. package/components/Menu/menu.css +24 -4
  31. package/components/Menu/menu.scss +20 -5
  32. package/components/MenuToggle/menu-toggle.css +38 -4
  33. package/components/MenuToggle/menu-toggle.scss +48 -3
  34. package/components/Nav/nav.css +22 -8
  35. package/components/Nav/nav.scss +22 -9
  36. package/components/Page/page.css +66 -6
  37. package/components/Page/page.scss +48 -5
  38. package/components/Progress/progress.css +16 -0
  39. package/components/Progress/progress.scss +11 -1
  40. package/components/ProgressStepper/progress-stepper.scss +1 -0
  41. package/components/Skeleton/skeleton.css +22 -2
  42. package/components/Skeleton/skeleton.scss +25 -3
  43. package/components/Spinner/spinner.css +5 -0
  44. package/components/Spinner/spinner.scss +6 -0
  45. package/components/Table/table-grid.css +51 -5
  46. package/components/Table/table-grid.scss +22 -1
  47. package/components/Table/table.css +95 -2
  48. package/components/Table/table.scss +138 -3
  49. package/components/Tabs/tabs.css +25 -15
  50. package/components/Tabs/tabs.scss +26 -13
  51. package/components/TextInputGroup/text-input-group.css +23 -0
  52. package/components/TextInputGroup/text-input-group.scss +16 -1
  53. package/components/Timestamp/timestamp.css +4 -0
  54. package/components/Timestamp/timestamp.scss +7 -0
  55. package/components/TreeView/tree-view.css +39 -0
  56. package/components/TreeView/tree-view.scss +42 -2
  57. package/components/Truncate/truncate.css +1 -0
  58. package/components/Truncate/truncate.scss +3 -0
  59. package/components/Wizard/wizard.css +11 -5
  60. package/components/Wizard/wizard.scss +13 -5
  61. package/components/_index.css +961 -99
  62. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  63. package/docs/components/Button/examples/Button.md +161 -6
  64. package/docs/components/Card/examples/Card.md +8 -8
  65. package/docs/components/CodeBlock/examples/CodeBlock.md +11 -11
  66. package/docs/components/CodeEditor/examples/CodeEditor.md +29 -5
  67. package/docs/components/DataList/examples/DataList.md +23 -23
  68. package/docs/components/DescriptionList/examples/DescriptionList.md +78 -22
  69. package/docs/components/DualListSelector/examples/DualListSelector.md +534 -16
  70. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  71. package/docs/components/ExpandableSection/examples/ExpandableSection.md +32 -21
  72. package/docs/components/Form/examples/Form.md +1179 -114
  73. package/docs/components/Hint/examples/Hint.md +3 -3
  74. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -6
  75. package/docs/components/InputGroup/examples/InputGroup.md +5 -1
  76. package/docs/components/JumpLinks/examples/JumpLinks.md +1 -1
  77. package/docs/components/Label/examples/Label.md +2 -2
  78. package/docs/components/Masthead/examples/masthead.md +90 -12
  79. package/docs/components/Menu/examples/Menu.md +122 -6
  80. package/docs/components/MenuToggle/examples/MenuToggle.md +93 -55
  81. package/docs/components/ModalBox/examples/ModalBox.md +13 -1
  82. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +2 -10
  83. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  84. package/docs/components/Page/examples/Page.md +148 -14
  85. package/docs/components/Pagination/examples/Pagination.md +12 -12
  86. package/docs/components/Popover/examples/Popover.md +0 -4
  87. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  88. package/docs/components/Skeleton/examples/Skeleton.md +21 -7
  89. package/docs/components/Slider/examples/Slider.md +2 -2
  90. package/docs/components/Spinner/examples/Spinner.md +10 -0
  91. package/docs/components/Table/examples/Table.md +9462 -6183
  92. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  93. package/docs/components/TextInputGroup/examples/TextInputGroup.md +73 -5
  94. package/docs/components/Title/examples/Title.md +8 -8
  95. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  96. package/docs/components/Wizard/examples/Wizard.md +583 -0
  97. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  98. package/docs/demos/Alert/examples/Alert.md +66 -9
  99. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  100. package/docs/demos/Banner/examples/Banner.md +47 -6
  101. package/docs/demos/Card/examples/Card.md +13 -67
  102. package/docs/demos/CardView/examples/CardView.md +24 -5
  103. package/docs/demos/Dashboard/examples/Dashboard.md +29 -7
  104. package/docs/demos/DataList/examples/DataList.md +100 -24
  105. package/docs/demos/DescriptionList/examples/DescriptionList.md +79 -50
  106. package/docs/demos/Drawer/examples/Drawer.md +110 -53
  107. package/docs/demos/Form/examples/BasicForms.md +142 -22
  108. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  109. package/docs/demos/Masthead/examples/Masthead.md +171 -19
  110. package/docs/demos/Modal/examples/Modal.md +171 -21
  111. package/docs/demos/Nav/examples/Nav.md +113 -18
  112. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
  113. package/docs/demos/Page/examples/Page.md +661 -40
  114. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  115. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -103
  116. package/docs/demos/Skeleton/examples/Skeleton.md +25 -4
  117. package/docs/demos/Table/examples/Table.md +475 -157
  118. package/docs/demos/Tabs/examples/Tabs.md +139 -594
  119. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  120. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  121. package/package.json +5 -5
  122. package/patternfly-base-no-globals.css +45 -11
  123. package/patternfly-base.css +49 -11
  124. package/patternfly-no-globals.css +1006 -110
  125. package/patternfly.css +1010 -110
  126. package/patternfly.min.css +1 -1
  127. package/patternfly.min.css.map +1 -1
  128. package/sass-utilities/mixins.scss +54 -0
package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -16,12 +16,31 @@ section: components
16
16
  <div class="pf-v6-c-masthead__main">
17
17
  <span class="pf-v6-c-masthead__toggle">
18
18
  <button
19
- class="pf-v6-c-button pf-m-plain"
19
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
20
20
  type="button"
21
21
  aria-label="Global navigation"
22
22
  >
23
23
  <span class="pf-v6-c-button__icon">
24
- <i class="fas fa-bars" aria-hidden="true"></i>
24
+ <svg
25
+ viewBox="0 0 10 10"
26
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
27
+ width="1em"
28
+ height="1em"
29
+ >
30
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
31
+ <path
32
+ class="pf-v6-c-button--hamburger-icon--middle"
33
+ d="M1,5 L9,5"
34
+ />
35
+ <path
36
+ class="pf-v6-c-button--hamburger-icon--arrow"
37
+ d="M1,5 L1,5 L1,5"
38
+ />
39
+ <path
40
+ class="pf-v6-c-button--hamburger-icon--bottom"
41
+ d="M9,9 L1,9"
42
+ />
43
+ </svg>
25
44
  </span>
26
45
  </button>
27
46
  </span>
@@ -138,7 +157,7 @@ section: components
138
157
  </div>
139
158
  <div class="pf-v6-c-toolbar__item">
140
159
  <button
141
- class="pf-v6-c-menu-toggle pf-m-plain"
160
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
142
161
  type="button"
143
162
  aria-expanded="false"
144
163
  aria-label="Settings"
@@ -655,12 +674,31 @@ section: components
655
674
  <div class="pf-v6-c-masthead__main">
656
675
  <span class="pf-v6-c-masthead__toggle">
657
676
  <button
658
- class="pf-v6-c-button pf-m-plain"
677
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
659
678
  type="button"
660
679
  aria-label="Global navigation"
661
680
  >
662
681
  <span class="pf-v6-c-button__icon">
663
- <i class="fas fa-bars" aria-hidden="true"></i>
682
+ <svg
683
+ viewBox="0 0 10 10"
684
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
685
+ width="1em"
686
+ height="1em"
687
+ >
688
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
689
+ <path
690
+ class="pf-v6-c-button--hamburger-icon--middle"
691
+ d="M1,5 L9,5"
692
+ />
693
+ <path
694
+ class="pf-v6-c-button--hamburger-icon--arrow"
695
+ d="M1,5 L1,5 L1,5"
696
+ />
697
+ <path
698
+ class="pf-v6-c-button--hamburger-icon--bottom"
699
+ d="M9,9 L1,9"
700
+ />
701
+ </svg>
664
702
  </span>
665
703
  </button>
666
704
  </span>
@@ -778,7 +816,7 @@ section: components
778
816
  </div>
779
817
  <div class="pf-v6-c-toolbar__item">
780
818
  <button
781
- class="pf-v6-c-menu-toggle pf-m-plain"
819
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
782
820
  type="button"
783
821
  aria-expanded="false"
784
822
  aria-label="Settings"
@@ -1295,12 +1333,31 @@ section: components
1295
1333
  <div class="pf-v6-c-masthead__main">
1296
1334
  <span class="pf-v6-c-masthead__toggle">
1297
1335
  <button
1298
- class="pf-v6-c-button pf-m-plain"
1336
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
1299
1337
  type="button"
1300
1338
  aria-label="Global navigation"
1301
1339
  >
1302
1340
  <span class="pf-v6-c-button__icon">
1303
- <i class="fas fa-bars" aria-hidden="true"></i>
1341
+ <svg
1342
+ viewBox="0 0 10 10"
1343
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
1344
+ width="1em"
1345
+ height="1em"
1346
+ >
1347
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
1348
+ <path
1349
+ class="pf-v6-c-button--hamburger-icon--middle"
1350
+ d="M1,5 L9,5"
1351
+ />
1352
+ <path
1353
+ class="pf-v6-c-button--hamburger-icon--arrow"
1354
+ d="M1,5 L1,5 L1,5"
1355
+ />
1356
+ <path
1357
+ class="pf-v6-c-button--hamburger-icon--bottom"
1358
+ d="M9,9 L1,9"
1359
+ />
1360
+ </svg>
1304
1361
  </span>
1305
1362
  </button>
1306
1363
  </span>
@@ -1418,7 +1475,7 @@ section: components
1418
1475
  </div>
1419
1476
  <div class="pf-v6-c-toolbar__item">
1420
1477
  <button
1421
- class="pf-v6-c-menu-toggle pf-m-plain"
1478
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1422
1479
  type="button"
1423
1480
  aria-expanded="false"
1424
1481
  aria-label="Settings"
@@ -1938,12 +1995,31 @@ section: components
1938
1995
  <div class="pf-v6-c-masthead__main">
1939
1996
  <span class="pf-v6-c-masthead__toggle">
1940
1997
  <button
1941
- class="pf-v6-c-button pf-m-plain"
1998
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
1942
1999
  type="button"
1943
2000
  aria-label="Global navigation"
1944
2001
  >
1945
2002
  <span class="pf-v6-c-button__icon">
1946
- <i class="fas fa-bars" aria-hidden="true"></i>
2003
+ <svg
2004
+ viewBox="0 0 10 10"
2005
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
2006
+ width="1em"
2007
+ height="1em"
2008
+ >
2009
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
2010
+ <path
2011
+ class="pf-v6-c-button--hamburger-icon--middle"
2012
+ d="M1,5 L9,5"
2013
+ />
2014
+ <path
2015
+ class="pf-v6-c-button--hamburger-icon--arrow"
2016
+ d="M1,5 L1,5 L1,5"
2017
+ />
2018
+ <path
2019
+ class="pf-v6-c-button--hamburger-icon--bottom"
2020
+ d="M9,9 L1,9"
2021
+ />
2022
+ </svg>
1947
2023
  </span>
1948
2024
  </button>
1949
2025
  </span>
@@ -2061,7 +2137,7 @@ section: components
2061
2137
  </div>
2062
2138
  <div class="pf-v6-c-toolbar__item">
2063
2139
  <button
2064
- class="pf-v6-c-menu-toggle pf-m-plain"
2140
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2065
2141
  type="button"
2066
2142
  aria-expanded="false"
2067
2143
  aria-label="Settings"
@@ -2576,12 +2652,31 @@ section: components
2576
2652
  <div class="pf-v6-c-masthead__main">
2577
2653
  <span class="pf-v6-c-masthead__toggle">
2578
2654
  <button
2579
- class="pf-v6-c-button pf-m-plain"
2655
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
2580
2656
  type="button"
2581
2657
  aria-label="Global navigation"
2582
2658
  >
2583
2659
  <span class="pf-v6-c-button__icon">
2584
- <i class="fas fa-bars" aria-hidden="true"></i>
2660
+ <svg
2661
+ viewBox="0 0 10 10"
2662
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
2663
+ width="1em"
2664
+ height="1em"
2665
+ >
2666
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
2667
+ <path
2668
+ class="pf-v6-c-button--hamburger-icon--middle"
2669
+ d="M1,5 L9,5"
2670
+ />
2671
+ <path
2672
+ class="pf-v6-c-button--hamburger-icon--arrow"
2673
+ d="M1,5 L1,5 L1,5"
2674
+ />
2675
+ <path
2676
+ class="pf-v6-c-button--hamburger-icon--bottom"
2677
+ d="M9,9 L1,9"
2678
+ />
2679
+ </svg>
2585
2680
  </span>
2586
2681
  </button>
2587
2682
  </span>
@@ -2699,7 +2794,7 @@ section: components
2699
2794
  </div>
2700
2795
  <div class="pf-v6-c-toolbar__item">
2701
2796
  <button
2702
- class="pf-v6-c-menu-toggle pf-m-plain"
2797
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2703
2798
  type="button"
2704
2799
  aria-expanded="false"
2705
2800
  aria-label="Settings"