@patternfly/patternfly 6.5.0-prerelease.43 → 6.5.0-prerelease.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Button/button.css +75 -2
- package/components/Button/button.scss +84 -3
- package/components/_index.css +75 -2
- package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
- package/docs/components/ActionList/examples/ActionList.md +143 -11
- package/docs/components/Alert/examples/Alert.md +182 -14
- package/docs/components/BackToTop/examples/BackToTop.md +13 -1
- package/docs/components/Button/examples/Button.md +2017 -157
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +208 -16
- package/docs/components/CodeBlock/examples/CodeBlock.md +78 -6
- package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
- package/docs/components/DatePicker/examples/DatePicker.md +78 -6
- package/docs/components/DescriptionList/examples/DescriptionList.md +325 -25
- package/docs/components/Drawer/examples/Drawer.md +273 -21
- package/docs/components/DualListSelector/examples/DualListSelector.md +106 -112
- package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
- package/docs/components/InputGroup/examples/InputGroup.md +26 -2
- package/docs/components/Label/examples/Label.md +242 -218
- package/docs/components/Login/examples/Login.md +26 -2
- package/docs/components/Masthead/examples/masthead.md +13 -1
- package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
- package/docs/components/ModalBox/examples/ModalBox.md +195 -15
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +117 -9
- package/docs/components/Nav/examples/Navigation.md +52 -4
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +26 -2
- package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
- package/docs/components/Page/examples/Page.md +13 -1
- package/docs/components/Pagination/examples/Pagination.md +624 -48
- package/docs/components/Popover/examples/Popover.md +208 -16
- package/docs/components/Slider/examples/Slider.md +4 -4
- package/docs/components/Table/examples/Table.md +52 -4
- package/docs/components/Tabs/examples/Tabs.md +1378 -106
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +128 -44
- package/docs/components/Toolbar/examples/Toolbar.md +455 -35
- package/docs/components/TreeView/examples/TreeView.md +52 -4
- package/docs/components/Wizard/examples/Wizard.md +169 -13
- package/docs/demos/AboutModal/examples/AboutModal.md +13 -1
- package/docs/demos/Alert/examples/Alert.md +39 -3
- package/docs/demos/BackToTop/examples/BackToTop.md +13 -1
- package/docs/demos/Button/examples/Button.md +13 -1
- package/docs/demos/Card/examples/Card.md +65 -5
- package/docs/demos/CardView/examples/CardView.md +78 -6
- package/docs/demos/Compass/examples/Compass.md +323 -29
- package/docs/demos/Dashboard/examples/Dashboard.md +39 -3
- package/docs/demos/DataList/examples/DataList.md +312 -24
- package/docs/demos/DescriptionList/examples/DescriptionList.md +13 -1
- package/docs/demos/Drawer/examples/Drawer.md +39 -3
- package/docs/demos/Form/examples/BasicForms.md +106 -10
- package/docs/demos/JumpLinks/examples/JumpLinks.md +26 -2
- package/docs/demos/Masthead/examples/Masthead.md +40 -4
- package/docs/demos/Modal/examples/Modal.md +78 -6
- package/docs/demos/Nav/examples/Nav.md +52 -4
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +295 -55
- package/docs/demos/Table/examples/Table.md +1108 -145
- package/docs/demos/Tabs/examples/Tabs.md +53 -8
- package/docs/demos/Toolbar/examples/Toolbar.md +414 -36
- package/docs/demos/Wizard/examples/Wizard.md +130 -10
- package/package.json +2 -2
- package/patternfly-no-globals.css +75 -2
- package/patternfly.css +75 -2
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -31,7 +31,19 @@ Inline edit **toggle** can be placed anywhere within `.pf-v6-c-inline-edit`. It
|
|
|
31
31
|
aria-labelledby="inline-edit-toggle-example-edit-button inline-edit-toggle-example-label"
|
|
32
32
|
>
|
|
33
33
|
<span class="pf-v6-c-button__icon">
|
|
34
|
-
<
|
|
34
|
+
<svg
|
|
35
|
+
class="pf-v6-svg"
|
|
36
|
+
viewBox="0 0 512 512"
|
|
37
|
+
fill="currentColor"
|
|
38
|
+
aria-hidden="true"
|
|
39
|
+
role="img"
|
|
40
|
+
width="1em"
|
|
41
|
+
height="1em"
|
|
42
|
+
>
|
|
43
|
+
<path
|
|
44
|
+
d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
|
|
45
|
+
/>
|
|
46
|
+
</svg>
|
|
35
47
|
</span>
|
|
36
48
|
</button>
|
|
37
49
|
</div>
|
|
@@ -90,7 +102,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
90
102
|
aria-label="Save edits"
|
|
91
103
|
>
|
|
92
104
|
<span class="pf-v6-c-button__icon">
|
|
93
|
-
<
|
|
105
|
+
<svg
|
|
106
|
+
class="pf-v6-svg"
|
|
107
|
+
viewBox="0 0 512 512"
|
|
108
|
+
fill="currentColor"
|
|
109
|
+
aria-hidden="true"
|
|
110
|
+
role="img"
|
|
111
|
+
width="1em"
|
|
112
|
+
height="1em"
|
|
113
|
+
>
|
|
114
|
+
<path
|
|
115
|
+
d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
|
|
116
|
+
/>
|
|
117
|
+
</svg>
|
|
94
118
|
</span>
|
|
95
119
|
</button>
|
|
96
120
|
</div>
|
|
@@ -101,7 +125,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
101
125
|
aria-label="Cancel edits"
|
|
102
126
|
>
|
|
103
127
|
<span class="pf-v6-c-button__icon">
|
|
104
|
-
<
|
|
128
|
+
<svg
|
|
129
|
+
class="pf-v6-svg"
|
|
130
|
+
viewBox="0 0 352 512"
|
|
131
|
+
fill="currentColor"
|
|
132
|
+
aria-hidden="true"
|
|
133
|
+
role="img"
|
|
134
|
+
width="1em"
|
|
135
|
+
height="1em"
|
|
136
|
+
>
|
|
137
|
+
<path
|
|
138
|
+
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
139
|
+
/>
|
|
140
|
+
</svg>
|
|
105
141
|
</span>
|
|
106
142
|
</button>
|
|
107
143
|
</div>
|
|
@@ -128,7 +164,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
128
164
|
aria-labelledby="single-inline-edit-example-edit-button single-inline-edit-example-label"
|
|
129
165
|
>
|
|
130
166
|
<span class="pf-v6-c-button__icon">
|
|
131
|
-
<
|
|
167
|
+
<svg
|
|
168
|
+
class="pf-v6-svg"
|
|
169
|
+
viewBox="0 0 512 512"
|
|
170
|
+
fill="currentColor"
|
|
171
|
+
aria-hidden="true"
|
|
172
|
+
role="img"
|
|
173
|
+
width="1em"
|
|
174
|
+
height="1em"
|
|
175
|
+
>
|
|
176
|
+
<path
|
|
177
|
+
d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
|
|
178
|
+
/>
|
|
179
|
+
</svg>
|
|
132
180
|
</span>
|
|
133
181
|
</button>
|
|
134
182
|
</div>
|
|
@@ -151,7 +199,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
151
199
|
aria-label="Save edits"
|
|
152
200
|
>
|
|
153
201
|
<span class="pf-v6-c-button__icon">
|
|
154
|
-
<
|
|
202
|
+
<svg
|
|
203
|
+
class="pf-v6-svg"
|
|
204
|
+
viewBox="0 0 512 512"
|
|
205
|
+
fill="currentColor"
|
|
206
|
+
aria-hidden="true"
|
|
207
|
+
role="img"
|
|
208
|
+
width="1em"
|
|
209
|
+
height="1em"
|
|
210
|
+
>
|
|
211
|
+
<path
|
|
212
|
+
d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
|
|
213
|
+
/>
|
|
214
|
+
</svg>
|
|
155
215
|
</span>
|
|
156
216
|
</button>
|
|
157
217
|
</div>
|
|
@@ -162,7 +222,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
162
222
|
aria-label="Cancel edits"
|
|
163
223
|
>
|
|
164
224
|
<span class="pf-v6-c-button__icon">
|
|
165
|
-
<
|
|
225
|
+
<svg
|
|
226
|
+
class="pf-v6-svg"
|
|
227
|
+
viewBox="0 0 352 512"
|
|
228
|
+
fill="currentColor"
|
|
229
|
+
aria-hidden="true"
|
|
230
|
+
role="img"
|
|
231
|
+
width="1em"
|
|
232
|
+
height="1em"
|
|
233
|
+
>
|
|
234
|
+
<path
|
|
235
|
+
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
236
|
+
/>
|
|
237
|
+
</svg>
|
|
166
238
|
</span>
|
|
167
239
|
</button>
|
|
168
240
|
</div>
|
|
@@ -193,7 +265,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
193
265
|
aria-labelledby="single-editable-example-edit-button single-editable-example-label"
|
|
194
266
|
>
|
|
195
267
|
<span class="pf-v6-c-button__icon">
|
|
196
|
-
<
|
|
268
|
+
<svg
|
|
269
|
+
class="pf-v6-svg"
|
|
270
|
+
viewBox="0 0 512 512"
|
|
271
|
+
fill="currentColor"
|
|
272
|
+
aria-hidden="true"
|
|
273
|
+
role="img"
|
|
274
|
+
width="1em"
|
|
275
|
+
height="1em"
|
|
276
|
+
>
|
|
277
|
+
<path
|
|
278
|
+
d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
|
|
279
|
+
/>
|
|
280
|
+
</svg>
|
|
197
281
|
</span>
|
|
198
282
|
</button>
|
|
199
283
|
</div>
|
|
@@ -216,7 +300,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
216
300
|
aria-label="Save edits"
|
|
217
301
|
>
|
|
218
302
|
<span class="pf-v6-c-button__icon">
|
|
219
|
-
<
|
|
303
|
+
<svg
|
|
304
|
+
class="pf-v6-svg"
|
|
305
|
+
viewBox="0 0 512 512"
|
|
306
|
+
fill="currentColor"
|
|
307
|
+
aria-hidden="true"
|
|
308
|
+
role="img"
|
|
309
|
+
width="1em"
|
|
310
|
+
height="1em"
|
|
311
|
+
>
|
|
312
|
+
<path
|
|
313
|
+
d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
|
|
314
|
+
/>
|
|
315
|
+
</svg>
|
|
220
316
|
</span>
|
|
221
317
|
</button>
|
|
222
318
|
</div>
|
|
@@ -227,7 +323,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
227
323
|
aria-label="Cancel edits"
|
|
228
324
|
>
|
|
229
325
|
<span class="pf-v6-c-button__icon">
|
|
230
|
-
<
|
|
326
|
+
<svg
|
|
327
|
+
class="pf-v6-svg"
|
|
328
|
+
viewBox="0 0 352 512"
|
|
329
|
+
fill="currentColor"
|
|
330
|
+
aria-hidden="true"
|
|
331
|
+
role="img"
|
|
332
|
+
width="1em"
|
|
333
|
+
height="1em"
|
|
334
|
+
>
|
|
335
|
+
<path
|
|
336
|
+
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
337
|
+
/>
|
|
338
|
+
</svg>
|
|
231
339
|
</span>
|
|
232
340
|
</button>
|
|
233
341
|
</div>
|
|
@@ -270,7 +378,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
270
378
|
aria-labelledby="single-inline-edit-with-label-example-label single-inline-edit-with-label-example-edit-button"
|
|
271
379
|
>
|
|
272
380
|
<span class="pf-v6-c-button__icon">
|
|
273
|
-
<
|
|
381
|
+
<svg
|
|
382
|
+
class="pf-v6-svg"
|
|
383
|
+
viewBox="0 0 512 512"
|
|
384
|
+
fill="currentColor"
|
|
385
|
+
aria-hidden="true"
|
|
386
|
+
role="img"
|
|
387
|
+
width="1em"
|
|
388
|
+
height="1em"
|
|
389
|
+
>
|
|
390
|
+
<path
|
|
391
|
+
d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
|
|
392
|
+
/>
|
|
393
|
+
</svg>
|
|
274
394
|
</span>
|
|
275
395
|
</button>
|
|
276
396
|
</div>
|
|
@@ -295,7 +415,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
295
415
|
aria-label="Save edits"
|
|
296
416
|
>
|
|
297
417
|
<span class="pf-v6-c-button__icon">
|
|
298
|
-
<
|
|
418
|
+
<svg
|
|
419
|
+
class="pf-v6-svg"
|
|
420
|
+
viewBox="0 0 512 512"
|
|
421
|
+
fill="currentColor"
|
|
422
|
+
aria-hidden="true"
|
|
423
|
+
role="img"
|
|
424
|
+
width="1em"
|
|
425
|
+
height="1em"
|
|
426
|
+
>
|
|
427
|
+
<path
|
|
428
|
+
d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
|
|
429
|
+
/>
|
|
430
|
+
</svg>
|
|
299
431
|
</span>
|
|
300
432
|
</button>
|
|
301
433
|
</div>
|
|
@@ -306,7 +438,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
306
438
|
aria-label="Cancel edits"
|
|
307
439
|
>
|
|
308
440
|
<span class="pf-v6-c-button__icon">
|
|
309
|
-
<
|
|
441
|
+
<svg
|
|
442
|
+
class="pf-v6-svg"
|
|
443
|
+
viewBox="0 0 352 512"
|
|
444
|
+
fill="currentColor"
|
|
445
|
+
aria-hidden="true"
|
|
446
|
+
role="img"
|
|
447
|
+
width="1em"
|
|
448
|
+
height="1em"
|
|
449
|
+
>
|
|
450
|
+
<path
|
|
451
|
+
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
452
|
+
/>
|
|
453
|
+
</svg>
|
|
310
454
|
</span>
|
|
311
455
|
</button>
|
|
312
456
|
</div>
|
|
@@ -338,7 +482,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
338
482
|
aria-labelledby="inline-edit-state-valid-label inline-edit-state-valid-edit-button"
|
|
339
483
|
>
|
|
340
484
|
<span class="pf-v6-c-button__icon">
|
|
341
|
-
<
|
|
485
|
+
<svg
|
|
486
|
+
class="pf-v6-svg"
|
|
487
|
+
viewBox="0 0 512 512"
|
|
488
|
+
fill="currentColor"
|
|
489
|
+
aria-hidden="true"
|
|
490
|
+
role="img"
|
|
491
|
+
width="1em"
|
|
492
|
+
height="1em"
|
|
493
|
+
>
|
|
494
|
+
<path
|
|
495
|
+
d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
|
|
496
|
+
/>
|
|
497
|
+
</svg>
|
|
342
498
|
</span>
|
|
343
499
|
</button>
|
|
344
500
|
</div>
|
|
@@ -362,7 +518,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
362
518
|
aria-label="Save edits"
|
|
363
519
|
>
|
|
364
520
|
<span class="pf-v6-c-button__icon">
|
|
365
|
-
<
|
|
521
|
+
<svg
|
|
522
|
+
class="pf-v6-svg"
|
|
523
|
+
viewBox="0 0 512 512"
|
|
524
|
+
fill="currentColor"
|
|
525
|
+
aria-hidden="true"
|
|
526
|
+
role="img"
|
|
527
|
+
width="1em"
|
|
528
|
+
height="1em"
|
|
529
|
+
>
|
|
530
|
+
<path
|
|
531
|
+
d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
|
|
532
|
+
/>
|
|
533
|
+
</svg>
|
|
366
534
|
</span>
|
|
367
535
|
</button>
|
|
368
536
|
</div>
|
|
@@ -373,7 +541,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
373
541
|
aria-label="Cancel edits"
|
|
374
542
|
>
|
|
375
543
|
<span class="pf-v6-c-button__icon">
|
|
376
|
-
<
|
|
544
|
+
<svg
|
|
545
|
+
class="pf-v6-svg"
|
|
546
|
+
viewBox="0 0 352 512"
|
|
547
|
+
fill="currentColor"
|
|
548
|
+
aria-hidden="true"
|
|
549
|
+
role="img"
|
|
550
|
+
width="1em"
|
|
551
|
+
height="1em"
|
|
552
|
+
>
|
|
553
|
+
<path
|
|
554
|
+
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
555
|
+
/>
|
|
556
|
+
</svg>
|
|
377
557
|
</span>
|
|
378
558
|
</button>
|
|
379
559
|
</div>
|
|
@@ -405,7 +585,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
405
585
|
aria-labelledby="inline-edit-state-invalid-label inline-edit-state-invalid-edit-button"
|
|
406
586
|
>
|
|
407
587
|
<span class="pf-v6-c-button__icon">
|
|
408
|
-
<
|
|
588
|
+
<svg
|
|
589
|
+
class="pf-v6-svg"
|
|
590
|
+
viewBox="0 0 512 512"
|
|
591
|
+
fill="currentColor"
|
|
592
|
+
aria-hidden="true"
|
|
593
|
+
role="img"
|
|
594
|
+
width="1em"
|
|
595
|
+
height="1em"
|
|
596
|
+
>
|
|
597
|
+
<path
|
|
598
|
+
d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
|
|
599
|
+
/>
|
|
600
|
+
</svg>
|
|
409
601
|
</span>
|
|
410
602
|
</button>
|
|
411
603
|
</div>
|
|
@@ -436,7 +628,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
436
628
|
aria-label="Save edits"
|
|
437
629
|
>
|
|
438
630
|
<span class="pf-v6-c-button__icon">
|
|
439
|
-
<
|
|
631
|
+
<svg
|
|
632
|
+
class="pf-v6-svg"
|
|
633
|
+
viewBox="0 0 512 512"
|
|
634
|
+
fill="currentColor"
|
|
635
|
+
aria-hidden="true"
|
|
636
|
+
role="img"
|
|
637
|
+
width="1em"
|
|
638
|
+
height="1em"
|
|
639
|
+
>
|
|
640
|
+
<path
|
|
641
|
+
d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
|
|
642
|
+
/>
|
|
643
|
+
</svg>
|
|
440
644
|
</span>
|
|
441
645
|
</button>
|
|
442
646
|
</div>
|
|
@@ -447,7 +651,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
447
651
|
aria-label="Cancel edits"
|
|
448
652
|
>
|
|
449
653
|
<span class="pf-v6-c-button__icon">
|
|
450
|
-
<
|
|
654
|
+
<svg
|
|
655
|
+
class="pf-v6-svg"
|
|
656
|
+
viewBox="0 0 352 512"
|
|
657
|
+
fill="currentColor"
|
|
658
|
+
aria-hidden="true"
|
|
659
|
+
role="img"
|
|
660
|
+
width="1em"
|
|
661
|
+
height="1em"
|
|
662
|
+
>
|
|
663
|
+
<path
|
|
664
|
+
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
665
|
+
/>
|
|
666
|
+
</svg>
|
|
451
667
|
</span>
|
|
452
668
|
</button>
|
|
453
669
|
</div>
|
|
@@ -644,7 +860,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
644
860
|
aria-label="Save edits"
|
|
645
861
|
>
|
|
646
862
|
<span class="pf-v6-c-button__icon">
|
|
647
|
-
<
|
|
863
|
+
<svg
|
|
864
|
+
class="pf-v6-svg"
|
|
865
|
+
viewBox="0 0 512 512"
|
|
866
|
+
fill="currentColor"
|
|
867
|
+
aria-hidden="true"
|
|
868
|
+
role="img"
|
|
869
|
+
width="1em"
|
|
870
|
+
height="1em"
|
|
871
|
+
>
|
|
872
|
+
<path
|
|
873
|
+
d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
|
|
874
|
+
/>
|
|
875
|
+
</svg>
|
|
648
876
|
</span>
|
|
649
877
|
</button>
|
|
650
878
|
</div>
|
|
@@ -655,7 +883,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
655
883
|
aria-label="Cancel edits"
|
|
656
884
|
>
|
|
657
885
|
<span class="pf-v6-c-button__icon">
|
|
658
|
-
<
|
|
886
|
+
<svg
|
|
887
|
+
class="pf-v6-svg"
|
|
888
|
+
viewBox="0 0 352 512"
|
|
889
|
+
fill="currentColor"
|
|
890
|
+
aria-hidden="true"
|
|
891
|
+
role="img"
|
|
892
|
+
width="1em"
|
|
893
|
+
height="1em"
|
|
894
|
+
>
|
|
895
|
+
<path
|
|
896
|
+
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
897
|
+
/>
|
|
898
|
+
</svg>
|
|
659
899
|
</span>
|
|
660
900
|
</button>
|
|
661
901
|
</div>
|
|
@@ -669,7 +909,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
669
909
|
aria-labelledby="bulk-edit-table-example-label bulk-edit-table-example-row-1-edit-button"
|
|
670
910
|
>
|
|
671
911
|
<span class="pf-v6-c-button__icon">
|
|
672
|
-
<
|
|
912
|
+
<svg
|
|
913
|
+
class="pf-v6-svg"
|
|
914
|
+
viewBox="0 0 512 512"
|
|
915
|
+
fill="currentColor"
|
|
916
|
+
aria-hidden="true"
|
|
917
|
+
role="img"
|
|
918
|
+
width="1em"
|
|
919
|
+
height="1em"
|
|
920
|
+
>
|
|
921
|
+
<path
|
|
922
|
+
d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
|
|
923
|
+
/>
|
|
924
|
+
</svg>
|
|
673
925
|
</span>
|
|
674
926
|
</button>
|
|
675
927
|
</div>
|
|
@@ -833,7 +1085,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
833
1085
|
aria-label="Save edits"
|
|
834
1086
|
>
|
|
835
1087
|
<span class="pf-v6-c-button__icon">
|
|
836
|
-
<
|
|
1088
|
+
<svg
|
|
1089
|
+
class="pf-v6-svg"
|
|
1090
|
+
viewBox="0 0 512 512"
|
|
1091
|
+
fill="currentColor"
|
|
1092
|
+
aria-hidden="true"
|
|
1093
|
+
role="img"
|
|
1094
|
+
width="1em"
|
|
1095
|
+
height="1em"
|
|
1096
|
+
>
|
|
1097
|
+
<path
|
|
1098
|
+
d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
|
|
1099
|
+
/>
|
|
1100
|
+
</svg>
|
|
837
1101
|
</span>
|
|
838
1102
|
</button>
|
|
839
1103
|
</div>
|
|
@@ -844,7 +1108,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
844
1108
|
aria-label="Cancel edits"
|
|
845
1109
|
>
|
|
846
1110
|
<span class="pf-v6-c-button__icon">
|
|
847
|
-
<
|
|
1111
|
+
<svg
|
|
1112
|
+
class="pf-v6-svg"
|
|
1113
|
+
viewBox="0 0 352 512"
|
|
1114
|
+
fill="currentColor"
|
|
1115
|
+
aria-hidden="true"
|
|
1116
|
+
role="img"
|
|
1117
|
+
width="1em"
|
|
1118
|
+
height="1em"
|
|
1119
|
+
>
|
|
1120
|
+
<path
|
|
1121
|
+
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
1122
|
+
/>
|
|
1123
|
+
</svg>
|
|
848
1124
|
</span>
|
|
849
1125
|
</button>
|
|
850
1126
|
</div>
|
|
@@ -858,7 +1134,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
|
|
|
858
1134
|
aria-labelledby="bulk-edit-table-example-label bulk-edit-table-example-row-2-edit-button"
|
|
859
1135
|
>
|
|
860
1136
|
<span class="pf-v6-c-button__icon">
|
|
861
|
-
<
|
|
1137
|
+
<svg
|
|
1138
|
+
class="pf-v6-svg"
|
|
1139
|
+
viewBox="0 0 512 512"
|
|
1140
|
+
fill="currentColor"
|
|
1141
|
+
aria-hidden="true"
|
|
1142
|
+
role="img"
|
|
1143
|
+
width="1em"
|
|
1144
|
+
height="1em"
|
|
1145
|
+
>
|
|
1146
|
+
<path
|
|
1147
|
+
d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
|
|
1148
|
+
/>
|
|
1149
|
+
</svg>
|
|
862
1150
|
</span>
|
|
863
1151
|
</button>
|
|
864
1152
|
</div>
|
|
@@ -211,7 +211,19 @@ Use the input group to extend form controls by adding text, buttons, selects, et
|
|
|
211
211
|
aria-label="Popover for input"
|
|
212
212
|
>
|
|
213
213
|
<span class="pf-v6-c-button__icon">
|
|
214
|
-
<
|
|
214
|
+
<svg
|
|
215
|
+
class="pf-v6-svg"
|
|
216
|
+
viewBox="0 0 512 512"
|
|
217
|
+
fill="currentColor"
|
|
218
|
+
aria-hidden="true"
|
|
219
|
+
role="img"
|
|
220
|
+
width="1em"
|
|
221
|
+
height="1em"
|
|
222
|
+
>
|
|
223
|
+
<path
|
|
224
|
+
d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
|
|
225
|
+
/>
|
|
226
|
+
</svg>
|
|
215
227
|
</span>
|
|
216
228
|
</button>
|
|
217
229
|
</div>
|
|
@@ -235,7 +247,19 @@ Use the input group to extend form controls by adding text, buttons, selects, et
|
|
|
235
247
|
aria-label="Popover for input"
|
|
236
248
|
>
|
|
237
249
|
<span class="pf-v6-c-button__icon">
|
|
238
|
-
<
|
|
250
|
+
<svg
|
|
251
|
+
class="pf-v6-svg"
|
|
252
|
+
viewBox="0 0 512 512"
|
|
253
|
+
fill="currentColor"
|
|
254
|
+
aria-hidden="true"
|
|
255
|
+
role="img"
|
|
256
|
+
width="1em"
|
|
257
|
+
height="1em"
|
|
258
|
+
>
|
|
259
|
+
<path
|
|
260
|
+
d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
|
|
261
|
+
/>
|
|
262
|
+
</svg>
|
|
239
263
|
</span>
|
|
240
264
|
</button>
|
|
241
265
|
</div>
|