@patternfly/patternfly 6.5.0-prerelease.43 → 6.5.0-prerelease.44

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 (65) hide show
  1. package/components/Button/button.css +75 -2
  2. package/components/Button/button.scss +84 -3
  3. package/components/_index.css +75 -2
  4. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
  5. package/docs/components/ActionList/examples/ActionList.md +143 -11
  6. package/docs/components/Alert/examples/Alert.md +182 -14
  7. package/docs/components/BackToTop/examples/BackToTop.md +13 -1
  8. package/docs/components/Button/examples/Button.md +2017 -157
  9. package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
  10. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +208 -16
  11. package/docs/components/CodeBlock/examples/CodeBlock.md +78 -6
  12. package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
  13. package/docs/components/DatePicker/examples/DatePicker.md +78 -6
  14. package/docs/components/DescriptionList/examples/DescriptionList.md +325 -25
  15. package/docs/components/Drawer/examples/Drawer.md +273 -21
  16. package/docs/components/DualListSelector/examples/DualListSelector.md +106 -112
  17. package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
  18. package/docs/components/InputGroup/examples/InputGroup.md +26 -2
  19. package/docs/components/Label/examples/Label.md +242 -218
  20. package/docs/components/Login/examples/Login.md +26 -2
  21. package/docs/components/Masthead/examples/masthead.md +13 -1
  22. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  23. package/docs/components/ModalBox/examples/ModalBox.md +195 -15
  24. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +117 -9
  25. package/docs/components/Nav/examples/Navigation.md +52 -4
  26. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +26 -2
  27. package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
  28. package/docs/components/Page/examples/Page.md +13 -1
  29. package/docs/components/Pagination/examples/Pagination.md +624 -48
  30. package/docs/components/Popover/examples/Popover.md +208 -16
  31. package/docs/components/Slider/examples/Slider.md +4 -4
  32. package/docs/components/Table/examples/Table.md +52 -4
  33. package/docs/components/Tabs/examples/Tabs.md +1378 -106
  34. package/docs/components/TextInputGroup/examples/TextInputGroup.md +128 -44
  35. package/docs/components/Toolbar/examples/Toolbar.md +455 -35
  36. package/docs/components/TreeView/examples/TreeView.md +52 -4
  37. package/docs/components/Wizard/examples/Wizard.md +169 -13
  38. package/docs/demos/AboutModal/examples/AboutModal.md +13 -1
  39. package/docs/demos/Alert/examples/Alert.md +39 -3
  40. package/docs/demos/BackToTop/examples/BackToTop.md +13 -1
  41. package/docs/demos/Button/examples/Button.md +13 -1
  42. package/docs/demos/Card/examples/Card.md +65 -5
  43. package/docs/demos/CardView/examples/CardView.md +78 -6
  44. package/docs/demos/Compass/examples/Compass.md +323 -29
  45. package/docs/demos/Dashboard/examples/Dashboard.md +39 -3
  46. package/docs/demos/DataList/examples/DataList.md +312 -24
  47. package/docs/demos/DescriptionList/examples/DescriptionList.md +13 -1
  48. package/docs/demos/Drawer/examples/Drawer.md +39 -3
  49. package/docs/demos/Form/examples/BasicForms.md +106 -10
  50. package/docs/demos/JumpLinks/examples/JumpLinks.md +26 -2
  51. package/docs/demos/Masthead/examples/Masthead.md +40 -4
  52. package/docs/demos/Modal/examples/Modal.md +78 -6
  53. package/docs/demos/Nav/examples/Nav.md +52 -4
  54. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  55. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
  56. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +295 -55
  57. package/docs/demos/Table/examples/Table.md +1108 -145
  58. package/docs/demos/Tabs/examples/Tabs.md +53 -8
  59. package/docs/demos/Toolbar/examples/Toolbar.md +414 -36
  60. package/docs/demos/Wizard/examples/Wizard.md +130 -10
  61. package/package.json +2 -2
  62. package/patternfly-no-globals.css +75 -2
  63. package/patternfly.css +75 -2
  64. package/patternfly.min.css +1 -1
  65. package/patternfly.min.css.map +1 -1
@@ -19,7 +19,19 @@ cssPrefix: pf-v6-c-code-editor
19
19
  aria-label="Copy to clipboard"
20
20
  >
21
21
  <span class="pf-v6-c-button__icon">
22
- <i class="fas fa-copy" aria-hidden="true"></i>
22
+ <svg
23
+ class="pf-v6-svg"
24
+ viewBox="0 0 448 512"
25
+ fill="currentColor"
26
+ aria-hidden="true"
27
+ role="img"
28
+ width="1em"
29
+ height="1em"
30
+ >
31
+ <path
32
+ d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
33
+ />
34
+ </svg>
23
35
  </span>
24
36
  </button>
25
37
  <button
@@ -28,7 +40,19 @@ cssPrefix: pf-v6-c-code-editor
28
40
  aria-label="Download code"
29
41
  >
30
42
  <span class="pf-v6-c-button__icon">
31
- <i class="fas fa-download" aria-hidden="true"></i>
43
+ <svg
44
+ class="pf-v6-svg"
45
+ viewBox="0 0 512 512"
46
+ fill="currentColor"
47
+ aria-hidden="true"
48
+ role="img"
49
+ width="1em"
50
+ height="1em"
51
+ >
52
+ <path
53
+ d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"
54
+ />
55
+ </svg>
32
56
  </span>
33
57
  </button>
34
58
  <button
@@ -37,7 +61,19 @@ cssPrefix: pf-v6-c-code-editor
37
61
  aria-label="Upload code"
38
62
  >
39
63
  <span class="pf-v6-c-button__icon">
40
- <i class="fas fa-upload" aria-hidden="true"></i>
64
+ <svg
65
+ class="pf-v6-svg"
66
+ viewBox="0 0 512 512"
67
+ fill="currentColor"
68
+ aria-hidden="true"
69
+ role="img"
70
+ width="1em"
71
+ height="1em"
72
+ >
73
+ <path
74
+ d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"
75
+ />
76
+ </svg>
41
77
  </span>
42
78
  </button>
43
79
  </div>
@@ -74,7 +110,19 @@ cssPrefix: pf-v6-c-code-editor
74
110
  aria-label="Copy to clipboard"
75
111
  >
76
112
  <span class="pf-v6-c-button__icon">
77
- <i class="fas fa-copy" aria-hidden="true"></i>
113
+ <svg
114
+ class="pf-v6-svg"
115
+ viewBox="0 0 448 512"
116
+ fill="currentColor"
117
+ aria-hidden="true"
118
+ role="img"
119
+ width="1em"
120
+ height="1em"
121
+ >
122
+ <path
123
+ d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
124
+ />
125
+ </svg>
78
126
  </span>
79
127
  </button>
80
128
  <button
@@ -83,7 +131,19 @@ cssPrefix: pf-v6-c-code-editor
83
131
  aria-label="Download code"
84
132
  >
85
133
  <span class="pf-v6-c-button__icon">
86
- <i class="fas fa-download" aria-hidden="true"></i>
134
+ <svg
135
+ class="pf-v6-svg"
136
+ viewBox="0 0 512 512"
137
+ fill="currentColor"
138
+ aria-hidden="true"
139
+ role="img"
140
+ width="1em"
141
+ height="1em"
142
+ >
143
+ <path
144
+ d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"
145
+ />
146
+ </svg>
87
147
  </span>
88
148
  </button>
89
149
  <button
@@ -92,7 +152,19 @@ cssPrefix: pf-v6-c-code-editor
92
152
  aria-label="Upload code"
93
153
  >
94
154
  <span class="pf-v6-c-button__icon">
95
- <i class="fas fa-upload" aria-hidden="true"></i>
155
+ <svg
156
+ class="pf-v6-svg"
157
+ viewBox="0 0 512 512"
158
+ fill="currentColor"
159
+ aria-hidden="true"
160
+ role="img"
161
+ width="1em"
162
+ height="1em"
163
+ >
164
+ <path
165
+ d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"
166
+ />
167
+ </svg>
96
168
  </span>
97
169
  </button>
98
170
  </div>
@@ -243,7 +315,19 @@ cssPrefix: pf-v6-c-code-editor
243
315
  aria-label="Copy to clipboard"
244
316
  >
245
317
  <span class="pf-v6-c-button__icon">
246
- <i class="fas fa-copy" aria-hidden="true"></i>
318
+ <svg
319
+ class="pf-v6-svg"
320
+ viewBox="0 0 448 512"
321
+ fill="currentColor"
322
+ aria-hidden="true"
323
+ role="img"
324
+ width="1em"
325
+ height="1em"
326
+ >
327
+ <path
328
+ d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
329
+ />
330
+ </svg>
247
331
  </span>
248
332
  </button>
249
333
  <button
@@ -252,7 +336,19 @@ cssPrefix: pf-v6-c-code-editor
252
336
  aria-label="Download code"
253
337
  >
254
338
  <span class="pf-v6-c-button__icon">
255
- <i class="fas fa-download" aria-hidden="true"></i>
339
+ <svg
340
+ class="pf-v6-svg"
341
+ viewBox="0 0 512 512"
342
+ fill="currentColor"
343
+ aria-hidden="true"
344
+ role="img"
345
+ width="1em"
346
+ height="1em"
347
+ >
348
+ <path
349
+ d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"
350
+ />
351
+ </svg>
256
352
  </span>
257
353
  </button>
258
354
  <button
@@ -261,7 +357,19 @@ cssPrefix: pf-v6-c-code-editor
261
357
  aria-label="Upload code"
262
358
  >
263
359
  <span class="pf-v6-c-button__icon">
264
- <i class="fas fa-upload" aria-hidden="true"></i>
360
+ <svg
361
+ class="pf-v6-svg"
362
+ viewBox="0 0 512 512"
363
+ fill="currentColor"
364
+ aria-hidden="true"
365
+ role="img"
366
+ width="1em"
367
+ height="1em"
368
+ >
369
+ <path
370
+ d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"
371
+ />
372
+ </svg>
265
373
  </span>
266
374
  </button>
267
375
  </div>
@@ -321,7 +429,19 @@ This is an extra container used in React to prevent event propagation if upload
321
429
  aria-label="Copy to clipboard"
322
430
  >
323
431
  <span class="pf-v6-c-button__icon">
324
- <i class="fas fa-copy" aria-hidden="true"></i>
432
+ <svg
433
+ class="pf-v6-svg"
434
+ viewBox="0 0 448 512"
435
+ fill="currentColor"
436
+ aria-hidden="true"
437
+ role="img"
438
+ width="1em"
439
+ height="1em"
440
+ >
441
+ <path
442
+ d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
443
+ />
444
+ </svg>
325
445
  </span>
326
446
  </button>
327
447
  <button
@@ -330,7 +450,19 @@ This is an extra container used in React to prevent event propagation if upload
330
450
  aria-label="Download code"
331
451
  >
332
452
  <span class="pf-v6-c-button__icon">
333
- <i class="fas fa-download" aria-hidden="true"></i>
453
+ <svg
454
+ class="pf-v6-svg"
455
+ viewBox="0 0 512 512"
456
+ fill="currentColor"
457
+ aria-hidden="true"
458
+ role="img"
459
+ width="1em"
460
+ height="1em"
461
+ >
462
+ <path
463
+ d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"
464
+ />
465
+ </svg>
334
466
  </span>
335
467
  </button>
336
468
  <button
@@ -339,7 +471,19 @@ This is an extra container used in React to prevent event propagation if upload
339
471
  aria-label="Upload code"
340
472
  >
341
473
  <span class="pf-v6-c-button__icon">
342
- <i class="fas fa-upload" aria-hidden="true"></i>
474
+ <svg
475
+ class="pf-v6-svg"
476
+ viewBox="0 0 512 512"
477
+ fill="currentColor"
478
+ aria-hidden="true"
479
+ role="img"
480
+ width="1em"
481
+ height="1em"
482
+ >
483
+ <path
484
+ d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"
485
+ />
486
+ </svg>
343
487
  </span>
344
488
  </button>
345
489
  </div>
@@ -402,7 +546,19 @@ This is an extra container used in React to prevent event propagation if upload
402
546
  aria-label="Copy to clipboard"
403
547
  >
404
548
  <span class="pf-v6-c-button__icon">
405
- <i class="fas fa-copy" aria-hidden="true"></i>
549
+ <svg
550
+ class="pf-v6-svg"
551
+ viewBox="0 0 448 512"
552
+ fill="currentColor"
553
+ aria-hidden="true"
554
+ role="img"
555
+ width="1em"
556
+ height="1em"
557
+ >
558
+ <path
559
+ d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
560
+ />
561
+ </svg>
406
562
  </span>
407
563
  </button>
408
564
  <button
@@ -411,7 +567,19 @@ This is an extra container used in React to prevent event propagation if upload
411
567
  aria-label="Download code"
412
568
  >
413
569
  <span class="pf-v6-c-button__icon">
414
- <i class="fas fa-download" aria-hidden="true"></i>
570
+ <svg
571
+ class="pf-v6-svg"
572
+ viewBox="0 0 512 512"
573
+ fill="currentColor"
574
+ aria-hidden="true"
575
+ role="img"
576
+ width="1em"
577
+ height="1em"
578
+ >
579
+ <path
580
+ d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"
581
+ />
582
+ </svg>
415
583
  </span>
416
584
  </button>
417
585
  <button
@@ -420,7 +588,19 @@ This is an extra container used in React to prevent event propagation if upload
420
588
  aria-label="Upload code"
421
589
  >
422
590
  <span class="pf-v6-c-button__icon">
423
- <i class="fas fa-upload" aria-hidden="true"></i>
591
+ <svg
592
+ class="pf-v6-svg"
593
+ viewBox="0 0 512 512"
594
+ fill="currentColor"
595
+ aria-hidden="true"
596
+ role="img"
597
+ width="1em"
598
+ height="1em"
599
+ >
600
+ <path
601
+ d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"
602
+ />
603
+ </svg>
424
604
  </span>
425
605
  </button>
426
606
  </div>
@@ -31,7 +31,19 @@ cssPrefix: pf-v6-c-date-picker
31
31
  aria-label="Toggle date picker"
32
32
  >
33
33
  <span class="pf-v6-c-button__icon">
34
- <i class="fas fa-calendar-alt" aria-hidden="true"></i>
34
+ <svg
35
+ class="pf-v6-svg"
36
+ viewBox="0 0 448 512"
37
+ fill="currentColor"
38
+ aria-hidden="true"
39
+ role="img"
40
+ width="1em"
41
+ height="1em"
42
+ >
43
+ <path
44
+ d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"
45
+ />
46
+ </svg>
35
47
  </span>
36
48
  </button>
37
49
  </div>
@@ -65,7 +77,19 @@ cssPrefix: pf-v6-c-date-picker
65
77
  aria-label="Toggle date picker"
66
78
  >
67
79
  <span class="pf-v6-c-button__icon">
68
- <i class="fas fa-calendar-alt" aria-hidden="true"></i>
80
+ <svg
81
+ class="pf-v6-svg"
82
+ viewBox="0 0 448 512"
83
+ fill="currentColor"
84
+ aria-hidden="true"
85
+ role="img"
86
+ width="1em"
87
+ height="1em"
88
+ >
89
+ <path
90
+ d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"
91
+ />
92
+ </svg>
69
93
  </span>
70
94
  </button>
71
95
  </div>
@@ -112,7 +136,19 @@ cssPrefix: pf-v6-c-date-picker
112
136
  aria-label="Toggle date picker"
113
137
  >
114
138
  <span class="pf-v6-c-button__icon">
115
- <i class="fas fa-calendar-alt" aria-hidden="true"></i>
139
+ <svg
140
+ class="pf-v6-svg"
141
+ viewBox="0 0 448 512"
142
+ fill="currentColor"
143
+ aria-hidden="true"
144
+ role="img"
145
+ width="1em"
146
+ height="1em"
147
+ >
148
+ <path
149
+ d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"
150
+ />
151
+ </svg>
116
152
  </span>
117
153
  </button>
118
154
  </div>
@@ -159,7 +195,19 @@ cssPrefix: pf-v6-c-date-picker
159
195
  aria-label="Toggle date picker"
160
196
  >
161
197
  <span class="pf-v6-c-button__icon">
162
- <i class="fas fa-calendar-alt" aria-hidden="true"></i>
198
+ <svg
199
+ class="pf-v6-svg"
200
+ viewBox="0 0 448 512"
201
+ fill="currentColor"
202
+ aria-hidden="true"
203
+ role="img"
204
+ width="1em"
205
+ height="1em"
206
+ >
207
+ <path
208
+ d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"
209
+ />
210
+ </svg>
163
211
  </span>
164
212
  </button>
165
213
  </div>
@@ -197,7 +245,19 @@ cssPrefix: pf-v6-c-date-picker
197
245
  aria-label="Toggle date picker"
198
246
  >
199
247
  <span class="pf-v6-c-button__icon">
200
- <i class="fas fa-calendar-alt" aria-hidden="true"></i>
248
+ <svg
249
+ class="pf-v6-svg"
250
+ viewBox="0 0 448 512"
251
+ fill="currentColor"
252
+ aria-hidden="true"
253
+ role="img"
254
+ width="1em"
255
+ height="1em"
256
+ >
257
+ <path
258
+ d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"
259
+ />
260
+ </svg>
201
261
  </span>
202
262
  </button>
203
263
  </div>
@@ -234,7 +294,19 @@ cssPrefix: pf-v6-c-date-picker
234
294
  aria-label="Toggle date picker"
235
295
  >
236
296
  <span class="pf-v6-c-button__icon">
237
- <i class="fas fa-calendar-alt" aria-hidden="true"></i>
297
+ <svg
298
+ class="pf-v6-svg"
299
+ viewBox="0 0 448 512"
300
+ fill="currentColor"
301
+ aria-hidden="true"
302
+ role="img"
303
+ width="1em"
304
+ height="1em"
305
+ >
306
+ <path
307
+ d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"
308
+ />
309
+ </svg>
238
310
  </span>
239
311
  </button>
240
312
  </div>