@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/ClipboardCopy/examples/ClipboardCopy.md CHANGED
@@ -19,12 +19,12 @@ cssPrefix: pf-v6-c-clipboard-copy
19
19
  </span>
20
20
  <button
21
21
  class="pf-v6-c-button pf-m-control"
22
+ id&#x26;#x3D;&#x26;quot;basic-editable-copy-button&#x26;quot;
22
23
  type="button"
23
- aria-label="Copy to clipboard"
24
- id="basic-editable-copy-button"
25
24
  aria-labelledby="basic-editable-copy-button basic-editable-text-input"
25
+ aria-label="Copy to clipboard"
26
26
  >
27
- <span class="pf-v6-c-button__text">
27
+ <span class="pf-v6-c-button__icon">
28
28
  <i class="fas fa-copy" aria-hidden="true"></i>
29
29
  </span>
30
30
  </button>
@@ -44,12 +44,12 @@ cssPrefix: pf-v6-c-clipboard-copy
44
44
  </span>
45
45
  <button
46
46
  class="pf-v6-c-button pf-m-control"
47
+ id&#x26;#x3D;&#x26;quot;basic-readonly-copy-button&#x26;quot;
47
48
  type="button"
48
- aria-label="Copy to clipboard"
49
- id="basic-readonly-copy-button"
50
49
  aria-labelledby="basic-readonly-copy-button basic-readonly-text-input"
50
+ aria-label="Copy to clipboard"
51
51
  >
52
- <span class="pf-v6-c-button__text">
52
+ <span class="pf-v6-c-button__icon">
53
53
  <i class="fas fa-copy" aria-hidden="true"></i>
54
54
  </span>
55
55
  </button>
@@ -71,7 +71,7 @@ cssPrefix: pf-v6-c-clipboard-copy
71
71
  aria-labelledby="expandable-not-expanded-editable-toggle expandable-not-expanded-editable-text-input"
72
72
  aria-controls="expandable-not-expanded-editable-content"
73
73
  >
74
- <span class="pf-v6-c-button__text">
74
+ <span class="pf-v6-c-button__icon">
75
75
  <div class="pf-v6-c-clipboard-copy__toggle-icon">
76
76
  <i class="fas fa-angle-right" aria-hidden="true"></i>
77
77
  </div>
@@ -92,7 +92,7 @@ cssPrefix: pf-v6-c-clipboard-copy
92
92
  id="expandable-not-expanded-editable-copy-button"
93
93
  aria-labelledby="expandable-not-expanded-editable-copy-button expandable-not-expanded-editable-text-input"
94
94
  >
95
- <span class="pf-v6-c-button__text">
95
+ <span class="pf-v6-c-button__icon">
96
96
  <i class="fas fa-copy" aria-hidden="true"></i>
97
97
  </span>
98
98
  </button>
@@ -107,13 +107,14 @@ cssPrefix: pf-v6-c-clipboard-copy
107
107
  <div class="pf-v6-c-clipboard-copy pf-m-expanded">
108
108
  <div class="pf-v6-c-clipboard-copy__group">
109
109
  <button
110
- class="pf-v6-c-button pf-m-control pf-m-expanded"
110
+ class="pf-v6-c-button pf-m-expanded pf-m-control"
111
111
  type="button"
112
+ aria-expanded="true"
112
113
  id="expandable-expanded-editable-toggle"
113
114
  aria-labelledby="expandable-expanded-editable-toggle expandable-expanded-editable-text-input"
114
115
  aria-controls="expandable-expanded-editable-content"
115
116
  >
116
- <span class="pf-v6-c-button__text">
117
+ <span class="pf-v6-c-button__icon">
117
118
  <div class="pf-v6-c-clipboard-copy__toggle-icon">
118
119
  <i class="fas fa-angle-right" aria-hidden="true"></i>
119
120
  </div>
@@ -135,7 +136,7 @@ cssPrefix: pf-v6-c-clipboard-copy
135
136
  id="expandable-expanded-editable-copy-button"
136
137
  aria-labelledby="expandable-expanded-editable-copy-button expandable-expanded-editable-text-input"
137
138
  >
138
- <span class="pf-v6-c-button__text">
139
+ <span class="pf-v6-c-button__icon">
139
140
  <i class="fas fa-copy" aria-hidden="true"></i>
140
141
  </span>
141
142
  </button>
@@ -157,7 +158,7 @@ cssPrefix: pf-v6-c-clipboard-copy
157
158
  aria-labelledby="expandable-not-expanded-readonly-toggle expandable-not-expanded-readonly-text-input"
158
159
  aria-controls="expandable-not-expanded-readonly-content"
159
160
  >
160
- <span class="pf-v6-c-button__text">
161
+ <span class="pf-v6-c-button__icon">
161
162
  <div class="pf-v6-c-clipboard-copy__toggle-icon">
162
163
  <i class="fas fa-angle-right" aria-hidden="true"></i>
163
164
  </div>
@@ -179,7 +180,7 @@ cssPrefix: pf-v6-c-clipboard-copy
179
180
  id="expandable-not-expanded-readonly-copy-button"
180
181
  aria-labelledby="expandable-not-expanded-readonly-copy-button expandable-not-expanded-readonly-text-input"
181
182
  >
182
- <span class="pf-v6-c-button__text">
183
+ <span class="pf-v6-c-button__icon">
183
184
  <i class="fas fa-copy" aria-hidden="true"></i>
184
185
  </span>
185
186
  </button>
@@ -194,13 +195,14 @@ cssPrefix: pf-v6-c-clipboard-copy
194
195
  <div class="pf-v6-c-clipboard-copy pf-m-expanded">
195
196
  <div class="pf-v6-c-clipboard-copy__group">
196
197
  <button
197
- class="pf-v6-c-button pf-m-control pf-m-expanded"
198
+ class="pf-v6-c-button pf-m-expanded pf-m-control"
198
199
  type="button"
200
+ aria-expanded="true"
199
201
  id="expandable-expanded-readonly-toggle"
200
202
  aria-labelledby="expandable-expanded-readonly-toggle expandable-expanded-readonly-text-input"
201
203
  aria-controls="expandable-expanded-readonly-content"
202
204
  >
203
- <span class="pf-v6-c-button__text">
205
+ <span class="pf-v6-c-button__icon">
204
206
  <div class="pf-v6-c-clipboard-copy__toggle-icon">
205
207
  <i class="fas fa-angle-right" aria-hidden="true"></i>
206
208
  </div>
@@ -222,7 +224,7 @@ cssPrefix: pf-v6-c-clipboard-copy
222
224
  id="expandable-expanded-readonly-copy-button"
223
225
  aria-labelledby="expandable-expanded-readonly-copy-button expandable-expanded-readonly-text-input"
224
226
  >
225
- <span class="pf-v6-c-button__text">
227
+ <span class="pf-v6-c-button__icon">
226
228
  <i class="fas fa-copy" aria-hidden="true"></i>
227
229
  </span>
228
230
  </button>
@@ -243,7 +245,7 @@ cssPrefix: pf-v6-c-clipboard-copy
243
245
  aria-labelledby="expandable-not-expanded-code-toggle expandable-not-expanded-code-text-input"
244
246
  aria-controls="expandable-not-expanded-code-content"
245
247
  >
246
- <span class="pf-v6-c-button__text">
248
+ <span class="pf-v6-c-button__icon">
247
249
  <div class="pf-v6-c-clipboard-copy__toggle-icon">
248
250
  <i class="fas fa-angle-right" aria-hidden="true"></i>
249
251
  </div>
@@ -265,7 +267,7 @@ cssPrefix: pf-v6-c-clipboard-copy
265
267
  id="expandable-not-expanded-code-copy-button"
266
268
  aria-labelledby="expandable-not-expanded-code-copy-button expandable-not-expanded-code-text-input"
267
269
  >
268
- <span class="pf-v6-c-button__text">
270
+ <span class="pf-v6-c-button__icon">
269
271
  <i class="fas fa-copy" aria-hidden="true"></i>
270
272
  </span>
271
273
  </button>
@@ -293,13 +295,14 @@ cssPrefix: pf-v6-c-clipboard-copy
293
295
  <div class="pf-v6-c-clipboard-copy pf-m-expanded">
294
296
  <div class="pf-v6-c-clipboard-copy__group">
295
297
  <button
296
- class="pf-v6-c-button pf-m-control pf-m-expanded"
298
+ class="pf-v6-c-button pf-m-expanded pf-m-control"
297
299
  type="button"
300
+ aria-expanded="true"
298
301
  id="expandable-expanded-code-toggle"
299
302
  aria-labelledby="expandable-expanded-code-toggle expandable-expanded-code-text-input"
300
303
  aria-controls="expandable-expanded-code-content"
301
304
  >
302
- <span class="pf-v6-c-button__text">
305
+ <span class="pf-v6-c-button__icon">
303
306
  <div class="pf-v6-c-clipboard-copy__toggle-icon">
304
307
  <i class="fas fa-angle-right" aria-hidden="true"></i>
305
308
  </div>
@@ -322,7 +325,7 @@ cssPrefix: pf-v6-c-clipboard-copy
322
325
  id="expandable-expanded-code-copy-button"
323
326
  aria-labelledby="expandable-expanded-code-copy-button expandable-expanded-code-text-input"
324
327
  >
325
- <span class="pf-v6-c-button__text">
328
+ <span class="pf-v6-c-button__icon">
326
329
  <i class="fas fa-copy" aria-hidden="true"></i>
327
330
  </span>
328
331
  </button>
@@ -361,7 +364,7 @@ cssPrefix: pf-v6-c-clipboard-copy
361
364
  type="button"
362
365
  aria-label="Copy to clipboard"
363
366
  >
364
- <span class="pf-v6-c-button__text">
367
+ <span class="pf-v6-c-button__icon">
365
368
  <i class="fas fa-copy" aria-hidden="true"></i>
366
369
  </span>
367
370
  </button>
@@ -383,7 +386,7 @@ cssPrefix: pf-v6-c-clipboard-copy
383
386
  type="button"
384
387
  aria-label="Copy to clipboard"
385
388
  >
386
- <span class="pf-v6-c-button__text">
389
+ <span class="pf-v6-c-button__icon">
387
390
  <i class="fas fa-copy" aria-hidden="true"></i>
388
391
  </span>
389
392
  </button>
@@ -405,7 +408,7 @@ cssPrefix: pf-v6-c-clipboard-copy
405
408
  type="button"
406
409
  aria-label="Copy to clipboard"
407
410
  >
408
- <span class="pf-v6-c-button__text">
411
+ <span class="pf-v6-c-button__icon">
409
412
  <i class="fas fa-copy" aria-hidden="true"></i>
410
413
  </span>
411
414
  </button>
@@ -416,8 +419,8 @@ cssPrefix: pf-v6-c-clipboard-copy
416
419
  type="button"
417
420
  aria-label="Run in web terminal"
418
421
  >
419
- <span class="pf-v6-c-button__text">
420
- <i class="fas fa-play" aria-hidden="true"></i>
422
+ <span class="pf-v6-c-button__icon">
423
+ <i class="fas fa-copy" aria-hidden="true"></i>
421
424
  </span>
422
425
  </button>
423
426
  </span>
@@ -441,7 +444,7 @@ cssPrefix: pf-v6-c-clipboard-copy
441
444
  type="button"
442
445
  aria-label="Copy to clipboard"
443
446
  >
444
- <span class="pf-v6-c-button__text">
447
+ <span class="pf-v6-c-button__icon">
445
448
  <i class="fas fa-copy" aria-hidden="true"></i>
446
449
  </span>
447
450
  </button>
@@ -466,7 +469,7 @@ cssPrefix: pf-v6-c-clipboard-copy
466
469
  type="button"
467
470
  aria-label="Copy to clipboard"
468
471
  >
469
- <span class="pf-v6-c-button__text">
472
+ <span class="pf-v6-c-button__icon">
470
473
  <i class="fas fa-copy" aria-hidden="true"></i>
471
474
  </span>
472
475
  </button>
@@ -490,7 +493,7 @@ cssPrefix: pf-v6-c-clipboard-copy
490
493
  type="button"
491
494
  aria-label="Copy to clipboard"
492
495
  >
493
- <span class="pf-v6-c-button__text">
496
+ <span class="pf-v6-c-button__icon">
494
497
  <i class="fas fa-copy" aria-hidden="true"></i>
495
498
  </span>
496
499
  </button>
package/docs/components/CodeBlock/examples/CodeBlock.md CHANGED
@@ -16,7 +16,7 @@ cssPrefix: pf-v6-c-code-block
16
16
  type="button"
17
17
  aria-label="Copy to clipboard"
18
18
  >
19
- <span class="pf-v6-c-button__text">
19
+ <span class="pf-v6-c-button__icon">
20
20
  <i class="fas fa-copy" aria-hidden="true"></i>
21
21
  </span>
22
22
  </button>
@@ -27,7 +27,7 @@ cssPrefix: pf-v6-c-code-block
27
27
  type="button"
28
28
  aria-label="Run in Web Terminal"
29
29
  >
30
- <span class="pf-v6-c-button__text">
30
+ <span class="pf-v6-c-button__icon">
31
31
  <i class="fas fa-play" aria-hidden="true"></i>
32
32
  </span>
33
33
  </button>
@@ -60,7 +60,7 @@ url: https://raw.githubusercontent.com/Azure-Samples/helm-charts/master/docs</co
60
60
  type="button"
61
61
  aria-label="Copy to clipboard"
62
62
  >
63
- <span class="pf-v6-c-button__text">
63
+ <span class="pf-v6-c-button__icon">
64
64
  <i class="fas fa-copy" aria-hidden="true"></i>
65
65
  </span>
66
66
  </button>
@@ -71,7 +71,7 @@ url: https://raw.githubusercontent.com/Azure-Samples/helm-charts/master/docs</co
71
71
  type="button"
72
72
  aria-label="Run in Web Terminal"
73
73
  >
74
- <span class="pf-v6-c-button__text">
74
+ <span class="pf-v6-c-button__icon">
75
75
  <i class="fas fa-play" aria-hidden="true"></i>
76
76
  </span>
77
77
  </button>
@@ -125,7 +125,7 @@ name: azure-sample-repo<div
125
125
  type="button"
126
126
  aria-label="Copy to clipboard"
127
127
  >
128
- <span class="pf-v6-c-button__text">
128
+ <span class="pf-v6-c-button__icon">
129
129
  <i class="fas fa-copy" aria-hidden="true"></i>
130
130
  </span>
131
131
  </button>
@@ -136,7 +136,7 @@ name: azure-sample-repo<div
136
136
  type="button"
137
137
  aria-label="Run in Web Terminal"
138
138
  >
139
- <span class="pf-v6-c-button__text">
139
+ <span class="pf-v6-c-button__icon">
140
140
  <i class="fas fa-play" aria-hidden="true"></i>
141
141
  </span>
142
142
  </button>
package/docs/components/CodeEditor/examples/CodeEditor.md CHANGED
@@ -16,7 +16,7 @@ cssPrefix: pf-v6-c-code-editor
16
16
  type="button"
17
17
  aria-label="Copy to clipboard"
18
18
  >
19
- <span class="pf-v6-c-button__text">
19
+ <span class="pf-v6-c-button__icon">
20
20
  <i class="fas fa-copy" aria-hidden="true"></i>
21
21
  </span>
22
22
  </button>
@@ -25,8 +25,8 @@ cssPrefix: pf-v6-c-code-editor
25
25
  type="button"
26
26
  aria-label="Download code"
27
27
  >
28
- <span class="pf-v6-c-button__text">
29
- <i class="fas fa-download"></i>
28
+ <span class="pf-v6-c-button__icon">
29
+ <i class="fas fa-download" aria-hidden="true"></i>
30
30
  </span>
31
31
  </button>
32
32
  <button
@@ -34,8 +34,8 @@ cssPrefix: pf-v6-c-code-editor
34
34
  type="button"
35
35
  aria-label="Upload code"
36
36
  >
37
- <span class="pf-v6-c-button__text">
38
- <i class="fas fa-upload"></i>
37
+ <span class="pf-v6-c-button__icon">
38
+ <i class="fas fa-upload" aria-hidden="true"></i>
39
39
  </span>
40
40
  </button>
41
41
  </div>
@@ -71,7 +71,7 @@ cssPrefix: pf-v6-c-code-editor
71
71
  type="button"
72
72
  aria-label="Copy to clipboard"
73
73
  >
74
- <span class="pf-v6-c-button__text">
74
+ <span class="pf-v6-c-button__icon">
75
75
  <i class="fas fa-copy" aria-hidden="true"></i>
76
76
  </span>
77
77
  </button>
@@ -80,18 +80,17 @@ cssPrefix: pf-v6-c-code-editor
80
80
  type="button"
81
81
  aria-label="Download code"
82
82
  >
83
- <span class="pf-v6-c-button__text">
84
- <i class="fas fa-download"></i>
83
+ <span class="pf-v6-c-button__icon">
84
+ <i class="fas fa-download" aria-hidden="true"></i>
85
85
  </span>
86
86
  </button>
87
87
  <button
88
88
  class="pf-v6-c-button pf-m-plain"
89
89
  type="button"
90
90
  aria-label="Upload code"
91
- disabled
92
91
  >
93
- <span class="pf-v6-c-button__text">
94
- <i class="fas fa-upload"></i>
92
+ <span class="pf-v6-c-button__icon">
93
+ <i class="fas fa-upload" aria-hidden="true"></i>
95
94
  </span>
96
95
  </button>
97
96
  </div>
@@ -227,7 +226,7 @@ cssPrefix: pf-v6-c-code-editor
227
226
  type="button"
228
227
  aria-label="Copy to clipboard"
229
228
  >
230
- <span class="pf-v6-c-button__text">
229
+ <span class="pf-v6-c-button__icon">
231
230
  <i class="fas fa-copy" aria-hidden="true"></i>
232
231
  </span>
233
232
  </button>
@@ -236,8 +235,8 @@ cssPrefix: pf-v6-c-code-editor
236
235
  type="button"
237
236
  aria-label="Download code"
238
237
  >
239
- <span class="pf-v6-c-button__text">
240
- <i class="fas fa-download"></i>
238
+ <span class="pf-v6-c-button__icon">
239
+ <i class="fas fa-download" aria-hidden="true"></i>
241
240
  </span>
242
241
  </button>
243
242
  <button
@@ -245,20 +244,18 @@ cssPrefix: pf-v6-c-code-editor
245
244
  type="button"
246
245
  aria-label="Upload code"
247
246
  >
248
- <span class="pf-v6-c-button__text">
249
- <i class="fas fa-upload"></i>
247
+ <span class="pf-v6-c-button__icon">
248
+ <i class="fas fa-upload" aria-hidden="true"></i>
250
249
  </span>
251
250
  </button>
252
251
  </div>
253
252
  <div class="pf-v6-c-code-editor__header-main">Header main content</div>
254
253
  <div class="pf-v6-c-code-editor__keyboard-shortcuts">
255
254
  <button class="pf-v6-c-button pf-m-link" type="button">
256
- <span class="pf-v6-c-button__text">
257
- <span class="pf-v6-c-button__icon pf-m-start pf-m-start">
258
- <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
259
- </span>
260
- View shortcuts
255
+ <span class="pf-v6-c-button__icon pf-m-start">
256
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
261
257
  </span>
258
+ <span class="pf-v6-c-button__text">View shortcuts</span>
262
259
  </button>
263
260
  </div>
264
261
  </div>
package/docs/components/DataList/examples/DataList.md CHANGED
@@ -353,7 +353,7 @@ When a list item includes more than one block of content, it can be difficult fo
353
353
  aria-expanded="true"
354
354
  aria-controls="data-list-expandable-content1"
355
355
  >
356
- <span class="pf-v6-c-button__text">
356
+ <span class="pf-v6-c-button__icon pf-m-start">
357
357
  <div class="pf-v6-c-data-list__toggle-icon">
358
358
  <i class="fas fa-angle-right" aria-hidden="true"></i>
359
359
  </div>
@@ -420,7 +420,7 @@ When a list item includes more than one block of content, it can be difficult fo
420
420
  aria-expanded="false"
421
421
  aria-controls="data-list-expandable-content2"
422
422
  >
423
- <span class="pf-v6-c-button__text">
423
+ <span class="pf-v6-c-button__icon pf-m-start">
424
424
  <div class="pf-v6-c-data-list__toggle-icon">
425
425
  <i class="fas fa-angle-right" aria-hidden="true"></i>
426
426
  </div>
@@ -484,7 +484,7 @@ When a list item includes more than one block of content, it can be difficult fo
484
484
  aria-expanded="true"
485
485
  aria-controls="data-list-expandable-content3"
486
486
  >
487
- <span class="pf-v6-c-button__text">
487
+ <span class="pf-v6-c-button__icon pf-m-start">
488
488
  <div class="pf-v6-c-data-list__toggle-icon">
489
489
  <i class="fas fa-angle-right" aria-hidden="true"></i>
490
490
  </div>
@@ -562,7 +562,7 @@ When a list item includes more than one block of content, it can be difficult fo
562
562
  aria-expanded="true"
563
563
  aria-controls="data-list-expandable-compact-content1"
564
564
  >
565
- <span class="pf-v6-c-button__text">
565
+ <span class="pf-v6-c-button__icon pf-m-start">
566
566
  <div class="pf-v6-c-data-list__toggle-icon">
567
567
  <i class="fas fa-angle-right" aria-hidden="true"></i>
568
568
  </div>
@@ -629,7 +629,7 @@ When a list item includes more than one block of content, it can be difficult fo
629
629
  aria-expanded="false"
630
630
  aria-controls="data-list-expandable-compact-content2"
631
631
  >
632
- <span class="pf-v6-c-button__text">
632
+ <span class="pf-v6-c-button__icon pf-m-start">
633
633
  <div class="pf-v6-c-data-list__toggle-icon">
634
634
  <i class="fas fa-angle-right" aria-hidden="true"></i>
635
635
  </div>
@@ -696,7 +696,7 @@ When a list item includes more than one block of content, it can be difficult fo
696
696
  aria-expanded="true"
697
697
  aria-controls="data-list-expandable-compact-content3"
698
698
  >
699
- <span class="pf-v6-c-button__text">
699
+ <span class="pf-v6-c-button__icon pf-m-start">
700
700
  <div class="pf-v6-c-data-list__toggle-icon">
701
701
  <i class="fas fa-angle-right" aria-hidden="true"></i>
702
702
  </div>
@@ -774,7 +774,7 @@ When a list item includes more than one block of content, it can be difficult fo
774
774
  aria-expanded="true"
775
775
  aria-controls="data-list-expandable-nested-content1"
776
776
  >
777
- <span class="pf-v6-c-button__text">
777
+ <span class="pf-v6-c-button__icon pf-m-start">
778
778
  <div class="pf-v6-c-data-list__toggle-icon">
779
779
  <i class="fas fa-angle-right" aria-hidden="true"></i>
780
780
  </div>
@@ -842,7 +842,7 @@ When a list item includes more than one block of content, it can be difficult fo
842
842
  aria-expanded="true"
843
843
  aria-controls="data-list-expandable-nested-nested-content1"
844
844
  >
845
- <span class="pf-v6-c-button__text">
845
+ <span class="pf-v6-c-button__icon pf-m-start">
846
846
  <div class="pf-v6-c-data-list__toggle-icon">
847
847
  <i class="fas fa-angle-right" aria-hidden="true"></i>
848
848
  </div>
@@ -885,7 +885,7 @@ When a list item includes more than one block of content, it can be difficult fo
885
885
  aria-expanded="false"
886
886
  aria-controls="data-list-expandable-nested-nested-content2"
887
887
  >
888
- <span class="pf-v6-c-button__text">
888
+ <span class="pf-v6-c-button__icon pf-m-start">
889
889
  <div class="pf-v6-c-data-list__toggle-icon">
890
890
  <i class="fas fa-angle-right" aria-hidden="true"></i>
891
891
  </div>
@@ -929,7 +929,7 @@ When a list item includes more than one block of content, it can be difficult fo
929
929
  aria-expanded="true"
930
930
  aria-controls="data-list-expandable-nested-nested-content3"
931
931
  >
932
- <span class="pf-v6-c-button__text">
932
+ <span class="pf-v6-c-button__icon pf-m-start">
933
933
  <div class="pf-v6-c-data-list__toggle-icon">
934
934
  <i class="fas fa-angle-right" aria-hidden="true"></i>
935
935
  </div>
@@ -976,7 +976,7 @@ When a list item includes more than one block of content, it can be difficult fo
976
976
  aria-expanded="false"
977
977
  aria-controls="data-list-expandable-nested-content2"
978
978
  >
979
- <span class="pf-v6-c-button__text">
979
+ <span class="pf-v6-c-button__icon pf-m-start">
980
980
  <div class="pf-v6-c-data-list__toggle-icon">
981
981
  <i class="fas fa-angle-right" aria-hidden="true"></i>
982
982
  </div>
@@ -1040,7 +1040,7 @@ When a list item includes more than one block of content, it can be difficult fo
1040
1040
  aria-expanded="true"
1041
1041
  aria-controls="data-list-expandable-nested-content3"
1042
1042
  >
1043
- <span class="pf-v6-c-button__text">
1043
+ <span class="pf-v6-c-button__icon pf-m-start">
1044
1044
  <div class="pf-v6-c-data-list__toggle-icon">
1045
1045
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1046
1046
  </div>
@@ -1442,7 +1442,7 @@ When a list item includes more than one block of content, it can be difficult fo
1442
1442
  aria-expanded="true"
1443
1443
  aria-controls="data-list-flex-modifiers-2-content1"
1444
1444
  >
1445
- <span class="pf-v6-c-button__text">
1445
+ <span class="pf-v6-c-button__icon pf-m-start">
1446
1446
  <div class="pf-v6-c-data-list__toggle-icon">
1447
1447
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1448
1448
  </div>
@@ -1627,7 +1627,7 @@ When a list item includes more than one block of content, it can be difficult fo
1627
1627
  aria-expanded="true"
1628
1628
  aria-controls="data-list-clickable-expandable-rows-content1"
1629
1629
  >
1630
- <span class="pf-v6-c-button__text">
1630
+ <span class="pf-v6-c-button__icon pf-m-start">
1631
1631
  <div class="pf-v6-c-data-list__toggle-icon">
1632
1632
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1633
1633
  </div>
@@ -1671,7 +1671,7 @@ When a list item includes more than one block of content, it can be difficult fo
1671
1671
  aria-expanded="false"
1672
1672
  aria-controls="data-list-clickable-expandable-rows-content2"
1673
1673
  >
1674
- <span class="pf-v6-c-button__text">
1674
+ <span class="pf-v6-c-button__icon pf-m-start">
1675
1675
  <div class="pf-v6-c-data-list__toggle-icon">
1676
1676
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1677
1677
  </div>
@@ -1716,7 +1716,7 @@ When a list item includes more than one block of content, it can be difficult fo
1716
1716
  aria-expanded="true"
1717
1717
  aria-controls="data-list-clickable-expandable-rows-content3"
1718
1718
  >
1719
- <span class="pf-v6-c-button__text">
1719
+ <span class="pf-v6-c-button__icon pf-m-start">
1720
1720
  <div class="pf-v6-c-data-list__toggle-icon">
1721
1721
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1722
1722
  </div>
@@ -1760,7 +1760,7 @@ When a list item includes more than one block of content, it can be difficult fo
1760
1760
  aria-expanded="false"
1761
1761
  aria-controls="data-list-clickable-expandable-rows-content4"
1762
1762
  >
1763
- <span class="pf-v6-c-button__text">
1763
+ <span class="pf-v6-c-button__icon pf-m-start">
1764
1764
  <div class="pf-v6-c-data-list__toggle-icon">
1765
1765
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1766
1766
  </div>
package/docs/components/DatePicker/examples/DatePicker.md CHANGED
@@ -30,7 +30,7 @@ cssPrefix: pf-v6-c-date-picker
30
30
  type="button"
31
31
  aria-label="Toggle date picker"
32
32
  >
33
- <span class="pf-v6-c-button__text">
33
+ <span class="pf-v6-c-button__icon">
34
34
  <i class="fas fa-calendar-alt" aria-hidden="true"></i>
35
35
  </span>
36
36
  </button>
@@ -64,7 +64,7 @@ cssPrefix: pf-v6-c-date-picker
64
64
  type="button"
65
65
  aria-label="Toggle date picker"
66
66
  >
67
- <span class="pf-v6-c-button__text">
67
+ <span class="pf-v6-c-button__icon">
68
68
  <i class="fas fa-calendar-alt" aria-hidden="true"></i>
69
69
  </span>
70
70
  </button>
@@ -111,7 +111,7 @@ cssPrefix: pf-v6-c-date-picker
111
111
  type="button"
112
112
  aria-label="Toggle date picker"
113
113
  >
114
- <span class="pf-v6-c-button__text">
114
+ <span class="pf-v6-c-button__icon">
115
115
  <i class="fas fa-calendar-alt" aria-hidden="true"></i>
116
116
  </span>
117
117
  </button>
@@ -155,7 +155,7 @@ cssPrefix: pf-v6-c-date-picker
155
155
  type="button"
156
156
  aria-label="Toggle date picker"
157
157
  >
158
- <span class="pf-v6-c-button__text">
158
+ <span class="pf-v6-c-button__icon">
159
159
  <i class="fas fa-calendar-alt" aria-hidden="true"></i>
160
160
  </span>
161
161
  </button>
@@ -193,7 +193,7 @@ cssPrefix: pf-v6-c-date-picker
193
193
  type="button"
194
194
  aria-label="Toggle date picker"
195
195
  >
196
- <span class="pf-v6-c-button__text">
196
+ <span class="pf-v6-c-button__icon">
197
197
  <i class="fas fa-calendar-alt" aria-hidden="true"></i>
198
198
  </span>
199
199
  </button>
@@ -230,7 +230,7 @@ cssPrefix: pf-v6-c-date-picker
230
230
  type="button"
231
231
  aria-label="Toggle date picker"
232
232
  >
233
- <span class="pf-v6-c-button__text">
233
+ <span class="pf-v6-c-button__icon">
234
234
  <i class="fas fa-calendar-alt" aria-hidden="true"></i>
235
235
  </span>
236
236
  </button>