@patternfly/patternfly 6.5.0-prerelease.62 → 6.5.0-prerelease.63
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 +2 -2
- package/components/Button/button.scss +3 -3
- package/components/Menu/menu.css +26 -19
- package/components/Menu/menu.scss +26 -19
- package/components/MenuToggle/menu-toggle.css +9 -5
- package/components/MenuToggle/menu-toggle.scss +12 -5
- package/components/_index.css +37 -26
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +13 -1
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +52 -4
- package/docs/components/Card/examples/Card.md +130 -10
- package/docs/components/DataList/examples/DataList.md +221 -17
- package/docs/components/DualListSelector/examples/DualListSelector.md +234 -18
- package/docs/components/Hint/examples/Hint.md +39 -3
- package/docs/components/InlineEdit/examples/InlineEdit.md +26 -2
- package/docs/components/InputGroup/examples/InputGroup.md +13 -1
- package/docs/components/Login/examples/Login.md +13 -1
- package/docs/components/Menu/examples/Menu.md +195 -15
- package/docs/components/MenuToggle/examples/MenuToggle.md +1331 -100
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +481 -37
- package/docs/components/OverflowMenu/examples/overflow-menu.md +65 -5
- package/docs/components/Pagination/examples/Pagination.md +169 -13
- package/docs/components/Table/examples/Table.md +3461 -269
- package/docs/components/Toolbar/examples/Toolbar.md +507 -39
- package/docs/demos/AboutModal/examples/AboutModal.md +26 -2
- package/docs/demos/Alert/examples/Alert.md +78 -6
- package/docs/demos/BackToTop/examples/BackToTop.md +26 -2
- package/docs/demos/Banner/examples/Banner.md +52 -4
- package/docs/demos/Card/examples/Card.md +78 -6
- package/docs/demos/CardView/examples/CardView.md +206 -20
- package/docs/demos/Compass/examples/Compass.md +431 -56
- package/docs/demos/Dashboard/examples/Dashboard.md +63 -9
- package/docs/demos/DataList/examples/DataList.md +369 -45
- package/docs/demos/DescriptionList/examples/DescriptionList.md +91 -7
- package/docs/demos/Drawer/examples/Drawer.md +143 -11
- package/docs/demos/JumpLinks/examples/JumpLinks.md +156 -12
- package/docs/demos/Masthead/examples/Masthead.md +156 -12
- package/docs/demos/Modal/examples/Modal.md +156 -12
- package/docs/demos/Nav/examples/Nav.md +104 -8
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +975 -75
- package/docs/demos/Page/examples/Page.md +390 -30
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +593 -83
- package/docs/demos/Skeleton/examples/Skeleton.md +26 -2
- package/docs/demos/Table/examples/Table.md +2518 -322
- package/docs/demos/Tabs/examples/Tabs.md +247 -19
- package/docs/demos/Toolbar/examples/Toolbar.md +659 -59
- package/docs/demos/Wizard/examples/Wizard.md +234 -18
- package/package.json +1 -1
- package/patternfly-no-globals.css +37 -26
- package/patternfly.css +37 -26
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -14,7 +14,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
14
14
|
<span class="pf-v6-c-menu-toggle__text">Collapsed</span>
|
|
15
15
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
16
16
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
17
|
-
<
|
|
17
|
+
<svg
|
|
18
|
+
class="pf-v6-svg"
|
|
19
|
+
viewBox="0 0 20 20"
|
|
20
|
+
fill="currentColor"
|
|
21
|
+
aria-hidden="true"
|
|
22
|
+
role="img"
|
|
23
|
+
width="1em"
|
|
24
|
+
height="1em"
|
|
25
|
+
>
|
|
26
|
+
<path
|
|
27
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
28
|
+
/>
|
|
29
|
+
</svg>
|
|
18
30
|
</span>
|
|
19
31
|
</span>
|
|
20
32
|
</button>
|
|
@@ -32,7 +44,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
32
44
|
<span class="pf-v6-c-menu-toggle__text">Expanded</span>
|
|
33
45
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
34
46
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
35
|
-
<
|
|
47
|
+
<svg
|
|
48
|
+
class="pf-v6-svg"
|
|
49
|
+
viewBox="0 0 20 20"
|
|
50
|
+
fill="currentColor"
|
|
51
|
+
aria-hidden="true"
|
|
52
|
+
role="img"
|
|
53
|
+
width="1em"
|
|
54
|
+
height="1em"
|
|
55
|
+
>
|
|
56
|
+
<path
|
|
57
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
58
|
+
/>
|
|
59
|
+
</svg>
|
|
36
60
|
</span>
|
|
37
61
|
</span>
|
|
38
62
|
</button>
|
|
@@ -51,7 +75,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
51
75
|
<span class="pf-v6-c-menu-toggle__text">Disabled</span>
|
|
52
76
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
53
77
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
54
|
-
<
|
|
78
|
+
<svg
|
|
79
|
+
class="pf-v6-svg"
|
|
80
|
+
viewBox="0 0 20 20"
|
|
81
|
+
fill="currentColor"
|
|
82
|
+
aria-hidden="true"
|
|
83
|
+
role="img"
|
|
84
|
+
width="1em"
|
|
85
|
+
height="1em"
|
|
86
|
+
>
|
|
87
|
+
<path
|
|
88
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
89
|
+
/>
|
|
90
|
+
</svg>
|
|
55
91
|
</span>
|
|
56
92
|
</span>
|
|
57
93
|
</button>
|
|
@@ -68,7 +104,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
68
104
|
</span>
|
|
69
105
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
70
106
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
71
|
-
<
|
|
107
|
+
<svg
|
|
108
|
+
class="pf-v6-svg"
|
|
109
|
+
viewBox="0 0 20 20"
|
|
110
|
+
fill="currentColor"
|
|
111
|
+
aria-hidden="true"
|
|
112
|
+
role="img"
|
|
113
|
+
width="1em"
|
|
114
|
+
height="1em"
|
|
115
|
+
>
|
|
116
|
+
<path
|
|
117
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
118
|
+
/>
|
|
119
|
+
</svg>
|
|
72
120
|
</span>
|
|
73
121
|
</span>
|
|
74
122
|
</button>
|
|
@@ -87,7 +135,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
87
135
|
</span>
|
|
88
136
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
89
137
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
90
|
-
<
|
|
138
|
+
<svg
|
|
139
|
+
class="pf-v6-svg"
|
|
140
|
+
viewBox="0 0 20 20"
|
|
141
|
+
fill="currentColor"
|
|
142
|
+
aria-hidden="true"
|
|
143
|
+
role="img"
|
|
144
|
+
width="1em"
|
|
145
|
+
height="1em"
|
|
146
|
+
>
|
|
147
|
+
<path
|
|
148
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
149
|
+
/>
|
|
150
|
+
</svg>
|
|
91
151
|
</span>
|
|
92
152
|
</span>
|
|
93
153
|
</button>
|
|
@@ -105,7 +165,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
105
165
|
<span class="pf-v6-c-menu-toggle__text">Collapsed</span>
|
|
106
166
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
107
167
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
108
|
-
<
|
|
168
|
+
<svg
|
|
169
|
+
class="pf-v6-svg"
|
|
170
|
+
viewBox="0 0 20 20"
|
|
171
|
+
fill="currentColor"
|
|
172
|
+
aria-hidden="true"
|
|
173
|
+
role="img"
|
|
174
|
+
width="1em"
|
|
175
|
+
height="1em"
|
|
176
|
+
>
|
|
177
|
+
<path
|
|
178
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
179
|
+
/>
|
|
180
|
+
</svg>
|
|
109
181
|
</span>
|
|
110
182
|
</span>
|
|
111
183
|
</button>
|
|
@@ -122,7 +194,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
122
194
|
<span class="pf-v6-c-menu-toggle__text">Icon</span>
|
|
123
195
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
124
196
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
125
|
-
<
|
|
197
|
+
<svg
|
|
198
|
+
class="pf-v6-svg"
|
|
199
|
+
viewBox="0 0 20 20"
|
|
200
|
+
fill="currentColor"
|
|
201
|
+
aria-hidden="true"
|
|
202
|
+
role="img"
|
|
203
|
+
width="1em"
|
|
204
|
+
height="1em"
|
|
205
|
+
>
|
|
206
|
+
<path
|
|
207
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
208
|
+
/>
|
|
209
|
+
</svg>
|
|
126
210
|
</span>
|
|
127
211
|
</span>
|
|
128
212
|
</button>
|
|
@@ -136,7 +220,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
136
220
|
<span class="pf-v6-c-menu-toggle__text">Expanded</span>
|
|
137
221
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
138
222
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
139
|
-
<
|
|
223
|
+
<svg
|
|
224
|
+
class="pf-v6-svg"
|
|
225
|
+
viewBox="0 0 20 20"
|
|
226
|
+
fill="currentColor"
|
|
227
|
+
aria-hidden="true"
|
|
228
|
+
role="img"
|
|
229
|
+
width="1em"
|
|
230
|
+
height="1em"
|
|
231
|
+
>
|
|
232
|
+
<path
|
|
233
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
234
|
+
/>
|
|
235
|
+
</svg>
|
|
140
236
|
</span>
|
|
141
237
|
</span>
|
|
142
238
|
</button>
|
|
@@ -151,7 +247,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
151
247
|
<span class="pf-v6-c-menu-toggle__text">Disabled</span>
|
|
152
248
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
153
249
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
154
|
-
<
|
|
250
|
+
<svg
|
|
251
|
+
class="pf-v6-svg"
|
|
252
|
+
viewBox="0 0 20 20"
|
|
253
|
+
fill="currentColor"
|
|
254
|
+
aria-hidden="true"
|
|
255
|
+
role="img"
|
|
256
|
+
width="1em"
|
|
257
|
+
height="1em"
|
|
258
|
+
>
|
|
259
|
+
<path
|
|
260
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
261
|
+
/>
|
|
262
|
+
</svg>
|
|
155
263
|
</span>
|
|
156
264
|
</span>
|
|
157
265
|
</button>
|
|
@@ -169,7 +277,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
169
277
|
<span class="pf-v6-c-menu-toggle__text">Collapsed</span>
|
|
170
278
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
171
279
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
172
|
-
<
|
|
280
|
+
<svg
|
|
281
|
+
class="pf-v6-svg"
|
|
282
|
+
viewBox="0 0 20 20"
|
|
283
|
+
fill="currentColor"
|
|
284
|
+
aria-hidden="true"
|
|
285
|
+
role="img"
|
|
286
|
+
width="1em"
|
|
287
|
+
height="1em"
|
|
288
|
+
>
|
|
289
|
+
<path
|
|
290
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
291
|
+
/>
|
|
292
|
+
</svg>
|
|
173
293
|
</span>
|
|
174
294
|
</span>
|
|
175
295
|
</button>
|
|
@@ -186,7 +306,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
186
306
|
<span class="pf-v6-c-menu-toggle__text">Icon</span>
|
|
187
307
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
188
308
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
189
|
-
<
|
|
309
|
+
<svg
|
|
310
|
+
class="pf-v6-svg"
|
|
311
|
+
viewBox="0 0 20 20"
|
|
312
|
+
fill="currentColor"
|
|
313
|
+
aria-hidden="true"
|
|
314
|
+
role="img"
|
|
315
|
+
width="1em"
|
|
316
|
+
height="1em"
|
|
317
|
+
>
|
|
318
|
+
<path
|
|
319
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
320
|
+
/>
|
|
321
|
+
</svg>
|
|
190
322
|
</span>
|
|
191
323
|
</span>
|
|
192
324
|
</button>
|
|
@@ -200,7 +332,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
200
332
|
<span class="pf-v6-c-menu-toggle__text">Expanded</span>
|
|
201
333
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
202
334
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
203
|
-
<
|
|
335
|
+
<svg
|
|
336
|
+
class="pf-v6-svg"
|
|
337
|
+
viewBox="0 0 20 20"
|
|
338
|
+
fill="currentColor"
|
|
339
|
+
aria-hidden="true"
|
|
340
|
+
role="img"
|
|
341
|
+
width="1em"
|
|
342
|
+
height="1em"
|
|
343
|
+
>
|
|
344
|
+
<path
|
|
345
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
346
|
+
/>
|
|
347
|
+
</svg>
|
|
204
348
|
</span>
|
|
205
349
|
</span>
|
|
206
350
|
</button>
|
|
@@ -215,7 +359,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
215
359
|
<span class="pf-v6-c-menu-toggle__text">Disabled</span>
|
|
216
360
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
217
361
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
218
|
-
<
|
|
362
|
+
<svg
|
|
363
|
+
class="pf-v6-svg"
|
|
364
|
+
viewBox="0 0 20 20"
|
|
365
|
+
fill="currentColor"
|
|
366
|
+
aria-hidden="true"
|
|
367
|
+
role="img"
|
|
368
|
+
width="1em"
|
|
369
|
+
height="1em"
|
|
370
|
+
>
|
|
371
|
+
<path
|
|
372
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
373
|
+
/>
|
|
374
|
+
</svg>
|
|
219
375
|
</span>
|
|
220
376
|
</span>
|
|
221
377
|
</button>
|
|
@@ -232,7 +388,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
232
388
|
aria-label="Actions"
|
|
233
389
|
>
|
|
234
390
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
235
|
-
<
|
|
391
|
+
<svg
|
|
392
|
+
class="pf-v6-svg"
|
|
393
|
+
viewBox="0 0 32 32"
|
|
394
|
+
fill="currentColor"
|
|
395
|
+
aria-hidden="true"
|
|
396
|
+
role="img"
|
|
397
|
+
width="1em"
|
|
398
|
+
height="1em"
|
|
399
|
+
>
|
|
400
|
+
<path
|
|
401
|
+
d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
|
|
402
|
+
/>
|
|
403
|
+
</svg>
|
|
236
404
|
</span>
|
|
237
405
|
</button>
|
|
238
406
|
|
|
@@ -243,7 +411,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
243
411
|
aria-label="Actions"
|
|
244
412
|
>
|
|
245
413
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
246
|
-
<
|
|
414
|
+
<svg
|
|
415
|
+
class="pf-v6-svg"
|
|
416
|
+
viewBox="0 0 32 32"
|
|
417
|
+
fill="currentColor"
|
|
418
|
+
aria-hidden="true"
|
|
419
|
+
role="img"
|
|
420
|
+
width="1em"
|
|
421
|
+
height="1em"
|
|
422
|
+
>
|
|
423
|
+
<path
|
|
424
|
+
d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
|
|
425
|
+
/>
|
|
426
|
+
</svg>
|
|
247
427
|
</span>
|
|
248
428
|
</button>
|
|
249
429
|
|
|
@@ -255,7 +435,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
255
435
|
aria-label="Actions"
|
|
256
436
|
>
|
|
257
437
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
258
|
-
<
|
|
438
|
+
<svg
|
|
439
|
+
class="pf-v6-svg"
|
|
440
|
+
viewBox="0 0 32 32"
|
|
441
|
+
fill="currentColor"
|
|
442
|
+
aria-hidden="true"
|
|
443
|
+
role="img"
|
|
444
|
+
width="1em"
|
|
445
|
+
height="1em"
|
|
446
|
+
>
|
|
447
|
+
<path
|
|
448
|
+
d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
|
|
449
|
+
/>
|
|
450
|
+
</svg>
|
|
259
451
|
</span>
|
|
260
452
|
</button>
|
|
261
453
|
|
|
@@ -271,7 +463,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
271
463
|
aria-label="Circle styled actions"
|
|
272
464
|
>
|
|
273
465
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
274
|
-
<
|
|
466
|
+
<svg
|
|
467
|
+
class="pf-v6-svg"
|
|
468
|
+
viewBox="0 0 32 32"
|
|
469
|
+
fill="currentColor"
|
|
470
|
+
aria-hidden="true"
|
|
471
|
+
role="img"
|
|
472
|
+
width="1em"
|
|
473
|
+
height="1em"
|
|
474
|
+
>
|
|
475
|
+
<path
|
|
476
|
+
d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
|
|
477
|
+
/>
|
|
478
|
+
</svg>
|
|
275
479
|
</span>
|
|
276
480
|
</button>
|
|
277
481
|
|
|
@@ -282,7 +486,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
282
486
|
aria-label="Circle and expanded styled actions"
|
|
283
487
|
>
|
|
284
488
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
285
|
-
<
|
|
489
|
+
<svg
|
|
490
|
+
class="pf-v6-svg"
|
|
491
|
+
viewBox="0 0 32 32"
|
|
492
|
+
fill="currentColor"
|
|
493
|
+
aria-hidden="true"
|
|
494
|
+
role="img"
|
|
495
|
+
width="1em"
|
|
496
|
+
height="1em"
|
|
497
|
+
>
|
|
498
|
+
<path
|
|
499
|
+
d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
|
|
500
|
+
/>
|
|
501
|
+
</svg>
|
|
286
502
|
</span>
|
|
287
503
|
</button>
|
|
288
504
|
|
|
@@ -294,7 +510,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
294
510
|
aria-label="Circle and disabled styled actions"
|
|
295
511
|
>
|
|
296
512
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
297
|
-
<
|
|
513
|
+
<svg
|
|
514
|
+
class="pf-v6-svg"
|
|
515
|
+
viewBox="0 0 32 32"
|
|
516
|
+
fill="currentColor"
|
|
517
|
+
aria-hidden="true"
|
|
518
|
+
role="img"
|
|
519
|
+
width="1em"
|
|
520
|
+
height="1em"
|
|
521
|
+
>
|
|
522
|
+
<path
|
|
523
|
+
d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
|
|
524
|
+
/>
|
|
525
|
+
</svg>
|
|
298
526
|
</span>
|
|
299
527
|
</button>
|
|
300
528
|
|
|
@@ -311,7 +539,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
311
539
|
<span class="pf-v6-c-menu-toggle__text">Custom text</span>
|
|
312
540
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
313
541
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
314
|
-
<
|
|
542
|
+
<svg
|
|
543
|
+
class="pf-v6-svg"
|
|
544
|
+
viewBox="0 0 20 20"
|
|
545
|
+
fill="currentColor"
|
|
546
|
+
aria-hidden="true"
|
|
547
|
+
role="img"
|
|
548
|
+
width="1em"
|
|
549
|
+
height="1em"
|
|
550
|
+
>
|
|
551
|
+
<path
|
|
552
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
553
|
+
/>
|
|
554
|
+
</svg>
|
|
315
555
|
</span>
|
|
316
556
|
</span>
|
|
317
557
|
</button>
|
|
@@ -325,7 +565,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
325
565
|
<span class="pf-v6-c-menu-toggle__text">Custom text</span>
|
|
326
566
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
327
567
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
328
|
-
<
|
|
568
|
+
<svg
|
|
569
|
+
class="pf-v6-svg"
|
|
570
|
+
viewBox="0 0 20 20"
|
|
571
|
+
fill="currentColor"
|
|
572
|
+
aria-hidden="true"
|
|
573
|
+
role="img"
|
|
574
|
+
width="1em"
|
|
575
|
+
height="1em"
|
|
576
|
+
>
|
|
577
|
+
<path
|
|
578
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
579
|
+
/>
|
|
580
|
+
</svg>
|
|
329
581
|
</span>
|
|
330
582
|
</span>
|
|
331
583
|
</button>
|
|
@@ -340,7 +592,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
340
592
|
<span class="pf-v6-c-menu-toggle__text">Disabled</span>
|
|
341
593
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
342
594
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
343
|
-
<
|
|
595
|
+
<svg
|
|
596
|
+
class="pf-v6-svg"
|
|
597
|
+
viewBox="0 0 20 20"
|
|
598
|
+
fill="currentColor"
|
|
599
|
+
aria-hidden="true"
|
|
600
|
+
role="img"
|
|
601
|
+
width="1em"
|
|
602
|
+
height="1em"
|
|
603
|
+
>
|
|
604
|
+
<path
|
|
605
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
606
|
+
/>
|
|
607
|
+
</svg>
|
|
344
608
|
</span>
|
|
345
609
|
</span>
|
|
346
610
|
</button>
|
|
@@ -358,7 +622,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
358
622
|
<span class="pf-v6-c-menu-toggle__text">Collapsed</span>
|
|
359
623
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
360
624
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
361
|
-
<
|
|
625
|
+
<svg
|
|
626
|
+
class="pf-v6-svg"
|
|
627
|
+
viewBox="0 0 20 20"
|
|
628
|
+
fill="currentColor"
|
|
629
|
+
aria-hidden="true"
|
|
630
|
+
role="img"
|
|
631
|
+
width="1em"
|
|
632
|
+
height="1em"
|
|
633
|
+
>
|
|
634
|
+
<path
|
|
635
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
636
|
+
/>
|
|
637
|
+
</svg>
|
|
362
638
|
</span>
|
|
363
639
|
</span>
|
|
364
640
|
</button>
|
|
@@ -371,7 +647,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
371
647
|
<span class="pf-v6-c-menu-toggle__text">Expanded</span>
|
|
372
648
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
373
649
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
374
|
-
<
|
|
650
|
+
<svg
|
|
651
|
+
class="pf-v6-svg"
|
|
652
|
+
viewBox="0 0 20 20"
|
|
653
|
+
fill="currentColor"
|
|
654
|
+
aria-hidden="true"
|
|
655
|
+
role="img"
|
|
656
|
+
width="1em"
|
|
657
|
+
height="1em"
|
|
658
|
+
>
|
|
659
|
+
<path
|
|
660
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
661
|
+
/>
|
|
662
|
+
</svg>
|
|
375
663
|
</span>
|
|
376
664
|
</span>
|
|
377
665
|
</button>
|
|
@@ -385,7 +673,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
385
673
|
<span class="pf-v6-c-menu-toggle__text">Disabled</span>
|
|
386
674
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
387
675
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
388
|
-
<
|
|
676
|
+
<svg
|
|
677
|
+
class="pf-v6-svg"
|
|
678
|
+
viewBox="0 0 20 20"
|
|
679
|
+
fill="currentColor"
|
|
680
|
+
aria-hidden="true"
|
|
681
|
+
role="img"
|
|
682
|
+
width="1em"
|
|
683
|
+
height="1em"
|
|
684
|
+
>
|
|
685
|
+
<path
|
|
686
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
687
|
+
/>
|
|
688
|
+
</svg>
|
|
389
689
|
</span>
|
|
390
690
|
</span>
|
|
391
691
|
</button>
|
|
@@ -399,7 +699,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
399
699
|
<span class="pf-v6-c-menu-toggle__text">Collapsed</span>
|
|
400
700
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
401
701
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
402
|
-
<
|
|
702
|
+
<svg
|
|
703
|
+
class="pf-v6-svg"
|
|
704
|
+
viewBox="0 0 20 20"
|
|
705
|
+
fill="currentColor"
|
|
706
|
+
aria-hidden="true"
|
|
707
|
+
role="img"
|
|
708
|
+
width="1em"
|
|
709
|
+
height="1em"
|
|
710
|
+
>
|
|
711
|
+
<path
|
|
712
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
713
|
+
/>
|
|
714
|
+
</svg>
|
|
403
715
|
</span>
|
|
404
716
|
</span>
|
|
405
717
|
</button>
|
|
@@ -412,7 +724,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
412
724
|
<span class="pf-v6-c-menu-toggle__text">Expanded</span>
|
|
413
725
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
414
726
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
415
|
-
<
|
|
727
|
+
<svg
|
|
728
|
+
class="pf-v6-svg"
|
|
729
|
+
viewBox="0 0 20 20"
|
|
730
|
+
fill="currentColor"
|
|
731
|
+
aria-hidden="true"
|
|
732
|
+
role="img"
|
|
733
|
+
width="1em"
|
|
734
|
+
height="1em"
|
|
735
|
+
>
|
|
736
|
+
<path
|
|
737
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
738
|
+
/>
|
|
739
|
+
</svg>
|
|
416
740
|
</span>
|
|
417
741
|
</span>
|
|
418
742
|
</button>
|
|
@@ -426,7 +750,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
426
750
|
<span class="pf-v6-c-menu-toggle__text">Disabled</span>
|
|
427
751
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
428
752
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
429
|
-
<
|
|
753
|
+
<svg
|
|
754
|
+
class="pf-v6-svg"
|
|
755
|
+
viewBox="0 0 20 20"
|
|
756
|
+
fill="currentColor"
|
|
757
|
+
aria-hidden="true"
|
|
758
|
+
role="img"
|
|
759
|
+
width="1em"
|
|
760
|
+
height="1em"
|
|
761
|
+
>
|
|
762
|
+
<path
|
|
763
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
764
|
+
/>
|
|
765
|
+
</svg>
|
|
430
766
|
</span>
|
|
431
767
|
</span>
|
|
432
768
|
</button>
|
|
@@ -440,7 +776,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
440
776
|
<span class="pf-v6-c-menu-toggle__text">Collapsed</span>
|
|
441
777
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
442
778
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
443
|
-
<
|
|
779
|
+
<svg
|
|
780
|
+
class="pf-v6-svg"
|
|
781
|
+
viewBox="0 0 20 20"
|
|
782
|
+
fill="currentColor"
|
|
783
|
+
aria-hidden="true"
|
|
784
|
+
role="img"
|
|
785
|
+
width="1em"
|
|
786
|
+
height="1em"
|
|
787
|
+
>
|
|
788
|
+
<path
|
|
789
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
790
|
+
/>
|
|
791
|
+
</svg>
|
|
444
792
|
</span>
|
|
445
793
|
</span>
|
|
446
794
|
</button>
|
|
@@ -453,7 +801,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
453
801
|
<span class="pf-v6-c-menu-toggle__text">Expanded</span>
|
|
454
802
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
455
803
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
456
|
-
<
|
|
804
|
+
<svg
|
|
805
|
+
class="pf-v6-svg"
|
|
806
|
+
viewBox="0 0 20 20"
|
|
807
|
+
fill="currentColor"
|
|
808
|
+
aria-hidden="true"
|
|
809
|
+
role="img"
|
|
810
|
+
width="1em"
|
|
811
|
+
height="1em"
|
|
812
|
+
>
|
|
813
|
+
<path
|
|
814
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
815
|
+
/>
|
|
816
|
+
</svg>
|
|
457
817
|
</span>
|
|
458
818
|
</span>
|
|
459
819
|
</button>
|
|
@@ -467,7 +827,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
467
827
|
<span class="pf-v6-c-menu-toggle__text">Disabled</span>
|
|
468
828
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
469
829
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
470
|
-
<
|
|
830
|
+
<svg
|
|
831
|
+
class="pf-v6-svg"
|
|
832
|
+
viewBox="0 0 20 20"
|
|
833
|
+
fill="currentColor"
|
|
834
|
+
aria-hidden="true"
|
|
835
|
+
role="img"
|
|
836
|
+
width="1em"
|
|
837
|
+
height="1em"
|
|
838
|
+
>
|
|
839
|
+
<path
|
|
840
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
841
|
+
/>
|
|
842
|
+
</svg>
|
|
471
843
|
</span>
|
|
472
844
|
</span>
|
|
473
845
|
</button>
|
|
@@ -481,7 +853,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
481
853
|
<span class="pf-v6-c-menu-toggle__text">Collapsed</span>
|
|
482
854
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
483
855
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
484
|
-
<
|
|
856
|
+
<svg
|
|
857
|
+
class="pf-v6-svg"
|
|
858
|
+
viewBox="0 0 20 20"
|
|
859
|
+
fill="currentColor"
|
|
860
|
+
aria-hidden="true"
|
|
861
|
+
role="img"
|
|
862
|
+
width="1em"
|
|
863
|
+
height="1em"
|
|
864
|
+
>
|
|
865
|
+
<path
|
|
866
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
867
|
+
/>
|
|
868
|
+
</svg>
|
|
485
869
|
</span>
|
|
486
870
|
</span>
|
|
487
871
|
</button>
|
|
@@ -494,7 +878,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
494
878
|
<span class="pf-v6-c-menu-toggle__text">Expanded</span>
|
|
495
879
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
496
880
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
497
|
-
<
|
|
881
|
+
<svg
|
|
882
|
+
class="pf-v6-svg"
|
|
883
|
+
viewBox="0 0 20 20"
|
|
884
|
+
fill="currentColor"
|
|
885
|
+
aria-hidden="true"
|
|
886
|
+
role="img"
|
|
887
|
+
width="1em"
|
|
888
|
+
height="1em"
|
|
889
|
+
>
|
|
890
|
+
<path
|
|
891
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
892
|
+
/>
|
|
893
|
+
</svg>
|
|
498
894
|
</span>
|
|
499
895
|
</span>
|
|
500
896
|
</button>
|
|
@@ -508,7 +904,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
508
904
|
<span class="pf-v6-c-menu-toggle__text">Disabled</span>
|
|
509
905
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
510
906
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
511
|
-
<
|
|
907
|
+
<svg
|
|
908
|
+
class="pf-v6-svg"
|
|
909
|
+
viewBox="0 0 20 20"
|
|
910
|
+
fill="currentColor"
|
|
911
|
+
aria-hidden="true"
|
|
912
|
+
role="img"
|
|
913
|
+
width="1em"
|
|
914
|
+
height="1em"
|
|
915
|
+
>
|
|
916
|
+
<path
|
|
917
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
918
|
+
/>
|
|
919
|
+
</svg>
|
|
512
920
|
</span>
|
|
513
921
|
</span>
|
|
514
922
|
</button>
|
|
@@ -521,7 +929,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
521
929
|
aria-label="Actions"
|
|
522
930
|
>
|
|
523
931
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
524
|
-
<
|
|
932
|
+
<svg
|
|
933
|
+
class="pf-v6-svg"
|
|
934
|
+
viewBox="0 0 32 32"
|
|
935
|
+
fill="currentColor"
|
|
936
|
+
aria-hidden="true"
|
|
937
|
+
role="img"
|
|
938
|
+
width="1em"
|
|
939
|
+
height="1em"
|
|
940
|
+
>
|
|
941
|
+
<path
|
|
942
|
+
d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
|
|
943
|
+
/>
|
|
944
|
+
</svg>
|
|
525
945
|
</span>
|
|
526
946
|
</button>
|
|
527
947
|
|
|
@@ -532,7 +952,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
532
952
|
aria-label="Actions"
|
|
533
953
|
>
|
|
534
954
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
535
|
-
<
|
|
955
|
+
<svg
|
|
956
|
+
class="pf-v6-svg"
|
|
957
|
+
viewBox="0 0 32 32"
|
|
958
|
+
fill="currentColor"
|
|
959
|
+
aria-hidden="true"
|
|
960
|
+
role="img"
|
|
961
|
+
width="1em"
|
|
962
|
+
height="1em"
|
|
963
|
+
>
|
|
964
|
+
<path
|
|
965
|
+
d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
|
|
966
|
+
/>
|
|
967
|
+
</svg>
|
|
536
968
|
</span>
|
|
537
969
|
</button>
|
|
538
970
|
|
|
@@ -544,7 +976,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
544
976
|
aria-label="Actions"
|
|
545
977
|
>
|
|
546
978
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
547
|
-
<
|
|
979
|
+
<svg
|
|
980
|
+
class="pf-v6-svg"
|
|
981
|
+
viewBox="0 0 32 32"
|
|
982
|
+
fill="currentColor"
|
|
983
|
+
aria-hidden="true"
|
|
984
|
+
role="img"
|
|
985
|
+
width="1em"
|
|
986
|
+
height="1em"
|
|
987
|
+
>
|
|
988
|
+
<path
|
|
989
|
+
d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
|
|
990
|
+
/>
|
|
991
|
+
</svg>
|
|
548
992
|
</span>
|
|
549
993
|
</button>
|
|
550
994
|
|
|
@@ -564,7 +1008,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
564
1008
|
<span class="pf-v6-c-menu-toggle__text">Icon</span>
|
|
565
1009
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
566
1010
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
567
|
-
<
|
|
1011
|
+
<svg
|
|
1012
|
+
class="pf-v6-svg"
|
|
1013
|
+
viewBox="0 0 20 20"
|
|
1014
|
+
fill="currentColor"
|
|
1015
|
+
aria-hidden="true"
|
|
1016
|
+
role="img"
|
|
1017
|
+
width="1em"
|
|
1018
|
+
height="1em"
|
|
1019
|
+
>
|
|
1020
|
+
<path
|
|
1021
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1022
|
+
/>
|
|
1023
|
+
</svg>
|
|
568
1024
|
</span>
|
|
569
1025
|
</span>
|
|
570
1026
|
</button>
|
|
@@ -582,7 +1038,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
582
1038
|
<span class="pf-v6-c-menu-toggle__text">Icon</span>
|
|
583
1039
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
584
1040
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
585
|
-
<
|
|
1041
|
+
<svg
|
|
1042
|
+
class="pf-v6-svg"
|
|
1043
|
+
viewBox="0 0 20 20"
|
|
1044
|
+
fill="currentColor"
|
|
1045
|
+
aria-hidden="true"
|
|
1046
|
+
role="img"
|
|
1047
|
+
width="1em"
|
|
1048
|
+
height="1em"
|
|
1049
|
+
>
|
|
1050
|
+
<path
|
|
1051
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1052
|
+
/>
|
|
1053
|
+
</svg>
|
|
586
1054
|
</span>
|
|
587
1055
|
</span>
|
|
588
1056
|
</button>
|
|
@@ -603,7 +1071,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
603
1071
|
<span class="pf-v6-c-menu-toggle__text">Ned Username</span>
|
|
604
1072
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
605
1073
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
606
|
-
<
|
|
1074
|
+
<svg
|
|
1075
|
+
class="pf-v6-svg"
|
|
1076
|
+
viewBox="0 0 20 20"
|
|
1077
|
+
fill="currentColor"
|
|
1078
|
+
aria-hidden="true"
|
|
1079
|
+
role="img"
|
|
1080
|
+
width="1em"
|
|
1081
|
+
height="1em"
|
|
1082
|
+
>
|
|
1083
|
+
<path
|
|
1084
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1085
|
+
/>
|
|
1086
|
+
</svg>
|
|
607
1087
|
</span>
|
|
608
1088
|
</span>
|
|
609
1089
|
</button>
|
|
@@ -624,7 +1104,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
624
1104
|
<span class="pf-v6-c-menu-toggle__text">Ned Username</span>
|
|
625
1105
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
626
1106
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
627
|
-
<
|
|
1107
|
+
<svg
|
|
1108
|
+
class="pf-v6-svg"
|
|
1109
|
+
viewBox="0 0 20 20"
|
|
1110
|
+
fill="currentColor"
|
|
1111
|
+
aria-hidden="true"
|
|
1112
|
+
role="img"
|
|
1113
|
+
width="1em"
|
|
1114
|
+
height="1em"
|
|
1115
|
+
>
|
|
1116
|
+
<path
|
|
1117
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1118
|
+
/>
|
|
1119
|
+
</svg>
|
|
628
1120
|
</span>
|
|
629
1121
|
</span>
|
|
630
1122
|
</button>
|
|
@@ -646,7 +1138,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
646
1138
|
<span class="pf-v6-c-menu-toggle__text">Ned Username</span>
|
|
647
1139
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
648
1140
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
649
|
-
<
|
|
1141
|
+
<svg
|
|
1142
|
+
class="pf-v6-svg"
|
|
1143
|
+
viewBox="0 0 20 20"
|
|
1144
|
+
fill="currentColor"
|
|
1145
|
+
aria-hidden="true"
|
|
1146
|
+
role="img"
|
|
1147
|
+
width="1em"
|
|
1148
|
+
height="1em"
|
|
1149
|
+
>
|
|
1150
|
+
<path
|
|
1151
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1152
|
+
/>
|
|
1153
|
+
</svg>
|
|
650
1154
|
</span>
|
|
651
1155
|
</span>
|
|
652
1156
|
</button>
|
|
@@ -664,7 +1168,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
664
1168
|
<span class="pf-v6-c-menu-toggle__text">Full height</span>
|
|
665
1169
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
666
1170
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
667
|
-
<
|
|
1171
|
+
<svg
|
|
1172
|
+
class="pf-v6-svg"
|
|
1173
|
+
viewBox="0 0 20 20"
|
|
1174
|
+
fill="currentColor"
|
|
1175
|
+
aria-hidden="true"
|
|
1176
|
+
role="img"
|
|
1177
|
+
width="1em"
|
|
1178
|
+
height="1em"
|
|
1179
|
+
>
|
|
1180
|
+
<path
|
|
1181
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1182
|
+
/>
|
|
1183
|
+
</svg>
|
|
668
1184
|
</span>
|
|
669
1185
|
</span>
|
|
670
1186
|
</button>
|
|
@@ -682,7 +1198,49 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
682
1198
|
<span class="pf-v6-c-menu-toggle__text">Full width</span>
|
|
683
1199
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
684
1200
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
685
|
-
<
|
|
1201
|
+
<svg
|
|
1202
|
+
class="pf-v6-svg"
|
|
1203
|
+
viewBox="0 0 20 20"
|
|
1204
|
+
fill="currentColor"
|
|
1205
|
+
aria-hidden="true"
|
|
1206
|
+
role="img"
|
|
1207
|
+
width="1em"
|
|
1208
|
+
height="1em"
|
|
1209
|
+
>
|
|
1210
|
+
<path
|
|
1211
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1212
|
+
/>
|
|
1213
|
+
</svg>
|
|
1214
|
+
</span>
|
|
1215
|
+
</span>
|
|
1216
|
+
</button>
|
|
1217
|
+
|
|
1218
|
+
```
|
|
1219
|
+
|
|
1220
|
+
### Form
|
|
1221
|
+
|
|
1222
|
+
```html
|
|
1223
|
+
<button
|
|
1224
|
+
class="pf-v6-c-menu-toggle pf-m-form"
|
|
1225
|
+
type="button"
|
|
1226
|
+
aria-expanded="false"
|
|
1227
|
+
>
|
|
1228
|
+
<span class="pf-v6-c-menu-toggle__text">Select option</span>
|
|
1229
|
+
<span class="pf-v6-c-menu-toggle__controls">
|
|
1230
|
+
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1231
|
+
<svg
|
|
1232
|
+
class="pf-v6-svg"
|
|
1233
|
+
viewBox="0 0 20 20"
|
|
1234
|
+
fill="currentColor"
|
|
1235
|
+
aria-hidden="true"
|
|
1236
|
+
role="img"
|
|
1237
|
+
width="1em"
|
|
1238
|
+
height="1em"
|
|
1239
|
+
>
|
|
1240
|
+
<path
|
|
1241
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1242
|
+
/>
|
|
1243
|
+
</svg>
|
|
686
1244
|
</span>
|
|
687
1245
|
</span>
|
|
688
1246
|
</button>
|
|
@@ -740,7 +1298,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
740
1298
|
>
|
|
741
1299
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
742
1300
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
743
|
-
<
|
|
1301
|
+
<svg
|
|
1302
|
+
class="pf-v6-svg"
|
|
1303
|
+
viewBox="0 0 20 20"
|
|
1304
|
+
fill="currentColor"
|
|
1305
|
+
aria-hidden="true"
|
|
1306
|
+
role="img"
|
|
1307
|
+
width="1em"
|
|
1308
|
+
height="1em"
|
|
1309
|
+
>
|
|
1310
|
+
<path
|
|
1311
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1312
|
+
/>
|
|
1313
|
+
</svg>
|
|
744
1314
|
</span>
|
|
745
1315
|
</span>
|
|
746
1316
|
</button>
|
|
@@ -759,10 +1329,34 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
759
1329
|
<span class="pf-v6-c-menu-toggle__text">Success</span>
|
|
760
1330
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
761
1331
|
<span class="pf-v6-c-menu-toggle__status-icon">
|
|
762
|
-
<
|
|
1332
|
+
<svg
|
|
1333
|
+
class="pf-v6-svg"
|
|
1334
|
+
viewBox="0 0 32 32"
|
|
1335
|
+
fill="currentColor"
|
|
1336
|
+
aria-hidden="true"
|
|
1337
|
+
role="img"
|
|
1338
|
+
width="1em"
|
|
1339
|
+
height="1em"
|
|
1340
|
+
>
|
|
1341
|
+
<path
|
|
1342
|
+
d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
|
|
1343
|
+
/>
|
|
1344
|
+
</svg>
|
|
763
1345
|
</span>
|
|
764
1346
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
765
|
-
<
|
|
1347
|
+
<svg
|
|
1348
|
+
class="pf-v6-svg"
|
|
1349
|
+
viewBox="0 0 20 20"
|
|
1350
|
+
fill="currentColor"
|
|
1351
|
+
aria-hidden="true"
|
|
1352
|
+
role="img"
|
|
1353
|
+
width="1em"
|
|
1354
|
+
height="1em"
|
|
1355
|
+
>
|
|
1356
|
+
<path
|
|
1357
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1358
|
+
/>
|
|
1359
|
+
</svg>
|
|
766
1360
|
</span>
|
|
767
1361
|
</span>
|
|
768
1362
|
</button>
|
|
@@ -778,10 +1372,34 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
778
1372
|
<span class="pf-v6-c-menu-toggle__text">Warning</span>
|
|
779
1373
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
780
1374
|
<span class="pf-v6-c-menu-toggle__status-icon">
|
|
781
|
-
<
|
|
1375
|
+
<svg
|
|
1376
|
+
class="pf-v6-svg"
|
|
1377
|
+
viewBox="0 0 32 32"
|
|
1378
|
+
fill="currentColor"
|
|
1379
|
+
aria-hidden="true"
|
|
1380
|
+
role="img"
|
|
1381
|
+
width="1em"
|
|
1382
|
+
height="1em"
|
|
1383
|
+
>
|
|
1384
|
+
<path
|
|
1385
|
+
d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
|
|
1386
|
+
/>
|
|
1387
|
+
</svg>
|
|
782
1388
|
</span>
|
|
783
1389
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
784
|
-
<
|
|
1390
|
+
<svg
|
|
1391
|
+
class="pf-v6-svg"
|
|
1392
|
+
viewBox="0 0 20 20"
|
|
1393
|
+
fill="currentColor"
|
|
1394
|
+
aria-hidden="true"
|
|
1395
|
+
role="img"
|
|
1396
|
+
width="1em"
|
|
1397
|
+
height="1em"
|
|
1398
|
+
>
|
|
1399
|
+
<path
|
|
1400
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1401
|
+
/>
|
|
1402
|
+
</svg>
|
|
785
1403
|
</span>
|
|
786
1404
|
</span>
|
|
787
1405
|
</button>
|
|
@@ -797,10 +1415,34 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
797
1415
|
<span class="pf-v6-c-menu-toggle__text">Danger</span>
|
|
798
1416
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
799
1417
|
<span class="pf-v6-c-menu-toggle__status-icon">
|
|
800
|
-
<
|
|
1418
|
+
<svg
|
|
1419
|
+
class="pf-v6-svg"
|
|
1420
|
+
viewBox="0 0 32 32"
|
|
1421
|
+
fill="currentColor"
|
|
1422
|
+
aria-hidden="true"
|
|
1423
|
+
role="img"
|
|
1424
|
+
width="1em"
|
|
1425
|
+
height="1em"
|
|
1426
|
+
>
|
|
1427
|
+
<path
|
|
1428
|
+
d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
|
|
1429
|
+
/>
|
|
1430
|
+
</svg>
|
|
801
1431
|
</span>
|
|
802
1432
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
803
|
-
<
|
|
1433
|
+
<svg
|
|
1434
|
+
class="pf-v6-svg"
|
|
1435
|
+
viewBox="0 0 20 20"
|
|
1436
|
+
fill="currentColor"
|
|
1437
|
+
aria-hidden="true"
|
|
1438
|
+
role="img"
|
|
1439
|
+
width="1em"
|
|
1440
|
+
height="1em"
|
|
1441
|
+
>
|
|
1442
|
+
<path
|
|
1443
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1444
|
+
/>
|
|
1445
|
+
</svg>
|
|
804
1446
|
</span>
|
|
805
1447
|
</span>
|
|
806
1448
|
</button>
|
|
@@ -818,7 +1460,19 @@ cssPrefix: pf-v6-c-menu-toggle
|
|
|
818
1460
|
<span class="pf-v6-c-menu-toggle__text">Placeholder text</span>
|
|
819
1461
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
820
1462
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
821
|
-
<
|
|
1463
|
+
<svg
|
|
1464
|
+
class="pf-v6-svg"
|
|
1465
|
+
viewBox="0 0 20 20"
|
|
1466
|
+
fill="currentColor"
|
|
1467
|
+
aria-hidden="true"
|
|
1468
|
+
role="img"
|
|
1469
|
+
width="1em"
|
|
1470
|
+
height="1em"
|
|
1471
|
+
>
|
|
1472
|
+
<path
|
|
1473
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1474
|
+
/>
|
|
1475
|
+
</svg>
|
|
822
1476
|
</span>
|
|
823
1477
|
</span>
|
|
824
1478
|
</button>
|
|
@@ -844,7 +1498,19 @@ Shown with default, primary, and secondary styling
|
|
|
844
1498
|
>
|
|
845
1499
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
846
1500
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
847
|
-
<
|
|
1501
|
+
<svg
|
|
1502
|
+
class="pf-v6-svg"
|
|
1503
|
+
viewBox="0 0 20 20"
|
|
1504
|
+
fill="currentColor"
|
|
1505
|
+
aria-hidden="true"
|
|
1506
|
+
role="img"
|
|
1507
|
+
width="1em"
|
|
1508
|
+
height="1em"
|
|
1509
|
+
>
|
|
1510
|
+
<path
|
|
1511
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1512
|
+
/>
|
|
1513
|
+
</svg>
|
|
848
1514
|
</span>
|
|
849
1515
|
</span>
|
|
850
1516
|
</button>
|
|
@@ -864,7 +1530,19 @@ Shown with default, primary, and secondary styling
|
|
|
864
1530
|
>
|
|
865
1531
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
866
1532
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
867
|
-
<
|
|
1533
|
+
<svg
|
|
1534
|
+
class="pf-v6-svg"
|
|
1535
|
+
viewBox="0 0 20 20"
|
|
1536
|
+
fill="currentColor"
|
|
1537
|
+
aria-hidden="true"
|
|
1538
|
+
role="img"
|
|
1539
|
+
width="1em"
|
|
1540
|
+
height="1em"
|
|
1541
|
+
>
|
|
1542
|
+
<path
|
|
1543
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1544
|
+
/>
|
|
1545
|
+
</svg>
|
|
868
1546
|
</span>
|
|
869
1547
|
</span>
|
|
870
1548
|
</button>
|
|
@@ -885,7 +1563,19 @@ Shown with default, primary, and secondary styling
|
|
|
885
1563
|
>
|
|
886
1564
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
887
1565
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
888
|
-
<
|
|
1566
|
+
<svg
|
|
1567
|
+
class="pf-v6-svg"
|
|
1568
|
+
viewBox="0 0 20 20"
|
|
1569
|
+
fill="currentColor"
|
|
1570
|
+
aria-hidden="true"
|
|
1571
|
+
role="img"
|
|
1572
|
+
width="1em"
|
|
1573
|
+
height="1em"
|
|
1574
|
+
>
|
|
1575
|
+
<path
|
|
1576
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1577
|
+
/>
|
|
1578
|
+
</svg>
|
|
889
1579
|
</span>
|
|
890
1580
|
</span>
|
|
891
1581
|
</button>
|
|
@@ -908,7 +1598,19 @@ Shown with default, primary, and secondary styling
|
|
|
908
1598
|
>
|
|
909
1599
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
910
1600
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
911
|
-
<
|
|
1601
|
+
<svg
|
|
1602
|
+
class="pf-v6-svg"
|
|
1603
|
+
viewBox="0 0 20 20"
|
|
1604
|
+
fill="currentColor"
|
|
1605
|
+
aria-hidden="true"
|
|
1606
|
+
role="img"
|
|
1607
|
+
width="1em"
|
|
1608
|
+
height="1em"
|
|
1609
|
+
>
|
|
1610
|
+
<path
|
|
1611
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1612
|
+
/>
|
|
1613
|
+
</svg>
|
|
912
1614
|
</span>
|
|
913
1615
|
</span>
|
|
914
1616
|
</button>
|
|
@@ -928,7 +1630,19 @@ Shown with default, primary, and secondary styling
|
|
|
928
1630
|
>
|
|
929
1631
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
930
1632
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
931
|
-
<
|
|
1633
|
+
<svg
|
|
1634
|
+
class="pf-v6-svg"
|
|
1635
|
+
viewBox="0 0 20 20"
|
|
1636
|
+
fill="currentColor"
|
|
1637
|
+
aria-hidden="true"
|
|
1638
|
+
role="img"
|
|
1639
|
+
width="1em"
|
|
1640
|
+
height="1em"
|
|
1641
|
+
>
|
|
1642
|
+
<path
|
|
1643
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1644
|
+
/>
|
|
1645
|
+
</svg>
|
|
932
1646
|
</span>
|
|
933
1647
|
</span>
|
|
934
1648
|
</button>
|
|
@@ -949,7 +1663,19 @@ Shown with default, primary, and secondary styling
|
|
|
949
1663
|
>
|
|
950
1664
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
951
1665
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
952
|
-
<
|
|
1666
|
+
<svg
|
|
1667
|
+
class="pf-v6-svg"
|
|
1668
|
+
viewBox="0 0 20 20"
|
|
1669
|
+
fill="currentColor"
|
|
1670
|
+
aria-hidden="true"
|
|
1671
|
+
role="img"
|
|
1672
|
+
width="1em"
|
|
1673
|
+
height="1em"
|
|
1674
|
+
>
|
|
1675
|
+
<path
|
|
1676
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1677
|
+
/>
|
|
1678
|
+
</svg>
|
|
953
1679
|
</span>
|
|
954
1680
|
</span>
|
|
955
1681
|
</button>
|
|
@@ -972,7 +1698,19 @@ Shown with default, primary, and secondary styling
|
|
|
972
1698
|
>
|
|
973
1699
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
974
1700
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
975
|
-
<
|
|
1701
|
+
<svg
|
|
1702
|
+
class="pf-v6-svg"
|
|
1703
|
+
viewBox="0 0 20 20"
|
|
1704
|
+
fill="currentColor"
|
|
1705
|
+
aria-hidden="true"
|
|
1706
|
+
role="img"
|
|
1707
|
+
width="1em"
|
|
1708
|
+
height="1em"
|
|
1709
|
+
>
|
|
1710
|
+
<path
|
|
1711
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1712
|
+
/>
|
|
1713
|
+
</svg>
|
|
976
1714
|
</span>
|
|
977
1715
|
</span>
|
|
978
1716
|
</button>
|
|
@@ -992,7 +1730,19 @@ Shown with default, primary, and secondary styling
|
|
|
992
1730
|
>
|
|
993
1731
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
994
1732
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
995
|
-
<
|
|
1733
|
+
<svg
|
|
1734
|
+
class="pf-v6-svg"
|
|
1735
|
+
viewBox="0 0 20 20"
|
|
1736
|
+
fill="currentColor"
|
|
1737
|
+
aria-hidden="true"
|
|
1738
|
+
role="img"
|
|
1739
|
+
width="1em"
|
|
1740
|
+
height="1em"
|
|
1741
|
+
>
|
|
1742
|
+
<path
|
|
1743
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1744
|
+
/>
|
|
1745
|
+
</svg>
|
|
996
1746
|
</span>
|
|
997
1747
|
</span>
|
|
998
1748
|
</button>
|
|
@@ -1013,7 +1763,19 @@ Shown with default, primary, and secondary styling
|
|
|
1013
1763
|
>
|
|
1014
1764
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1015
1765
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1016
|
-
<
|
|
1766
|
+
<svg
|
|
1767
|
+
class="pf-v6-svg"
|
|
1768
|
+
viewBox="0 0 20 20"
|
|
1769
|
+
fill="currentColor"
|
|
1770
|
+
aria-hidden="true"
|
|
1771
|
+
role="img"
|
|
1772
|
+
width="1em"
|
|
1773
|
+
height="1em"
|
|
1774
|
+
>
|
|
1775
|
+
<path
|
|
1776
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1777
|
+
/>
|
|
1778
|
+
</svg>
|
|
1017
1779
|
</span>
|
|
1018
1780
|
</span>
|
|
1019
1781
|
</button>
|
|
@@ -1048,7 +1810,19 @@ Shown with default, primary, and secondary styling
|
|
|
1048
1810
|
>
|
|
1049
1811
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1050
1812
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1051
|
-
<
|
|
1813
|
+
<svg
|
|
1814
|
+
class="pf-v6-svg"
|
|
1815
|
+
viewBox="0 0 20 20"
|
|
1816
|
+
fill="currentColor"
|
|
1817
|
+
aria-hidden="true"
|
|
1818
|
+
role="img"
|
|
1819
|
+
width="1em"
|
|
1820
|
+
height="1em"
|
|
1821
|
+
>
|
|
1822
|
+
<path
|
|
1823
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1824
|
+
/>
|
|
1825
|
+
</svg>
|
|
1052
1826
|
</span>
|
|
1053
1827
|
</span>
|
|
1054
1828
|
</button>
|
|
@@ -1076,7 +1850,19 @@ Shown with default, primary, and secondary styling
|
|
|
1076
1850
|
>
|
|
1077
1851
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1078
1852
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1079
|
-
<
|
|
1853
|
+
<svg
|
|
1854
|
+
class="pf-v6-svg"
|
|
1855
|
+
viewBox="0 0 20 20"
|
|
1856
|
+
fill="currentColor"
|
|
1857
|
+
aria-hidden="true"
|
|
1858
|
+
role="img"
|
|
1859
|
+
width="1em"
|
|
1860
|
+
height="1em"
|
|
1861
|
+
>
|
|
1862
|
+
<path
|
|
1863
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1864
|
+
/>
|
|
1865
|
+
</svg>
|
|
1080
1866
|
</span>
|
|
1081
1867
|
</span>
|
|
1082
1868
|
</button>
|
|
@@ -1106,7 +1892,19 @@ Shown with default, primary, and secondary styling
|
|
|
1106
1892
|
>
|
|
1107
1893
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1108
1894
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1109
|
-
<
|
|
1895
|
+
<svg
|
|
1896
|
+
class="pf-v6-svg"
|
|
1897
|
+
viewBox="0 0 20 20"
|
|
1898
|
+
fill="currentColor"
|
|
1899
|
+
aria-hidden="true"
|
|
1900
|
+
role="img"
|
|
1901
|
+
width="1em"
|
|
1902
|
+
height="1em"
|
|
1903
|
+
>
|
|
1904
|
+
<path
|
|
1905
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1906
|
+
/>
|
|
1907
|
+
</svg>
|
|
1110
1908
|
</span>
|
|
1111
1909
|
</span>
|
|
1112
1910
|
</button>
|
|
@@ -1137,7 +1935,19 @@ Shown with default, primary, and secondary styling
|
|
|
1137
1935
|
>
|
|
1138
1936
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1139
1937
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1140
|
-
<
|
|
1938
|
+
<svg
|
|
1939
|
+
class="pf-v6-svg"
|
|
1940
|
+
viewBox="0 0 20 20"
|
|
1941
|
+
fill="currentColor"
|
|
1942
|
+
aria-hidden="true"
|
|
1943
|
+
role="img"
|
|
1944
|
+
width="1em"
|
|
1945
|
+
height="1em"
|
|
1946
|
+
>
|
|
1947
|
+
<path
|
|
1948
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1949
|
+
/>
|
|
1950
|
+
</svg>
|
|
1141
1951
|
</span>
|
|
1142
1952
|
</span>
|
|
1143
1953
|
</button>
|
|
@@ -1165,7 +1975,19 @@ Shown with default, primary, and secondary styling
|
|
|
1165
1975
|
>
|
|
1166
1976
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1167
1977
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1168
|
-
<
|
|
1978
|
+
<svg
|
|
1979
|
+
class="pf-v6-svg"
|
|
1980
|
+
viewBox="0 0 20 20"
|
|
1981
|
+
fill="currentColor"
|
|
1982
|
+
aria-hidden="true"
|
|
1983
|
+
role="img"
|
|
1984
|
+
width="1em"
|
|
1985
|
+
height="1em"
|
|
1986
|
+
>
|
|
1987
|
+
<path
|
|
1988
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
1989
|
+
/>
|
|
1990
|
+
</svg>
|
|
1169
1991
|
</span>
|
|
1170
1992
|
</span>
|
|
1171
1993
|
</button>
|
|
@@ -1195,7 +2017,19 @@ Shown with default, primary, and secondary styling
|
|
|
1195
2017
|
>
|
|
1196
2018
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1197
2019
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1198
|
-
<
|
|
2020
|
+
<svg
|
|
2021
|
+
class="pf-v6-svg"
|
|
2022
|
+
viewBox="0 0 20 20"
|
|
2023
|
+
fill="currentColor"
|
|
2024
|
+
aria-hidden="true"
|
|
2025
|
+
role="img"
|
|
2026
|
+
width="1em"
|
|
2027
|
+
height="1em"
|
|
2028
|
+
>
|
|
2029
|
+
<path
|
|
2030
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2031
|
+
/>
|
|
2032
|
+
</svg>
|
|
1199
2033
|
</span>
|
|
1200
2034
|
</span>
|
|
1201
2035
|
</button>
|
|
@@ -1226,7 +2060,19 @@ Shown with default, primary, and secondary styling
|
|
|
1226
2060
|
>
|
|
1227
2061
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1228
2062
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1229
|
-
<
|
|
2063
|
+
<svg
|
|
2064
|
+
class="pf-v6-svg"
|
|
2065
|
+
viewBox="0 0 20 20"
|
|
2066
|
+
fill="currentColor"
|
|
2067
|
+
aria-hidden="true"
|
|
2068
|
+
role="img"
|
|
2069
|
+
width="1em"
|
|
2070
|
+
height="1em"
|
|
2071
|
+
>
|
|
2072
|
+
<path
|
|
2073
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2074
|
+
/>
|
|
2075
|
+
</svg>
|
|
1230
2076
|
</span>
|
|
1231
2077
|
</span>
|
|
1232
2078
|
</button>
|
|
@@ -1254,7 +2100,19 @@ Shown with default, primary, and secondary styling
|
|
|
1254
2100
|
>
|
|
1255
2101
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1256
2102
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1257
|
-
<
|
|
2103
|
+
<svg
|
|
2104
|
+
class="pf-v6-svg"
|
|
2105
|
+
viewBox="0 0 20 20"
|
|
2106
|
+
fill="currentColor"
|
|
2107
|
+
aria-hidden="true"
|
|
2108
|
+
role="img"
|
|
2109
|
+
width="1em"
|
|
2110
|
+
height="1em"
|
|
2111
|
+
>
|
|
2112
|
+
<path
|
|
2113
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2114
|
+
/>
|
|
2115
|
+
</svg>
|
|
1258
2116
|
</span>
|
|
1259
2117
|
</span>
|
|
1260
2118
|
</button>
|
|
@@ -1284,7 +2142,19 @@ Shown with default, primary, and secondary styling
|
|
|
1284
2142
|
>
|
|
1285
2143
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1286
2144
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1287
|
-
<
|
|
2145
|
+
<svg
|
|
2146
|
+
class="pf-v6-svg"
|
|
2147
|
+
viewBox="0 0 20 20"
|
|
2148
|
+
fill="currentColor"
|
|
2149
|
+
aria-hidden="true"
|
|
2150
|
+
role="img"
|
|
2151
|
+
width="1em"
|
|
2152
|
+
height="1em"
|
|
2153
|
+
>
|
|
2154
|
+
<path
|
|
2155
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2156
|
+
/>
|
|
2157
|
+
</svg>
|
|
1288
2158
|
</span>
|
|
1289
2159
|
</span>
|
|
1290
2160
|
</button>
|
|
@@ -1323,7 +2193,19 @@ Shown with default, primary, and secondary styling
|
|
|
1323
2193
|
>
|
|
1324
2194
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1325
2195
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1326
|
-
<
|
|
2196
|
+
<svg
|
|
2197
|
+
class="pf-v6-svg"
|
|
2198
|
+
viewBox="0 0 20 20"
|
|
2199
|
+
fill="currentColor"
|
|
2200
|
+
aria-hidden="true"
|
|
2201
|
+
role="img"
|
|
2202
|
+
width="1em"
|
|
2203
|
+
height="1em"
|
|
2204
|
+
>
|
|
2205
|
+
<path
|
|
2206
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2207
|
+
/>
|
|
2208
|
+
</svg>
|
|
1327
2209
|
</span>
|
|
1328
2210
|
</span>
|
|
1329
2211
|
</button>
|
|
@@ -1354,7 +2236,19 @@ Shown with default, primary, and secondary styling
|
|
|
1354
2236
|
>
|
|
1355
2237
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1356
2238
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1357
|
-
<
|
|
2239
|
+
<svg
|
|
2240
|
+
class="pf-v6-svg"
|
|
2241
|
+
viewBox="0 0 20 20"
|
|
2242
|
+
fill="currentColor"
|
|
2243
|
+
aria-hidden="true"
|
|
2244
|
+
role="img"
|
|
2245
|
+
width="1em"
|
|
2246
|
+
height="1em"
|
|
2247
|
+
>
|
|
2248
|
+
<path
|
|
2249
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2250
|
+
/>
|
|
2251
|
+
</svg>
|
|
1358
2252
|
</span>
|
|
1359
2253
|
</span>
|
|
1360
2254
|
</button>
|
|
@@ -1387,7 +2281,19 @@ Shown with default, primary, and secondary styling
|
|
|
1387
2281
|
>
|
|
1388
2282
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1389
2283
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1390
|
-
<
|
|
2284
|
+
<svg
|
|
2285
|
+
class="pf-v6-svg"
|
|
2286
|
+
viewBox="0 0 20 20"
|
|
2287
|
+
fill="currentColor"
|
|
2288
|
+
aria-hidden="true"
|
|
2289
|
+
role="img"
|
|
2290
|
+
width="1em"
|
|
2291
|
+
height="1em"
|
|
2292
|
+
>
|
|
2293
|
+
<path
|
|
2294
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2295
|
+
/>
|
|
2296
|
+
</svg>
|
|
1391
2297
|
</span>
|
|
1392
2298
|
</span>
|
|
1393
2299
|
</button>
|
|
@@ -1421,7 +2327,19 @@ Shown with default, primary, and secondary styling
|
|
|
1421
2327
|
>
|
|
1422
2328
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1423
2329
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1424
|
-
<
|
|
2330
|
+
<svg
|
|
2331
|
+
class="pf-v6-svg"
|
|
2332
|
+
viewBox="0 0 20 20"
|
|
2333
|
+
fill="currentColor"
|
|
2334
|
+
aria-hidden="true"
|
|
2335
|
+
role="img"
|
|
2336
|
+
width="1em"
|
|
2337
|
+
height="1em"
|
|
2338
|
+
>
|
|
2339
|
+
<path
|
|
2340
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2341
|
+
/>
|
|
2342
|
+
</svg>
|
|
1425
2343
|
</span>
|
|
1426
2344
|
</span>
|
|
1427
2345
|
</button>
|
|
@@ -1452,7 +2370,19 @@ Shown with default, primary, and secondary styling
|
|
|
1452
2370
|
>
|
|
1453
2371
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1454
2372
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1455
|
-
<
|
|
2373
|
+
<svg
|
|
2374
|
+
class="pf-v6-svg"
|
|
2375
|
+
viewBox="0 0 20 20"
|
|
2376
|
+
fill="currentColor"
|
|
2377
|
+
aria-hidden="true"
|
|
2378
|
+
role="img"
|
|
2379
|
+
width="1em"
|
|
2380
|
+
height="1em"
|
|
2381
|
+
>
|
|
2382
|
+
<path
|
|
2383
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2384
|
+
/>
|
|
2385
|
+
</svg>
|
|
1456
2386
|
</span>
|
|
1457
2387
|
</span>
|
|
1458
2388
|
</button>
|
|
@@ -1485,7 +2415,19 @@ Shown with default, primary, and secondary styling
|
|
|
1485
2415
|
>
|
|
1486
2416
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1487
2417
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1488
|
-
<
|
|
2418
|
+
<svg
|
|
2419
|
+
class="pf-v6-svg"
|
|
2420
|
+
viewBox="0 0 20 20"
|
|
2421
|
+
fill="currentColor"
|
|
2422
|
+
aria-hidden="true"
|
|
2423
|
+
role="img"
|
|
2424
|
+
width="1em"
|
|
2425
|
+
height="1em"
|
|
2426
|
+
>
|
|
2427
|
+
<path
|
|
2428
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2429
|
+
/>
|
|
2430
|
+
</svg>
|
|
1489
2431
|
</span>
|
|
1490
2432
|
</span>
|
|
1491
2433
|
</button>
|
|
@@ -1519,7 +2461,19 @@ Shown with default, primary, and secondary styling
|
|
|
1519
2461
|
>
|
|
1520
2462
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1521
2463
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1522
|
-
<
|
|
2464
|
+
<svg
|
|
2465
|
+
class="pf-v6-svg"
|
|
2466
|
+
viewBox="0 0 20 20"
|
|
2467
|
+
fill="currentColor"
|
|
2468
|
+
aria-hidden="true"
|
|
2469
|
+
role="img"
|
|
2470
|
+
width="1em"
|
|
2471
|
+
height="1em"
|
|
2472
|
+
>
|
|
2473
|
+
<path
|
|
2474
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2475
|
+
/>
|
|
2476
|
+
</svg>
|
|
1523
2477
|
</span>
|
|
1524
2478
|
</span>
|
|
1525
2479
|
</button>
|
|
@@ -1550,7 +2504,19 @@ Shown with default, primary, and secondary styling
|
|
|
1550
2504
|
>
|
|
1551
2505
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1552
2506
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1553
|
-
<
|
|
2507
|
+
<svg
|
|
2508
|
+
class="pf-v6-svg"
|
|
2509
|
+
viewBox="0 0 20 20"
|
|
2510
|
+
fill="currentColor"
|
|
2511
|
+
aria-hidden="true"
|
|
2512
|
+
role="img"
|
|
2513
|
+
width="1em"
|
|
2514
|
+
height="1em"
|
|
2515
|
+
>
|
|
2516
|
+
<path
|
|
2517
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2518
|
+
/>
|
|
2519
|
+
</svg>
|
|
1554
2520
|
</span>
|
|
1555
2521
|
</span>
|
|
1556
2522
|
</button>
|
|
@@ -1583,7 +2549,19 @@ Shown with default, primary, and secondary styling
|
|
|
1583
2549
|
>
|
|
1584
2550
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1585
2551
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1586
|
-
<
|
|
2552
|
+
<svg
|
|
2553
|
+
class="pf-v6-svg"
|
|
2554
|
+
viewBox="0 0 20 20"
|
|
2555
|
+
fill="currentColor"
|
|
2556
|
+
aria-hidden="true"
|
|
2557
|
+
role="img"
|
|
2558
|
+
width="1em"
|
|
2559
|
+
height="1em"
|
|
2560
|
+
>
|
|
2561
|
+
<path
|
|
2562
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2563
|
+
/>
|
|
2564
|
+
</svg>
|
|
1587
2565
|
</span>
|
|
1588
2566
|
</span>
|
|
1589
2567
|
</button>
|
|
@@ -1620,7 +2598,19 @@ Shown with default, primary, and secondary styling
|
|
|
1620
2598
|
<span class="pf-v6-c-menu-toggle__text">Toggle button text</span>
|
|
1621
2599
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1622
2600
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1623
|
-
<
|
|
2601
|
+
<svg
|
|
2602
|
+
class="pf-v6-svg"
|
|
2603
|
+
viewBox="0 0 20 20"
|
|
2604
|
+
fill="currentColor"
|
|
2605
|
+
aria-hidden="true"
|
|
2606
|
+
role="img"
|
|
2607
|
+
width="1em"
|
|
2608
|
+
height="1em"
|
|
2609
|
+
>
|
|
2610
|
+
<path
|
|
2611
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2612
|
+
/>
|
|
2613
|
+
</svg>
|
|
1624
2614
|
</span>
|
|
1625
2615
|
</span>
|
|
1626
2616
|
</button>
|
|
@@ -1648,7 +2638,19 @@ Shown with default, primary, and secondary styling
|
|
|
1648
2638
|
<span class="pf-v6-c-menu-toggle__text">Toggle button text</span>
|
|
1649
2639
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1650
2640
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1651
|
-
<
|
|
2641
|
+
<svg
|
|
2642
|
+
class="pf-v6-svg"
|
|
2643
|
+
viewBox="0 0 20 20"
|
|
2644
|
+
fill="currentColor"
|
|
2645
|
+
aria-hidden="true"
|
|
2646
|
+
role="img"
|
|
2647
|
+
width="1em"
|
|
2648
|
+
height="1em"
|
|
2649
|
+
>
|
|
2650
|
+
<path
|
|
2651
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2652
|
+
/>
|
|
2653
|
+
</svg>
|
|
1652
2654
|
</span>
|
|
1653
2655
|
</span>
|
|
1654
2656
|
</button>
|
|
@@ -1678,7 +2680,19 @@ Shown with default, primary, and secondary styling
|
|
|
1678
2680
|
<span class="pf-v6-c-menu-toggle__text">Toggle button text</span>
|
|
1679
2681
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1680
2682
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1681
|
-
<
|
|
2683
|
+
<svg
|
|
2684
|
+
class="pf-v6-svg"
|
|
2685
|
+
viewBox="0 0 20 20"
|
|
2686
|
+
fill="currentColor"
|
|
2687
|
+
aria-hidden="true"
|
|
2688
|
+
role="img"
|
|
2689
|
+
width="1em"
|
|
2690
|
+
height="1em"
|
|
2691
|
+
>
|
|
2692
|
+
<path
|
|
2693
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2694
|
+
/>
|
|
2695
|
+
</svg>
|
|
1682
2696
|
</span>
|
|
1683
2697
|
</span>
|
|
1684
2698
|
</button>
|
|
@@ -1710,7 +2724,19 @@ Shown with default, primary, and secondary styling
|
|
|
1710
2724
|
<span class="pf-v6-c-menu-toggle__text">Toggle button text</span>
|
|
1711
2725
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1712
2726
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1713
|
-
<
|
|
2727
|
+
<svg
|
|
2728
|
+
class="pf-v6-svg"
|
|
2729
|
+
viewBox="0 0 20 20"
|
|
2730
|
+
fill="currentColor"
|
|
2731
|
+
aria-hidden="true"
|
|
2732
|
+
role="img"
|
|
2733
|
+
width="1em"
|
|
2734
|
+
height="1em"
|
|
2735
|
+
>
|
|
2736
|
+
<path
|
|
2737
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2738
|
+
/>
|
|
2739
|
+
</svg>
|
|
1714
2740
|
</span>
|
|
1715
2741
|
</span>
|
|
1716
2742
|
</button>
|
|
@@ -1738,7 +2764,19 @@ Shown with default, primary, and secondary styling
|
|
|
1738
2764
|
<span class="pf-v6-c-menu-toggle__text">Toggle button text</span>
|
|
1739
2765
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1740
2766
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1741
|
-
<
|
|
2767
|
+
<svg
|
|
2768
|
+
class="pf-v6-svg"
|
|
2769
|
+
viewBox="0 0 20 20"
|
|
2770
|
+
fill="currentColor"
|
|
2771
|
+
aria-hidden="true"
|
|
2772
|
+
role="img"
|
|
2773
|
+
width="1em"
|
|
2774
|
+
height="1em"
|
|
2775
|
+
>
|
|
2776
|
+
<path
|
|
2777
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2778
|
+
/>
|
|
2779
|
+
</svg>
|
|
1742
2780
|
</span>
|
|
1743
2781
|
</span>
|
|
1744
2782
|
</button>
|
|
@@ -1768,7 +2806,19 @@ Shown with default, primary, and secondary styling
|
|
|
1768
2806
|
<span class="pf-v6-c-menu-toggle__text">Toggle button text</span>
|
|
1769
2807
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1770
2808
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1771
|
-
<
|
|
2809
|
+
<svg
|
|
2810
|
+
class="pf-v6-svg"
|
|
2811
|
+
viewBox="0 0 20 20"
|
|
2812
|
+
fill="currentColor"
|
|
2813
|
+
aria-hidden="true"
|
|
2814
|
+
role="img"
|
|
2815
|
+
width="1em"
|
|
2816
|
+
height="1em"
|
|
2817
|
+
>
|
|
2818
|
+
<path
|
|
2819
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2820
|
+
/>
|
|
2821
|
+
</svg>
|
|
1772
2822
|
</span>
|
|
1773
2823
|
</span>
|
|
1774
2824
|
</button>
|
|
@@ -1800,7 +2850,19 @@ Shown with default, primary, and secondary styling
|
|
|
1800
2850
|
<span class="pf-v6-c-menu-toggle__text">Toggle button text</span>
|
|
1801
2851
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1802
2852
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1803
|
-
<
|
|
2853
|
+
<svg
|
|
2854
|
+
class="pf-v6-svg"
|
|
2855
|
+
viewBox="0 0 20 20"
|
|
2856
|
+
fill="currentColor"
|
|
2857
|
+
aria-hidden="true"
|
|
2858
|
+
role="img"
|
|
2859
|
+
width="1em"
|
|
2860
|
+
height="1em"
|
|
2861
|
+
>
|
|
2862
|
+
<path
|
|
2863
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2864
|
+
/>
|
|
2865
|
+
</svg>
|
|
1804
2866
|
</span>
|
|
1805
2867
|
</span>
|
|
1806
2868
|
</button>
|
|
@@ -1828,7 +2890,19 @@ Shown with default, primary, and secondary styling
|
|
|
1828
2890
|
<span class="pf-v6-c-menu-toggle__text">Toggle button text</span>
|
|
1829
2891
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1830
2892
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1831
|
-
<
|
|
2893
|
+
<svg
|
|
2894
|
+
class="pf-v6-svg"
|
|
2895
|
+
viewBox="0 0 20 20"
|
|
2896
|
+
fill="currentColor"
|
|
2897
|
+
aria-hidden="true"
|
|
2898
|
+
role="img"
|
|
2899
|
+
width="1em"
|
|
2900
|
+
height="1em"
|
|
2901
|
+
>
|
|
2902
|
+
<path
|
|
2903
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2904
|
+
/>
|
|
2905
|
+
</svg>
|
|
1832
2906
|
</span>
|
|
1833
2907
|
</span>
|
|
1834
2908
|
</button>
|
|
@@ -1858,7 +2932,19 @@ Shown with default, primary, and secondary styling
|
|
|
1858
2932
|
<span class="pf-v6-c-menu-toggle__text">Toggle button text</span>
|
|
1859
2933
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1860
2934
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1861
|
-
<
|
|
2935
|
+
<svg
|
|
2936
|
+
class="pf-v6-svg"
|
|
2937
|
+
viewBox="0 0 20 20"
|
|
2938
|
+
fill="currentColor"
|
|
2939
|
+
aria-hidden="true"
|
|
2940
|
+
role="img"
|
|
2941
|
+
width="1em"
|
|
2942
|
+
height="1em"
|
|
2943
|
+
>
|
|
2944
|
+
<path
|
|
2945
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2946
|
+
/>
|
|
2947
|
+
</svg>
|
|
1862
2948
|
</span>
|
|
1863
2949
|
</span>
|
|
1864
2950
|
</button>
|
|
@@ -1898,7 +2984,19 @@ Shown with default, primary, and secondary styling
|
|
|
1898
2984
|
<span class="pf-v6-c-menu-toggle__text">Icon</span>
|
|
1899
2985
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1900
2986
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1901
|
-
<
|
|
2987
|
+
<svg
|
|
2988
|
+
class="pf-v6-svg"
|
|
2989
|
+
viewBox="0 0 20 20"
|
|
2990
|
+
fill="currentColor"
|
|
2991
|
+
aria-hidden="true"
|
|
2992
|
+
role="img"
|
|
2993
|
+
width="1em"
|
|
2994
|
+
height="1em"
|
|
2995
|
+
>
|
|
2996
|
+
<path
|
|
2997
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2998
|
+
/>
|
|
2999
|
+
</svg>
|
|
1902
3000
|
</span>
|
|
1903
3001
|
</span>
|
|
1904
3002
|
</button>
|
|
@@ -1929,7 +3027,19 @@ Shown with default, primary, and secondary styling
|
|
|
1929
3027
|
<span class="pf-v6-c-menu-toggle__text">Icon</span>
|
|
1930
3028
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1931
3029
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1932
|
-
<
|
|
3030
|
+
<svg
|
|
3031
|
+
class="pf-v6-svg"
|
|
3032
|
+
viewBox="0 0 20 20"
|
|
3033
|
+
fill="currentColor"
|
|
3034
|
+
aria-hidden="true"
|
|
3035
|
+
role="img"
|
|
3036
|
+
width="1em"
|
|
3037
|
+
height="1em"
|
|
3038
|
+
>
|
|
3039
|
+
<path
|
|
3040
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
3041
|
+
/>
|
|
3042
|
+
</svg>
|
|
1933
3043
|
</span>
|
|
1934
3044
|
</span>
|
|
1935
3045
|
</button>
|
|
@@ -1962,7 +3072,19 @@ Shown with default, primary, and secondary styling
|
|
|
1962
3072
|
<span class="pf-v6-c-menu-toggle__text">Icon</span>
|
|
1963
3073
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1964
3074
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1965
|
-
<
|
|
3075
|
+
<svg
|
|
3076
|
+
class="pf-v6-svg"
|
|
3077
|
+
viewBox="0 0 20 20"
|
|
3078
|
+
fill="currentColor"
|
|
3079
|
+
aria-hidden="true"
|
|
3080
|
+
role="img"
|
|
3081
|
+
width="1em"
|
|
3082
|
+
height="1em"
|
|
3083
|
+
>
|
|
3084
|
+
<path
|
|
3085
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
3086
|
+
/>
|
|
3087
|
+
</svg>
|
|
1966
3088
|
</span>
|
|
1967
3089
|
</span>
|
|
1968
3090
|
</button>
|
|
@@ -1997,7 +3119,19 @@ Shown with default, primary, and secondary styling
|
|
|
1997
3119
|
<span class="pf-v6-c-menu-toggle__text">Icon</span>
|
|
1998
3120
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1999
3121
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
2000
|
-
<
|
|
3122
|
+
<svg
|
|
3123
|
+
class="pf-v6-svg"
|
|
3124
|
+
viewBox="0 0 20 20"
|
|
3125
|
+
fill="currentColor"
|
|
3126
|
+
aria-hidden="true"
|
|
3127
|
+
role="img"
|
|
3128
|
+
width="1em"
|
|
3129
|
+
height="1em"
|
|
3130
|
+
>
|
|
3131
|
+
<path
|
|
3132
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
3133
|
+
/>
|
|
3134
|
+
</svg>
|
|
2001
3135
|
</span>
|
|
2002
3136
|
</span>
|
|
2003
3137
|
</button>
|
|
@@ -2028,7 +3162,19 @@ Shown with default, primary, and secondary styling
|
|
|
2028
3162
|
<span class="pf-v6-c-menu-toggle__text">Icon</span>
|
|
2029
3163
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
2030
3164
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
2031
|
-
<
|
|
3165
|
+
<svg
|
|
3166
|
+
class="pf-v6-svg"
|
|
3167
|
+
viewBox="0 0 20 20"
|
|
3168
|
+
fill="currentColor"
|
|
3169
|
+
aria-hidden="true"
|
|
3170
|
+
role="img"
|
|
3171
|
+
width="1em"
|
|
3172
|
+
height="1em"
|
|
3173
|
+
>
|
|
3174
|
+
<path
|
|
3175
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
3176
|
+
/>
|
|
3177
|
+
</svg>
|
|
2032
3178
|
</span>
|
|
2033
3179
|
</span>
|
|
2034
3180
|
</button>
|
|
@@ -2061,7 +3207,19 @@ Shown with default, primary, and secondary styling
|
|
|
2061
3207
|
<span class="pf-v6-c-menu-toggle__text">Icon</span>
|
|
2062
3208
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
2063
3209
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
2064
|
-
<
|
|
3210
|
+
<svg
|
|
3211
|
+
class="pf-v6-svg"
|
|
3212
|
+
viewBox="0 0 20 20"
|
|
3213
|
+
fill="currentColor"
|
|
3214
|
+
aria-hidden="true"
|
|
3215
|
+
role="img"
|
|
3216
|
+
width="1em"
|
|
3217
|
+
height="1em"
|
|
3218
|
+
>
|
|
3219
|
+
<path
|
|
3220
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
3221
|
+
/>
|
|
3222
|
+
</svg>
|
|
2065
3223
|
</span>
|
|
2066
3224
|
</span>
|
|
2067
3225
|
</button>
|
|
@@ -2096,7 +3254,19 @@ Shown with default, primary, and secondary styling
|
|
|
2096
3254
|
<span class="pf-v6-c-menu-toggle__text">Icon</span>
|
|
2097
3255
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
2098
3256
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
2099
|
-
<
|
|
3257
|
+
<svg
|
|
3258
|
+
class="pf-v6-svg"
|
|
3259
|
+
viewBox="0 0 20 20"
|
|
3260
|
+
fill="currentColor"
|
|
3261
|
+
aria-hidden="true"
|
|
3262
|
+
role="img"
|
|
3263
|
+
width="1em"
|
|
3264
|
+
height="1em"
|
|
3265
|
+
>
|
|
3266
|
+
<path
|
|
3267
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
3268
|
+
/>
|
|
3269
|
+
</svg>
|
|
2100
3270
|
</span>
|
|
2101
3271
|
</span>
|
|
2102
3272
|
</button>
|
|
@@ -2127,7 +3297,19 @@ Shown with default, primary, and secondary styling
|
|
|
2127
3297
|
<span class="pf-v6-c-menu-toggle__text">Icon</span>
|
|
2128
3298
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
2129
3299
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
2130
|
-
<
|
|
3300
|
+
<svg
|
|
3301
|
+
class="pf-v6-svg"
|
|
3302
|
+
viewBox="0 0 20 20"
|
|
3303
|
+
fill="currentColor"
|
|
3304
|
+
aria-hidden="true"
|
|
3305
|
+
role="img"
|
|
3306
|
+
width="1em"
|
|
3307
|
+
height="1em"
|
|
3308
|
+
>
|
|
3309
|
+
<path
|
|
3310
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
3311
|
+
/>
|
|
3312
|
+
</svg>
|
|
2131
3313
|
</span>
|
|
2132
3314
|
</span>
|
|
2133
3315
|
</button>
|
|
@@ -2160,7 +3342,19 @@ Shown with default, primary, and secondary styling
|
|
|
2160
3342
|
<span class="pf-v6-c-menu-toggle__text">Icon</span>
|
|
2161
3343
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
2162
3344
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
2163
|
-
<
|
|
3345
|
+
<svg
|
|
3346
|
+
class="pf-v6-svg"
|
|
3347
|
+
viewBox="0 0 20 20"
|
|
3348
|
+
fill="currentColor"
|
|
3349
|
+
aria-hidden="true"
|
|
3350
|
+
role="img"
|
|
3351
|
+
width="1em"
|
|
3352
|
+
height="1em"
|
|
3353
|
+
>
|
|
3354
|
+
<path
|
|
3355
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
3356
|
+
/>
|
|
3357
|
+
</svg>
|
|
2164
3358
|
</span>
|
|
2165
3359
|
</span>
|
|
2166
3360
|
</button>
|
|
@@ -2178,7 +3372,19 @@ Shown with default, primary, and secondary styling
|
|
|
2178
3372
|
aria-label="Settings"
|
|
2179
3373
|
>
|
|
2180
3374
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2181
|
-
<
|
|
3375
|
+
<svg
|
|
3376
|
+
class="pf-v6-svg"
|
|
3377
|
+
viewBox="0 0 32 32"
|
|
3378
|
+
fill="currentColor"
|
|
3379
|
+
aria-hidden="true"
|
|
3380
|
+
role="img"
|
|
3381
|
+
width="1em"
|
|
3382
|
+
height="1em"
|
|
3383
|
+
>
|
|
3384
|
+
<path
|
|
3385
|
+
d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
|
|
3386
|
+
/>
|
|
3387
|
+
</svg>
|
|
2182
3388
|
</span>
|
|
2183
3389
|
</button>
|
|
2184
3390
|
|
|
@@ -2189,7 +3395,19 @@ Shown with default, primary, and secondary styling
|
|
|
2189
3395
|
aria-label="Settings"
|
|
2190
3396
|
>
|
|
2191
3397
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2192
|
-
<
|
|
3398
|
+
<svg
|
|
3399
|
+
class="pf-v6-svg"
|
|
3400
|
+
viewBox="0 0 32 32"
|
|
3401
|
+
fill="currentColor"
|
|
3402
|
+
aria-hidden="true"
|
|
3403
|
+
role="img"
|
|
3404
|
+
width="1em"
|
|
3405
|
+
height="1em"
|
|
3406
|
+
>
|
|
3407
|
+
<path
|
|
3408
|
+
d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
|
|
3409
|
+
/>
|
|
3410
|
+
</svg>
|
|
2193
3411
|
</span>
|
|
2194
3412
|
</button>
|
|
2195
3413
|
|
|
@@ -2201,7 +3419,19 @@ Shown with default, primary, and secondary styling
|
|
|
2201
3419
|
aria-label="Settings"
|
|
2202
3420
|
>
|
|
2203
3421
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2204
|
-
<
|
|
3422
|
+
<svg
|
|
3423
|
+
class="pf-v6-svg"
|
|
3424
|
+
viewBox="0 0 32 32"
|
|
3425
|
+
fill="currentColor"
|
|
3426
|
+
aria-hidden="true"
|
|
3427
|
+
role="img"
|
|
3428
|
+
width="1em"
|
|
3429
|
+
height="1em"
|
|
3430
|
+
>
|
|
3431
|
+
<path
|
|
3432
|
+
d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
|
|
3433
|
+
/>
|
|
3434
|
+
</svg>
|
|
2205
3435
|
</span>
|
|
2206
3436
|
</button>
|
|
2207
3437
|
|
|
@@ -2240,6 +3470,7 @@ Shown with default, primary, and secondary styling
|
|
|
2240
3470
|
| `.pf-m-expanded` | `.pf-v6-c-menu-toggle` | Modifies the menu toggle component for the expanded state. |
|
|
2241
3471
|
| `.pf-m-full-height` | `.pf-v6-c-menu-toggle` | Modifies the menu toggle component to full height of parent. |
|
|
2242
3472
|
| `.pf-m-full-width` | `.pf-v6-c-menu-toggle` | Modifies the menu toggle component to full width of parent. |
|
|
3473
|
+
| `.pf-m-form` | `.pf-v6-c-menu-toggle` | Modifies the menu toggle for use in forms with form element border radius. |
|
|
2243
3474
|
| `.pf-m-success` | `.pf-v6-c-menu-toggle` | Modifies the menu toggle component for the success state. |
|
|
2244
3475
|
| `.pf-m-warning` | `.pf-v6-c-menu-toggle` | Modifies the menu toggle component for the warning state. |
|
|
2245
3476
|
| `.pf-m-danger` | `.pf-v6-c-menu-toggle` | Modifies the menu toggle component for the danger state. |
|