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

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 +33 -5
  43. package/components/Button/button.scss +39 -7
  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 +412 -141
  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 +424 -151
  156. package/patternfly.css +424 -151
  157. package/patternfly.min.css +1 -1
  158. package/patternfly.min.css.map +1 -1
package/docs/demos/Card/examples/Card.md CHANGED
@@ -82,7 +82,19 @@ wrapperTag: div
82
82
  <span class="pf-v6-c-label pf-m-compact">
83
83
  <span class="pf-v6-c-label__content">
84
84
  <span class="pf-v6-c-label__icon">
85
- <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
85
+ <svg
86
+ class="pf-v6-svg"
87
+ fill="currentColor"
88
+ viewBox="0 0 512 512"
89
+ aria-hidden="true"
90
+ role="img"
91
+ width="1em"
92
+ height="1em"
93
+ >
94
+ <path
95
+ d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
96
+ />
97
+ </svg>
86
98
  </span>
87
99
  <span class="pf-v6-c-label__text">Set up your cluster</span>
88
100
  </span>
@@ -92,7 +104,19 @@ wrapperTag: div
92
104
  <span class="pf-v6-c-label pf-m-compact pf-m-purple">
93
105
  <span class="pf-v6-c-label__content">
94
106
  <span class="pf-v6-c-label__icon">
95
- <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
107
+ <svg
108
+ class="pf-v6-svg"
109
+ fill="currentColor"
110
+ viewBox="0 0 512 512"
111
+ aria-hidden="true"
112
+ role="img"
113
+ width="1em"
114
+ height="1em"
115
+ >
116
+ <path
117
+ d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
118
+ />
119
+ </svg>
96
120
  </span>
97
121
  <span class="pf-v6-c-label__text">Guided tours</span>
98
122
  </span>
@@ -102,7 +126,19 @@ wrapperTag: div
102
126
  <span class="pf-v6-c-label pf-m-compact pf-m-green">
103
127
  <span class="pf-v6-c-label__content">
104
128
  <span class="pf-v6-c-label__icon">
105
- <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
129
+ <svg
130
+ class="pf-v6-svg"
131
+ fill="currentColor"
132
+ viewBox="0 0 512 512"
133
+ aria-hidden="true"
134
+ role="img"
135
+ width="1em"
136
+ height="1em"
137
+ >
138
+ <path
139
+ d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
140
+ />
141
+ </svg>
106
142
  </span>
107
143
  <span class="pf-v6-c-label__text">Quick starts</span>
108
144
  </span>
@@ -211,7 +247,19 @@ wrapperTag: div
211
247
  <span class="pf-v6-c-label pf-m-blue">
212
248
  <span class="pf-v6-c-label__content">
213
249
  <span class="pf-v6-c-label__icon">
214
- <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
250
+ <svg
251
+ class="pf-v6-svg"
252
+ fill="currentColor"
253
+ viewBox="0 0 512 512"
254
+ aria-hidden="true"
255
+ role="img"
256
+ width="1em"
257
+ height="1em"
258
+ >
259
+ <path
260
+ d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
261
+ />
262
+ </svg>
215
263
  </span>
216
264
  <span class="pf-v6-c-label__text">Set up your cluster</span>
217
265
  </span>
@@ -257,7 +305,19 @@ wrapperTag: div
257
305
  <span class="pf-v6-c-label pf-m-purple">
258
306
  <span class="pf-v6-c-label__content">
259
307
  <span class="pf-v6-c-label__icon">
260
- <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
308
+ <svg
309
+ class="pf-v6-svg"
310
+ fill="currentColor"
311
+ viewBox="0 0 512 512"
312
+ aria-hidden="true"
313
+ role="img"
314
+ width="1em"
315
+ height="1em"
316
+ >
317
+ <path
318
+ d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
319
+ />
320
+ </svg>
261
321
  </span>
262
322
  <span class="pf-v6-c-label__text">Guided tours</span>
263
323
  </span>
@@ -300,7 +360,19 @@ wrapperTag: div
300
360
  <span class="pf-v6-c-label pf-m-green">
301
361
  <span class="pf-v6-c-label__content">
302
362
  <span class="pf-v6-c-label__icon">
303
- <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
363
+ <svg
364
+ class="pf-v6-svg"
365
+ fill="currentColor"
366
+ viewBox="0 0 512 512"
367
+ aria-hidden="true"
368
+ role="img"
369
+ width="1em"
370
+ height="1em"
371
+ >
372
+ <path
373
+ d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
374
+ />
375
+ </svg>
304
376
  </span>
305
377
  <span class="pf-v6-c-label__text">Quick starts</span>
306
378
  </span>
@@ -346,7 +418,19 @@ wrapperTag: div
346
418
  <span class="pf-v6-c-label pf-m-orange">
347
419
  <span class="pf-v6-c-label__content">
348
420
  <span class="pf-v6-c-label__icon">
349
- <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
421
+ <svg
422
+ class="pf-v6-svg"
423
+ fill="currentColor"
424
+ viewBox="0 0 512 512"
425
+ aria-hidden="true"
426
+ role="img"
427
+ width="1em"
428
+ height="1em"
429
+ >
430
+ <path
431
+ d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
432
+ />
433
+ </svg>
350
434
  </span>
351
435
  <span class="pf-v6-c-label__text">Learning resources</span>
352
436
  </span>
@@ -1383,10 +1467,19 @@ wrapperTag: div
1383
1467
  <span class="pf-v6-c-label pf-m-red">
1384
1468
  <span class="pf-v6-c-label__content">
1385
1469
  <span class="pf-v6-c-label__icon">
1386
- <i
1387
- class="fas fa-fw fa-exclamation-circle"
1470
+ <svg
1471
+ class="pf-v6-svg"
1472
+ fill="currentColor"
1473
+ viewBox="0 0 512 512"
1388
1474
  aria-hidden="true"
1389
- ></i>
1475
+ role="img"
1476
+ width="1em"
1477
+ height="1em"
1478
+ >
1479
+ <path
1480
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
1481
+ />
1482
+ </svg>
1390
1483
  </span>
1391
1484
  <span class="pf-v6-c-label__text">1</span>
1392
1485
  </span>
@@ -1394,10 +1487,19 @@ wrapperTag: div
1394
1487
  <span class="pf-v6-c-label pf-m-orange">
1395
1488
  <span class="pf-v6-c-label__content">
1396
1489
  <span class="pf-v6-c-label__icon">
1397
- <i
1398
- class="fas fa-fw fa-exclamation-triangle"
1490
+ <svg
1491
+ class="pf-v6-svg"
1492
+ fill="currentColor"
1493
+ viewBox="0 0 576 512"
1399
1494
  aria-hidden="true"
1400
- ></i>
1495
+ role="img"
1496
+ width="1em"
1497
+ height="1em"
1498
+ >
1499
+ <path
1500
+ d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
1501
+ />
1502
+ </svg>
1401
1503
  </span>
1402
1504
  <span class="pf-v6-c-label__text">3</span>
1403
1505
  </span>
@@ -1405,7 +1507,19 @@ wrapperTag: div
1405
1507
  <span class="pf-v6-c-label pf-m-green">
1406
1508
  <span class="pf-v6-c-label__content">
1407
1509
  <span class="pf-v6-c-label__icon">
1408
- <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
1510
+ <svg
1511
+ class="pf-v6-svg"
1512
+ fill="currentColor"
1513
+ viewBox="0 0 512 512"
1514
+ aria-hidden="true"
1515
+ role="img"
1516
+ width="1em"
1517
+ height="1em"
1518
+ >
1519
+ <path
1520
+ d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"
1521
+ />
1522
+ </svg>
1409
1523
  </span>
1410
1524
  <span class="pf-v6-c-label__text">3</span>
1411
1525
  </span>
@@ -1413,7 +1527,19 @@ wrapperTag: div
1413
1527
  <span class="pf-v6-c-label pf-m-blue">
1414
1528
  <span class="pf-v6-c-label__content">
1415
1529
  <span class="pf-v6-c-label__icon">
1416
- <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
1530
+ <svg
1531
+ class="pf-v6-svg"
1532
+ fill="currentColor"
1533
+ viewBox="0 0 512 512"
1534
+ aria-hidden="true"
1535
+ role="img"
1536
+ width="1em"
1537
+ height="1em"
1538
+ >
1539
+ <path
1540
+ d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
1541
+ />
1542
+ </svg>
1417
1543
  </span>
1418
1544
  <span class="pf-v6-c-label__text">3</span>
1419
1545
  </span>
@@ -1421,7 +1547,19 @@ wrapperTag: div
1421
1547
  <span class="pf-v6-c-label pf-m-teal">
1422
1548
  <span class="pf-v6-c-label__content">
1423
1549
  <span class="pf-v6-c-label__icon">
1424
- <i class="fas fa-fw fa-bell" aria-hidden="true"></i>
1550
+ <svg
1551
+ class="pf-v6-svg"
1552
+ fill="currentColor"
1553
+ viewBox="0 0 896 1024"
1554
+ aria-hidden="true"
1555
+ role="img"
1556
+ width="1em"
1557
+ height="1em"
1558
+ >
1559
+ <path
1560
+ d="M448,0 C465.333333,0 480.333333,6.33333333 493,19 C505.666667,31.6666667 512,46.6666667 512,64 L512,106 L514.23,106.45 C587.89,121.39 648.48,157.24 696,214 C744,271.333333 768,338.666667 768,416 C768,500 780,568.666667 804,622 C818.666667,652.666667 841.333333,684 872,716 C873.773676,718.829136 875.780658,721.505113 878,724 C890,737.333333 896,752.333333 896,769 C896,785.666667 890,800.333333 878,813 C866,825.666667 850.666667,832 832,832 L63.3,832 C44.9533333,831.84 29.8533333,825.506667 18,813 C6,800.333333 0,785.666667 0,769 C0,752.333333 6,737.333333 18,724 L24,716 L25.06,714.9 C55.1933333,683.28 77.5066667,652.313333 92,622 C116,568.666667 128,500 128,416 C128,338.666667 152,271.333333 200,214 C248,156.666667 309.333333,120.666667 384,106 L384,63.31 C384.166667,46.27 390.5,31.5 403,19 C415.666667,6.33333333 430.666667,0 448,0 Z M576,896 L576,897.08 C575.74,932.6 563.073333,962.573333 538,987 C512.666667,1011.66667 482.666667,1024 448,1024 C413.333333,1024 383.333333,1011.66667 358,987 C332.666667,962.333333 320,932 320,896 L576,896 Z"
1561
+ />
1562
+ </svg>
1425
1563
  </span>
1426
1564
  <span class="pf-v6-c-label__text">3</span>
1427
1565
  </span>
@@ -1660,10 +1798,19 @@ wrapperTag: div
1660
1798
  <span class="pf-v6-c-label pf-m-red">
1661
1799
  <span class="pf-v6-c-label__content">
1662
1800
  <span class="pf-v6-c-label__icon">
1663
- <i
1664
- class="fas fa-fw fa-exclamation-circle"
1801
+ <svg
1802
+ class="pf-v6-svg"
1803
+ fill="currentColor"
1804
+ viewBox="0 0 512 512"
1665
1805
  aria-hidden="true"
1666
- ></i>
1806
+ role="img"
1807
+ width="1em"
1808
+ height="1em"
1809
+ >
1810
+ <path
1811
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
1812
+ />
1813
+ </svg>
1667
1814
  </span>
1668
1815
  <span class="pf-v6-c-label__text">1</span>
1669
1816
  </span>
@@ -1671,10 +1818,19 @@ wrapperTag: div
1671
1818
  <span class="pf-v6-c-label pf-m-orange">
1672
1819
  <span class="pf-v6-c-label__content">
1673
1820
  <span class="pf-v6-c-label__icon">
1674
- <i
1675
- class="fas fa-fw fa-exclamation-triangle"
1821
+ <svg
1822
+ class="pf-v6-svg"
1823
+ fill="currentColor"
1824
+ viewBox="0 0 576 512"
1676
1825
  aria-hidden="true"
1677
- ></i>
1826
+ role="img"
1827
+ width="1em"
1828
+ height="1em"
1829
+ >
1830
+ <path
1831
+ d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
1832
+ />
1833
+ </svg>
1678
1834
  </span>
1679
1835
  <span class="pf-v6-c-label__text">3</span>
1680
1836
  </span>
@@ -1682,7 +1838,19 @@ wrapperTag: div
1682
1838
  <span class="pf-v6-c-label pf-m-green">
1683
1839
  <span class="pf-v6-c-label__content">
1684
1840
  <span class="pf-v6-c-label__icon">
1685
- <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
1841
+ <svg
1842
+ class="pf-v6-svg"
1843
+ fill="currentColor"
1844
+ viewBox="0 0 512 512"
1845
+ aria-hidden="true"
1846
+ role="img"
1847
+ width="1em"
1848
+ height="1em"
1849
+ >
1850
+ <path
1851
+ d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"
1852
+ />
1853
+ </svg>
1686
1854
  </span>
1687
1855
  <span class="pf-v6-c-label__text">3</span>
1688
1856
  </span>
@@ -1690,7 +1858,19 @@ wrapperTag: div
1690
1858
  <span class="pf-v6-c-label pf-m-blue">
1691
1859
  <span class="pf-v6-c-label__content">
1692
1860
  <span class="pf-v6-c-label__icon">
1693
- <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
1861
+ <svg
1862
+ class="pf-v6-svg"
1863
+ fill="currentColor"
1864
+ viewBox="0 0 512 512"
1865
+ aria-hidden="true"
1866
+ role="img"
1867
+ width="1em"
1868
+ height="1em"
1869
+ >
1870
+ <path
1871
+ d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
1872
+ />
1873
+ </svg>
1694
1874
  </span>
1695
1875
  <span class="pf-v6-c-label__text">3</span>
1696
1876
  </span>
@@ -1698,7 +1878,19 @@ wrapperTag: div
1698
1878
  <span class="pf-v6-c-label pf-m-teal">
1699
1879
  <span class="pf-v6-c-label__content">
1700
1880
  <span class="pf-v6-c-label__icon">
1701
- <i class="fas fa-fw fa-bell" aria-hidden="true"></i>
1881
+ <svg
1882
+ class="pf-v6-svg"
1883
+ fill="currentColor"
1884
+ viewBox="0 0 896 1024"
1885
+ aria-hidden="true"
1886
+ role="img"
1887
+ width="1em"
1888
+ height="1em"
1889
+ >
1890
+ <path
1891
+ d="M448,0 C465.333333,0 480.333333,6.33333333 493,19 C505.666667,31.6666667 512,46.6666667 512,64 L512,106 L514.23,106.45 C587.89,121.39 648.48,157.24 696,214 C744,271.333333 768,338.666667 768,416 C768,500 780,568.666667 804,622 C818.666667,652.666667 841.333333,684 872,716 C873.773676,718.829136 875.780658,721.505113 878,724 C890,737.333333 896,752.333333 896,769 C896,785.666667 890,800.333333 878,813 C866,825.666667 850.666667,832 832,832 L63.3,832 C44.9533333,831.84 29.8533333,825.506667 18,813 C6,800.333333 0,785.666667 0,769 C0,752.333333 6,737.333333 18,724 L24,716 L25.06,714.9 C55.1933333,683.28 77.5066667,652.313333 92,622 C116,568.666667 128,500 128,416 C128,338.666667 152,271.333333 200,214 C248,156.666667 309.333333,120.666667 384,106 L384,63.31 C384.166667,46.27 390.5,31.5 403,19 C415.666667,6.33333333 430.666667,0 448,0 Z M576,896 L576,897.08 C575.74,932.6 563.073333,962.573333 538,987 C512.666667,1011.66667 482.666667,1024 448,1024 C413.333333,1024 383.333333,1011.66667 358,987 C332.666667,962.333333 320,932 320,896 L576,896 Z"
1892
+ />
1893
+ </svg>
1702
1894
  </span>
1703
1895
  <span class="pf-v6-c-label__text">3</span>
1704
1896
  </span>
@@ -2398,10 +2590,19 @@ wrapperTag: div
2398
2590
  <span class="pf-v6-c-label pf-m-red">
2399
2591
  <span class="pf-v6-c-label__content">
2400
2592
  <span class="pf-v6-c-label__icon">
2401
- <i
2402
- class="fas fa-fw fa-exclamation-circle"
2593
+ <svg
2594
+ class="pf-v6-svg"
2595
+ fill="currentColor"
2596
+ viewBox="0 0 512 512"
2403
2597
  aria-hidden="true"
2404
- ></i>
2598
+ role="img"
2599
+ width="1em"
2600
+ height="1em"
2601
+ >
2602
+ <path
2603
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
2604
+ />
2605
+ </svg>
2405
2606
  </span>
2406
2607
  <span class="pf-v6-c-label__text">1</span>
2407
2608
  </span>
@@ -2409,10 +2610,19 @@ wrapperTag: div
2409
2610
  <span class="pf-v6-c-label pf-m-orange">
2410
2611
  <span class="pf-v6-c-label__content">
2411
2612
  <span class="pf-v6-c-label__icon">
2412
- <i
2413
- class="fas fa-fw fa-exclamation-triangle"
2613
+ <svg
2614
+ class="pf-v6-svg"
2615
+ fill="currentColor"
2616
+ viewBox="0 0 576 512"
2414
2617
  aria-hidden="true"
2415
- ></i>
2618
+ role="img"
2619
+ width="1em"
2620
+ height="1em"
2621
+ >
2622
+ <path
2623
+ d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
2624
+ />
2625
+ </svg>
2416
2626
  </span>
2417
2627
  <span class="pf-v6-c-label__text">3</span>
2418
2628
  </span>
@@ -2420,7 +2630,19 @@ wrapperTag: div
2420
2630
  <span class="pf-v6-c-label pf-m-green">
2421
2631
  <span class="pf-v6-c-label__content">
2422
2632
  <span class="pf-v6-c-label__icon">
2423
- <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
2633
+ <svg
2634
+ class="pf-v6-svg"
2635
+ fill="currentColor"
2636
+ viewBox="0 0 512 512"
2637
+ aria-hidden="true"
2638
+ role="img"
2639
+ width="1em"
2640
+ height="1em"
2641
+ >
2642
+ <path
2643
+ d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"
2644
+ />
2645
+ </svg>
2424
2646
  </span>
2425
2647
  <span class="pf-v6-c-label__text">3</span>
2426
2648
  </span>
@@ -2428,7 +2650,19 @@ wrapperTag: div
2428
2650
  <span class="pf-v6-c-label pf-m-blue">
2429
2651
  <span class="pf-v6-c-label__content">
2430
2652
  <span class="pf-v6-c-label__icon">
2431
- <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
2653
+ <svg
2654
+ class="pf-v6-svg"
2655
+ fill="currentColor"
2656
+ viewBox="0 0 512 512"
2657
+ aria-hidden="true"
2658
+ role="img"
2659
+ width="1em"
2660
+ height="1em"
2661
+ >
2662
+ <path
2663
+ d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
2664
+ />
2665
+ </svg>
2432
2666
  </span>
2433
2667
  <span class="pf-v6-c-label__text">3</span>
2434
2668
  </span>
@@ -2436,7 +2670,19 @@ wrapperTag: div
2436
2670
  <span class="pf-v6-c-label pf-m-teal">
2437
2671
  <span class="pf-v6-c-label__content">
2438
2672
  <span class="pf-v6-c-label__icon">
2439
- <i class="fas fa-fw fa-bell" aria-hidden="true"></i>
2673
+ <svg
2674
+ class="pf-v6-svg"
2675
+ fill="currentColor"
2676
+ viewBox="0 0 896 1024"
2677
+ aria-hidden="true"
2678
+ role="img"
2679
+ width="1em"
2680
+ height="1em"
2681
+ >
2682
+ <path
2683
+ d="M448,0 C465.333333,0 480.333333,6.33333333 493,19 C505.666667,31.6666667 512,46.6666667 512,64 L512,106 L514.23,106.45 C587.89,121.39 648.48,157.24 696,214 C744,271.333333 768,338.666667 768,416 C768,500 780,568.666667 804,622 C818.666667,652.666667 841.333333,684 872,716 C873.773676,718.829136 875.780658,721.505113 878,724 C890,737.333333 896,752.333333 896,769 C896,785.666667 890,800.333333 878,813 C866,825.666667 850.666667,832 832,832 L63.3,832 C44.9533333,831.84 29.8533333,825.506667 18,813 C6,800.333333 0,785.666667 0,769 C0,752.333333 6,737.333333 18,724 L24,716 L25.06,714.9 C55.1933333,683.28 77.5066667,652.313333 92,622 C116,568.666667 128,500 128,416 C128,338.666667 152,271.333333 200,214 C248,156.666667 309.333333,120.666667 384,106 L384,63.31 C384.166667,46.27 390.5,31.5 403,19 C415.666667,6.33333333 430.666667,0 448,0 Z M576,896 L576,897.08 C575.74,932.6 563.073333,962.573333 538,987 C512.666667,1011.66667 482.666667,1024 448,1024 C413.333333,1024 383.333333,1011.66667 358,987 C332.666667,962.333333 320,932 320,896 L576,896 Z"
2684
+ />
2685
+ </svg>
2440
2686
  </span>
2441
2687
  <span class="pf-v6-c-label__text">3</span>
2442
2688
  </span>
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -702,14 +702,14 @@ section: patterns
702
702
  <svg
703
703
  class="pf-v6-svg"
704
704
  fill="currentColor"
705
- viewBox="0 0 256 512"
705
+ viewBox="0 0 20 20"
706
706
  aria-hidden="true"
707
707
  role="img"
708
708
  width="1em"
709
709
  height="1em"
710
710
  >
711
711
  <path
712
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
712
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
713
713
  />
714
714
  </svg>
715
715
  </span>
@@ -725,14 +725,14 @@ section: patterns
725
725
  <svg
726
726
  class="pf-v6-svg"
727
727
  fill="currentColor"
728
- viewBox="0 0 256 512"
728
+ viewBox="0 0 20 20"
729
729
  aria-hidden="true"
730
730
  role="img"
731
731
  width="1em"
732
732
  height="1em"
733
733
  >
734
734
  <path
735
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
735
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
736
736
  />
737
737
  </svg>
738
738
  </span>
@@ -1413,14 +1413,14 @@ section: patterns
1413
1413
  <svg
1414
1414
  class="pf-v6-svg"
1415
1415
  fill="currentColor"
1416
- viewBox="0 0 448 512"
1416
+ viewBox="0 0 20 20"
1417
1417
  aria-hidden="true"
1418
1418
  role="img"
1419
1419
  width="1em"
1420
1420
  height="1em"
1421
1421
  >
1422
1422
  <path
1423
- d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
1423
+ d="M10 19a.997.997 0 0 1-.707-.293l-7.647-7.646c-.283-.284-.439-.66-.439-1.061s.156-.777.44-1.06l7.646-7.647a1 1 0 1 1 1.414 1.414L3.414 10l7.293 7.293A1 1 0 0 1 10 19Zm8.707-.293a1 1 0 0 0 0-1.414L11.414 10l7.293-7.293a1 1 0 1 0-1.414-1.414L9.646 8.939c-.283.284-.439.66-.439 1.061s.156.777.44 1.06l7.646 7.647a.997.997 0 0 0 1.414 0Z"
1424
1424
  />
1425
1425
  </svg>
1426
1426
  </span>
@@ -1437,14 +1437,14 @@ section: patterns
1437
1437
  <svg
1438
1438
  class="pf-v6-svg"
1439
1439
  fill="currentColor"
1440
- viewBox="0 0 256 512"
1440
+ viewBox="0 0 20 20"
1441
1441
  aria-hidden="true"
1442
1442
  role="img"
1443
1443
  width="1em"
1444
1444
  height="1em"
1445
1445
  >
1446
1446
  <path
1447
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1447
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
1448
1448
  />
1449
1449
  </svg>
1450
1450
  </span>
@@ -1472,14 +1472,14 @@ section: patterns
1472
1472
  <svg
1473
1473
  class="pf-v6-svg"
1474
1474
  fill="currentColor"
1475
- viewBox="0 0 256 512"
1475
+ viewBox="0 0 20 20"
1476
1476
  aria-hidden="true"
1477
1477
  role="img"
1478
1478
  width="1em"
1479
1479
  height="1em"
1480
1480
  >
1481
1481
  <path
1482
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1482
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1483
1483
  />
1484
1484
  </svg>
1485
1485
  </span>
@@ -1496,14 +1496,14 @@ section: patterns
1496
1496
  <svg
1497
1497
  class="pf-v6-svg"
1498
1498
  fill="currentColor"
1499
- viewBox="0 0 448 512"
1499
+ viewBox="0 0 20 20"
1500
1500
  aria-hidden="true"
1501
1501
  role="img"
1502
1502
  width="1em"
1503
1503
  height="1em"
1504
1504
  >
1505
1505
  <path
1506
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
1506
+ d="M10 19a1 1 0 0 1-.707-1.707L16.586 10 9.293 2.707a1 1 0 1 1 1.414-1.414l7.647 7.646c.283.284.439.66.439 1.061s-.156.777-.44 1.06l-7.646 7.647A.997.997 0 0 1 10 19Zm-7.293-.293 7.647-7.646c.283-.284.439-.66.439-1.061s-.156-.777-.44-1.06L2.708 1.292a1 1 0 1 0-1.414 1.414L8.586 10l-7.293 7.293a1 1 0 1 0 1.414 1.414Z"
1507
1507
  />
1508
1508
  </svg>
1509
1509
  </span>