@patternfly/patternfly 6.5.0-prerelease.46 → 6.5.0-prerelease.47

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 (80) hide show
  1. package/components/Accordion/accordion.css +1 -1
  2. package/components/Accordion/accordion.scss +1 -1
  3. package/components/Card/card.css +1 -1
  4. package/components/Card/card.scss +1 -1
  5. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  6. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  7. package/components/DataList/data-list.css +1 -1
  8. package/components/DataList/data-list.scss +1 -1
  9. package/components/DualListSelector/dual-list-selector.css +1 -1
  10. package/components/DualListSelector/dual-list-selector.scss +1 -1
  11. package/components/ExpandableSection/expandable-section.css +2 -2
  12. package/components/ExpandableSection/expandable-section.scss +2 -2
  13. package/components/Form/form.css +1 -1
  14. package/components/Form/form.scss +1 -1
  15. package/components/JumpLinks/jump-links.css +1 -1
  16. package/components/JumpLinks/jump-links.scss +1 -1
  17. package/components/Nav/nav.css +1 -1
  18. package/components/Nav/nav.scss +1 -1
  19. package/components/NotificationDrawer/notification-drawer.css +1 -1
  20. package/components/NotificationDrawer/notification-drawer.scss +1 -1
  21. package/components/Table/table.css +2 -2
  22. package/components/Table/table.scss +2 -2
  23. package/components/Tabs/tabs.css +2 -2
  24. package/components/Tabs/tabs.scss +2 -2
  25. package/components/Toolbar/toolbar.css +1 -1
  26. package/components/Toolbar/toolbar.scss +1 -1
  27. package/components/TreeView/tree-view.css +1 -1
  28. package/components/TreeView/tree-view.scss +1 -1
  29. package/components/Wizard/wizard.css +1 -1
  30. package/components/Wizard/wizard.scss +1 -1
  31. package/components/_index.css +18 -18
  32. package/docs/components/Accordion/examples/Accordion.md +390 -30
  33. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
  34. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  35. package/docs/components/Card/examples/Card.md +52 -4
  36. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +78 -6
  37. package/docs/components/CodeBlock/examples/CodeBlock.md +26 -2
  38. package/docs/components/DataList/examples/DataList.md +221 -17
  39. package/docs/components/DualListSelector/examples/DualListSelector.md +169 -13
  40. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  41. package/docs/components/Form/examples/Form.md +78 -6
  42. package/docs/components/Icon/examples/Icon.md +26 -2
  43. package/docs/components/JumpLinks/examples/JumpLinks.md +52 -4
  44. package/docs/components/Menu/examples/Menu.md +1456 -112
  45. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +39 -3
  46. package/docs/components/Nav/examples/Navigation.md +710 -62
  47. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +52 -4
  48. package/docs/components/Table/examples/Table.md +819 -63
  49. package/docs/components/Tabs/examples/Tabs.md +321 -213
  50. package/docs/components/TreeView/examples/TreeView.md +1300 -100
  51. package/docs/components/Wizard/examples/Wizard.md +323 -59
  52. package/docs/demos/AboutModal/examples/AboutModal.md +39 -3
  53. package/docs/demos/Alert/examples/Alert.md +117 -9
  54. package/docs/demos/BackToTop/examples/BackToTop.md +39 -3
  55. package/docs/demos/Banner/examples/Banner.md +78 -6
  56. package/docs/demos/Card/examples/Card.md +230 -26
  57. package/docs/demos/CardView/examples/CardView.md +78 -6
  58. package/docs/demos/Compass/examples/Compass.md +71 -35
  59. package/docs/demos/Dashboard/examples/Dashboard.md +104 -8
  60. package/docs/demos/DataList/examples/DataList.md +234 -18
  61. package/docs/demos/DescriptionList/examples/DescriptionList.md +117 -9
  62. package/docs/demos/Drawer/examples/Drawer.md +141 -15
  63. package/docs/demos/Form/examples/BasicForms.md +143 -11
  64. package/docs/demos/JumpLinks/examples/JumpLinks.md +216 -27
  65. package/docs/demos/Masthead/examples/Masthead.md +355 -31
  66. package/docs/demos/Modal/examples/Modal.md +234 -18
  67. package/docs/demos/Nav/examples/Nav.md +320 -32
  68. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +247 -19
  69. package/docs/demos/Page/examples/Page.md +546 -42
  70. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +281 -29
  71. package/docs/demos/Skeleton/examples/Skeleton.md +39 -3
  72. package/docs/demos/Table/examples/Table.md +702 -54
  73. package/docs/demos/Tabs/examples/Tabs.md +238 -22
  74. package/docs/demos/Toolbar/examples/Toolbar.md +78 -6
  75. package/docs/demos/Wizard/examples/Wizard.md +621 -72
  76. package/package.json +1 -1
  77. package/patternfly-no-globals.css +18 -18
  78. package/patternfly.css +18 -18
  79. package/patternfly.min.css +1 -1
  80. package/patternfly.min.css.map +1 -1
@@ -11,25 +11,73 @@ cssPrefix: pf-v6-c-breadcrumb
11
11
  <ol class="pf-v6-c-breadcrumb__list" role="list">
12
12
  <li class="pf-v6-c-breadcrumb__item">
13
13
  <span class="pf-v6-c-breadcrumb__item-divider">
14
- <i class="fas fa-angle-right" aria-hidden="true"></i>
14
+ <svg
15
+ class="pf-v6-svg"
16
+ viewBox="0 0 20 20"
17
+ fill="currentColor"
18
+ aria-hidden="true"
19
+ role="img"
20
+ width="1em"
21
+ height="1em"
22
+ >
23
+ <path
24
+ 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"
25
+ />
26
+ </svg>
15
27
  </span>
16
28
  <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
17
29
  </li>
18
30
  <li class="pf-v6-c-breadcrumb__item">
19
31
  <span class="pf-v6-c-breadcrumb__item-divider">
20
- <i class="fas fa-angle-right" aria-hidden="true"></i>
32
+ <svg
33
+ class="pf-v6-svg"
34
+ viewBox="0 0 20 20"
35
+ fill="currentColor"
36
+ aria-hidden="true"
37
+ role="img"
38
+ width="1em"
39
+ height="1em"
40
+ >
41
+ <path
42
+ 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"
43
+ />
44
+ </svg>
21
45
  </span>
22
46
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
23
47
  </li>
24
48
  <li class="pf-v6-c-breadcrumb__item">
25
49
  <span class="pf-v6-c-breadcrumb__item-divider">
26
- <i class="fas fa-angle-right" aria-hidden="true"></i>
50
+ <svg
51
+ class="pf-v6-svg"
52
+ viewBox="0 0 20 20"
53
+ fill="currentColor"
54
+ aria-hidden="true"
55
+ role="img"
56
+ width="1em"
57
+ height="1em"
58
+ >
59
+ <path
60
+ 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"
61
+ />
62
+ </svg>
27
63
  </span>
28
64
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
29
65
  </li>
30
66
  <li class="pf-v6-c-breadcrumb__item">
31
67
  <span class="pf-v6-c-breadcrumb__item-divider">
32
- <i class="fas fa-angle-right" aria-hidden="true"></i>
68
+ <svg
69
+ class="pf-v6-svg"
70
+ viewBox="0 0 20 20"
71
+ fill="currentColor"
72
+ aria-hidden="true"
73
+ role="img"
74
+ width="1em"
75
+ height="1em"
76
+ >
77
+ <path
78
+ 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"
79
+ />
80
+ </svg>
33
81
  </span>
34
82
  <a
35
83
  href="#"
@@ -49,37 +97,109 @@ cssPrefix: pf-v6-c-breadcrumb
49
97
  <ol class="pf-v6-c-breadcrumb__list" role="list">
50
98
  <li class="pf-v6-c-breadcrumb__item">
51
99
  <span class="pf-v6-c-breadcrumb__item-divider">
52
- <i class="fas fa-angle-right" aria-hidden="true"></i>
100
+ <svg
101
+ class="pf-v6-svg"
102
+ viewBox="0 0 20 20"
103
+ fill="currentColor"
104
+ aria-hidden="true"
105
+ role="img"
106
+ width="1em"
107
+ height="1em"
108
+ >
109
+ <path
110
+ 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"
111
+ />
112
+ </svg>
53
113
  </span>
54
114
  Section home
55
115
  </li>
56
116
  <li class="pf-v6-c-breadcrumb__item">
57
117
  <span class="pf-v6-c-breadcrumb__item-divider">
58
- <i class="fas fa-angle-right" aria-hidden="true"></i>
118
+ <svg
119
+ class="pf-v6-svg"
120
+ viewBox="0 0 20 20"
121
+ fill="currentColor"
122
+ aria-hidden="true"
123
+ role="img"
124
+ width="1em"
125
+ height="1em"
126
+ >
127
+ <path
128
+ 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"
129
+ />
130
+ </svg>
59
131
  </span>
60
132
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
61
133
  </li>
62
134
  <li class="pf-v6-c-breadcrumb__item">
63
135
  <span class="pf-v6-c-breadcrumb__item-divider">
64
- <i class="fas fa-angle-right" aria-hidden="true"></i>
136
+ <svg
137
+ class="pf-v6-svg"
138
+ viewBox="0 0 20 20"
139
+ fill="currentColor"
140
+ aria-hidden="true"
141
+ role="img"
142
+ width="1em"
143
+ height="1em"
144
+ >
145
+ <path
146
+ 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"
147
+ />
148
+ </svg>
65
149
  </span>
66
150
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
67
151
  </li>
68
152
  <li class="pf-v6-c-breadcrumb__item">
69
153
  <span class="pf-v6-c-breadcrumb__item-divider">
70
- <i class="fas fa-angle-right" aria-hidden="true"></i>
154
+ <svg
155
+ class="pf-v6-svg"
156
+ viewBox="0 0 20 20"
157
+ fill="currentColor"
158
+ aria-hidden="true"
159
+ role="img"
160
+ width="1em"
161
+ height="1em"
162
+ >
163
+ <path
164
+ 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"
165
+ />
166
+ </svg>
71
167
  </span>
72
168
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
73
169
  </li>
74
170
  <li class="pf-v6-c-breadcrumb__item">
75
171
  <span class="pf-v6-c-breadcrumb__item-divider">
76
- <i class="fas fa-angle-right" aria-hidden="true"></i>
172
+ <svg
173
+ class="pf-v6-svg"
174
+ viewBox="0 0 20 20"
175
+ fill="currentColor"
176
+ aria-hidden="true"
177
+ role="img"
178
+ width="1em"
179
+ height="1em"
180
+ >
181
+ <path
182
+ 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"
183
+ />
184
+ </svg>
77
185
  </span>
78
186
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
79
187
  </li>
80
188
  <li class="pf-v6-c-breadcrumb__item">
81
189
  <span class="pf-v6-c-breadcrumb__item-divider">
82
- <i class="fas fa-angle-right" aria-hidden="true"></i>
190
+ <svg
191
+ class="pf-v6-svg"
192
+ viewBox="0 0 20 20"
193
+ fill="currentColor"
194
+ aria-hidden="true"
195
+ role="img"
196
+ width="1em"
197
+ height="1em"
198
+ >
199
+ <path
200
+ 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"
201
+ />
202
+ </svg>
83
203
  </span>
84
204
  <a
85
205
  href="#"
@@ -99,31 +219,91 @@ cssPrefix: pf-v6-c-breadcrumb
99
219
  <ol class="pf-v6-c-breadcrumb__list" role="list">
100
220
  <li class="pf-v6-c-breadcrumb__item">
101
221
  <span class="pf-v6-c-breadcrumb__item-divider">
102
- <i class="fas fa-angle-right" aria-hidden="true"></i>
222
+ <svg
223
+ class="pf-v6-svg"
224
+ viewBox="0 0 20 20"
225
+ fill="currentColor"
226
+ aria-hidden="true"
227
+ role="img"
228
+ width="1em"
229
+ height="1em"
230
+ >
231
+ <path
232
+ 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"
233
+ />
234
+ </svg>
103
235
  </span>
104
236
  <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
105
237
  </li>
106
238
  <li class="pf-v6-c-breadcrumb__item">
107
239
  <span class="pf-v6-c-breadcrumb__item-divider">
108
- <i class="fas fa-angle-right" aria-hidden="true"></i>
240
+ <svg
241
+ class="pf-v6-svg"
242
+ viewBox="0 0 20 20"
243
+ fill="currentColor"
244
+ aria-hidden="true"
245
+ role="img"
246
+ width="1em"
247
+ height="1em"
248
+ >
249
+ <path
250
+ 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"
251
+ />
252
+ </svg>
109
253
  </span>
110
254
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
111
255
  </li>
112
256
  <li class="pf-v6-c-breadcrumb__item">
113
257
  <span class="pf-v6-c-breadcrumb__item-divider">
114
- <i class="fas fa-angle-right" aria-hidden="true"></i>
258
+ <svg
259
+ class="pf-v6-svg"
260
+ viewBox="0 0 20 20"
261
+ fill="currentColor"
262
+ aria-hidden="true"
263
+ role="img"
264
+ width="1em"
265
+ height="1em"
266
+ >
267
+ <path
268
+ 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"
269
+ />
270
+ </svg>
115
271
  </span>
116
272
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
117
273
  </li>
118
274
  <li class="pf-v6-c-breadcrumb__item">
119
275
  <span class="pf-v6-c-breadcrumb__item-divider">
120
- <i class="fas fa-angle-right" aria-hidden="true"></i>
276
+ <svg
277
+ class="pf-v6-svg"
278
+ viewBox="0 0 20 20"
279
+ fill="currentColor"
280
+ aria-hidden="true"
281
+ role="img"
282
+ width="1em"
283
+ height="1em"
284
+ >
285
+ <path
286
+ 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"
287
+ />
288
+ </svg>
121
289
  </span>
122
290
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
123
291
  </li>
124
292
  <li class="pf-v6-c-breadcrumb__item">
125
293
  <span class="pf-v6-c-breadcrumb__item-divider">
126
- <i class="fas fa-angle-right" aria-hidden="true"></i>
294
+ <svg
295
+ class="pf-v6-svg"
296
+ viewBox="0 0 20 20"
297
+ fill="currentColor"
298
+ aria-hidden="true"
299
+ role="img"
300
+ width="1em"
301
+ height="1em"
302
+ >
303
+ <path
304
+ 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"
305
+ />
306
+ </svg>
127
307
  </span>
128
308
  <h1 class="pf-v6-c-breadcrumb__heading">
129
309
  <a
@@ -145,19 +325,55 @@ cssPrefix: pf-v6-c-breadcrumb
145
325
  <ol class="pf-v6-c-breadcrumb__list" role="list">
146
326
  <li class="pf-v6-c-breadcrumb__item">
147
327
  <span class="pf-v6-c-breadcrumb__item-divider">
148
- <i class="fas fa-angle-right" aria-hidden="true"></i>
328
+ <svg
329
+ class="pf-v6-svg"
330
+ viewBox="0 0 20 20"
331
+ fill="currentColor"
332
+ aria-hidden="true"
333
+ role="img"
334
+ width="1em"
335
+ height="1em"
336
+ >
337
+ <path
338
+ 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"
339
+ />
340
+ </svg>
149
341
  </span>
150
342
  <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
151
343
  </li>
152
344
  <li class="pf-v6-c-breadcrumb__item">
153
345
  <span class="pf-v6-c-breadcrumb__item-divider">
154
- <i class="fas fa-angle-right" aria-hidden="true"></i>
346
+ <svg
347
+ class="pf-v6-svg"
348
+ viewBox="0 0 20 20"
349
+ fill="currentColor"
350
+ aria-hidden="true"
351
+ role="img"
352
+ width="1em"
353
+ height="1em"
354
+ >
355
+ <path
356
+ 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"
357
+ />
358
+ </svg>
155
359
  </span>
156
360
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
157
361
  </li>
158
362
  <li class="pf-v6-c-breadcrumb__item">
159
363
  <span class="pf-v6-c-breadcrumb__item-divider">
160
- <i class="fas fa-angle-right" aria-hidden="true"></i>
364
+ <svg
365
+ class="pf-v6-svg"
366
+ viewBox="0 0 20 20"
367
+ fill="currentColor"
368
+ aria-hidden="true"
369
+ role="img"
370
+ width="1em"
371
+ height="1em"
372
+ >
373
+ <path
374
+ 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"
375
+ />
376
+ </svg>
161
377
  </span>
162
378
  <span class="pf-v6-c-breadcrumb__dropdown">
163
379
  <button
@@ -182,7 +398,19 @@ cssPrefix: pf-v6-c-breadcrumb
182
398
  </li>
183
399
  <li class="pf-v6-c-breadcrumb__item">
184
400
  <span class="pf-v6-c-breadcrumb__item-divider">
185
- <i class="fas fa-angle-right" aria-hidden="true"></i>
401
+ <svg
402
+ class="pf-v6-svg"
403
+ viewBox="0 0 20 20"
404
+ fill="currentColor"
405
+ aria-hidden="true"
406
+ role="img"
407
+ width="1em"
408
+ height="1em"
409
+ >
410
+ <path
411
+ 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"
412
+ />
413
+ </svg>
186
414
  </span>
187
415
  <h1 class="pf-v6-c-breadcrumb__heading">
188
416
  <a
@@ -204,25 +432,73 @@ cssPrefix: pf-v6-c-breadcrumb
204
432
  <ol class="pf-v6-c-breadcrumb__list" role="list">
205
433
  <li class="pf-v6-c-breadcrumb__item">
206
434
  <span class="pf-v6-c-breadcrumb__item-divider">
207
- <i class="fas fa-angle-right" aria-hidden="true"></i>
435
+ <svg
436
+ class="pf-v6-svg"
437
+ viewBox="0 0 20 20"
438
+ fill="currentColor"
439
+ aria-hidden="true"
440
+ role="img"
441
+ width="1em"
442
+ height="1em"
443
+ >
444
+ <path
445
+ 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"
446
+ />
447
+ </svg>
208
448
  </span>
209
449
  <button class="pf-v6-c-breadcrumb__link" type="button">Section home</button>
210
450
  </li>
211
451
  <li class="pf-v6-c-breadcrumb__item">
212
452
  <span class="pf-v6-c-breadcrumb__item-divider">
213
- <i class="fas fa-angle-right" aria-hidden="true"></i>
453
+ <svg
454
+ class="pf-v6-svg"
455
+ viewBox="0 0 20 20"
456
+ fill="currentColor"
457
+ aria-hidden="true"
458
+ role="img"
459
+ width="1em"
460
+ height="1em"
461
+ >
462
+ <path
463
+ 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"
464
+ />
465
+ </svg>
214
466
  </span>
215
467
  <button class="pf-v6-c-breadcrumb__link" type="button">Section title</button>
216
468
  </li>
217
469
  <li class="pf-v6-c-breadcrumb__item">
218
470
  <span class="pf-v6-c-breadcrumb__item-divider">
219
- <i class="fas fa-angle-right" aria-hidden="true"></i>
471
+ <svg
472
+ class="pf-v6-svg"
473
+ viewBox="0 0 20 20"
474
+ fill="currentColor"
475
+ aria-hidden="true"
476
+ role="img"
477
+ width="1em"
478
+ height="1em"
479
+ >
480
+ <path
481
+ 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"
482
+ />
483
+ </svg>
220
484
  </span>
221
485
  <button class="pf-v6-c-breadcrumb__link" type="button">Section title</button>
222
486
  </li>
223
487
  <li class="pf-v6-c-breadcrumb__item">
224
488
  <span class="pf-v6-c-breadcrumb__item-divider">
225
- <i class="fas fa-angle-right" aria-hidden="true"></i>
489
+ <svg
490
+ class="pf-v6-svg"
491
+ viewBox="0 0 20 20"
492
+ fill="currentColor"
493
+ aria-hidden="true"
494
+ role="img"
495
+ width="1em"
496
+ height="1em"
497
+ >
498
+ <path
499
+ 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"
500
+ />
501
+ </svg>
226
502
  </span>
227
503
  <button
228
504
  class="pf-v6-c-breadcrumb__link pf-m-current"
@@ -19,7 +19,7 @@ cssPrefix: pf-v6-c-calendar-month
19
19
  <span class="pf-v6-c-button__icon">
20
20
  <svg
21
21
  class="pf-v6-svg"
22
- viewBox="0 0 256 512"
22
+ viewBox="0 0 20 20"
23
23
  fill="currentColor"
24
24
  aria-hidden="true"
25
25
  role="img"
@@ -27,7 +27,7 @@ cssPrefix: pf-v6-c-calendar-month
27
27
  height="1em"
28
28
  >
29
29
  <path
30
- 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"
30
+ 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"
31
31
  />
32
32
  </svg>
33
33
  </span>
@@ -73,7 +73,7 @@ cssPrefix: pf-v6-c-calendar-month
73
73
  <span class="pf-v6-c-button__icon">
74
74
  <svg
75
75
  class="pf-v6-svg"
76
- viewBox="0 0 256 512"
76
+ viewBox="0 0 20 20"
77
77
  fill="currentColor"
78
78
  aria-hidden="true"
79
79
  role="img"
@@ -81,7 +81,7 @@ cssPrefix: pf-v6-c-calendar-month
81
81
  height="1em"
82
82
  >
83
83
  <path
84
- 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"
84
+ 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"
85
85
  />
86
86
  </svg>
87
87
  </span>
@@ -397,7 +397,7 @@ cssPrefix: pf-v6-c-calendar-month
397
397
  <span class="pf-v6-c-button__icon">
398
398
  <svg
399
399
  class="pf-v6-svg"
400
- viewBox="0 0 256 512"
400
+ viewBox="0 0 20 20"
401
401
  fill="currentColor"
402
402
  aria-hidden="true"
403
403
  role="img"
@@ -405,7 +405,7 @@ cssPrefix: pf-v6-c-calendar-month
405
405
  height="1em"
406
406
  >
407
407
  <path
408
- 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"
408
+ 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"
409
409
  />
410
410
  </svg>
411
411
  </span>
@@ -451,7 +451,7 @@ cssPrefix: pf-v6-c-calendar-month
451
451
  <span class="pf-v6-c-button__icon">
452
452
  <svg
453
453
  class="pf-v6-svg"
454
- viewBox="0 0 256 512"
454
+ viewBox="0 0 20 20"
455
455
  fill="currentColor"
456
456
  aria-hidden="true"
457
457
  role="img"
@@ -459,7 +459,7 @@ cssPrefix: pf-v6-c-calendar-month
459
459
  height="1em"
460
460
  >
461
461
  <path
462
- 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"
462
+ 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"
463
463
  />
464
464
  </svg>
465
465
  </span>
@@ -800,7 +800,7 @@ cssPrefix: pf-v6-c-calendar-month
800
800
  <span class="pf-v6-c-button__icon">
801
801
  <svg
802
802
  class="pf-v6-svg"
803
- viewBox="0 0 256 512"
803
+ viewBox="0 0 20 20"
804
804
  fill="currentColor"
805
805
  aria-hidden="true"
806
806
  role="img"
@@ -808,7 +808,7 @@ cssPrefix: pf-v6-c-calendar-month
808
808
  height="1em"
809
809
  >
810
810
  <path
811
- 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"
811
+ 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"
812
812
  />
813
813
  </svg>
814
814
  </span>
@@ -854,7 +854,7 @@ cssPrefix: pf-v6-c-calendar-month
854
854
  <span class="pf-v6-c-button__icon">
855
855
  <svg
856
856
  class="pf-v6-svg"
857
- viewBox="0 0 256 512"
857
+ viewBox="0 0 20 20"
858
858
  fill="currentColor"
859
859
  aria-hidden="true"
860
860
  role="img"
@@ -862,7 +862,7 @@ cssPrefix: pf-v6-c-calendar-month
862
862
  height="1em"
863
863
  >
864
864
  <path
865
- 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"
865
+ 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"
866
866
  />
867
867
  </svg>
868
868
  </span>
@@ -1203,7 +1203,7 @@ cssPrefix: pf-v6-c-calendar-month
1203
1203
  <span class="pf-v6-c-button__icon">
1204
1204
  <svg
1205
1205
  class="pf-v6-svg"
1206
- viewBox="0 0 256 512"
1206
+ viewBox="0 0 20 20"
1207
1207
  fill="currentColor"
1208
1208
  aria-hidden="true"
1209
1209
  role="img"
@@ -1211,7 +1211,7 @@ cssPrefix: pf-v6-c-calendar-month
1211
1211
  height="1em"
1212
1212
  >
1213
1213
  <path
1214
- 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"
1214
+ 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"
1215
1215
  />
1216
1216
  </svg>
1217
1217
  </span>
@@ -1257,7 +1257,7 @@ cssPrefix: pf-v6-c-calendar-month
1257
1257
  <span class="pf-v6-c-button__icon">
1258
1258
  <svg
1259
1259
  class="pf-v6-svg"
1260
- viewBox="0 0 256 512"
1260
+ viewBox="0 0 20 20"
1261
1261
  fill="currentColor"
1262
1262
  aria-hidden="true"
1263
1263
  role="img"
@@ -1265,7 +1265,7 @@ cssPrefix: pf-v6-c-calendar-month
1265
1265
  height="1em"
1266
1266
  >
1267
1267
  <path
1268
- 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"
1268
+ 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"
1269
1269
  />
1270
1270
  </svg>
1271
1271
  </span>