@patternfly/patternfly 6.0.0-alpha.165 → 6.0.0-alpha.167

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 (88) hide show
  1. package/components/Alert/alert-group.css +54 -3
  2. package/components/Alert/alert-group.scss +85 -0
  3. package/components/Alert/alert.scss +1 -1
  4. package/components/Button/button.css +33 -14
  5. package/components/Button/button.scss +36 -14
  6. package/components/_index.css +87 -17
  7. package/docs/components/AboutModalBox/examples/AboutModalBox.md +3 -1
  8. package/docs/components/ActionList/examples/ActionList.md +60 -20
  9. package/docs/components/Alert/examples/Alert.md +106 -62
  10. package/docs/components/BackToTop/examples/BackToTop.md +5 -3
  11. package/docs/components/Banner/examples/Banner.md +9 -3
  12. package/docs/components/Button/examples/Button.md +536 -367
  13. package/docs/components/CalendarMonth/examples/CalendarMonth.md +24 -8
  14. package/docs/components/Card/examples/Card.md +43 -29
  15. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +75 -33
  16. package/docs/components/CodeBlock/examples/CodeBlock.md +18 -6
  17. package/docs/components/CodeEditor/examples/CodeEditor.md +44 -22
  18. package/docs/components/ContextSelector/deprecated/context-selector.md +6 -8
  19. package/docs/components/DataList/examples/DataList.md +121 -63
  20. package/docs/components/DatePicker/examples/DatePicker.md +18 -6
  21. package/docs/components/DescriptionList/examples/DescriptionList.md +125 -75
  22. package/docs/components/Drawer/examples/Drawer.md +57 -19
  23. package/docs/components/DualListSelector/examples/DualListSelector.md +204 -100
  24. package/docs/components/EmptyState/examples/EmptyState.md +123 -53
  25. package/docs/components/FileUpload/examples/FileUpload.md +42 -14
  26. package/docs/components/Form/examples/Form.md +53 -19
  27. package/docs/components/Hint/examples/Hint.md +9 -9
  28. package/docs/components/InlineEdit/examples/InlineEdit.md +78 -26
  29. package/docs/components/InputGroup/examples/InputGroup.md +27 -9
  30. package/docs/components/JumpLinks/examples/JumpLinks.md +188 -68
  31. package/docs/components/Label/examples/Label.md +651 -217
  32. package/docs/components/LogViewer/examples/LogViewer.md +218 -86
  33. package/docs/components/Login/examples/Login.md +346 -282
  34. package/docs/components/Masthead/examples/masthead.md +27 -9
  35. package/docs/components/Menu/examples/Menu.md +35 -25
  36. package/docs/components/MenuToggle/examples/MenuToggle.md +3 -1
  37. package/docs/components/ModalBox/examples/ModalBox.md +48 -16
  38. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +48 -16
  39. package/docs/components/Nav/examples/Navigation.md +12 -4
  40. package/docs/components/NotificationBadge/examples/NotificationBadge.md +78 -42
  41. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +6 -2
  42. package/docs/components/NumberInput/examples/NumberInput.md +96 -48
  43. package/docs/components/OverflowMenu/examples/overflow-menu.md +48 -16
  44. package/docs/components/Page/examples/Page.md +21 -7
  45. package/docs/components/Pagination/examples/Pagination.md +132 -44
  46. package/docs/components/Popover/examples/Popover.md +45 -15
  47. package/docs/components/Select/deprecated/Select.md +111 -55
  48. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -1
  49. package/docs/components/Slider/examples/Slider.md +12 -4
  50. package/docs/components/Table/examples/Table.md +363 -208
  51. package/docs/components/Tabs/examples/Tabs.md +1230 -574
  52. package/docs/components/TextInputGroup/examples/TextInputGroup.md +132 -44
  53. package/docs/components/Toolbar/examples/Toolbar.md +120 -64
  54. package/docs/components/TreeView/examples/TreeView.md +12 -4
  55. package/docs/components/Wizard/examples/Wizard.md +105 -38
  56. package/docs/demos/AboutModal/examples/AboutModal.md +9 -3
  57. package/docs/demos/Alert/examples/Alert.md +39 -25
  58. package/docs/demos/BackToTop/examples/BackToTop.md +11 -5
  59. package/docs/demos/Banner/examples/Banner.md +12 -4
  60. package/docs/demos/Button/examples/Button.md +7 -7
  61. package/docs/demos/Card/examples/Card.md +106 -57
  62. package/docs/demos/CardView/examples/CardView.md +30 -13
  63. package/docs/demos/ContextSelector/examples/ContextSelector.md +24 -8
  64. package/docs/demos/Dashboard/examples/Dashboard.md +43 -28
  65. package/docs/demos/DataList/examples/DataList.md +255 -149
  66. package/docs/demos/DescriptionList/examples/DescriptionList.md +21 -7
  67. package/docs/demos/Drawer/examples/Drawer.md +89 -43
  68. package/docs/demos/Form/examples/BasicForms.md +141 -59
  69. package/docs/demos/JumpLinks/examples/JumpLinks.md +222 -109
  70. package/docs/demos/Masthead/examples/Masthead.md +63 -21
  71. package/docs/demos/Modal/examples/Modal.md +99 -37
  72. package/docs/demos/Nav/examples/Nav.md +45 -15
  73. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +58 -43
  74. package/docs/demos/Page/examples/Page.md +54 -21
  75. package/docs/demos/Page/examples/Penta.md +9 -6
  76. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +9 -3
  77. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +12 -4
  78. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +306 -133
  79. package/docs/demos/Skeleton/examples/Skeleton.md +6 -2
  80. package/docs/demos/Table/examples/Table.md +474 -210
  81. package/docs/demos/Tabs/examples/Tabs.md +60 -22
  82. package/docs/demos/Toolbar/examples/Toolbar.md +123 -72
  83. package/docs/demos/Wizard/examples/Wizard.md +179 -110
  84. package/package.json +1 -1
  85. package/patternfly-no-globals.css +87 -17
  86. package/patternfly.css +87 -17
  87. package/patternfly.min.css +1 -1
  88. package/patternfly.min.css.map +1 -1
package/docs/components/NotificationBadge/examples/NotificationBadge.md CHANGED
@@ -13,8 +13,10 @@ cssPrefix: pf-v6-c-notification-badge
13
13
  type="button"
14
14
  aria-label="Notifications"
15
15
  >
16
- <span class="pf-v6-c-notification-badge pf-m-read">
17
- <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
16
+ <span class="pf-v6-c-button__text">
17
+ <span class="pf-v6-c-notification-badge pf-m-read">
18
+ <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
19
+ </span>
18
20
  </span>
19
21
  </button>
20
22
  <button
@@ -22,8 +24,10 @@ cssPrefix: pf-v6-c-notification-badge
22
24
  type="button"
23
25
  aria-label="Unread notifications"
24
26
  >
25
- <span class="pf-v6-c-notification-badge pf-m-unread">
26
- <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
27
+ <span class="pf-v6-c-button__text">
28
+ <span class="pf-v6-c-notification-badge pf-m-unread">
29
+ <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
30
+ </span>
27
31
  </span>
28
32
  </button>
29
33
  <button
@@ -31,15 +35,19 @@ cssPrefix: pf-v6-c-notification-badge
31
35
  type="button"
32
36
  aria-label="Attention notifications"
33
37
  >
34
- <span class="pf-v6-c-notification-badge pf-m-attention">
35
- <i class="pf-v6-pficon-attention-bell" aria-hidden="true"></i>
38
+ <span class="pf-v6-c-button__text">
39
+ <span class="pf-v6-c-notification-badge pf-m-attention">
40
+ <i class="pf-v6-pficon-attention-bell" aria-hidden="true"></i>
41
+ </span>
36
42
  </span>
37
43
  </button>
38
44
  <br />
39
45
  <br />
40
46
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Tasks">
41
- <span class="pf-v6-c-notification-badge pf-m-read">
42
- <i class="pf-v6-pficon-task" aria-hidden="true"></i>
47
+ <span class="pf-v6-c-button__text">
48
+ <span class="pf-v6-c-notification-badge pf-m-read">
49
+ <i class="pf-v6-pficon-task" aria-hidden="true"></i>
50
+ </span>
43
51
  </span>
44
52
  </button>
45
53
  <button
@@ -47,8 +55,10 @@ cssPrefix: pf-v6-c-notification-badge
47
55
  type="button"
48
56
  aria-label="Unread tasks"
49
57
  >
50
- <span class="pf-v6-c-notification-badge pf-m-unread">
51
- <i class="pf-v6-pficon-task" aria-hidden="true"></i>
58
+ <span class="pf-v6-c-button__text">
59
+ <span class="pf-v6-c-notification-badge pf-m-unread">
60
+ <i class="pf-v6-pficon-task" aria-hidden="true"></i>
61
+ </span>
52
62
  </span>
53
63
  </button>
54
64
  <button
@@ -56,8 +66,10 @@ cssPrefix: pf-v6-c-notification-badge
56
66
  type="button"
57
67
  aria-label="Attention tasks"
58
68
  >
59
- <span class="pf-v6-c-notification-badge pf-m-attention">
60
- <i class="pf-v6-pficon-task" aria-hidden="true"></i>
69
+ <span class="pf-v6-c-button__text">
70
+ <span class="pf-v6-c-notification-badge pf-m-attention">
71
+ <i class="pf-v6-pficon-task" aria-hidden="true"></i>
72
+ </span>
61
73
  </span>
62
74
  </button>
63
75
  </div>
@@ -73,9 +85,11 @@ cssPrefix: pf-v6-c-notification-badge
73
85
  type="button"
74
86
  aria-label="24 notifications"
75
87
  >
76
- <span class="pf-v6-c-notification-badge pf-m-read">
77
- <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
78
- <span class="pf-v6-c-notification-badge__count">24</span>
88
+ <span class="pf-v6-c-button__text">
89
+ <span class="pf-v6-c-notification-badge pf-m-read">
90
+ <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
91
+ <span class="pf-v6-c-notification-badge__count">24</span>
92
+ </span>
79
93
  </span>
80
94
  </button>
81
95
  <button
@@ -83,9 +97,11 @@ cssPrefix: pf-v6-c-notification-badge
83
97
  type="button"
84
98
  aria-label="24 unread notifications"
85
99
  >
86
- <span class="pf-v6-c-notification-badge pf-m-unread">
87
- <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
88
- <span class="pf-v6-c-notification-badge__count">24</span>
100
+ <span class="pf-v6-c-button__text">
101
+ <span class="pf-v6-c-notification-badge pf-m-unread">
102
+ <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
103
+ <span class="pf-v6-c-notification-badge__count">24</span>
104
+ </span>
89
105
  </span>
90
106
  </button>
91
107
  <button
@@ -93,17 +109,21 @@ cssPrefix: pf-v6-c-notification-badge
93
109
  type="button"
94
110
  aria-label="24 attention notifications"
95
111
  >
96
- <span class="pf-v6-c-notification-badge pf-m-attention">
97
- <i class="pf-v6-pficon-attention-bell" aria-hidden="true"></i>
98
- <span class="pf-v6-c-notification-badge__count">24</span>
112
+ <span class="pf-v6-c-button__text">
113
+ <span class="pf-v6-c-notification-badge pf-m-attention">
114
+ <i class="pf-v6-pficon-attention-bell" aria-hidden="true"></i>
115
+ <span class="pf-v6-c-notification-badge__count">24</span>
116
+ </span>
99
117
  </span>
100
118
  </button>
101
119
  <br />
102
120
  <br />
103
121
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="24 tasks">
104
- <span class="pf-v6-c-notification-badge pf-m-read">
105
- <i class="pf-v6-pficon-task" aria-hidden="true"></i>
106
- <span class="pf-v6-c-notification-badge__count">24</span>
122
+ <span class="pf-v6-c-button__text">
123
+ <span class="pf-v6-c-notification-badge pf-m-read">
124
+ <i class="pf-v6-pficon-task" aria-hidden="true"></i>
125
+ <span class="pf-v6-c-notification-badge__count">24</span>
126
+ </span>
107
127
  </span>
108
128
  </button>
109
129
  <button
@@ -111,9 +131,11 @@ cssPrefix: pf-v6-c-notification-badge
111
131
  type="button"
112
132
  aria-label="24 unread tasks"
113
133
  >
114
- <span class="pf-v6-c-notification-badge pf-m-unread">
115
- <i class="pf-v6-pficon-task" aria-hidden="true"></i>
116
- <span class="pf-v6-c-notification-badge__count">24</span>
134
+ <span class="pf-v6-c-button__text">
135
+ <span class="pf-v6-c-notification-badge pf-m-unread">
136
+ <i class="pf-v6-pficon-task" aria-hidden="true"></i>
137
+ <span class="pf-v6-c-notification-badge__count">24</span>
138
+ </span>
117
139
  </span>
118
140
  </button>
119
141
  <button
@@ -121,9 +143,11 @@ cssPrefix: pf-v6-c-notification-badge
121
143
  type="button"
122
144
  aria-label="24 attention tasks"
123
145
  >
124
- <span class="pf-v6-c-notification-badge pf-m-attention">
125
- <i class="pf-v6-pficon-task" aria-hidden="true"></i>
126
- <span class="pf-v6-c-notification-badge__count">24</span>
146
+ <span class="pf-v6-c-button__text">
147
+ <span class="pf-v6-c-notification-badge pf-m-attention">
148
+ <i class="pf-v6-pficon-task" aria-hidden="true"></i>
149
+ <span class="pf-v6-c-notification-badge__count">24</span>
150
+ </span>
127
151
  </span>
128
152
  </button>
129
153
  </div>
@@ -140,8 +164,10 @@ cssPrefix: pf-v6-c-notification-badge
140
164
  aria-expanded="true"
141
165
  aria-label="Notifications"
142
166
  >
143
- <span class="pf-v6-c-notification-badge pf-m-read pf-m-expanded">
144
- <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
167
+ <span class="pf-v6-c-button__text">
168
+ <span class="pf-v6-c-notification-badge pf-m-read pf-m-expanded">
169
+ <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
170
+ </span>
145
171
  </span>
146
172
  </button>
147
173
  <button
@@ -150,8 +176,10 @@ cssPrefix: pf-v6-c-notification-badge
150
176
  aria-expanded="true"
151
177
  aria-label="Unread notifications"
152
178
  >
153
- <span class="pf-v6-c-notification-badge pf-m-unread pf-m-expanded">
154
- <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
179
+ <span class="pf-v6-c-button__text">
180
+ <span class="pf-v6-c-notification-badge pf-m-unread pf-m-expanded">
181
+ <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
182
+ </span>
155
183
  </span>
156
184
  </button>
157
185
  <button
@@ -160,8 +188,10 @@ cssPrefix: pf-v6-c-notification-badge
160
188
  aria-expanded="true"
161
189
  aria-label="Attention notifications"
162
190
  >
163
- <span class="pf-v6-c-notification-badge pf-m-attention pf-m-expanded">
164
- <i class="pf-v6-pficon-attention-bell" aria-hidden="true"></i>
191
+ <span class="pf-v6-c-button__text">
192
+ <span class="pf-v6-c-notification-badge pf-m-attention pf-m-expanded">
193
+ <i class="pf-v6-pficon-attention-bell" aria-hidden="true"></i>
194
+ </span>
165
195
  </span>
166
196
  </button>
167
197
  <br />
@@ -172,8 +202,10 @@ cssPrefix: pf-v6-c-notification-badge
172
202
  aria-expanded="true"
173
203
  aria-label="Tasks"
174
204
  >
175
- <span class="pf-v6-c-notification-badge pf-m-read pf-m-expanded">
176
- <i class="pf-v6-pficon-task" aria-hidden="true"></i>
205
+ <span class="pf-v6-c-button__text">
206
+ <span class="pf-v6-c-notification-badge pf-m-read pf-m-expanded">
207
+ <i class="pf-v6-pficon-task" aria-hidden="true"></i>
208
+ </span>
177
209
  </span>
178
210
  </button>
179
211
  <button
@@ -182,8 +214,10 @@ cssPrefix: pf-v6-c-notification-badge
182
214
  aria-expanded="true"
183
215
  aria-label="Unread tasks"
184
216
  >
185
- <span class="pf-v6-c-notification-badge pf-m-unread pf-m-expanded">
186
- <i class="pf-v6-pficon-task" aria-hidden="true"></i>
217
+ <span class="pf-v6-c-button__text">
218
+ <span class="pf-v6-c-notification-badge pf-m-unread pf-m-expanded">
219
+ <i class="pf-v6-pficon-task" aria-hidden="true"></i>
220
+ </span>
187
221
  </span>
188
222
  </button>
189
223
  <button
@@ -192,8 +226,10 @@ cssPrefix: pf-v6-c-notification-badge
192
226
  aria-expanded="true"
193
227
  aria-label="Attention tasks"
194
228
  >
195
- <span class="pf-v6-c-notification-badge pf-m-attention pf-m-expanded">
196
- <i class="pf-v6-pficon-task" aria-hidden="true"></i>
229
+ <span class="pf-v6-c-button__text">
230
+ <span class="pf-v6-c-notification-badge pf-m-attention pf-m-expanded">
231
+ <i class="pf-v6-pficon-task" aria-hidden="true"></i>
232
+ </span>
197
233
  </span>
198
234
  </button>
199
235
  </div>
package/docs/components/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -29,7 +29,9 @@ cssPrefix: pf-v6-c-notification-drawer
29
29
  type="button"
30
30
  aria-label="Close"
31
31
  >
32
- <i class="fas fa-times" aria-hidden="true"></i>
32
+ <span class="pf-v6-c-button__text">
33
+ <i class="fas fa-times" aria-hidden="true"></i>
34
+ </span>
33
35
  </button>
34
36
  </div>
35
37
  </div>
@@ -304,7 +306,9 @@ cssPrefix: pf-v6-c-notification-drawer
304
306
  type="button"
305
307
  aria-label="Close"
306
308
  >
307
- <i class="fas fa-times" aria-hidden="true"></i>
309
+ <span class="pf-v6-c-button__text">
310
+ <i class="fas fa-times" aria-hidden="true"></i>
311
+ </span>
308
312
  </button>
309
313
  </div>
310
314
  </div>
package/docs/components/NumberInput/examples/NumberInput.md CHANGED
@@ -15,8 +15,10 @@ cssPrefix: pf-v6-c-number-input
15
15
  type="button"
16
16
  aria-label="Minus"
17
17
  >
18
- <span class="pf-v6-c-number-input__icon">
19
- <i class="fas fa-minus" aria-hidden="true"></i>
18
+ <span class="pf-v6-c-button__text">
19
+ <span class="pf-v6-c-number-input__icon">
20
+ <i class="fas fa-minus" aria-hidden="true"></i>
21
+ </span>
20
22
  </span>
21
23
  </button>
22
24
  </div>
@@ -36,8 +38,10 @@ cssPrefix: pf-v6-c-number-input
36
38
  type="button"
37
39
  aria-label="Plus"
38
40
  >
39
- <span class="pf-v6-c-number-input__icon">
40
- <i class="fas fa-plus" aria-hidden="true"></i>
41
+ <span class="pf-v6-c-button__text">
42
+ <span class="pf-v6-c-number-input__icon">
43
+ <i class="fas fa-plus" aria-hidden="true"></i>
44
+ </span>
41
45
  </span>
42
46
  </button>
43
47
  </div>
@@ -57,8 +61,10 @@ cssPrefix: pf-v6-c-number-input
57
61
  type="button"
58
62
  aria-label="Minus"
59
63
  >
60
- <span class="pf-v6-c-number-input__icon">
61
- <i class="fas fa-minus" aria-hidden="true"></i>
64
+ <span class="pf-v6-c-button__text">
65
+ <span class="pf-v6-c-number-input__icon">
66
+ <i class="fas fa-minus" aria-hidden="true"></i>
67
+ </span>
62
68
  </span>
63
69
  </button>
64
70
  </div>
@@ -78,8 +84,10 @@ cssPrefix: pf-v6-c-number-input
78
84
  type="button"
79
85
  aria-label="Plus"
80
86
  >
81
- <span class="pf-v6-c-number-input__icon">
82
- <i class="fas fa-plus" aria-hidden="true"></i>
87
+ <span class="pf-v6-c-button__text">
88
+ <span class="pf-v6-c-number-input__icon">
89
+ <i class="fas fa-plus" aria-hidden="true"></i>
90
+ </span>
83
91
  </span>
84
92
  </button>
85
93
  </div>
@@ -98,8 +106,10 @@ cssPrefix: pf-v6-c-number-input
98
106
  type="button"
99
107
  aria-label="Minus"
100
108
  >
101
- <span class="pf-v6-c-number-input__icon">
102
- <i class="fas fa-minus" aria-hidden="true"></i>
109
+ <span class="pf-v6-c-button__text">
110
+ <span class="pf-v6-c-number-input__icon">
111
+ <i class="fas fa-minus" aria-hidden="true"></i>
112
+ </span>
103
113
  </span>
104
114
  </button>
105
115
  </div>
@@ -119,8 +129,10 @@ cssPrefix: pf-v6-c-number-input
119
129
  type="button"
120
130
  aria-label="Plus"
121
131
  >
122
- <span class="pf-v6-c-number-input__icon">
123
- <i class="fas fa-plus" aria-hidden="true"></i>
132
+ <span class="pf-v6-c-button__text">
133
+ <span class="pf-v6-c-number-input__icon">
134
+ <i class="fas fa-plus" aria-hidden="true"></i>
135
+ </span>
124
136
  </span>
125
137
  </button>
126
138
  </div>
@@ -141,8 +153,10 @@ cssPrefix: pf-v6-c-number-input
141
153
  aria-label="Minus"
142
154
  disabled
143
155
  >
144
- <span class="pf-v6-c-number-input__icon">
145
- <i class="fas fa-minus" aria-hidden="true"></i>
156
+ <span class="pf-v6-c-button__text">
157
+ <span class="pf-v6-c-number-input__icon">
158
+ <i class="fas fa-minus" aria-hidden="true"></i>
159
+ </span>
146
160
  </span>
147
161
  </button>
148
162
  </div>
@@ -163,8 +177,10 @@ cssPrefix: pf-v6-c-number-input
163
177
  type="button"
164
178
  aria-label="Plus"
165
179
  >
166
- <span class="pf-v6-c-number-input__icon">
167
- <i class="fas fa-plus" aria-hidden="true"></i>
180
+ <span class="pf-v6-c-button__text">
181
+ <span class="pf-v6-c-number-input__icon">
182
+ <i class="fas fa-plus" aria-hidden="true"></i>
183
+ </span>
168
184
  </span>
169
185
  </button>
170
186
  </div>
@@ -185,8 +201,10 @@ cssPrefix: pf-v6-c-number-input
185
201
  type="button"
186
202
  aria-label="Minus"
187
203
  >
188
- <span class="pf-v6-c-number-input__icon">
189
- <i class="fas fa-minus" aria-hidden="true"></i>
204
+ <span class="pf-v6-c-button__text">
205
+ <span class="pf-v6-c-number-input__icon">
206
+ <i class="fas fa-minus" aria-hidden="true"></i>
207
+ </span>
190
208
  </span>
191
209
  </button>
192
210
  </div>
@@ -208,8 +226,10 @@ cssPrefix: pf-v6-c-number-input
208
226
  aria-label="Plus"
209
227
  disabled
210
228
  >
211
- <span class="pf-v6-c-number-input__icon">
212
- <i class="fas fa-plus" aria-hidden="true"></i>
229
+ <span class="pf-v6-c-button__text">
230
+ <span class="pf-v6-c-number-input__icon">
231
+ <i class="fas fa-plus" aria-hidden="true"></i>
232
+ </span>
213
233
  </span>
214
234
  </button>
215
235
  </div>
@@ -231,8 +251,10 @@ cssPrefix: pf-v6-c-number-input
231
251
  aria-label="Minus"
232
252
  disabled
233
253
  >
234
- <span class="pf-v6-c-number-input__icon">
235
- <i class="fas fa-minus" aria-hidden="true"></i>
254
+ <span class="pf-v6-c-button__text">
255
+ <span class="pf-v6-c-number-input__icon">
256
+ <i class="fas fa-minus" aria-hidden="true"></i>
257
+ </span>
236
258
  </span>
237
259
  </button>
238
260
  </div>
@@ -254,8 +276,10 @@ cssPrefix: pf-v6-c-number-input
254
276
  aria-label="Plus"
255
277
  disabled
256
278
  >
257
- <span class="pf-v6-c-number-input__icon">
258
- <i class="fas fa-plus" aria-hidden="true"></i>
279
+ <span class="pf-v6-c-button__text">
280
+ <span class="pf-v6-c-number-input__icon">
281
+ <i class="fas fa-plus" aria-hidden="true"></i>
282
+ </span>
259
283
  </span>
260
284
  </button>
261
285
  </div>
@@ -276,8 +300,10 @@ cssPrefix: pf-v6-c-number-input
276
300
  type="button"
277
301
  aria-label="Minus"
278
302
  >
279
- <span class="pf-v6-c-number-input__icon">
280
- <i class="fas fa-minus" aria-hidden="true"></i>
303
+ <span class="pf-v6-c-button__text">
304
+ <span class="pf-v6-c-number-input__icon">
305
+ <i class="fas fa-minus" aria-hidden="true"></i>
306
+ </span>
281
307
  </span>
282
308
  </button>
283
309
  </div>
@@ -297,8 +323,10 @@ cssPrefix: pf-v6-c-number-input
297
323
  type="button"
298
324
  aria-label="Plus"
299
325
  >
300
- <span class="pf-v6-c-number-input__icon">
301
- <i class="fas fa-plus" aria-hidden="true"></i>
326
+ <span class="pf-v6-c-button__text">
327
+ <span class="pf-v6-c-number-input__icon">
328
+ <i class="fas fa-plus" aria-hidden="true"></i>
329
+ </span>
302
330
  </span>
303
331
  </button>
304
332
  </div>
@@ -314,8 +342,10 @@ cssPrefix: pf-v6-c-number-input
314
342
  type="button"
315
343
  aria-label="Minus"
316
344
  >
317
- <span class="pf-v6-c-number-input__icon">
318
- <i class="fas fa-minus" aria-hidden="true"></i>
345
+ <span class="pf-v6-c-button__text">
346
+ <span class="pf-v6-c-number-input__icon">
347
+ <i class="fas fa-minus" aria-hidden="true"></i>
348
+ </span>
319
349
  </span>
320
350
  </button>
321
351
  </div>
@@ -340,8 +370,10 @@ cssPrefix: pf-v6-c-number-input
340
370
  type="button"
341
371
  aria-label="Plus"
342
372
  >
343
- <span class="pf-v6-c-number-input__icon">
344
- <i class="fas fa-plus" aria-hidden="true"></i>
373
+ <span class="pf-v6-c-button__text">
374
+ <span class="pf-v6-c-number-input__icon">
375
+ <i class="fas fa-plus" aria-hidden="true"></i>
376
+ </span>
345
377
  </span>
346
378
  </button>
347
379
  </div>
@@ -364,8 +396,10 @@ cssPrefix: pf-v6-c-number-input
364
396
  type="button"
365
397
  aria-label="Minus"
366
398
  >
367
- <span class="pf-v6-c-number-input__icon">
368
- <i class="fas fa-minus" aria-hidden="true"></i>
399
+ <span class="pf-v6-c-button__text">
400
+ <span class="pf-v6-c-number-input__icon">
401
+ <i class="fas fa-minus" aria-hidden="true"></i>
402
+ </span>
369
403
  </span>
370
404
  </button>
371
405
  </div>
@@ -385,8 +419,10 @@ cssPrefix: pf-v6-c-number-input
385
419
  type="button"
386
420
  aria-label="Plus"
387
421
  >
388
- <span class="pf-v6-c-number-input__icon">
389
- <i class="fas fa-plus" aria-hidden="true"></i>
422
+ <span class="pf-v6-c-button__text">
423
+ <span class="pf-v6-c-number-input__icon">
424
+ <i class="fas fa-plus" aria-hidden="true"></i>
425
+ </span>
390
426
  </span>
391
427
  </button>
392
428
  </div>
@@ -405,8 +441,10 @@ cssPrefix: pf-v6-c-number-input
405
441
  type="button"
406
442
  aria-label="Minus"
407
443
  >
408
- <span class="pf-v6-c-number-input__icon">
409
- <i class="fas fa-minus" aria-hidden="true"></i>
444
+ <span class="pf-v6-c-button__text">
445
+ <span class="pf-v6-c-number-input__icon">
446
+ <i class="fas fa-minus" aria-hidden="true"></i>
447
+ </span>
410
448
  </span>
411
449
  </button>
412
450
  </div>
@@ -426,8 +464,10 @@ cssPrefix: pf-v6-c-number-input
426
464
  type="button"
427
465
  aria-label="Plus"
428
466
  >
429
- <span class="pf-v6-c-number-input__icon">
430
- <i class="fas fa-plus" aria-hidden="true"></i>
467
+ <span class="pf-v6-c-button__text">
468
+ <span class="pf-v6-c-number-input__icon">
469
+ <i class="fas fa-plus" aria-hidden="true"></i>
470
+ </span>
431
471
  </span>
432
472
  </button>
433
473
  </div>
@@ -446,8 +486,10 @@ cssPrefix: pf-v6-c-number-input
446
486
  type="button"
447
487
  aria-label="Minus"
448
488
  >
449
- <span class="pf-v6-c-number-input__icon">
450
- <i class="fas fa-minus" aria-hidden="true"></i>
489
+ <span class="pf-v6-c-button__text">
490
+ <span class="pf-v6-c-number-input__icon">
491
+ <i class="fas fa-minus" aria-hidden="true"></i>
492
+ </span>
451
493
  </span>
452
494
  </button>
453
495
  </div>
@@ -467,8 +509,10 @@ cssPrefix: pf-v6-c-number-input
467
509
  type="button"
468
510
  aria-label="Plus"
469
511
  >
470
- <span class="pf-v6-c-number-input__icon">
471
- <i class="fas fa-plus" aria-hidden="true"></i>
512
+ <span class="pf-v6-c-button__text">
513
+ <span class="pf-v6-c-number-input__icon">
514
+ <i class="fas fa-plus" aria-hidden="true"></i>
515
+ </span>
472
516
  </span>
473
517
  </button>
474
518
  </div>
@@ -487,8 +531,10 @@ cssPrefix: pf-v6-c-number-input
487
531
  type="button"
488
532
  aria-label="Minus"
489
533
  >
490
- <span class="pf-v6-c-number-input__icon">
491
- <i class="fas fa-minus" aria-hidden="true"></i>
534
+ <span class="pf-v6-c-button__text">
535
+ <span class="pf-v6-c-number-input__icon">
536
+ <i class="fas fa-minus" aria-hidden="true"></i>
537
+ </span>
492
538
  </span>
493
539
  </button>
494
540
  </div>
@@ -508,8 +554,10 @@ cssPrefix: pf-v6-c-number-input
508
554
  type="button"
509
555
  aria-label="Plus"
510
556
  >
511
- <span class="pf-v6-c-number-input__icon">
512
- <i class="fas fa-plus" aria-hidden="true"></i>
557
+ <span class="pf-v6-c-button__text">
558
+ <span class="pf-v6-c-number-input__icon">
559
+ <i class="fas fa-plus" aria-hidden="true"></i>
560
+ </span>
513
561
  </span>
514
562
  </button>
515
563
  </div>