@patternfly/patternfly 6.0.0-alpha.174 → 6.0.0-alpha.176

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 (96) hide show
  1. package/components/Button/button.css +5 -1
  2. package/components/Button/button.scss +5 -1
  3. package/components/Card/card.css +2 -2
  4. package/components/Card/card.scss +1 -1
  5. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  6. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  7. package/components/JumpLinks/jump-links.css +0 -7
  8. package/components/JumpLinks/jump-links.scss +0 -9
  9. package/components/Label/label.css +2 -2
  10. package/components/Label/label.scss +2 -2
  11. package/components/NumberInput/number-input.css +0 -1
  12. package/components/NumberInput/number-input.scss +0 -1
  13. package/components/Tabs/tabs.css +1 -18
  14. package/components/Tabs/tabs.scss +1 -18
  15. package/components/_index.css +12 -210
  16. package/components/_index.scss +0 -1
  17. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  18. package/docs/components/ActionList/examples/ActionList.md +7 -7
  19. package/docs/components/Alert/examples/Alert.md +44 -46
  20. package/docs/components/BackToTop/examples/BackToTop.md +3 -5
  21. package/docs/components/Banner/examples/Banner.md +1 -1
  22. package/docs/components/Button/examples/Button.md +35 -35
  23. package/docs/components/CalendarMonth/examples/CalendarMonth.md +8 -8
  24. package/docs/components/Card/examples/Card.md +36 -20
  25. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +32 -29
  26. package/docs/components/CodeBlock/examples/CodeBlock.md +6 -6
  27. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -21
  28. package/docs/components/DataList/examples/DataList.md +17 -17
  29. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  30. package/docs/components/DescriptionList/examples/DescriptionList.md +100 -150
  31. package/docs/components/Drawer/examples/Drawer.md +19 -19
  32. package/docs/components/DualListSelector/examples/DualListSelector.md +84 -84
  33. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  34. package/docs/components/Form/examples/Form.md +18 -19
  35. package/docs/components/Hint/examples/Hint.md +2 -2
  36. package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
  37. package/docs/components/InputGroup/examples/InputGroup.md +2 -2
  38. package/docs/components/JumpLinks/examples/JumpLinks.md +8 -8
  39. package/docs/components/Label/examples/Label.md +217 -217
  40. package/docs/components/Login/examples/Login.md +37 -32
  41. package/docs/components/Masthead/examples/masthead.md +6 -6
  42. package/docs/components/Menu/examples/Menu.md +10 -10
  43. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  44. package/docs/components/ModalBox/examples/ModalBox.md +17 -17
  45. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +9 -9
  46. package/docs/components/Nav/examples/Navigation.md +4 -4
  47. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +2 -2
  48. package/docs/components/NumberInput/examples/NumberInput.md +24 -24
  49. package/docs/components/OverflowMenu/examples/overflow-menu.md +6 -6
  50. package/docs/components/Page/examples/Page.md +7 -7
  51. package/docs/components/Pagination/examples/Pagination.md +53 -44
  52. package/docs/components/Popover/examples/Popover.md +30 -15
  53. package/docs/components/Slider/examples/Slider.md +8 -8
  54. package/docs/components/Table/examples/Table.md +433 -203
  55. package/docs/components/Tabs/examples/Tabs.md +364 -358
  56. package/docs/components/TextInputGroup/examples/TextInputGroup.md +364 -404
  57. package/docs/components/Toolbar/examples/Toolbar.md +59 -59
  58. package/docs/components/TreeView/examples/TreeView.md +4 -4
  59. package/docs/components/Wizard/examples/Wizard.md +10 -10
  60. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  61. package/docs/demos/Alert/examples/Alert.md +6 -6
  62. package/docs/demos/BackToTop/examples/BackToTop.md +4 -6
  63. package/docs/demos/Banner/examples/Banner.md +2 -2
  64. package/docs/demos/Button/examples/Button.md +1 -1
  65. package/docs/demos/Card/examples/Card.md +54 -79
  66. package/docs/demos/CardView/examples/CardView.md +8 -7
  67. package/docs/demos/Dashboard/examples/Dashboard.md +25 -37
  68. package/docs/demos/DataList/examples/DataList.md +38 -34
  69. package/docs/demos/DescriptionList/examples/DescriptionList.md +4 -4
  70. package/docs/demos/Drawer/examples/Drawer.md +8 -8
  71. package/docs/demos/Form/examples/BasicForms.md +69 -86
  72. package/docs/demos/JumpLinks/examples/JumpLinks.md +14 -20
  73. package/docs/demos/Masthead/examples/Masthead.md +13 -13
  74. package/docs/demos/Modal/examples/Modal.md +15 -15
  75. package/docs/demos/Nav/examples/Nav.md +9 -9
  76. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  77. package/docs/demos/Page/examples/Page.md +9 -9
  78. package/docs/demos/Page/examples/Penta.md +2 -2
  79. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +3 -3
  80. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  81. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +35 -35
  82. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  83. package/docs/demos/Table/examples/Table.md +132 -115
  84. package/docs/demos/Tabs/examples/Tabs.md +11 -11
  85. package/docs/demos/Toolbar/examples/Toolbar.md +37 -36
  86. package/docs/demos/Wizard/examples/Wizard.md +22 -23
  87. package/package.json +1 -1
  88. package/patternfly-no-globals.css +12 -210
  89. package/patternfly.css +12 -210
  90. package/patternfly.min.css +1 -1
  91. package/patternfly.min.css.map +1 -1
  92. package/sass-utilities/namespaces-components.scss +0 -3
  93. package/components/LogViewer/log-viewer.css +0 -176
  94. package/components/LogViewer/log-viewer.scss +0 -219
  95. package/docs/components/LogViewer/examples/LogViewer.css +0 -24
  96. package/docs/components/LogViewer/examples/LogViewer.md +0 -3070
package/docs/components/DescriptionList/examples/DescriptionList.md CHANGED
@@ -40,13 +40,11 @@ cssPrefix: pf-v6-c-description-list
40
40
  </dt>
41
41
  <dd class="pf-v6-c-description-list__description">
42
42
  <div class="pf-v6-c-description-list__text">
43
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
44
- <span class="pf-v6-c-button__text">
45
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
46
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
47
- </span>
48
- app=MyApp
43
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
44
+ <span class="pf-v6-c-button__icon pf-m-start">
45
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
49
46
  </span>
47
+ <span class="pf-v6-c-button__text">app=MyApp</span>
50
48
  </button>
51
49
  </div>
52
50
  </dd>
@@ -99,13 +97,11 @@ cssPrefix: pf-v6-c-description-list
99
97
  </dt>
100
98
  <dd class="pf-v6-c-description-list__description">
101
99
  <div class="pf-v6-c-description-list__text">
102
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
103
- <span class="pf-v6-c-button__text">
104
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
105
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
106
- </span>
107
- app=MyApp
100
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
101
+ <span class="pf-v6-c-button__icon pf-m-start">
102
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
108
103
  </span>
104
+ <span class="pf-v6-c-button__text">app=MyApp</span>
109
105
  </button>
110
106
  </div>
111
107
  </dd>
@@ -160,13 +156,11 @@ cssPrefix: pf-v6-c-description-list
160
156
  </dt>
161
157
  <dd class="pf-v6-c-description-list__description">
162
158
  <div class="pf-v6-c-description-list__text">
163
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
164
- <span class="pf-v6-c-button__text">
165
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
166
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
167
- </span>
168
- app=MyApp
159
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
160
+ <span class="pf-v6-c-button__icon pf-m-start">
161
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
169
162
  </span>
163
+ <span class="pf-v6-c-button__text">app=MyApp</span>
170
164
  </button>
171
165
  </div>
172
166
  </dd>
@@ -219,13 +213,11 @@ cssPrefix: pf-v6-c-description-list
219
213
  </dt>
220
214
  <dd class="pf-v6-c-description-list__description">
221
215
  <div class="pf-v6-c-description-list__text">
222
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
223
- <span class="pf-v6-c-button__text">
224
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
225
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
226
- </span>
227
- app=MyApp
216
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
217
+ <span class="pf-v6-c-button__icon pf-m-start">
218
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
228
219
  </span>
220
+ <span class="pf-v6-c-button__text">app=MyApp</span>
229
221
  </button>
230
222
  </div>
231
223
  </dd>
@@ -278,13 +270,11 @@ cssPrefix: pf-v6-c-description-list
278
270
  </dt>
279
271
  <dd class="pf-v6-c-description-list__description">
280
272
  <div class="pf-v6-c-description-list__text">
281
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
282
- <span class="pf-v6-c-button__text">
283
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
284
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
285
- </span>
286
- app=MyApp
273
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
274
+ <span class="pf-v6-c-button__icon pf-m-start">
275
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
287
276
  </span>
277
+ <span class="pf-v6-c-button__text">app=MyApp</span>
288
278
  </button>
289
279
  </div>
290
280
  </dd>
@@ -337,13 +327,11 @@ cssPrefix: pf-v6-c-description-list
337
327
  </dt>
338
328
  <dd class="pf-v6-c-description-list__description">
339
329
  <div class="pf-v6-c-description-list__text">
340
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
341
- <span class="pf-v6-c-button__text">
342
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
343
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
344
- </span>
345
- app=MyApp
330
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
331
+ <span class="pf-v6-c-button__icon pf-m-start">
332
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
346
333
  </span>
334
+ <span class="pf-v6-c-button__text">app=MyApp</span>
347
335
  </button>
348
336
  </div>
349
337
  </dd>
@@ -396,13 +384,11 @@ cssPrefix: pf-v6-c-description-list
396
384
  </dt>
397
385
  <dd class="pf-v6-c-description-list__description">
398
386
  <div class="pf-v6-c-description-list__text">
399
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
400
- <span class="pf-v6-c-button__text">
401
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
402
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
403
- </span>
404
- app=MyApp
387
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
388
+ <span class="pf-v6-c-button__icon pf-m-start">
389
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
405
390
  </span>
391
+ <span class="pf-v6-c-button__text">app=MyApp</span>
406
392
  </button>
407
393
  </div>
408
394
  </dd>
@@ -455,13 +441,11 @@ cssPrefix: pf-v6-c-description-list
455
441
  </dt>
456
442
  <dd class="pf-v6-c-description-list__description">
457
443
  <div class="pf-v6-c-description-list__text">
458
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
459
- <span class="pf-v6-c-button__text">
460
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
461
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
462
- </span>
463
- app=MyApp
444
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
445
+ <span class="pf-v6-c-button__icon pf-m-start">
446
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
464
447
  </span>
448
+ <span class="pf-v6-c-button__text">app=MyApp</span>
465
449
  </button>
466
450
  </div>
467
451
  </dd>
@@ -514,13 +498,11 @@ cssPrefix: pf-v6-c-description-list
514
498
  </dt>
515
499
  <dd class="pf-v6-c-description-list__description">
516
500
  <div class="pf-v6-c-description-list__text">
517
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
518
- <span class="pf-v6-c-button__text">
519
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
520
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
521
- </span>
522
- app=MyApp
501
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
502
+ <span class="pf-v6-c-button__icon pf-m-start">
503
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
523
504
  </span>
505
+ <span class="pf-v6-c-button__text">app=MyApp</span>
524
506
  </button>
525
507
  </div>
526
508
  </dd>
@@ -573,13 +555,11 @@ cssPrefix: pf-v6-c-description-list
573
555
  </dt>
574
556
  <dd class="pf-v6-c-description-list__description">
575
557
  <div class="pf-v6-c-description-list__text">
576
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
577
- <span class="pf-v6-c-button__text">
578
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
579
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
580
- </span>
581
- app=MyApp
558
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
559
+ <span class="pf-v6-c-button__icon pf-m-start">
560
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
582
561
  </span>
562
+ <span class="pf-v6-c-button__text">app=MyApp</span>
583
563
  </button>
584
564
  </div>
585
565
  </dd>
@@ -638,13 +618,11 @@ Column fill will modify the default placement of description list groups to fill
638
618
  </dt>
639
619
  <dd class="pf-v6-c-description-list__description">
640
620
  <div class="pf-v6-c-description-list__text">
641
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
642
- <span class="pf-v6-c-button__text">
643
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
644
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
645
- </span>
646
- app=MyApp
621
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
622
+ <span class="pf-v6-c-button__icon pf-m-start">
623
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
647
624
  </span>
625
+ <span class="pf-v6-c-button__text">app=MyApp</span>
648
626
  </button>
649
627
  </div>
650
628
  </dd>
@@ -699,13 +677,11 @@ Column fill will modify the default placement of description list groups to fill
699
677
  </dt>
700
678
  <dd class="pf-v6-c-description-list__description">
701
679
  <div class="pf-v6-c-description-list__text">
702
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
703
- <span class="pf-v6-c-button__text">
704
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
705
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
706
- </span>
707
- app=MyApp
680
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
681
+ <span class="pf-v6-c-button__icon pf-m-start">
682
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
708
683
  </span>
684
+ <span class="pf-v6-c-button__text">app=MyApp</span>
709
685
  </button>
710
686
  </div>
711
687
  </dd>
@@ -761,13 +737,11 @@ Column fill will modify the default placement of description list groups to fill
761
737
  </dt>
762
738
  <dd class="pf-v6-c-description-list__description">
763
739
  <div class="pf-v6-c-description-list__text">
764
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
765
- <span class="pf-v6-c-button__text">
766
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
767
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
768
- </span>
769
- app=MyApp
740
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
741
+ <span class="pf-v6-c-button__icon pf-m-start">
742
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
770
743
  </span>
744
+ <span class="pf-v6-c-button__text">app=MyApp</span>
771
745
  </button>
772
746
  </div>
773
747
  </dd>
@@ -823,13 +797,11 @@ Column fill will modify the default placement of description list groups to fill
823
797
  </dt>
824
798
  <dd class="pf-v6-c-description-list__description">
825
799
  <div class="pf-v6-c-description-list__text">
826
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
827
- <span class="pf-v6-c-button__text">
828
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
829
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
830
- </span>
831
- app=MyApp
800
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
801
+ <span class="pf-v6-c-button__icon pf-m-start">
802
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
832
803
  </span>
804
+ <span class="pf-v6-c-button__text">app=MyApp</span>
833
805
  </button>
834
806
  </div>
835
807
  </dd>
@@ -884,13 +856,11 @@ Column fill will modify the default placement of description list groups to fill
884
856
  </dt>
885
857
  <dd class="pf-v6-c-description-list__description">
886
858
  <div class="pf-v6-c-description-list__text">
887
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
888
- <span class="pf-v6-c-button__text">
889
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
890
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
891
- </span>
892
- app=MyApp
859
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
860
+ <span class="pf-v6-c-button__icon pf-m-start">
861
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
893
862
  </span>
863
+ <span class="pf-v6-c-button__text">app=MyApp</span>
894
864
  </button>
895
865
  </div>
896
866
  </dd>
@@ -945,13 +915,11 @@ Column fill will modify the default placement of description list groups to fill
945
915
  </dt>
946
916
  <dd class="pf-v6-c-description-list__description">
947
917
  <div class="pf-v6-c-description-list__text">
948
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
949
- <span class="pf-v6-c-button__text">
950
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
951
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
952
- </span>
953
- app=MyApp
918
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
919
+ <span class="pf-v6-c-button__icon pf-m-start">
920
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
954
921
  </span>
922
+ <span class="pf-v6-c-button__text">app=MyApp</span>
955
923
  </button>
956
924
  </div>
957
925
  </dd>
@@ -1006,13 +974,11 @@ Column fill will modify the default placement of description list groups to fill
1006
974
  </dt>
1007
975
  <dd class="pf-v6-c-description-list__description">
1008
976
  <div class="pf-v6-c-description-list__text">
1009
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1010
- <span class="pf-v6-c-button__text">
1011
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
1012
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
1013
- </span>
1014
- app=MyApp
977
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
978
+ <span class="pf-v6-c-button__icon pf-m-start">
979
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
1015
980
  </span>
981
+ <span class="pf-v6-c-button__text">app=MyApp</span>
1016
982
  </button>
1017
983
  </div>
1018
984
  </dd>
@@ -1067,13 +1033,11 @@ Column fill will modify the default placement of description list groups to fill
1067
1033
  </dt>
1068
1034
  <dd class="pf-v6-c-description-list__description">
1069
1035
  <div class="pf-v6-c-description-list__text">
1070
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1071
- <span class="pf-v6-c-button__text">
1072
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
1073
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
1074
- </span>
1075
- app=MyApp
1036
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1037
+ <span class="pf-v6-c-button__icon pf-m-start">
1038
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
1076
1039
  </span>
1040
+ <span class="pf-v6-c-button__text">app=MyApp</span>
1077
1041
  </button>
1078
1042
  </div>
1079
1043
  </dd>
@@ -1128,13 +1092,11 @@ Column fill will modify the default placement of description list groups to fill
1128
1092
  </dt>
1129
1093
  <dd class="pf-v6-c-description-list__description">
1130
1094
  <div class="pf-v6-c-description-list__text">
1131
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1132
- <span class="pf-v6-c-button__text">
1133
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
1134
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
1135
- </span>
1136
- app=MyApp
1095
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1096
+ <span class="pf-v6-c-button__icon pf-m-start">
1097
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
1137
1098
  </span>
1099
+ <span class="pf-v6-c-button__text">app=MyApp</span>
1138
1100
  </button>
1139
1101
  </div>
1140
1102
  </dd>
@@ -1189,13 +1151,11 @@ Column fill will modify the default placement of description list groups to fill
1189
1151
  </dt>
1190
1152
  <dd class="pf-v6-c-description-list__description">
1191
1153
  <div class="pf-v6-c-description-list__text">
1192
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1193
- <span class="pf-v6-c-button__text">
1194
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
1195
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
1196
- </span>
1197
- app=MyApp
1154
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1155
+ <span class="pf-v6-c-button__icon pf-m-start">
1156
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
1198
1157
  </span>
1158
+ <span class="pf-v6-c-button__text">app=MyApp</span>
1199
1159
  </button>
1200
1160
  </div>
1201
1161
  </dd>
@@ -1248,13 +1208,11 @@ Column fill will modify the default placement of description list groups to fill
1248
1208
  </dt>
1249
1209
  <dd class="pf-v6-c-description-list__description">
1250
1210
  <div class="pf-v6-c-description-list__text">
1251
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1252
- <span class="pf-v6-c-button__text">
1253
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
1254
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
1255
- </span>
1256
- app=MyApp
1211
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1212
+ <span class="pf-v6-c-button__icon pf-m-start">
1213
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
1257
1214
  </span>
1215
+ <span class="pf-v6-c-button__text">app=MyApp</span>
1258
1216
  </button>
1259
1217
  </div>
1260
1218
  </dd>
@@ -1311,13 +1269,11 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1311
1269
  </dt>
1312
1270
  <dd class="pf-v6-c-description-list__description">
1313
1271
  <div class="pf-v6-c-description-list__text">
1314
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1315
- <span class="pf-v6-c-button__text">
1316
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
1317
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
1318
- </span>
1319
- app=MyApp
1272
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1273
+ <span class="pf-v6-c-button__icon pf-m-start">
1274
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
1320
1275
  </span>
1276
+ <span class="pf-v6-c-button__text">app=MyApp</span>
1321
1277
  </button>
1322
1278
  </div>
1323
1279
  </dd>
@@ -1370,13 +1326,11 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1370
1326
  </dt>
1371
1327
  <dd class="pf-v6-c-description-list__description">
1372
1328
  <div class="pf-v6-c-description-list__text">
1373
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1374
- <span class="pf-v6-c-button__text">
1375
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
1376
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
1377
- </span>
1378
- app=MyApp
1329
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1330
+ <span class="pf-v6-c-button__icon pf-m-start">
1331
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
1379
1332
  </span>
1333
+ <span class="pf-v6-c-button__text">app=MyApp</span>
1380
1334
  </button>
1381
1335
  </div>
1382
1336
  </dd>
@@ -1429,13 +1383,11 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1429
1383
  </dt>
1430
1384
  <dd class="pf-v6-c-description-list__description">
1431
1385
  <div class="pf-v6-c-description-list__text">
1432
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1433
- <span class="pf-v6-c-button__text">
1434
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
1435
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
1436
- </span>
1437
- app=MyApp
1386
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1387
+ <span class="pf-v6-c-button__icon pf-m-start">
1388
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
1438
1389
  </span>
1390
+ <span class="pf-v6-c-button__text">app=MyApp</span>
1439
1391
  </button>
1440
1392
  </div>
1441
1393
  </dd>
@@ -1582,13 +1534,11 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1582
1534
  </dt>
1583
1535
  <dd class="pf-v6-c-description-list__description">
1584
1536
  <div class="pf-v6-c-description-list__text">
1585
- <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1586
- <span class="pf-v6-c-button__text">
1587
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
1588
- <i class="fas fa-plus-circle" aria-hidden="true"></i>
1589
- </span>
1590
- app=MyApp
1537
+ <button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
1538
+ <span class="pf-v6-c-button__icon pf-m-start">
1539
+ <i class="fas fa-plus-circle" aria-hidden="true"></i>
1591
1540
  </span>
1541
+ <span class="pf-v6-c-button__text">app=MyApp</span>
1592
1542
  </button>
1593
1543
  </div>
1594
1544
  </dd>
package/docs/components/Drawer/examples/Drawer.md CHANGED
@@ -26,7 +26,7 @@ cssPrefix: pf-v6-c-drawer
26
26
  type="button"
27
27
  aria-label="Close drawer panel"
28
28
  >
29
- <span class="pf-v6-c-button__text">
29
+ <span class="pf-v6-c-button__icon">
30
30
  <i class="fas fa-times" aria-hidden="true"></i>
31
31
  </span>
32
32
  </button>
@@ -63,7 +63,7 @@ cssPrefix: pf-v6-c-drawer
63
63
  type="button"
64
64
  aria-label="Close drawer panel"
65
65
  >
66
- <span class="pf-v6-c-button__text">
66
+ <span class="pf-v6-c-button__icon">
67
67
  <i class="fas fa-times" aria-hidden="true"></i>
68
68
  </span>
69
69
  </button>
@@ -100,7 +100,7 @@ cssPrefix: pf-v6-c-drawer
100
100
  type="button"
101
101
  aria-label="Close drawer panel"
102
102
  >
103
- <span class="pf-v6-c-button__text">
103
+ <span class="pf-v6-c-button__icon">
104
104
  <i class="fas fa-times" aria-hidden="true"></i>
105
105
  </span>
106
106
  </button>
@@ -137,7 +137,7 @@ cssPrefix: pf-v6-c-drawer
137
137
  type="button"
138
138
  aria-label="Close drawer panel"
139
139
  >
140
- <span class="pf-v6-c-button__text">
140
+ <span class="pf-v6-c-button__icon">
141
141
  <i class="fas fa-times" aria-hidden="true"></i>
142
142
  </span>
143
143
  </button>
@@ -176,7 +176,7 @@ cssPrefix: pf-v6-c-drawer
176
176
  type="button"
177
177
  aria-label="Close drawer panel"
178
178
  >
179
- <span class="pf-v6-c-button__text">
179
+ <span class="pf-v6-c-button__icon">
180
180
  <i class="fas fa-times" aria-hidden="true"></i>
181
181
  </span>
182
182
  </button>
@@ -216,7 +216,7 @@ cssPrefix: pf-v6-c-drawer
216
216
  type="button"
217
217
  aria-label="Close drawer panel"
218
218
  >
219
- <span class="pf-v6-c-button__text">
219
+ <span class="pf-v6-c-button__icon">
220
220
  <i class="fas fa-times" aria-hidden="true"></i>
221
221
  </span>
222
222
  </button>
@@ -253,7 +253,7 @@ cssPrefix: pf-v6-c-drawer
253
253
  type="button"
254
254
  aria-label="Close drawer panel"
255
255
  >
256
- <span class="pf-v6-c-button__text">
256
+ <span class="pf-v6-c-button__icon">
257
257
  <i class="fas fa-times" aria-hidden="true"></i>
258
258
  </span>
259
259
  </button>
@@ -290,7 +290,7 @@ cssPrefix: pf-v6-c-drawer
290
290
  type="button"
291
291
  aria-label="Close drawer panel"
292
292
  >
293
- <span class="pf-v6-c-button__text">
293
+ <span class="pf-v6-c-button__icon">
294
294
  <i class="fas fa-times" aria-hidden="true"></i>
295
295
  </span>
296
296
  </button>
@@ -327,7 +327,7 @@ cssPrefix: pf-v6-c-drawer
327
327
  type="button"
328
328
  aria-label="Close drawer panel"
329
329
  >
330
- <span class="pf-v6-c-button__text">
330
+ <span class="pf-v6-c-button__icon">
331
331
  <i class="fas fa-times" aria-hidden="true"></i>
332
332
  </span>
333
333
  </button>
@@ -365,7 +365,7 @@ cssPrefix: pf-v6-c-drawer
365
365
  type="button"
366
366
  aria-label="Close drawer panel"
367
367
  >
368
- <span class="pf-v6-c-button__text">
368
+ <span class="pf-v6-c-button__icon">
369
369
  <i class="fas fa-times" aria-hidden="true"></i>
370
370
  </span>
371
371
  </button>
@@ -403,7 +403,7 @@ cssPrefix: pf-v6-c-drawer
403
403
  type="button"
404
404
  aria-label="Close drawer panel"
405
405
  >
406
- <span class="pf-v6-c-button__text">
406
+ <span class="pf-v6-c-button__icon">
407
407
  <i class="fas fa-times" aria-hidden="true"></i>
408
408
  </span>
409
409
  </button>
@@ -440,7 +440,7 @@ cssPrefix: pf-v6-c-drawer
440
440
  type="button"
441
441
  aria-label="Close drawer panel"
442
442
  >
443
- <span class="pf-v6-c-button__text">
443
+ <span class="pf-v6-c-button__icon">
444
444
  <i class="fas fa-times" aria-hidden="true"></i>
445
445
  </span>
446
446
  </button>
@@ -480,7 +480,7 @@ cssPrefix: pf-v6-c-drawer
480
480
  type="button"
481
481
  aria-label="Close drawer panel"
482
482
  >
483
- <span class="pf-v6-c-button__text">
483
+ <span class="pf-v6-c-button__icon">
484
484
  <i class="fas fa-times" aria-hidden="true"></i>
485
485
  </span>
486
486
  </button>
@@ -518,7 +518,7 @@ cssPrefix: pf-v6-c-drawer
518
518
  type="button"
519
519
  aria-label="Close drawer panel"
520
520
  >
521
- <span class="pf-v6-c-button__text">
521
+ <span class="pf-v6-c-button__icon">
522
522
  <i class="fas fa-times" aria-hidden="true"></i>
523
523
  </span>
524
524
  </button>
@@ -564,7 +564,7 @@ cssPrefix: pf-v6-c-drawer
564
564
  type="button"
565
565
  aria-label="Close drawer panel"
566
566
  >
567
- <span class="pf-v6-c-button__text">
567
+ <span class="pf-v6-c-button__icon">
568
568
  <i class="fas fa-times" aria-hidden="true"></i>
569
569
  </span>
570
570
  </button>
@@ -611,7 +611,7 @@ cssPrefix: pf-v6-c-drawer
611
611
  type="button"
612
612
  aria-label="Close drawer panel"
613
613
  >
614
- <span class="pf-v6-c-button__text">
614
+ <span class="pf-v6-c-button__icon">
615
615
  <i class="fas fa-times" aria-hidden="true"></i>
616
616
  </span>
617
617
  </button>
@@ -661,7 +661,7 @@ cssPrefix: pf-v6-c-drawer
661
661
  type="button"
662
662
  aria-label="Close drawer panel"
663
663
  >
664
- <span class="pf-v6-c-button__text">
664
+ <span class="pf-v6-c-button__icon">
665
665
  <i class="fas fa-times" aria-hidden="true"></i>
666
666
  </span>
667
667
  </button>
@@ -708,7 +708,7 @@ cssPrefix: pf-v6-c-drawer
708
708
  type="button"
709
709
  aria-label="Close drawer panel"
710
710
  >
711
- <span class="pf-v6-c-button__text">
711
+ <span class="pf-v6-c-button__icon">
712
712
  <i class="fas fa-times" aria-hidden="true"></i>
713
713
  </span>
714
714
  </button>
@@ -746,7 +746,7 @@ cssPrefix: pf-v6-c-drawer
746
746
  type="button"
747
747
  aria-label="Close drawer panel"
748
748
  >
749
- <span class="pf-v6-c-button__text">
749
+ <span class="pf-v6-c-button__icon">
750
750
  <i class="fas fa-times" aria-hidden="true"></i>
751
751
  </span>
752
752
  </button>