@patternfly/patternfly 6.6.0-prerelease.3 → 6.6.0-prerelease.30

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 (158) hide show
  1. package/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
  2. package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
  3. package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
  4. package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
  5. package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
  6. package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
  7. package/assets/images/img_avatar-rhds.svg +22 -0
  8. package/assets/images/pf-logo-avatar.jpg +0 -0
  9. package/base/patternfly-fonts.css +4 -4
  10. package/base/patternfly-fonts.scss +4 -4
  11. package/base/patternfly-variables.css +8 -6
  12. package/base/tokens/tokens-charts-dark.scss +1 -1
  13. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  14. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  15. package/base/tokens/tokens-charts.scss +1 -1
  16. package/base/tokens/tokens-dark.scss +1 -1
  17. package/base/tokens/tokens-default.scss +4 -4
  18. package/base/tokens/tokens-felt-dark.scss +1 -1
  19. package/base/tokens/tokens-felt-glass-dark.scss +1 -1
  20. package/base/tokens/tokens-felt-glass.scss +3 -2
  21. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  22. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  23. package/base/tokens/tokens-felt.scss +1 -1
  24. package/base/tokens/tokens-glass-dark.scss +1 -1
  25. package/base/tokens/tokens-glass.scss +3 -2
  26. package/base/tokens/tokens-highcontrast-dark.scss +1 -1
  27. package/base/tokens/tokens-highcontrast.scss +4 -4
  28. package/base/tokens/tokens-palette.scss +1 -1
  29. package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
  30. package/components/AboutModalBox/about-modal-box.css +1 -1
  31. package/components/AboutModalBox/about-modal-box.scss +1 -1
  32. package/components/Accordion/accordion.css +3 -3
  33. package/components/Accordion/accordion.scss +3 -3
  34. package/components/Alert/alert.css +8 -7
  35. package/components/Alert/alert.scss +8 -7
  36. package/components/Avatar/avatar.css +144 -0
  37. package/components/Avatar/avatar.scss +161 -0
  38. package/components/Banner/banner.css +7 -0
  39. package/components/Banner/banner.scss +7 -0
  40. package/components/Breadcrumb/breadcrumb.css +3 -3
  41. package/components/Breadcrumb/breadcrumb.scss +3 -3
  42. package/components/Button/button.css +20 -4
  43. package/components/Button/button.scss +24 -5
  44. package/components/Card/card.css +4 -4
  45. package/components/Card/card.scss +4 -4
  46. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  47. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  48. package/components/DataList/data-list.css +5 -5
  49. package/components/DataList/data-list.scss +5 -5
  50. package/components/DragDrop/drag-drop.css +4 -0
  51. package/components/DragDrop/drag-drop.scss +4 -0
  52. package/components/DualListSelector/dual-list-selector.css +1 -1
  53. package/components/DualListSelector/dual-list-selector.scss +1 -1
  54. package/components/Form/form.scss +1 -0
  55. package/components/FormControl/form-control.css +12 -2
  56. package/components/FormControl/form-control.scss +14 -2
  57. package/components/Hint/hint.css +2 -2
  58. package/components/Hint/hint.scss +2 -2
  59. package/components/Label/label.css +9 -3
  60. package/components/Label/label.scss +9 -3
  61. package/components/Masthead/masthead.css +1 -1
  62. package/components/Masthead/masthead.scss +1 -1
  63. package/components/Menu/menu.css +2 -2
  64. package/components/Menu/menu.scss +3 -3
  65. package/components/MenuToggle/menu-toggle.css +3 -0
  66. package/components/MenuToggle/menu-toggle.scss +4 -1
  67. package/components/ModalBox/modal-box.css +4 -4
  68. package/components/ModalBox/modal-box.scss +5 -5
  69. package/components/Nav/nav.css +2 -2
  70. package/components/Nav/nav.scss +2 -2
  71. package/components/NotificationDrawer/notification-drawer.css +3 -3
  72. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  73. package/components/Page/page.css +25 -22
  74. package/components/Page/page.scss +28 -28
  75. package/components/Pagination/pagination.css +12 -7
  76. package/components/Pagination/pagination.scss +15 -12
  77. package/components/Panel/panel.css +1 -1
  78. package/components/Panel/panel.scss +2 -2
  79. package/components/Popover/popover.css +1 -1
  80. package/components/Popover/popover.scss +1 -1
  81. package/components/Progress/progress.css +2 -2
  82. package/components/Progress/progress.scss +2 -2
  83. package/components/Sidebar/sidebar.css +4 -7
  84. package/components/Sidebar/sidebar.scss +9 -9
  85. package/components/Table/table-grid.css +25 -13
  86. package/components/Table/table-grid.scss +10 -5
  87. package/components/Table/table-tree-view.css +3 -0
  88. package/components/Table/table-tree-view.scss +2 -0
  89. package/components/Table/table.css +55 -21
  90. package/components/Table/table.scss +82 -34
  91. package/components/Tabs/tabs.css +19 -5
  92. package/components/Tabs/tabs.scss +22 -5
  93. package/components/Title/title.css +1 -1
  94. package/components/Title/title.scss +1 -1
  95. package/components/Tooltip/tooltip.css +1 -1
  96. package/components/Tooltip/tooltip.scss +1 -1
  97. package/components/TreeView/tree-view.css +7 -7
  98. package/components/TreeView/tree-view.scss +7 -7
  99. package/components/Wizard/wizard.css +4 -4
  100. package/components/Wizard/wizard.scss +4 -4
  101. package/components/_index.css +399 -140
  102. package/docs/components/Avatar/examples/Avatar.css +6 -0
  103. package/docs/components/Avatar/examples/Avatar.md +414 -40
  104. package/docs/components/Button/examples/Button.md +2 -2
  105. package/docs/components/CodeEditor/examples/CodeEditor.md +131 -47
  106. package/docs/components/DataList/examples/DataList.md +143 -11
  107. package/docs/components/DatePicker/examples/DatePicker.md +26 -2
  108. package/docs/components/DescriptionList/examples/DescriptionList.md +115 -55
  109. package/docs/components/Drawer/examples/Drawer.md +1 -1
  110. package/docs/components/DualListSelector/examples/DualListSelector.md +355 -139
  111. package/docs/components/EmptyState/examples/EmptyState.md +12 -12
  112. package/docs/components/FileUpload/examples/FileUpload.md +26 -2
  113. package/docs/components/Form/examples/Form.md +140 -16
  114. package/docs/components/FormControl/examples/FormControl.md +260 -20
  115. package/docs/components/HelperText/examples/HelperText.md +139 -11
  116. package/docs/components/Icon/examples/Icon.md +403 -31
  117. package/docs/components/InlineEdit/examples/InlineEdit.md +13 -1
  118. package/docs/components/InputGroup/examples/InputGroup.md +20 -8
  119. package/docs/components/Label/examples/Label.md +4029 -765
  120. package/docs/components/List/examples/List.md +78 -6
  121. package/docs/components/Login/examples/Login.md +104 -8
  122. package/docs/components/Menu/examples/Menu.md +221 -17
  123. package/docs/components/MenuToggle/examples/MenuToggle.md +54 -15
  124. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +247 -19
  125. package/docs/components/NumberInput/examples/NumberInput.md +301 -25
  126. package/docs/components/Pagination/examples/Pagination.md +111 -273
  127. package/docs/components/ProgressStepper/examples/ProgressStepper.md +169 -13
  128. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  129. package/docs/components/Switch/examples/Switch.md +52 -4
  130. package/docs/components/Table/examples/Table.css +6 -0
  131. package/docs/components/Table/examples/Table.md +1322 -171
  132. package/docs/components/Tabs/examples/Tabs.md +18 -998
  133. package/docs/components/TextInputGroup/examples/TextInputGroup.md +355 -115
  134. package/docs/components/Toolbar/examples/Toolbar.md +133 -25
  135. package/docs/components/TreeView/examples/TreeView.md +286 -118
  136. package/docs/components/Wizard/examples/Wizard.md +325 -25
  137. package/docs/demos/Alert/examples/Alert.md +181 -40
  138. package/docs/demos/Button/examples/Button.md +57 -45
  139. package/docs/demos/Card/examples/Card.md +280 -34
  140. package/docs/demos/CardView/examples/CardView.md +12 -12
  141. package/docs/demos/Compass/examples/Compass.md +91 -439
  142. package/docs/demos/Dashboard/examples/Dashboard.md +92 -41
  143. package/docs/demos/DataList/examples/DataList.md +74 -50
  144. package/docs/demos/Form/examples/BasicForms.md +112 -36
  145. package/docs/demos/HelperText/examples/HelperText.md +104 -8
  146. package/docs/demos/Masthead/examples/Masthead.md +52 -4
  147. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +176 -14
  148. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +2570 -4968
  149. package/docs/demos/Table/examples/Table.md +407 -179
  150. package/docs/demos/Toolbar/examples/Toolbar.md +139 -46
  151. package/docs/demos/Wizard/examples/Wizard.md +117 -9
  152. package/package.json +7 -7
  153. package/patternfly-base-no-globals.css +12 -10
  154. package/patternfly-base.css +12 -10
  155. package/patternfly-no-globals.css +411 -150
  156. package/patternfly.css +411 -150
  157. package/patternfly.min.css +1 -1
  158. package/patternfly.min.css.map +1 -1
package/docs/components/ProgressStepper/examples/ProgressStepper.md CHANGED
@@ -41,7 +41,19 @@ cssPrefix: pf-v6-c-progress-stepper
41
41
  >
42
42
  <div class="pf-v6-c-progress-stepper__step-connector">
43
43
  <span class="pf-v6-c-progress-stepper__step-icon">
44
- <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
44
+ <svg
45
+ class="pf-v6-svg"
46
+ fill="currentColor"
47
+ viewBox="0 0 32 32"
48
+ aria-hidden="true"
49
+ role="img"
50
+ width="1em"
51
+ height="1em"
52
+ >
53
+ <path
54
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm10-13c0 5.523-4.477 10-10 10S6 21.523 6 16 10.477 6 16 6s10 4.477 10 10Z"
55
+ />
56
+ </svg>
45
57
  </span>
46
58
  </div>
47
59
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -104,7 +116,19 @@ cssPrefix: pf-v6-c-progress-stepper
104
116
  >
105
117
  <div class="pf-v6-c-progress-stepper__step-connector">
106
118
  <span class="pf-v6-c-progress-stepper__step-icon">
107
- <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
119
+ <svg
120
+ class="pf-v6-svg"
121
+ fill="currentColor"
122
+ viewBox="0 0 32 32"
123
+ aria-hidden="true"
124
+ role="img"
125
+ width="1em"
126
+ height="1em"
127
+ >
128
+ <path
129
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm10-13c0 5.523-4.477 10-10 10S6 21.523 6 16 10.477 6 16 6s10 4.477 10 10Z"
130
+ />
131
+ </svg>
108
132
  </span>
109
133
  </div>
110
134
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -176,7 +200,19 @@ cssPrefix: pf-v6-c-progress-stepper
176
200
  >
177
201
  <div class="pf-v6-c-progress-stepper__step-connector">
178
202
  <span class="pf-v6-c-progress-stepper__step-icon">
179
- <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
203
+ <svg
204
+ class="pf-v6-svg"
205
+ fill="currentColor"
206
+ viewBox="0 0 32 32"
207
+ aria-hidden="true"
208
+ role="img"
209
+ width="1em"
210
+ height="1em"
211
+ >
212
+ <path
213
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm10-13c0 5.523-4.477 10-10 10S6 21.523 6 16 10.477 6 16 6s10 4.477 10 10Z"
214
+ />
215
+ </svg>
180
216
  </span>
181
217
  </div>
182
218
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -245,7 +281,19 @@ cssPrefix: pf-v6-c-progress-stepper
245
281
  >
246
282
  <div class="pf-v6-c-progress-stepper__step-connector">
247
283
  <span class="pf-v6-c-progress-stepper__step-icon">
248
- <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
284
+ <svg
285
+ class="pf-v6-svg"
286
+ fill="currentColor"
287
+ viewBox="0 0 32 32"
288
+ aria-hidden="true"
289
+ role="img"
290
+ width="1em"
291
+ height="1em"
292
+ >
293
+ <path
294
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm10-13c0 5.523-4.477 10-10 10S6 21.523 6 16 10.477 6 16 6s10 4.477 10 10Z"
295
+ />
296
+ </svg>
249
297
  </span>
250
298
  </div>
251
299
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -314,7 +362,19 @@ cssPrefix: pf-v6-c-progress-stepper
314
362
  >
315
363
  <div class="pf-v6-c-progress-stepper__step-connector">
316
364
  <span class="pf-v6-c-progress-stepper__step-icon">
317
- <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
365
+ <svg
366
+ class="pf-v6-svg"
367
+ fill="currentColor"
368
+ viewBox="0 0 32 32"
369
+ aria-hidden="true"
370
+ role="img"
371
+ width="1em"
372
+ height="1em"
373
+ >
374
+ <path
375
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm10-13c0 5.523-4.477 10-10 10S6 21.523 6 16 10.477 6 16 6s10 4.477 10 10Z"
376
+ />
377
+ </svg>
318
378
  </span>
319
379
  </div>
320
380
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -383,7 +443,19 @@ cssPrefix: pf-v6-c-progress-stepper
383
443
  >
384
444
  <div class="pf-v6-c-progress-stepper__step-connector">
385
445
  <span class="pf-v6-c-progress-stepper__step-icon">
386
- <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
446
+ <svg
447
+ class="pf-v6-svg"
448
+ fill="currentColor"
449
+ viewBox="0 0 32 32"
450
+ aria-hidden="true"
451
+ role="img"
452
+ width="1em"
453
+ height="1em"
454
+ >
455
+ <path
456
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm10-13c0 5.523-4.477 10-10 10S6 21.523 6 16 10.477 6 16 6s10 4.477 10 10Z"
457
+ />
458
+ </svg>
387
459
  </span>
388
460
  </div>
389
461
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -534,7 +606,19 @@ cssPrefix: pf-v6-c-progress-stepper
534
606
  >
535
607
  <div class="pf-v6-c-progress-stepper__step-connector">
536
608
  <span class="pf-v6-c-progress-stepper__step-icon">
537
- <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
609
+ <svg
610
+ class="pf-v6-svg"
611
+ fill="currentColor"
612
+ viewBox="0 0 32 32"
613
+ aria-hidden="true"
614
+ role="img"
615
+ width="1em"
616
+ height="1em"
617
+ >
618
+ <path
619
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm10-13c0 5.523-4.477 10-10 10S6 21.523 6 16 10.477 6 16 6s10 4.477 10 10Z"
620
+ />
621
+ </svg>
538
622
  </span>
539
623
  </div>
540
624
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -606,7 +690,19 @@ cssPrefix: pf-v6-c-progress-stepper
606
690
  >
607
691
  <div class="pf-v6-c-progress-stepper__step-connector">
608
692
  <span class="pf-v6-c-progress-stepper__step-icon">
609
- <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
693
+ <svg
694
+ class="pf-v6-svg"
695
+ fill="currentColor"
696
+ viewBox="0 0 32 32"
697
+ aria-hidden="true"
698
+ role="img"
699
+ width="1em"
700
+ height="1em"
701
+ >
702
+ <path
703
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm10-13c0 5.523-4.477 10-10 10S6 21.523 6 16 10.477 6 16 6s10 4.477 10 10Z"
704
+ />
705
+ </svg>
610
706
  </span>
611
707
  </div>
612
708
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -678,7 +774,19 @@ cssPrefix: pf-v6-c-progress-stepper
678
774
  >
679
775
  <div class="pf-v6-c-progress-stepper__step-connector">
680
776
  <span class="pf-v6-c-progress-stepper__step-icon">
681
- <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
777
+ <svg
778
+ class="pf-v6-svg"
779
+ fill="currentColor"
780
+ viewBox="0 0 32 32"
781
+ aria-hidden="true"
782
+ role="img"
783
+ width="1em"
784
+ height="1em"
785
+ >
786
+ <path
787
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm10-13c0 5.523-4.477 10-10 10S6 21.523 6 16 10.477 6 16 6s10 4.477 10 10Z"
788
+ />
789
+ </svg>
682
790
  </span>
683
791
  </div>
684
792
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -747,7 +855,19 @@ cssPrefix: pf-v6-c-progress-stepper
747
855
  >
748
856
  <div class="pf-v6-c-progress-stepper__step-connector">
749
857
  <span class="pf-v6-c-progress-stepper__step-icon">
750
- <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
858
+ <svg
859
+ class="pf-v6-svg"
860
+ fill="currentColor"
861
+ viewBox="0 0 32 32"
862
+ aria-hidden="true"
863
+ role="img"
864
+ width="1em"
865
+ height="1em"
866
+ >
867
+ <path
868
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm10-13c0 5.523-4.477 10-10 10S6 21.523 6 16 10.477 6 16 6s10 4.477 10 10Z"
869
+ />
870
+ </svg>
751
871
  </span>
752
872
  </div>
753
873
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -865,7 +985,19 @@ cssPrefix: pf-v6-c-progress-stepper
865
985
  >
866
986
  <div class="pf-v6-c-progress-stepper__step-connector">
867
987
  <span class="pf-v6-c-progress-stepper__step-icon">
868
- <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
988
+ <svg
989
+ class="pf-v6-svg"
990
+ fill="currentColor"
991
+ viewBox="0 0 32 32"
992
+ aria-hidden="true"
993
+ role="img"
994
+ width="1em"
995
+ height="1em"
996
+ >
997
+ <path
998
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm10-13c0 5.523-4.477 10-10 10S6 21.523 6 16 10.477 6 16 6s10 4.477 10 10Z"
999
+ />
1000
+ </svg>
869
1001
  </span>
870
1002
  </div>
871
1003
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -1076,7 +1208,19 @@ cssPrefix: pf-v6-c-progress-stepper
1076
1208
  >
1077
1209
  <div class="pf-v6-c-progress-stepper__step-connector">
1078
1210
  <span class="pf-v6-c-progress-stepper__step-icon">
1079
- <i class="pf-v6-pficon pf-v6-pficon-pending" aria-hidden="true"></i>
1211
+ <svg
1212
+ class="pf-v6-svg"
1213
+ fill="currentColor"
1214
+ viewBox="0 0 32 32"
1215
+ aria-hidden="true"
1216
+ role="img"
1217
+ width="1em"
1218
+ height="1em"
1219
+ >
1220
+ <path
1221
+ d="M26 29h-1v-3.757a3.975 3.975 0 0 0-1.172-2.829L17.414 16l6.414-6.414A3.972 3.972 0 0 0 25 6.757V3h1a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2h1v3.757c0 1.068.416 2.073 1.172 2.829L14.586 16l-6.414 6.414A3.972 3.972 0 0 0 7 25.243V29H6a1 1 0 0 0 0 2h20a1 1 0 0 0 0-2ZM9.024 7C9.014 6.919 9 6.84 9 6.757V3h14v3.757c0 .082-.014.162-.024.243H9.023ZM23 29H9v-3.757c0-.534.208-1.037.586-1.415L16 17.414l6.414 6.414c.378.378.586.88.586 1.415V29Z"
1222
+ />
1223
+ </svg>
1080
1224
  </span>
1081
1225
  </div>
1082
1226
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -1156,7 +1300,19 @@ cssPrefix: pf-v6-c-progress-stepper
1156
1300
  >
1157
1301
  <div class="pf-v6-c-progress-stepper__step-connector">
1158
1302
  <span class="pf-v6-c-progress-stepper__step-icon">
1159
- <i class="pf-v6-pficon pf-v6-pficon-resources-full" aria-hidden="true"></i>
1303
+ <svg
1304
+ class="pf-v6-svg"
1305
+ fill="currentColor"
1306
+ viewBox="0 0 32 32"
1307
+ aria-hidden="true"
1308
+ role="img"
1309
+ width="1em"
1310
+ height="1em"
1311
+ >
1312
+ <path
1313
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm10-13c0 5.523-4.477 10-10 10S6 21.523 6 16 10.477 6 16 6s10 4.477 10 10Z"
1314
+ />
1315
+ </svg>
1160
1316
  </span>
1161
1317
  </div>
1162
1318
  <div class="pf-v6-c-progress-stepper__step-main">
package/docs/components/Sidebar/examples/Sidebar.md CHANGED
@@ -266,5 +266,7 @@ cssPrefix: pf-v6-c-sidebar
266
266
  | `.pf-m-sticky` | `.pf-v6-c-sidebar__panel` | Modifies the panel to be sticky to the top of the layout. |
267
267
  | `.pf-m-static` | `.pf-v6-c-sidebar__panel` | Modifies the panel to be positioned statically. |
268
268
  | `.pf-m-width-{default, 25, 33, 50, 66, 75, 100}{-on-[breakpoint]}` | `.pf-v6-c-sidebar__panel` | Modifies the panel width at optional [breakpoint](/foundations-and-styles/design-tokens/all-design-tokens). **Note:** does not apply when the panel is stacked on top of the content. |
269
- | `.pf-m-no-background` | `.pf-v6-c-sidebar`, `.pf-v6-c-sidebar__panel, .pf-v6-c-sidebar__content` | Modifies the element to have a transparent background. |
269
+ | `.pf-m-no-background` | `.pf-v6-c-sidebar__panel`, `.pf-v6-c-sidebar__content` | Modifies the element to have a transparent background. **Note:** `.pf-m-no-background` is deprecated, use `.pf-m-plain` instead. |
270
+ | `.pf-m-plain` | `.pf-v6-c-sidebar__panel`, `.pf-v6-c-sidebar__content` | Modifies the element to have a transparent background. |
270
271
  | `.pf-m-secondary` | `.pf-v6-c-sidebar__panel, .pf-v6-c-sidebar__content` | Modifies the element to have secondary styling. |
272
+ | `.pf-m-no-plain-on-glass` | `.pf-v6-c-sidebar__panel, .pf-v6-c-sidebar__content` | Prevents the elements from automatically applying plain styling when glass theme is enabled. |
package/docs/components/Switch/examples/Switch.md CHANGED
@@ -67,7 +67,19 @@ cssPrefix: pf-v6-c-switch
67
67
 
68
68
  <span class="pf-v6-c-switch__toggle">
69
69
  <span class="pf-v6-c-switch__toggle-icon">
70
- <i class="fas fa-check" aria-hidden="true"></i>
70
+ <svg
71
+ class="pf-v6-svg"
72
+ fill="currentColor"
73
+ viewBox="0 0 32 32"
74
+ aria-hidden="true"
75
+ role="img"
76
+ width="1em"
77
+ height="1em"
78
+ >
79
+ <path
80
+ d="M11 26.792c-.384 0-.769-.146-1.061-.438l-8.646-8.647a.999.999 0 1 1 1.414-1.414L11 24.586 29.293 6.293a.999.999 0 1 1 1.414 1.414L12.061 26.354a1.497 1.497 0 0 1-1.061.438Z"
81
+ />
82
+ </svg>
71
83
  </span>
72
84
  </span>
73
85
  <span
@@ -94,7 +106,19 @@ cssPrefix: pf-v6-c-switch
94
106
 
95
107
  <span class="pf-v6-c-switch__toggle">
96
108
  <span class="pf-v6-c-switch__toggle-icon">
97
- <i class="fas fa-check" aria-hidden="true"></i>
109
+ <svg
110
+ class="pf-v6-svg"
111
+ fill="currentColor"
112
+ viewBox="0 0 32 32"
113
+ aria-hidden="true"
114
+ role="img"
115
+ width="1em"
116
+ height="1em"
117
+ >
118
+ <path
119
+ d="M11 26.792c-.384 0-.769-.146-1.061-.438l-8.646-8.647a.999.999 0 1 1 1.414-1.414L11 24.586 29.293 6.293a.999.999 0 1 1 1.414 1.414L12.061 26.354a1.497 1.497 0 0 1-1.061.438Z"
120
+ />
121
+ </svg>
98
122
  </span>
99
123
  </span>
100
124
  </label>
@@ -160,7 +184,19 @@ cssPrefix: pf-v6-c-switch
160
184
 
161
185
  <span class="pf-v6-c-switch__toggle">
162
186
  <span class="pf-v6-c-switch__toggle-icon">
163
- <i class="fas fa-check" aria-hidden="true"></i>
187
+ <svg
188
+ class="pf-v6-svg"
189
+ fill="currentColor"
190
+ viewBox="0 0 32 32"
191
+ aria-hidden="true"
192
+ role="img"
193
+ width="1em"
194
+ height="1em"
195
+ >
196
+ <path
197
+ d="M11 26.792c-.384 0-.769-.146-1.061-.438l-8.646-8.647a.999.999 0 1 1 1.414-1.414L11 24.586 29.293 6.293a.999.999 0 1 1 1.414 1.414L12.061 26.354a1.497 1.497 0 0 1-1.061.438Z"
198
+ />
199
+ </svg>
164
200
  </span>
165
201
  </span>
166
202
  </label>
@@ -178,7 +214,19 @@ cssPrefix: pf-v6-c-switch
178
214
  />
179
215
  <span class="pf-v6-c-switch__toggle">
180
216
  <span class="pf-v6-c-switch__toggle-icon">
181
- <i class="fas fa-check" aria-hidden="true"></i>
217
+ <svg
218
+ class="pf-v6-svg"
219
+ fill="currentColor"
220
+ viewBox="0 0 32 32"
221
+ aria-hidden="true"
222
+ role="img"
223
+ width="1em"
224
+ height="1em"
225
+ >
226
+ <path
227
+ d="M11 26.792c-.384 0-.769-.146-1.061-.438l-8.646-8.647a.999.999 0 1 1 1.414-1.414L11 24.586 29.293 6.293a.999.999 0 1 1 1.414 1.414L12.061 26.354a1.497 1.497 0 0 1-1.061.438Z"
228
+ />
229
+ </svg>
182
230
  </span>
183
231
  </span>
184
232
  </label>
package/docs/components/Table/examples/Table.css CHANGED
@@ -12,10 +12,16 @@
12
12
  #ws-core-c-table-sticky-columns-and-header .ws-preview-html,
13
13
  #ws-core-c-table-nested-column-headers-sticky-header .ws-preview-html,
14
14
  #ws-core-c-table-sticky-header .ws-preview-html,
15
+ #ws-core-c-table-sticky-footer .ws-preview-html,
15
16
  #ws-core-c-table-sticky-header-with-base-and-stuck .ws-preview-html {
16
17
  height: 400px;
17
18
  }
18
19
 
20
+ #ws-core-c-table-sticky-header .ws-preview-html,
21
+ #ws-core-c-table-sticky-footer .ws-preview-html {
22
+ overflow: auto;
23
+ }
24
+
19
25
  .pf-v6-c-overflow-menu .pf-v6-c-menu {
20
26
  position: absolute;
21
27
  inset-inline-end: 0;