@patternfly/patternfly 6.3.0-prerelease.9 → 6.3.0

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 (109) hide show
  1. package/assets/images/icon-outlined-star.hbs +3 -0
  2. package/assets/images/icon-star.hbs +3 -0
  3. package/base/patternfly-common.css +46 -11
  4. package/base/patternfly-common.scss +58 -13
  5. package/components/Accordion/accordion.css +72 -3
  6. package/components/Accordion/accordion.scss +78 -6
  7. package/components/Alert/alert-group.css +52 -31
  8. package/components/Alert/alert-group.scss +77 -46
  9. package/components/Button/button.css +154 -6
  10. package/components/Button/button.scss +160 -8
  11. package/components/DataList/data-list.css +2 -2
  12. package/components/DataList/data-list.scss +2 -2
  13. package/components/DualListSelector/dual-list-selector.css +36 -0
  14. package/components/DualListSelector/dual-list-selector.scss +43 -0
  15. package/components/ExpandableSection/expandable-section.css +63 -1
  16. package/components/ExpandableSection/expandable-section.scss +76 -2
  17. package/components/FileUpload/file-upload.css +3 -3
  18. package/components/FileUpload/file-upload.scss +3 -3
  19. package/components/Form/form.css +40 -1
  20. package/components/Form/form.scss +47 -1
  21. package/components/FormControl/form-control.css +16 -0
  22. package/components/FormControl/form-control.scss +9 -0
  23. package/components/InputGroup/input-group.css +80 -0
  24. package/components/InputGroup/input-group.scss +95 -0
  25. package/components/Menu/menu.css +24 -4
  26. package/components/Menu/menu.scss +20 -5
  27. package/components/MenuToggle/menu-toggle.css +30 -0
  28. package/components/MenuToggle/menu-toggle.scss +33 -0
  29. package/components/Nav/nav.css +22 -8
  30. package/components/Nav/nav.scss +22 -9
  31. package/components/Page/page.css +62 -3
  32. package/components/Page/page.scss +44 -3
  33. package/components/Progress/progress.css +16 -0
  34. package/components/Progress/progress.scss +11 -1
  35. package/components/ProgressStepper/progress-stepper.scss +1 -0
  36. package/components/Spinner/spinner.css +5 -0
  37. package/components/Spinner/spinner.scss +6 -0
  38. package/components/Table/table-grid.css +51 -5
  39. package/components/Table/table-grid.scss +22 -1
  40. package/components/Table/table.css +83 -1
  41. package/components/Table/table.scss +123 -1
  42. package/components/Tabs/tabs.css +25 -15
  43. package/components/Tabs/tabs.scss +26 -13
  44. package/components/TextInputGroup/text-input-group.css +16 -0
  45. package/components/TextInputGroup/text-input-group.scss +8 -0
  46. package/components/Timestamp/timestamp.css +4 -0
  47. package/components/Timestamp/timestamp.scss +7 -0
  48. package/components/TreeView/tree-view.css +39 -0
  49. package/components/TreeView/tree-view.scss +42 -2
  50. package/components/Truncate/truncate.css +1 -0
  51. package/components/Truncate/truncate.scss +3 -0
  52. package/components/_index.css +896 -83
  53. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  54. package/docs/components/Button/examples/Button.md +148 -5
  55. package/docs/components/Card/examples/Card.md +8 -8
  56. package/docs/components/CodeBlock/examples/CodeBlock.md +5 -5
  57. package/docs/components/DataList/examples/DataList.md +23 -23
  58. package/docs/components/DualListSelector/examples/DualListSelector.md +534 -16
  59. package/docs/components/ExpandableSection/examples/ExpandableSection.md +17 -12
  60. package/docs/components/Form/examples/Form.md +1047 -126
  61. package/docs/components/Hint/examples/Hint.md +3 -3
  62. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  63. package/docs/components/InputGroup/examples/InputGroup.md +5 -1
  64. package/docs/components/JumpLinks/examples/JumpLinks.md +1 -1
  65. package/docs/components/Masthead/examples/masthead.md +90 -12
  66. package/docs/components/Menu/examples/Menu.md +122 -6
  67. package/docs/components/MenuToggle/examples/MenuToggle.md +90 -51
  68. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +2 -10
  69. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  70. package/docs/components/Page/examples/Page.md +147 -14
  71. package/docs/components/Pagination/examples/Pagination.md +12 -12
  72. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  73. package/docs/components/Slider/examples/Slider.md +2 -2
  74. package/docs/components/Spinner/examples/Spinner.md +10 -0
  75. package/docs/components/Table/examples/Table.md +9428 -6173
  76. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  77. package/docs/components/TextInputGroup/examples/TextInputGroup.md +45 -5
  78. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  79. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  80. package/docs/demos/Alert/examples/Alert.md +66 -9
  81. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  82. package/docs/demos/Banner/examples/Banner.md +47 -6
  83. package/docs/demos/Card/examples/Card.md +5 -62
  84. package/docs/demos/CardView/examples/CardView.md +24 -5
  85. package/docs/demos/Dashboard/examples/Dashboard.md +24 -5
  86. package/docs/demos/DataList/examples/DataList.md +100 -24
  87. package/docs/demos/DescriptionList/examples/DescriptionList.md +66 -47
  88. package/docs/demos/Drawer/examples/Drawer.md +110 -53
  89. package/docs/demos/Form/examples/BasicForms.md +12 -12
  90. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  91. package/docs/demos/Masthead/examples/Masthead.md +170 -18
  92. package/docs/demos/Modal/examples/Modal.md +132 -18
  93. package/docs/demos/Nav/examples/Nav.md +111 -16
  94. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
  95. package/docs/demos/Page/examples/Page.md +309 -43
  96. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -103
  97. package/docs/demos/Skeleton/examples/Skeleton.md +22 -3
  98. package/docs/demos/Table/examples/Table.md +449 -155
  99. package/docs/demos/Tabs/examples/Tabs.md +137 -593
  100. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  101. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  102. package/package.json +5 -5
  103. package/patternfly-base-no-globals.css +45 -11
  104. package/patternfly-base.css +45 -11
  105. package/patternfly-no-globals.css +941 -94
  106. package/patternfly.css +941 -94
  107. package/patternfly.min.css +1 -1
  108. package/patternfly.min.css.map +1 -1
  109. package/sass-utilities/mixins.scss +54 -0
package/docs/components/Hint/examples/Hint.md CHANGED
@@ -13,7 +13,7 @@ cssPrefix: pf-v6-c-hint
13
13
  class="pf-v6-c-menu-toggle pf-m-plain"
14
14
  type="button"
15
15
  aria-expanded="false"
16
- aria-label="Menu toggle"
16
+ aria-label="Hint menu toggle"
17
17
  id="hint-with-title-example-hint"
18
18
  >
19
19
  <span class="pf-v6-c-menu-toggle__icon">
@@ -35,7 +35,7 @@ cssPrefix: pf-v6-c-hint
35
35
  class="pf-v6-c-menu-toggle pf-m-plain"
36
36
  type="button"
37
37
  aria-expanded="false"
38
- aria-label="Menu toggle"
38
+ aria-label="Hint menu toggle"
39
39
  id="hint-with-title-and-actions-example-hint"
40
40
  >
41
41
  <span class="pf-v6-c-menu-toggle__icon">
@@ -74,7 +74,7 @@ cssPrefix: pf-v6-c-hint
74
74
  class="pf-v6-c-menu-toggle pf-m-plain"
75
75
  type="button"
76
76
  aria-expanded="false"
77
- aria-label="Menu toggle"
77
+ aria-label="Hint menu toggle"
78
78
  id="hint-with-no-title-example-hint"
79
79
  >
80
80
  <span class="pf-v6-c-menu-toggle__icon">
package/docs/components/InlineEdit/examples/InlineEdit.md CHANGED
@@ -680,7 +680,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
680
680
  class="pf-v6-c-menu-toggle pf-m-plain"
681
681
  type="button"
682
682
  aria-expanded="false"
683
- aria-label="Menu toggle"
683
+ aria-label="Table actions"
684
684
  >
685
685
  <span class="pf-v6-c-menu-toggle__icon">
686
686
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -869,7 +869,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
869
869
  class="pf-v6-c-menu-toggle pf-m-plain"
870
870
  type="button"
871
871
  aria-expanded="false"
872
- aria-label="Menu toggle"
872
+ aria-label="Table actions"
873
873
  >
874
874
  <span class="pf-v6-c-menu-toggle__icon">
875
875
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
package/docs/components/InputGroup/examples/InputGroup.md CHANGED
@@ -252,7 +252,7 @@ Use the input group to extend form controls by adding text, buttons, selects, et
252
252
  />
253
253
  </span>
254
254
  </div>
255
- <div class="pf-v6-c-input-group__item pf-m-box pf-m-plain">
255
+ <div class="pf-v6-c-input-group__item pf-m-plain pf-m-box">
256
256
  <span class="pf-v6-c-input-group__text">%</span>
257
257
  </div>
258
258
  </div>
@@ -280,3 +280,7 @@ When using the `.pf-v6-c-input-group` always ensure labels are used outside the
280
280
  | `.pf-m-box` | `.pf-v6-c-input-group__item` | Adds appropriate styling for items that are not form controls. |
281
281
  | `.pf-m-fill` | `.pf-v6-c-input-group__item` | Allows the input group element to stretch to fill available space. |
282
282
  | `.pf-m-disabled` | `.pf-v6-c-input-group__item` | Adds disabled styling to match a disabled input within the input group. |
283
+ | `.pf-m-search-expandable` | `.pf-v6-c-input-group` | Modifies an input group to be an expandable search input. **Note:** The expandable search input can be found in the [search input](/components/search-input/) component docs for react and [text input group](/components/text-input-group/html#search-input-group-expandable) component docs for core. |
284
+ | `.pf-m-search-input` | `.pf-v6-c-input-group__item` | Identifies the text input an expandable search input. |
285
+ | `.pf-m-search-expand` | `.pf-v6-c-input-group__item` | Identifies the expand button in an expandable search input. |
286
+ | `.pf-m-search-action` | `.pf-v6-c-input-group__item` | Identifies actions adjacent to the search input when an expandable search input is expanded. |
package/docs/components/JumpLinks/examples/JumpLinks.md CHANGED
@@ -513,7 +513,7 @@ cssPrefix: pf-v6-c-jump-links
513
513
  <button
514
514
  class="pf-v6-c-button pf-m-plain"
515
515
  type="button"
516
- aria-expanded="true"
516
+ aria-expanded
517
517
  aria-label="Toggle jump links"
518
518
  >
519
519
  <span class="pf-v6-c-button__icon pf-m-start">
package/docs/components/Masthead/examples/masthead.md CHANGED
@@ -11,12 +11,25 @@ cssPrefix: pf-v6-c-masthead
11
11
  <div class="pf-v6-c-masthead__main">
12
12
  <span class="pf-v6-c-masthead__toggle">
13
13
  <button
14
- class="pf-v6-c-button pf-m-plain"
14
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
15
15
  type="button"
16
16
  aria-label="Global navigation"
17
17
  >
18
18
  <span class="pf-v6-c-button__icon">
19
- <i class="fas fa-bars" aria-hidden="true"></i>
19
+ <svg
20
+ viewBox="0 0 10 10"
21
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
22
+ width="1em"
23
+ height="1em"
24
+ >
25
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
26
+ <path class="pf-v6-c-button--hamburger-icon--middle" d="M1,5 L9,5" />
27
+ <path
28
+ class="pf-v6-c-button--hamburger-icon--arrow"
29
+ d="M1,5 L1,5 L1,5"
30
+ />
31
+ <path class="pf-v6-c-button--hamburger-icon--bottom" d="M9,9 L1,9" />
32
+ </svg>
20
33
  </span>
21
34
  </button>
22
35
  </span>
@@ -109,12 +122,25 @@ cssPrefix: pf-v6-c-masthead
109
122
  <div class="pf-v6-c-masthead__main">
110
123
  <span class="pf-v6-c-masthead__toggle">
111
124
  <button
112
- class="pf-v6-c-button pf-m-plain"
125
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
113
126
  type="button"
114
127
  aria-label="Global navigation"
115
128
  >
116
129
  <span class="pf-v6-c-button__icon">
117
- <i class="fas fa-bars" aria-hidden="true"></i>
130
+ <svg
131
+ viewBox="0 0 10 10"
132
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
133
+ width="1em"
134
+ height="1em"
135
+ >
136
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
137
+ <path class="pf-v6-c-button--hamburger-icon--middle" d="M1,5 L9,5" />
138
+ <path
139
+ class="pf-v6-c-button--hamburger-icon--arrow"
140
+ d="M1,5 L1,5 L1,5"
141
+ />
142
+ <path class="pf-v6-c-button--hamburger-icon--bottom" d="M9,9 L1,9" />
143
+ </svg>
118
144
  </span>
119
145
  </button>
120
146
  </span>
@@ -218,12 +244,25 @@ cssPrefix: pf-v6-c-masthead
218
244
  <div class="pf-v6-c-masthead__main">
219
245
  <span class="pf-v6-c-masthead__toggle">
220
246
  <button
221
- class="pf-v6-c-button pf-m-plain"
247
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
222
248
  type="button"
223
249
  aria-label="Global navigation"
224
250
  >
225
251
  <span class="pf-v6-c-button__icon">
226
- <i class="fas fa-bars" aria-hidden="true"></i>
252
+ <svg
253
+ viewBox="0 0 10 10"
254
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
255
+ width="1em"
256
+ height="1em"
257
+ >
258
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
259
+ <path class="pf-v6-c-button--hamburger-icon--middle" d="M1,5 L9,5" />
260
+ <path
261
+ class="pf-v6-c-button--hamburger-icon--arrow"
262
+ d="M1,5 L1,5 L1,5"
263
+ />
264
+ <path class="pf-v6-c-button--hamburger-icon--bottom" d="M9,9 L1,9" />
265
+ </svg>
227
266
  </span>
228
267
  </button>
229
268
  </span>
@@ -316,12 +355,25 @@ cssPrefix: pf-v6-c-masthead
316
355
  <div class="pf-v6-c-masthead__main">
317
356
  <span class="pf-v6-c-masthead__toggle">
318
357
  <button
319
- class="pf-v6-c-button pf-m-plain"
358
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
320
359
  type="button"
321
360
  aria-label="Global navigation"
322
361
  >
323
362
  <span class="pf-v6-c-button__icon">
324
- <i class="fas fa-bars" aria-hidden="true"></i>
363
+ <svg
364
+ viewBox="0 0 10 10"
365
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
366
+ width="1em"
367
+ height="1em"
368
+ >
369
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
370
+ <path class="pf-v6-c-button--hamburger-icon--middle" d="M1,5 L9,5" />
371
+ <path
372
+ class="pf-v6-c-button--hamburger-icon--arrow"
373
+ d="M1,5 L1,5 L1,5"
374
+ />
375
+ <path class="pf-v6-c-button--hamburger-icon--bottom" d="M9,9 L1,9" />
376
+ </svg>
325
377
  </span>
326
378
  </button>
327
379
  </span>
@@ -417,12 +469,25 @@ cssPrefix: pf-v6-c-masthead
417
469
  <div class="pf-v6-c-masthead__main">
418
470
  <span class="pf-v6-c-masthead__toggle">
419
471
  <button
420
- class="pf-v6-c-button pf-m-plain"
472
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
421
473
  type="button"
422
474
  aria-label="Global navigation"
423
475
  >
424
476
  <span class="pf-v6-c-button__icon">
425
- <i class="fas fa-bars" aria-hidden="true"></i>
477
+ <svg
478
+ viewBox="0 0 10 10"
479
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
480
+ width="1em"
481
+ height="1em"
482
+ >
483
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
484
+ <path class="pf-v6-c-button--hamburger-icon--middle" d="M1,5 L9,5" />
485
+ <path
486
+ class="pf-v6-c-button--hamburger-icon--arrow"
487
+ d="M1,5 L1,5 L1,5"
488
+ />
489
+ <path class="pf-v6-c-button--hamburger-icon--bottom" d="M9,9 L1,9" />
490
+ </svg>
426
491
  </span>
427
492
  </button>
428
493
  </span>
@@ -515,12 +580,25 @@ cssPrefix: pf-v6-c-masthead
515
580
  <div class="pf-v6-c-masthead__main">
516
581
  <span class="pf-v6-c-masthead__toggle">
517
582
  <button
518
- class="pf-v6-c-button pf-m-plain"
583
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
519
584
  type="button"
520
585
  aria-label="Global navigation"
521
586
  >
522
587
  <span class="pf-v6-c-button__icon">
523
- <i class="fas fa-bars" aria-hidden="true"></i>
588
+ <svg
589
+ viewBox="0 0 10 10"
590
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
591
+ width="1em"
592
+ height="1em"
593
+ >
594
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
595
+ <path class="pf-v6-c-button--hamburger-icon--middle" d="M1,5 L9,5" />
596
+ <path
597
+ class="pf-v6-c-button--hamburger-icon--arrow"
598
+ d="M1,5 L1,5 L1,5"
599
+ />
600
+ <path class="pf-v6-c-button--hamburger-icon--bottom" d="M9,9 L1,9" />
601
+ </svg>
524
602
  </span>
525
603
  </button>
526
604
  </span>
package/docs/components/Menu/examples/Menu.md CHANGED
@@ -4579,7 +4579,7 @@ cssPrefix: pf-v6-c-menu
4579
4579
  </span>
4580
4580
  <span class="pf-v6-c-breadcrumb__dropdown">
4581
4581
  <button
4582
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-small pf-m-text"
4582
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-small pf-m-plain"
4583
4583
  type="button"
4584
4584
  aria-expanded="false"
4585
4585
  aria-label="Menu toggle"
@@ -4811,7 +4811,7 @@ cssPrefix: pf-v6-c-menu
4811
4811
  </span>
4812
4812
  <span class="pf-v6-c-breadcrumb__dropdown">
4813
4813
  <button
4814
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-small pf-m-text"
4814
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-small pf-m-plain"
4815
4815
  type="button"
4816
4816
  aria-expanded="false"
4817
4817
  aria-label="Menu toggle"
@@ -5648,7 +5648,36 @@ cssPrefix: pf-v6-c-menu
5648
5648
  aria-label="Starred"
5649
5649
  >
5650
5650
  <span class="pf-v6-c-button__icon">
5651
- <i class="fas fa-star" aria-hidden="true"></i>
5651
+ <span class="pf-v6-c-button__icon-favorite">
5652
+ <svg
5653
+ class="pf-v6-svg"
5654
+ viewBox="0 0 576 512"
5655
+ fill="currentColor"
5656
+ aria-hidden="true"
5657
+ role="img"
5658
+ width="1em"
5659
+ height="1em"
5660
+ >
5661
+ <path
5662
+ d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"
5663
+ />
5664
+ </svg>
5665
+ </span>
5666
+ <span class="pf-v6-c-button__icon-favorited">
5667
+ <svg
5668
+ class="pf-v6-svg"
5669
+ viewBox="0 0 576 512"
5670
+ fill="currentColor"
5671
+ aria-hidden="true"
5672
+ role="img"
5673
+ width="1em"
5674
+ height="1em"
5675
+ >
5676
+ <path
5677
+ d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
5678
+ />
5679
+ </svg>
5680
+ </span>
5652
5681
  </span>
5653
5682
  </button>
5654
5683
  </div>
@@ -5674,7 +5703,36 @@ cssPrefix: pf-v6-c-menu
5674
5703
  aria-label="Starred"
5675
5704
  >
5676
5705
  <span class="pf-v6-c-button__icon">
5677
- <i class="fas fa-star" aria-hidden="true"></i>
5706
+ <span class="pf-v6-c-button__icon-favorite">
5707
+ <svg
5708
+ class="pf-v6-svg"
5709
+ viewBox="0 0 576 512"
5710
+ fill="currentColor"
5711
+ aria-hidden="true"
5712
+ role="img"
5713
+ width="1em"
5714
+ height="1em"
5715
+ >
5716
+ <path
5717
+ d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"
5718
+ />
5719
+ </svg>
5720
+ </span>
5721
+ <span class="pf-v6-c-button__icon-favorited">
5722
+ <svg
5723
+ class="pf-v6-svg"
5724
+ viewBox="0 0 576 512"
5725
+ fill="currentColor"
5726
+ aria-hidden="true"
5727
+ role="img"
5728
+ width="1em"
5729
+ height="1em"
5730
+ >
5731
+ <path
5732
+ d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
5733
+ />
5734
+ </svg>
5735
+ </span>
5678
5736
  </span>
5679
5737
  </button>
5680
5738
  </div>
@@ -5706,7 +5764,36 @@ cssPrefix: pf-v6-c-menu
5706
5764
  disabled
5707
5765
  >
5708
5766
  <span class="pf-v6-c-button__icon">
5709
- <i class="fas fa-star" aria-hidden="true"></i>
5767
+ <span class="pf-v6-c-button__icon-favorite">
5768
+ <svg
5769
+ class="pf-v6-svg"
5770
+ viewBox="0 0 576 512"
5771
+ fill="currentColor"
5772
+ aria-hidden="true"
5773
+ role="img"
5774
+ width="1em"
5775
+ height="1em"
5776
+ >
5777
+ <path
5778
+ d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"
5779
+ />
5780
+ </svg>
5781
+ </span>
5782
+ <span class="pf-v6-c-button__icon-favorited">
5783
+ <svg
5784
+ class="pf-v6-svg"
5785
+ viewBox="0 0 576 512"
5786
+ fill="currentColor"
5787
+ aria-hidden="true"
5788
+ role="img"
5789
+ width="1em"
5790
+ height="1em"
5791
+ >
5792
+ <path
5793
+ d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
5794
+ />
5795
+ </svg>
5796
+ </span>
5710
5797
  </span>
5711
5798
  </button>
5712
5799
  </div>
@@ -5734,7 +5821,36 @@ cssPrefix: pf-v6-c-menu
5734
5821
  aria-label="Not starred"
5735
5822
  >
5736
5823
  <span class="pf-v6-c-button__icon">
5737
- <i class="fas fa-star" aria-hidden="true"></i>
5824
+ <span class="pf-v6-c-button__icon-favorite">
5825
+ <svg
5826
+ class="pf-v6-svg"
5827
+ viewBox="0 0 576 512"
5828
+ fill="currentColor"
5829
+ aria-hidden="true"
5830
+ role="img"
5831
+ width="1em"
5832
+ height="1em"
5833
+ >
5834
+ <path
5835
+ d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"
5836
+ />
5837
+ </svg>
5838
+ </span>
5839
+ <span class="pf-v6-c-button__icon-favorited">
5840
+ <svg
5841
+ class="pf-v6-svg"
5842
+ viewBox="0 0 576 512"
5843
+ fill="currentColor"
5844
+ aria-hidden="true"
5845
+ role="img"
5846
+ width="1em"
5847
+ height="1em"
5848
+ >
5849
+ <path
5850
+ d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
5851
+ />
5852
+ </svg>
5853
+ </span>
5738
5854
  </span>
5739
5855
  </button>
5740
5856
  </div>