@patternfly/patternfly 6.6.0-prerelease.26 → 6.6.0-prerelease.28

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 (48) hide show
  1. package/components/Button/button.css +2 -3
  2. package/components/Button/button.scss +3 -4
  3. package/components/Label/label.css +9 -3
  4. package/components/Label/label.scss +9 -3
  5. package/components/_index.css +11 -6
  6. package/docs/components/CodeEditor/examples/CodeEditor.md +131 -47
  7. package/docs/components/DataList/examples/DataList.md +143 -11
  8. package/docs/components/DatePicker/examples/DatePicker.md +26 -2
  9. package/docs/components/DescriptionList/examples/DescriptionList.md +115 -55
  10. package/docs/components/DualListSelector/examples/DualListSelector.md +270 -54
  11. package/docs/components/EmptyState/examples/EmptyState.md +12 -12
  12. package/docs/components/FileUpload/examples/FileUpload.md +26 -2
  13. package/docs/components/Form/examples/Form.md +104 -8
  14. package/docs/components/FormControl/examples/FormControl.md +260 -20
  15. package/docs/components/HelperText/examples/HelperText.md +139 -11
  16. package/docs/components/Icon/examples/Icon.md +403 -31
  17. package/docs/components/InlineEdit/examples/InlineEdit.md +13 -1
  18. package/docs/components/InputGroup/examples/InputGroup.md +19 -7
  19. package/docs/components/Label/examples/Label.md +4029 -765
  20. package/docs/components/List/examples/List.md +78 -6
  21. package/docs/components/Login/examples/Login.md +104 -8
  22. package/docs/components/Menu/examples/Menu.md +221 -17
  23. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +247 -19
  24. package/docs/components/NumberInput/examples/NumberInput.md +301 -25
  25. package/docs/components/ProgressStepper/examples/ProgressStepper.md +169 -13
  26. package/docs/components/Switch/examples/Switch.md +52 -4
  27. package/docs/components/Table/examples/Table.md +936 -72
  28. package/docs/components/TextInputGroup/examples/TextInputGroup.md +309 -81
  29. package/docs/components/Toolbar/examples/Toolbar.md +117 -9
  30. package/docs/components/TreeView/examples/TreeView.md +186 -18
  31. package/docs/components/Wizard/examples/Wizard.md +325 -25
  32. package/docs/demos/Alert/examples/Alert.md +149 -26
  33. package/docs/demos/Card/examples/Card.md +280 -34
  34. package/docs/demos/Dashboard/examples/Dashboard.md +72 -18
  35. package/docs/demos/DataList/examples/DataList.md +26 -2
  36. package/docs/demos/Form/examples/BasicForms.md +56 -8
  37. package/docs/demos/HelperText/examples/HelperText.md +104 -8
  38. package/docs/demos/Masthead/examples/Masthead.md +52 -4
  39. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +176 -14
  40. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +52 -4
  41. package/docs/demos/Table/examples/Table.md +247 -19
  42. package/docs/demos/Toolbar/examples/Toolbar.md +103 -10
  43. package/docs/demos/Wizard/examples/Wizard.md +117 -9
  44. package/package.json +1 -1
  45. package/patternfly-no-globals.css +11 -6
  46. package/patternfly.css +11 -6
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
@@ -45,14 +45,14 @@ cssPrefix: pf-v6-c-description-list
45
45
  <svg
46
46
  class="pf-v6-svg"
47
47
  fill="currentColor"
48
- viewBox="0 0 512 512"
48
+ viewBox="0 0 32 32"
49
49
  aria-hidden="true"
50
50
  role="img"
51
51
  width="1em"
52
52
  height="1em"
53
53
  >
54
54
  <path
55
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
55
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
56
56
  />
57
57
  </svg>
58
58
  </span>
@@ -134,14 +134,14 @@ cssPrefix: pf-v6-c-description-list
134
134
  <svg
135
135
  class="pf-v6-svg"
136
136
  fill="currentColor"
137
- viewBox="0 0 512 512"
137
+ viewBox="0 0 32 32"
138
138
  aria-hidden="true"
139
139
  role="img"
140
140
  width="1em"
141
141
  height="1em"
142
142
  >
143
143
  <path
144
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
144
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
145
145
  />
146
146
  </svg>
147
147
  </span>
@@ -213,14 +213,14 @@ cssPrefix: pf-v6-c-description-list
213
213
  <svg
214
214
  class="pf-v6-svg"
215
215
  fill="currentColor"
216
- viewBox="0 0 512 512"
216
+ viewBox="0 0 32 32"
217
217
  aria-hidden="true"
218
218
  role="img"
219
219
  width="1em"
220
220
  height="1em"
221
221
  >
222
222
  <path
223
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
223
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
224
224
  />
225
225
  </svg>
226
226
  </span>
@@ -285,14 +285,14 @@ cssPrefix: pf-v6-c-description-list
285
285
  <svg
286
286
  class="pf-v6-svg"
287
287
  fill="currentColor"
288
- viewBox="0 0 512 512"
288
+ viewBox="0 0 32 32"
289
289
  aria-hidden="true"
290
290
  role="img"
291
291
  width="1em"
292
292
  height="1em"
293
293
  >
294
294
  <path
295
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
295
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
296
296
  />
297
297
  </svg>
298
298
  </span>
@@ -357,14 +357,14 @@ cssPrefix: pf-v6-c-description-list
357
357
  <svg
358
358
  class="pf-v6-svg"
359
359
  fill="currentColor"
360
- viewBox="0 0 512 512"
360
+ viewBox="0 0 32 32"
361
361
  aria-hidden="true"
362
362
  role="img"
363
363
  width="1em"
364
364
  height="1em"
365
365
  >
366
366
  <path
367
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
367
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
368
368
  />
369
369
  </svg>
370
370
  </span>
@@ -429,14 +429,14 @@ cssPrefix: pf-v6-c-description-list
429
429
  <svg
430
430
  class="pf-v6-svg"
431
431
  fill="currentColor"
432
- viewBox="0 0 512 512"
432
+ viewBox="0 0 32 32"
433
433
  aria-hidden="true"
434
434
  role="img"
435
435
  width="1em"
436
436
  height="1em"
437
437
  >
438
438
  <path
439
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
439
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
440
440
  />
441
441
  </svg>
442
442
  </span>
@@ -501,14 +501,14 @@ cssPrefix: pf-v6-c-description-list
501
501
  <svg
502
502
  class="pf-v6-svg"
503
503
  fill="currentColor"
504
- viewBox="0 0 512 512"
504
+ viewBox="0 0 32 32"
505
505
  aria-hidden="true"
506
506
  role="img"
507
507
  width="1em"
508
508
  height="1em"
509
509
  >
510
510
  <path
511
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
511
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
512
512
  />
513
513
  </svg>
514
514
  </span>
@@ -570,14 +570,14 @@ cssPrefix: pf-v6-c-description-list
570
570
  <svg
571
571
  class="pf-v6-svg"
572
572
  fill="currentColor"
573
- viewBox="0 0 512 512"
573
+ viewBox="0 0 32 32"
574
574
  aria-hidden="true"
575
575
  role="img"
576
576
  width="1em"
577
577
  height="1em"
578
578
  >
579
579
  <path
580
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
580
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
581
581
  />
582
582
  </svg>
583
583
  </span>
@@ -642,14 +642,14 @@ cssPrefix: pf-v6-c-description-list
642
642
  <svg
643
643
  class="pf-v6-svg"
644
644
  fill="currentColor"
645
- viewBox="0 0 512 512"
645
+ viewBox="0 0 32 32"
646
646
  aria-hidden="true"
647
647
  role="img"
648
648
  width="1em"
649
649
  height="1em"
650
650
  >
651
651
  <path
652
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
652
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
653
653
  />
654
654
  </svg>
655
655
  </span>
@@ -714,14 +714,14 @@ cssPrefix: pf-v6-c-description-list
714
714
  <svg
715
715
  class="pf-v6-svg"
716
716
  fill="currentColor"
717
- viewBox="0 0 512 512"
717
+ viewBox="0 0 32 32"
718
718
  aria-hidden="true"
719
719
  role="img"
720
720
  width="1em"
721
721
  height="1em"
722
722
  >
723
723
  <path
724
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
724
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
725
725
  />
726
726
  </svg>
727
727
  </span>
@@ -790,14 +790,14 @@ Column fill will modify the default placement of description list groups to fill
790
790
  <svg
791
791
  class="pf-v6-svg"
792
792
  fill="currentColor"
793
- viewBox="0 0 512 512"
793
+ viewBox="0 0 32 32"
794
794
  aria-hidden="true"
795
795
  role="img"
796
796
  width="1em"
797
797
  height="1em"
798
798
  >
799
799
  <path
800
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
800
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
801
801
  />
802
802
  </svg>
803
803
  </span>
@@ -864,14 +864,14 @@ Column fill will modify the default placement of description list groups to fill
864
864
  <svg
865
865
  class="pf-v6-svg"
866
866
  fill="currentColor"
867
- viewBox="0 0 512 512"
867
+ viewBox="0 0 32 32"
868
868
  aria-hidden="true"
869
869
  role="img"
870
870
  width="1em"
871
871
  height="1em"
872
872
  >
873
873
  <path
874
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
874
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
875
875
  />
876
876
  </svg>
877
877
  </span>
@@ -937,14 +937,14 @@ Column fill will modify the default placement of description list groups to fill
937
937
  <svg
938
938
  class="pf-v6-svg"
939
939
  fill="currentColor"
940
- viewBox="0 0 512 512"
940
+ viewBox="0 0 32 32"
941
941
  aria-hidden="true"
942
942
  role="img"
943
943
  width="1em"
944
944
  height="1em"
945
945
  >
946
946
  <path
947
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
947
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
948
948
  />
949
949
  </svg>
950
950
  </span>
@@ -1010,14 +1010,14 @@ Column fill will modify the default placement of description list groups to fill
1010
1010
  <svg
1011
1011
  class="pf-v6-svg"
1012
1012
  fill="currentColor"
1013
- viewBox="0 0 512 512"
1013
+ viewBox="0 0 32 32"
1014
1014
  aria-hidden="true"
1015
1015
  role="img"
1016
1016
  width="1em"
1017
1017
  height="1em"
1018
1018
  >
1019
1019
  <path
1020
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
1020
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
1021
1021
  />
1022
1022
  </svg>
1023
1023
  </span>
@@ -1084,14 +1084,14 @@ Column fill will modify the default placement of description list groups to fill
1084
1084
  <svg
1085
1085
  class="pf-v6-svg"
1086
1086
  fill="currentColor"
1087
- viewBox="0 0 512 512"
1087
+ viewBox="0 0 32 32"
1088
1088
  aria-hidden="true"
1089
1089
  role="img"
1090
1090
  width="1em"
1091
1091
  height="1em"
1092
1092
  >
1093
1093
  <path
1094
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
1094
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
1095
1095
  />
1096
1096
  </svg>
1097
1097
  </span>
@@ -1156,14 +1156,14 @@ Column fill will modify the default placement of description list groups to fill
1156
1156
  <svg
1157
1157
  class="pf-v6-svg"
1158
1158
  fill="currentColor"
1159
- viewBox="0 0 512 512"
1159
+ viewBox="0 0 32 32"
1160
1160
  aria-hidden="true"
1161
1161
  role="img"
1162
1162
  width="1em"
1163
1163
  height="1em"
1164
1164
  >
1165
1165
  <path
1166
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
1166
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
1167
1167
  />
1168
1168
  </svg>
1169
1169
  </span>
@@ -1228,14 +1228,14 @@ Column fill will modify the default placement of description list groups to fill
1228
1228
  <svg
1229
1229
  class="pf-v6-svg"
1230
1230
  fill="currentColor"
1231
- viewBox="0 0 512 512"
1231
+ viewBox="0 0 32 32"
1232
1232
  aria-hidden="true"
1233
1233
  role="img"
1234
1234
  width="1em"
1235
1235
  height="1em"
1236
1236
  >
1237
1237
  <path
1238
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
1238
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
1239
1239
  />
1240
1240
  </svg>
1241
1241
  </span>
@@ -1302,14 +1302,14 @@ Column fill will modify the default placement of description list groups to fill
1302
1302
  <svg
1303
1303
  class="pf-v6-svg"
1304
1304
  fill="currentColor"
1305
- viewBox="0 0 512 512"
1305
+ viewBox="0 0 32 32"
1306
1306
  aria-hidden="true"
1307
1307
  role="img"
1308
1308
  width="1em"
1309
1309
  height="1em"
1310
1310
  >
1311
1311
  <path
1312
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
1312
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
1313
1313
  />
1314
1314
  </svg>
1315
1315
  </span>
@@ -1374,14 +1374,14 @@ Column fill will modify the default placement of description list groups to fill
1374
1374
  <svg
1375
1375
  class="pf-v6-svg"
1376
1376
  fill="currentColor"
1377
- viewBox="0 0 512 512"
1377
+ viewBox="0 0 32 32"
1378
1378
  aria-hidden="true"
1379
1379
  role="img"
1380
1380
  width="1em"
1381
1381
  height="1em"
1382
1382
  >
1383
1383
  <path
1384
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
1384
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
1385
1385
  />
1386
1386
  </svg>
1387
1387
  </span>
@@ -1448,14 +1448,14 @@ Column fill will modify the default placement of description list groups to fill
1448
1448
  <svg
1449
1449
  class="pf-v6-svg"
1450
1450
  fill="currentColor"
1451
- viewBox="0 0 512 512"
1451
+ viewBox="0 0 32 32"
1452
1452
  aria-hidden="true"
1453
1453
  role="img"
1454
1454
  width="1em"
1455
1455
  height="1em"
1456
1456
  >
1457
1457
  <path
1458
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
1458
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
1459
1459
  />
1460
1460
  </svg>
1461
1461
  </span>
@@ -1520,14 +1520,14 @@ Column fill will modify the default placement of description list groups to fill
1520
1520
  <svg
1521
1521
  class="pf-v6-svg"
1522
1522
  fill="currentColor"
1523
- viewBox="0 0 512 512"
1523
+ viewBox="0 0 32 32"
1524
1524
  aria-hidden="true"
1525
1525
  role="img"
1526
1526
  width="1em"
1527
1527
  height="1em"
1528
1528
  >
1529
1529
  <path
1530
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
1530
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
1531
1531
  />
1532
1532
  </svg>
1533
1533
  </span>
@@ -1596,14 +1596,14 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1596
1596
  <svg
1597
1597
  class="pf-v6-svg"
1598
1598
  fill="currentColor"
1599
- viewBox="0 0 512 512"
1599
+ viewBox="0 0 32 32"
1600
1600
  aria-hidden="true"
1601
1601
  role="img"
1602
1602
  width="1em"
1603
1603
  height="1em"
1604
1604
  >
1605
1605
  <path
1606
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
1606
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
1607
1607
  />
1608
1608
  </svg>
1609
1609
  </span>
@@ -1668,14 +1668,14 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1668
1668
  <svg
1669
1669
  class="pf-v6-svg"
1670
1670
  fill="currentColor"
1671
- viewBox="0 0 512 512"
1671
+ viewBox="0 0 32 32"
1672
1672
  aria-hidden="true"
1673
1673
  role="img"
1674
1674
  width="1em"
1675
1675
  height="1em"
1676
1676
  >
1677
1677
  <path
1678
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
1678
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
1679
1679
  />
1680
1680
  </svg>
1681
1681
  </span>
@@ -1740,14 +1740,14 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1740
1740
  <svg
1741
1741
  class="pf-v6-svg"
1742
1742
  fill="currentColor"
1743
- viewBox="0 0 512 512"
1743
+ viewBox="0 0 32 32"
1744
1744
  aria-hidden="true"
1745
1745
  role="img"
1746
1746
  width="1em"
1747
1747
  height="1em"
1748
1748
  >
1749
1749
  <path
1750
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
1750
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
1751
1751
  />
1752
1752
  </svg>
1753
1753
  </span>
@@ -1860,7 +1860,19 @@ description-list--aria-label="Horizontal 2 column auto term width example" descr
1860
1860
  <div class="pf-v6-c-description-list__group">
1861
1861
  <dt class="pf-v6-c-description-list__term">
1862
1862
  <span class="pf-v6-c-description-list__term-icon">
1863
- <i class="fas fa-cube" aria-hidden="true"></i>
1863
+ <svg
1864
+ class="pf-v6-svg"
1865
+ fill="currentColor"
1866
+ viewBox="0 0 32 32"
1867
+ aria-hidden="true"
1868
+ role="img"
1869
+ width="1em"
1870
+ height="1em"
1871
+ >
1872
+ <path
1873
+ d="M4 3v26a1 1 0 1 1-2 0V3a1 1 0 1 1 2 0Zm25-1a1 1 0 0 0-1 1v26a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1ZM18.5 8H10a1 1 0 1 0 0 2h8.5c2.481 0 4.5 2.019 4.5 4.5S20.981 19 18.5 19h-7.086l2.293-2.293a.999.999 0 1 0-1.414-1.414l-3.646 3.646c-.283.283-.439.66-.439 1.061s.156.777.439 1.061l3.646 3.646a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 21H18.5c3.584 0 6.5-2.916 6.5-6.5S22.084 8 18.5 8Z"
1874
+ />
1875
+ </svg>
1864
1876
  </span>
1865
1877
  <span
1866
1878
  class="pf-v6-c-description-list__text"
@@ -1873,7 +1885,19 @@ description-list--aria-label="Horizontal 2 column auto term width example" descr
1873
1885
  <div class="pf-v6-c-description-list__group">
1874
1886
  <dt class="pf-v6-c-description-list__term">
1875
1887
  <span class="pf-v6-c-description-list__term-icon">
1876
- <i class="fas fa-book" aria-hidden="true"></i>
1888
+ <svg
1889
+ class="pf-v6-svg"
1890
+ fill="currentColor"
1891
+ viewBox="0 0 32 32"
1892
+ aria-hidden="true"
1893
+ role="img"
1894
+ width="1em"
1895
+ height="1em"
1896
+ >
1897
+ <path
1898
+ d="M6.586 22.414 14.172 30H3.507c-.827 0-1.5-.673-1.5-1.5v-17c0-.827.673-1.5 1.5-1.5H6v11a2 2 0 0 0 .586 1.414ZM28.5 10H26v11a2 2 0 0 1-.586 1.414L17.828 30H28.5c.827 0 1.5-.673 1.5-1.5v-17c0-.827-.673-1.5-1.5-1.5ZM8.073 21.073l6.5 6.5a.25.25 0 0 0 .427-.177V10.104a.25.25 0 0 0-.073-.177l-6.5-6.5A.25.25 0 0 0 8 3.604v17.293c0 .066.026.13.073.177Zm15.5-17.646-6.5 6.5a.249.249 0 0 0-.073.177v17.293a.25.25 0 0 0 .427.177l6.5-6.5a.249.249 0 0 0 .073-.177V3.604a.25.25 0 0 0-.427-.177Z"
1899
+ />
1900
+ </svg>
1877
1901
  </span>
1878
1902
  <span class="pf-v6-c-description-list__text">Namespace</span>
1879
1903
  </dt>
@@ -1886,7 +1910,19 @@ description-list--aria-label="Horizontal 2 column auto term width example" descr
1886
1910
  <div class="pf-v6-c-description-list__group">
1887
1911
  <dt class="pf-v6-c-description-list__term">
1888
1912
  <span class="pf-v6-c-description-list__term-icon">
1889
- <i class="fas fa-key" aria-hidden="true"></i>
1913
+ <svg
1914
+ class="pf-v6-svg"
1915
+ fill="currentColor"
1916
+ viewBox="0 0 32 32"
1917
+ aria-hidden="true"
1918
+ role="img"
1919
+ width="1em"
1920
+ height="1em"
1921
+ >
1922
+ <path
1923
+ d="M30.707 7.707a.999.999 0 0 1-1.414 0L27 5.414 23.914 8.5l3.793 3.793a.999.999 0 1 1-1.414 1.414L22.5 9.914 19.414 13l2.293 2.293a.999.999 0 1 1-1.414 1.414L18 14.414l-4.293 4.293c-.037.037-.085.054-.127.084A6.955 6.955 0 0 1 15 23c0 3.86-3.14 7-7 7s-7-3.14-7-7 3.14-7 7-7c1.581 0 3.036.533 4.209 1.42.03-.041.047-.089.084-.127L25.939 3.646a1.501 1.501 0 0 1 2.121 0l2.646 2.646a.999.999 0 0 1 0 1.414Z"
1924
+ />
1925
+ </svg>
1890
1926
  </span>
1891
1927
  <span class="pf-v6-c-description-list__text">Labels</span>
1892
1928
  </dt>
@@ -1897,7 +1933,19 @@ description-list--aria-label="Horizontal 2 column auto term width example" descr
1897
1933
  <div class="pf-v6-c-description-list__group">
1898
1934
  <dt class="pf-v6-c-description-list__term">
1899
1935
  <span class="pf-v6-c-description-list__term-icon">
1900
- <i class="fas fa-globe" aria-hidden="true"></i>
1936
+ <svg
1937
+ class="pf-v6-svg"
1938
+ fill="currentColor"
1939
+ viewBox="0 0 32 32"
1940
+ aria-hidden="true"
1941
+ role="img"
1942
+ width="1em"
1943
+ height="1em"
1944
+ >
1945
+ <path
1946
+ d="M20.875 16c0 1.348-.126 2.685-.358 4h-9.034c-.232-1.315-.358-2.652-.358-4s.126-2.685.358-4h9.034c.232 1.315.358 2.652.358 4Zm-12 0c0-1.347.126-2.682.338-4H1.558C1.204 13.276 1 14.613 1 16s.204 2.724.558 4h7.655a25.177 25.177 0 0 1-.338-4Zm3.057 6A23.465 23.465 0 0 0 16 30.223 23.457 23.457 0 0 0 20.068 22h-8.135Zm8.136-12A23.465 23.465 0 0 0 16 1.777 23.457 23.457 0 0 0 11.932 10h8.135Zm2.311 12a25.655 25.655 0 0 1-4.011 8.794A15.031 15.031 0 0 0 29.739 22h-7.36ZM9.621 22h-7.36a15.03 15.03 0 0 0 11.371 8.794A25.663 25.663 0 0 1 9.621 22Zm0-12a25.655 25.655 0 0 1 4.011-8.794A15.031 15.031 0 0 0 2.261 10h7.36Zm20.821 10c.354-1.276.558-2.613.558-4s-.204-2.724-.558-4h-7.655c.212 1.318.338 2.653.338 4s-.126 2.682-.338 4h7.655Zm-8.063-10h7.36a15.03 15.03 0 0 0-11.371-8.794A25.663 25.663 0 0 1 22.379 10Z"
1947
+ />
1948
+ </svg>
1901
1949
  </span>
1902
1950
  <span class="pf-v6-c-description-list__text">Pod selector</span>
1903
1951
  </dt>
@@ -1908,14 +1956,14 @@ description-list--aria-label="Horizontal 2 column auto term width example" descr
1908
1956
  <svg
1909
1957
  class="pf-v6-svg"
1910
1958
  fill="currentColor"
1911
- viewBox="0 0 512 512"
1959
+ viewBox="0 0 32 32"
1912
1960
  aria-hidden="true"
1913
1961
  role="img"
1914
1962
  width="1em"
1915
1963
  height="1em"
1916
1964
  >
1917
1965
  <path
1918
- d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
1966
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
1919
1967
  />
1920
1968
  </svg>
1921
1969
  </span>
@@ -1927,7 +1975,19 @@ description-list--aria-label="Horizontal 2 column auto term width example" descr
1927
1975
  <div class="pf-v6-c-description-list__group">
1928
1976
  <dt class="pf-v6-c-description-list__term">
1929
1977
  <span class="pf-v6-c-description-list__term-icon">
1930
- <i class="fas fa-flag" aria-hidden="true"></i>
1978
+ <svg
1979
+ class="pf-v6-svg"
1980
+ fill="currentColor"
1981
+ viewBox="0 0 32 32"
1982
+ aria-hidden="true"
1983
+ role="img"
1984
+ width="1em"
1985
+ height="1em"
1986
+ >
1987
+ <path
1988
+ d="m27.978 2.209-3 14A1 1 0 0 1 24 17H6v13a1 1 0 1 1-2 0V2.5C4 1.673 4.673 1 5.5 1H27a.997.997 0 0 1 .977 1.209Z"
1989
+ />
1990
+ </svg>
1931
1991
  </span>
1932
1992
  <span class="pf-v6-c-description-list__text">Annotation</span>
1933
1993
  </dt>