@patternfly/patternfly 6.0.0-alpha.164 → 6.0.0-alpha.166
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 +33 -14
- package/components/Button/button.scss +36 -14
- package/components/Panel/panel.css +17 -14
- package/components/Panel/panel.scss +17 -14
- package/components/_index.css +50 -28
- package/docs/components/AboutModalBox/examples/AboutModalBox.md +3 -1
- package/docs/components/ActionList/examples/ActionList.md +60 -20
- package/docs/components/Alert/examples/Alert.md +106 -62
- package/docs/components/BackToTop/examples/BackToTop.md +5 -3
- package/docs/components/Banner/examples/Banner.md +9 -3
- package/docs/components/Button/examples/Button.md +536 -367
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +24 -8
- package/docs/components/Card/examples/Card.md +43 -29
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +75 -33
- package/docs/components/CodeBlock/examples/CodeBlock.md +18 -6
- package/docs/components/CodeEditor/examples/CodeEditor.md +44 -22
- package/docs/components/ContextSelector/deprecated/context-selector.md +6 -8
- package/docs/components/DataList/examples/DataList.md +121 -63
- package/docs/components/DatePicker/examples/DatePicker.md +18 -6
- package/docs/components/DescriptionList/examples/DescriptionList.md +125 -75
- package/docs/components/Drawer/examples/Drawer.md +57 -19
- package/docs/components/DualListSelector/examples/DualListSelector.md +204 -100
- package/docs/components/EmptyState/examples/EmptyState.md +123 -53
- package/docs/components/FileUpload/examples/FileUpload.md +42 -14
- package/docs/components/Form/examples/Form.md +53 -19
- package/docs/components/Hint/examples/Hint.md +9 -9
- package/docs/components/InlineEdit/examples/InlineEdit.md +78 -26
- package/docs/components/InputGroup/examples/InputGroup.md +27 -9
- package/docs/components/JumpLinks/examples/JumpLinks.md +188 -68
- package/docs/components/Label/examples/Label.md +651 -217
- package/docs/components/LogViewer/examples/LogViewer.md +218 -86
- package/docs/components/Login/examples/Login.md +346 -282
- package/docs/components/Masthead/examples/masthead.md +27 -9
- package/docs/components/Menu/examples/Menu.md +35 -25
- package/docs/components/MenuToggle/examples/MenuToggle.md +3 -1
- package/docs/components/ModalBox/examples/ModalBox.md +48 -16
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +48 -16
- package/docs/components/Nav/examples/Navigation.md +12 -4
- package/docs/components/NotificationBadge/examples/NotificationBadge.md +78 -42
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +6 -2
- package/docs/components/NumberInput/examples/NumberInput.md +96 -48
- package/docs/components/OverflowMenu/examples/overflow-menu.md +48 -16
- package/docs/components/Page/examples/Page.md +21 -7
- package/docs/components/Pagination/examples/Pagination.md +132 -44
- package/docs/components/Panel/examples/Panel.md +1 -0
- package/docs/components/Popover/examples/Popover.md +45 -15
- package/docs/components/Select/deprecated/Select.md +111 -55
- package/docs/components/SkipToContent/examples/SkipToContent.md +3 -1
- package/docs/components/Slider/examples/Slider.md +12 -4
- package/docs/components/Table/examples/Table.md +363 -208
- package/docs/components/Tabs/examples/Tabs.md +1230 -574
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +132 -44
- package/docs/components/Toolbar/examples/Toolbar.md +120 -64
- package/docs/components/TreeView/examples/TreeView.md +12 -4
- package/docs/components/Wizard/examples/Wizard.md +105 -38
- package/docs/demos/AboutModal/examples/AboutModal.md +9 -3
- package/docs/demos/Alert/examples/Alert.md +39 -25
- package/docs/demos/BackToTop/examples/BackToTop.md +11 -5
- package/docs/demos/Banner/examples/Banner.md +12 -4
- package/docs/demos/Button/examples/Button.md +7 -7
- package/docs/demos/Card/examples/Card.md +106 -57
- package/docs/demos/CardView/examples/CardView.md +30 -13
- package/docs/demos/ContextSelector/examples/ContextSelector.md +24 -8
- package/docs/demos/Dashboard/examples/Dashboard.md +43 -28
- package/docs/demos/DataList/examples/DataList.md +255 -149
- package/docs/demos/DescriptionList/examples/DescriptionList.md +21 -7
- package/docs/demos/Drawer/examples/Drawer.md +89 -43
- package/docs/demos/Form/examples/BasicForms.md +141 -59
- package/docs/demos/JumpLinks/examples/JumpLinks.md +222 -109
- package/docs/demos/Masthead/examples/Masthead.md +63 -21
- package/docs/demos/Modal/examples/Modal.md +99 -37
- package/docs/demos/Nav/examples/Nav.md +45 -15
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +58 -43
- package/docs/demos/Page/examples/Page.md +54 -21
- package/docs/demos/Page/examples/Penta.md +9 -6
- package/docs/demos/Panel/Panel.md +88 -0
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +9 -3
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +12 -4
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +306 -133
- package/docs/demos/Skeleton/examples/Skeleton.md +6 -2
- package/docs/demos/Table/examples/Table.md +474 -210
- package/docs/demos/Tabs/examples/Tabs.md +60 -22
- package/docs/demos/Toolbar/examples/Toolbar.md +123 -72
- package/docs/demos/Wizard/examples/Wizard.md +179 -110
- package/package.json +1 -1
- package/patternfly-no-globals.css +50 -28
- package/patternfly.css +50 -28
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -16,21 +16,27 @@ cssPrefix: pf-v6-c-code-editor
|
|
|
16
16
|
type="button"
|
|
17
17
|
aria-label="Copy to clipboard"
|
|
18
18
|
>
|
|
19
|
-
<
|
|
19
|
+
<span class="pf-v6-c-button__text">
|
|
20
|
+
<i class="fas fa-copy" aria-hidden="true"></i>
|
|
21
|
+
</span>
|
|
20
22
|
</button>
|
|
21
23
|
<button
|
|
22
24
|
class="pf-v6-c-button pf-m-plain"
|
|
23
25
|
type="button"
|
|
24
26
|
aria-label="Download code"
|
|
25
27
|
>
|
|
26
|
-
<
|
|
28
|
+
<span class="pf-v6-c-button__text">
|
|
29
|
+
<i class="fas fa-download"></i>
|
|
30
|
+
</span>
|
|
27
31
|
</button>
|
|
28
32
|
<button
|
|
29
33
|
class="pf-v6-c-button pf-m-plain"
|
|
30
34
|
type="button"
|
|
31
35
|
aria-label="Upload code"
|
|
32
36
|
>
|
|
33
|
-
<
|
|
37
|
+
<span class="pf-v6-c-button__text">
|
|
38
|
+
<i class="fas fa-upload"></i>
|
|
39
|
+
</span>
|
|
34
40
|
</button>
|
|
35
41
|
</div>
|
|
36
42
|
<div class="pf-v6-c-code-editor__header-main"></div>
|
|
@@ -65,14 +71,18 @@ cssPrefix: pf-v6-c-code-editor
|
|
|
65
71
|
type="button"
|
|
66
72
|
aria-label="Copy to clipboard"
|
|
67
73
|
>
|
|
68
|
-
<
|
|
74
|
+
<span class="pf-v6-c-button__text">
|
|
75
|
+
<i class="fas fa-copy" aria-hidden="true"></i>
|
|
76
|
+
</span>
|
|
69
77
|
</button>
|
|
70
78
|
<button
|
|
71
79
|
class="pf-v6-c-button pf-m-plain"
|
|
72
80
|
type="button"
|
|
73
81
|
aria-label="Download code"
|
|
74
82
|
>
|
|
75
|
-
<
|
|
83
|
+
<span class="pf-v6-c-button__text">
|
|
84
|
+
<i class="fas fa-download"></i>
|
|
85
|
+
</span>
|
|
76
86
|
</button>
|
|
77
87
|
<button
|
|
78
88
|
class="pf-v6-c-button pf-m-plain"
|
|
@@ -80,7 +90,9 @@ cssPrefix: pf-v6-c-code-editor
|
|
|
80
90
|
aria-label="Upload code"
|
|
81
91
|
disabled
|
|
82
92
|
>
|
|
83
|
-
<
|
|
93
|
+
<span class="pf-v6-c-button__text">
|
|
94
|
+
<i class="fas fa-upload"></i>
|
|
95
|
+
</span>
|
|
84
96
|
</button>
|
|
85
97
|
</div>
|
|
86
98
|
<div class="pf-v6-c-code-editor__header-main"></div>
|
|
@@ -135,13 +147,14 @@ cssPrefix: pf-v6-c-code-editor
|
|
|
135
147
|
|
|
136
148
|
<div class="pf-v6-c-empty-state__footer">
|
|
137
149
|
<div class="pf-v6-c-empty-state__actions">
|
|
138
|
-
<button class="pf-v6-c-button pf-m-primary" type="button">
|
|
150
|
+
<button class="pf-v6-c-button pf-m-primary" type="button">
|
|
151
|
+
<span class="pf-v6-c-button__text">Browse</span>
|
|
152
|
+
</button>
|
|
139
153
|
</div>
|
|
140
154
|
<div class="pf-v6-c-empty-state__actions">
|
|
141
|
-
<button
|
|
142
|
-
class="pf-v6-c-
|
|
143
|
-
|
|
144
|
-
>Start from scratch</button>
|
|
155
|
+
<button class="pf-v6-c-button pf-m-link" type="button">
|
|
156
|
+
<span class="pf-v6-c-button__text">Start from scratch</span>
|
|
157
|
+
</button>
|
|
145
158
|
</div>
|
|
146
159
|
</div>
|
|
147
160
|
</div>
|
|
@@ -184,13 +197,14 @@ cssPrefix: pf-v6-c-code-editor
|
|
|
184
197
|
|
|
185
198
|
<div class="pf-v6-c-empty-state__footer">
|
|
186
199
|
<div class="pf-v6-c-empty-state__actions">
|
|
187
|
-
<button class="pf-v6-c-button pf-m-primary" type="button">
|
|
200
|
+
<button class="pf-v6-c-button pf-m-primary" type="button">
|
|
201
|
+
<span class="pf-v6-c-button__text">Browse</span>
|
|
202
|
+
</button>
|
|
188
203
|
</div>
|
|
189
204
|
<div class="pf-v6-c-empty-state__actions">
|
|
190
|
-
<button
|
|
191
|
-
class="pf-v6-c-
|
|
192
|
-
|
|
193
|
-
>Start from scratch</button>
|
|
205
|
+
<button class="pf-v6-c-button pf-m-link" type="button">
|
|
206
|
+
<span class="pf-v6-c-button__text">Start from scratch</span>
|
|
207
|
+
</button>
|
|
194
208
|
</div>
|
|
195
209
|
</div>
|
|
196
210
|
</div>
|
|
@@ -213,30 +227,38 @@ cssPrefix: pf-v6-c-code-editor
|
|
|
213
227
|
type="button"
|
|
214
228
|
aria-label="Copy to clipboard"
|
|
215
229
|
>
|
|
216
|
-
<
|
|
230
|
+
<span class="pf-v6-c-button__text">
|
|
231
|
+
<i class="fas fa-copy" aria-hidden="true"></i>
|
|
232
|
+
</span>
|
|
217
233
|
</button>
|
|
218
234
|
<button
|
|
219
235
|
class="pf-v6-c-button pf-m-plain"
|
|
220
236
|
type="button"
|
|
221
237
|
aria-label="Download code"
|
|
222
238
|
>
|
|
223
|
-
<
|
|
239
|
+
<span class="pf-v6-c-button__text">
|
|
240
|
+
<i class="fas fa-download"></i>
|
|
241
|
+
</span>
|
|
224
242
|
</button>
|
|
225
243
|
<button
|
|
226
244
|
class="pf-v6-c-button pf-m-plain"
|
|
227
245
|
type="button"
|
|
228
246
|
aria-label="Upload code"
|
|
229
247
|
>
|
|
230
|
-
<
|
|
248
|
+
<span class="pf-v6-c-button__text">
|
|
249
|
+
<i class="fas fa-upload"></i>
|
|
250
|
+
</span>
|
|
231
251
|
</button>
|
|
232
252
|
</div>
|
|
233
253
|
<div class="pf-v6-c-code-editor__header-main">Header main content</div>
|
|
234
254
|
<div class="pf-v6-c-code-editor__keyboard-shortcuts">
|
|
235
255
|
<button class="pf-v6-c-button pf-m-link" type="button">
|
|
236
|
-
<span class="pf-v6-c-
|
|
237
|
-
<
|
|
256
|
+
<span class="pf-v6-c-button__text">
|
|
257
|
+
<span class="pf-v6-c-button__icon pf-m-start pf-m-start">
|
|
258
|
+
<i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
|
|
259
|
+
</span>
|
|
260
|
+
View shortcuts
|
|
238
261
|
</span>
|
|
239
|
-
View shortcuts
|
|
240
262
|
</button>
|
|
241
263
|
</div>
|
|
242
264
|
</div>
|
|
@@ -716,10 +716,9 @@ deprecated: true
|
|
|
716
716
|
</ul>
|
|
717
717
|
|
|
718
718
|
<div class="pf-v6-c-context-selector__menu-footer">
|
|
719
|
-
<button
|
|
720
|
-
class="pf-v6-c-
|
|
721
|
-
|
|
722
|
-
>Manage projects</button>
|
|
719
|
+
<button class="pf-v6-c-button pf-m-secondary" type="button">
|
|
720
|
+
<span class="pf-v6-c-button__text">Manage projects</span>
|
|
721
|
+
</button>
|
|
723
722
|
</div>
|
|
724
723
|
</div>
|
|
725
724
|
</div>
|
|
@@ -864,10 +863,9 @@ deprecated: true
|
|
|
864
863
|
</ul>
|
|
865
864
|
|
|
866
865
|
<div class="pf-v6-c-context-selector__menu-footer">
|
|
867
|
-
<button
|
|
868
|
-
class="pf-v6-c-
|
|
869
|
-
|
|
870
|
-
>Manage projects</button>
|
|
866
|
+
<button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
|
|
867
|
+
<span class="pf-v6-c-button__text">Manage projects</span>
|
|
868
|
+
</button>
|
|
871
869
|
</div>
|
|
872
870
|
</div>
|
|
873
871
|
</div>
|
|
@@ -229,8 +229,12 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
229
229
|
<div
|
|
230
230
|
class="pf-v6-c-data-list__item-action pf-m-hidden pf-m-visible-on-lg"
|
|
231
231
|
>
|
|
232
|
-
<button class="pf-v6-c-button pf-m-primary" type="button">
|
|
233
|
-
|
|
232
|
+
<button class="pf-v6-c-button pf-m-primary" type="button">
|
|
233
|
+
<span class="pf-v6-c-button__text">Primary</span>
|
|
234
|
+
</button>
|
|
235
|
+
<button class="pf-v6-c-button pf-m-secondary" type="button">
|
|
236
|
+
<span class="pf-v6-c-button__text">Secondary</span>
|
|
237
|
+
</button>
|
|
234
238
|
</div>
|
|
235
239
|
</div>
|
|
236
240
|
</li>
|
|
@@ -285,10 +289,18 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
285
289
|
<div
|
|
286
290
|
class="pf-v6-c-data-list__item-action pf-m-hidden pf-m-visible-on-xl"
|
|
287
291
|
>
|
|
288
|
-
<button class="pf-v6-c-button pf-m-primary" type="button">
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
<button class="pf-v6-c-button pf-m-secondary" type="button">
|
|
292
|
+
<button class="pf-v6-c-button pf-m-primary" type="button">
|
|
293
|
+
<span class="pf-v6-c-button__text">Primary</span>
|
|
294
|
+
</button>
|
|
295
|
+
<button class="pf-v6-c-button pf-m-secondary" type="button">
|
|
296
|
+
<span class="pf-v6-c-button__text">Secondary</span>
|
|
297
|
+
</button>
|
|
298
|
+
<button class="pf-v6-c-button pf-m-secondary" type="button">
|
|
299
|
+
<span class="pf-v6-c-button__text">Secondary</span>
|
|
300
|
+
</button>
|
|
301
|
+
<button class="pf-v6-c-button pf-m-secondary" type="button">
|
|
302
|
+
<span class="pf-v6-c-button__text">Secondary</span>
|
|
303
|
+
</button>
|
|
292
304
|
</div>
|
|
293
305
|
</div>
|
|
294
306
|
</li>
|
|
@@ -341,9 +353,11 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
341
353
|
aria-expanded="true"
|
|
342
354
|
aria-controls="data-list-expandable-content1"
|
|
343
355
|
>
|
|
344
|
-
<
|
|
345
|
-
<
|
|
346
|
-
|
|
356
|
+
<span class="pf-v6-c-button__text">
|
|
357
|
+
<div class="pf-v6-c-data-list__toggle-icon">
|
|
358
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
359
|
+
</div>
|
|
360
|
+
</span>
|
|
347
361
|
</button>
|
|
348
362
|
</div>
|
|
349
363
|
</div>
|
|
@@ -406,9 +420,11 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
406
420
|
aria-expanded="false"
|
|
407
421
|
aria-controls="data-list-expandable-content2"
|
|
408
422
|
>
|
|
409
|
-
<
|
|
410
|
-
<
|
|
411
|
-
|
|
423
|
+
<span class="pf-v6-c-button__text">
|
|
424
|
+
<div class="pf-v6-c-data-list__toggle-icon">
|
|
425
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
426
|
+
</div>
|
|
427
|
+
</span>
|
|
412
428
|
</button>
|
|
413
429
|
</div>
|
|
414
430
|
</div>
|
|
@@ -468,9 +484,11 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
468
484
|
aria-expanded="true"
|
|
469
485
|
aria-controls="data-list-expandable-content3"
|
|
470
486
|
>
|
|
471
|
-
<
|
|
472
|
-
<
|
|
473
|
-
|
|
487
|
+
<span class="pf-v6-c-button__text">
|
|
488
|
+
<div class="pf-v6-c-data-list__toggle-icon">
|
|
489
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
490
|
+
</div>
|
|
491
|
+
</span>
|
|
474
492
|
</button>
|
|
475
493
|
</div>
|
|
476
494
|
</div>
|
|
@@ -544,9 +562,11 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
544
562
|
aria-expanded="true"
|
|
545
563
|
aria-controls="data-list-expandable-compact-content1"
|
|
546
564
|
>
|
|
547
|
-
<
|
|
548
|
-
<
|
|
549
|
-
|
|
565
|
+
<span class="pf-v6-c-button__text">
|
|
566
|
+
<div class="pf-v6-c-data-list__toggle-icon">
|
|
567
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
568
|
+
</div>
|
|
569
|
+
</span>
|
|
550
570
|
</button>
|
|
551
571
|
</div>
|
|
552
572
|
</div>
|
|
@@ -609,9 +629,11 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
609
629
|
aria-expanded="false"
|
|
610
630
|
aria-controls="data-list-expandable-compact-content2"
|
|
611
631
|
>
|
|
612
|
-
<
|
|
613
|
-
<
|
|
614
|
-
|
|
632
|
+
<span class="pf-v6-c-button__text">
|
|
633
|
+
<div class="pf-v6-c-data-list__toggle-icon">
|
|
634
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
635
|
+
</div>
|
|
636
|
+
</span>
|
|
615
637
|
</button>
|
|
616
638
|
</div>
|
|
617
639
|
</div>
|
|
@@ -674,9 +696,11 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
674
696
|
aria-expanded="true"
|
|
675
697
|
aria-controls="data-list-expandable-compact-content3"
|
|
676
698
|
>
|
|
677
|
-
<
|
|
678
|
-
<
|
|
679
|
-
|
|
699
|
+
<span class="pf-v6-c-button__text">
|
|
700
|
+
<div class="pf-v6-c-data-list__toggle-icon">
|
|
701
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
702
|
+
</div>
|
|
703
|
+
</span>
|
|
680
704
|
</button>
|
|
681
705
|
</div>
|
|
682
706
|
</div>
|
|
@@ -750,9 +774,11 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
750
774
|
aria-expanded="true"
|
|
751
775
|
aria-controls="data-list-expandable-nested-content1"
|
|
752
776
|
>
|
|
753
|
-
<
|
|
754
|
-
<
|
|
755
|
-
|
|
777
|
+
<span class="pf-v6-c-button__text">
|
|
778
|
+
<div class="pf-v6-c-data-list__toggle-icon">
|
|
779
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
780
|
+
</div>
|
|
781
|
+
</span>
|
|
756
782
|
</button>
|
|
757
783
|
</div>
|
|
758
784
|
</div>
|
|
@@ -816,9 +842,11 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
816
842
|
aria-expanded="true"
|
|
817
843
|
aria-controls="data-list-expandable-nested-nested-content1"
|
|
818
844
|
>
|
|
819
|
-
<
|
|
820
|
-
<
|
|
821
|
-
|
|
845
|
+
<span class="pf-v6-c-button__text">
|
|
846
|
+
<div class="pf-v6-c-data-list__toggle-icon">
|
|
847
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
848
|
+
</div>
|
|
849
|
+
</span>
|
|
822
850
|
</button>
|
|
823
851
|
</div>
|
|
824
852
|
</div>
|
|
@@ -857,9 +885,11 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
857
885
|
aria-expanded="false"
|
|
858
886
|
aria-controls="data-list-expandable-nested-nested-content2"
|
|
859
887
|
>
|
|
860
|
-
<
|
|
861
|
-
<
|
|
862
|
-
|
|
888
|
+
<span class="pf-v6-c-button__text">
|
|
889
|
+
<div class="pf-v6-c-data-list__toggle-icon">
|
|
890
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
891
|
+
</div>
|
|
892
|
+
</span>
|
|
863
893
|
</button>
|
|
864
894
|
</div>
|
|
865
895
|
</div>
|
|
@@ -899,9 +929,11 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
899
929
|
aria-expanded="true"
|
|
900
930
|
aria-controls="data-list-expandable-nested-nested-content3"
|
|
901
931
|
>
|
|
902
|
-
<
|
|
903
|
-
<
|
|
904
|
-
|
|
932
|
+
<span class="pf-v6-c-button__text">
|
|
933
|
+
<div class="pf-v6-c-data-list__toggle-icon">
|
|
934
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
935
|
+
</div>
|
|
936
|
+
</span>
|
|
905
937
|
</button>
|
|
906
938
|
</div>
|
|
907
939
|
</div>
|
|
@@ -944,9 +976,11 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
944
976
|
aria-expanded="false"
|
|
945
977
|
aria-controls="data-list-expandable-nested-content2"
|
|
946
978
|
>
|
|
947
|
-
<
|
|
948
|
-
<
|
|
949
|
-
|
|
979
|
+
<span class="pf-v6-c-button__text">
|
|
980
|
+
<div class="pf-v6-c-data-list__toggle-icon">
|
|
981
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
982
|
+
</div>
|
|
983
|
+
</span>
|
|
950
984
|
</button>
|
|
951
985
|
</div>
|
|
952
986
|
</div>
|
|
@@ -1006,9 +1040,11 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
1006
1040
|
aria-expanded="true"
|
|
1007
1041
|
aria-controls="data-list-expandable-nested-content3"
|
|
1008
1042
|
>
|
|
1009
|
-
<
|
|
1010
|
-
<
|
|
1011
|
-
|
|
1043
|
+
<span class="pf-v6-c-button__text">
|
|
1044
|
+
<div class="pf-v6-c-data-list__toggle-icon">
|
|
1045
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1046
|
+
</div>
|
|
1047
|
+
</span>
|
|
1012
1048
|
</button>
|
|
1013
1049
|
</div>
|
|
1014
1050
|
</div>
|
|
@@ -1171,8 +1207,12 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
1171
1207
|
<div
|
|
1172
1208
|
class="pf-v6-c-data-list__item-action pf-m-hidden pf-m-visible-on-lg"
|
|
1173
1209
|
>
|
|
1174
|
-
<button class="pf-v6-c-button pf-m-primary" type="button">
|
|
1175
|
-
|
|
1210
|
+
<button class="pf-v6-c-button pf-m-primary" type="button">
|
|
1211
|
+
<span class="pf-v6-c-button__text">Primary</span>
|
|
1212
|
+
</button>
|
|
1213
|
+
<button class="pf-v6-c-button pf-m-secondary" type="button">
|
|
1214
|
+
<span class="pf-v6-c-button__text">Secondary</span>
|
|
1215
|
+
</button>
|
|
1176
1216
|
</div>
|
|
1177
1217
|
</div>
|
|
1178
1218
|
</li>
|
|
@@ -1225,10 +1265,18 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
1225
1265
|
<div
|
|
1226
1266
|
class="pf-v6-c-data-list__item-action pf-m-hidden pf-m-visible-on-xl"
|
|
1227
1267
|
>
|
|
1228
|
-
<button class="pf-v6-c-button pf-m-primary" type="button">
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
<button class="pf-v6-c-button pf-m-secondary" type="button">
|
|
1268
|
+
<button class="pf-v6-c-button pf-m-primary" type="button">
|
|
1269
|
+
<span class="pf-v6-c-button__text">Primary</span>
|
|
1270
|
+
</button>
|
|
1271
|
+
<button class="pf-v6-c-button pf-m-secondary" type="button">
|
|
1272
|
+
<span class="pf-v6-c-button__text">Secondary</span>
|
|
1273
|
+
</button>
|
|
1274
|
+
<button class="pf-v6-c-button pf-m-secondary" type="button">
|
|
1275
|
+
<span class="pf-v6-c-button__text">Secondary</span>
|
|
1276
|
+
</button>
|
|
1277
|
+
<button class="pf-v6-c-button pf-m-secondary" type="button">
|
|
1278
|
+
<span class="pf-v6-c-button__text">Secondary</span>
|
|
1279
|
+
</button>
|
|
1232
1280
|
</div>
|
|
1233
1281
|
</div>
|
|
1234
1282
|
</li>
|
|
@@ -1394,9 +1442,11 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
1394
1442
|
aria-expanded="true"
|
|
1395
1443
|
aria-controls="data-list-flex-modifiers-2-content1"
|
|
1396
1444
|
>
|
|
1397
|
-
<
|
|
1398
|
-
<
|
|
1399
|
-
|
|
1445
|
+
<span class="pf-v6-c-button__text">
|
|
1446
|
+
<div class="pf-v6-c-data-list__toggle-icon">
|
|
1447
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1448
|
+
</div>
|
|
1449
|
+
</span>
|
|
1400
1450
|
</button>
|
|
1401
1451
|
</div>
|
|
1402
1452
|
|
|
@@ -1577,9 +1627,11 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
1577
1627
|
aria-expanded="true"
|
|
1578
1628
|
aria-controls="data-list-clickable-expandable-rows-content1"
|
|
1579
1629
|
>
|
|
1580
|
-
<
|
|
1581
|
-
<
|
|
1582
|
-
|
|
1630
|
+
<span class="pf-v6-c-button__text">
|
|
1631
|
+
<div class="pf-v6-c-data-list__toggle-icon">
|
|
1632
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1633
|
+
</div>
|
|
1634
|
+
</span>
|
|
1583
1635
|
</button>
|
|
1584
1636
|
</div>
|
|
1585
1637
|
</div>
|
|
@@ -1619,9 +1671,11 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
1619
1671
|
aria-expanded="false"
|
|
1620
1672
|
aria-controls="data-list-clickable-expandable-rows-content2"
|
|
1621
1673
|
>
|
|
1622
|
-
<
|
|
1623
|
-
<
|
|
1624
|
-
|
|
1674
|
+
<span class="pf-v6-c-button__text">
|
|
1675
|
+
<div class="pf-v6-c-data-list__toggle-icon">
|
|
1676
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1677
|
+
</div>
|
|
1678
|
+
</span>
|
|
1625
1679
|
</button>
|
|
1626
1680
|
</div>
|
|
1627
1681
|
</div>
|
|
@@ -1662,9 +1716,11 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
1662
1716
|
aria-expanded="true"
|
|
1663
1717
|
aria-controls="data-list-clickable-expandable-rows-content3"
|
|
1664
1718
|
>
|
|
1665
|
-
<
|
|
1666
|
-
<
|
|
1667
|
-
|
|
1719
|
+
<span class="pf-v6-c-button__text">
|
|
1720
|
+
<div class="pf-v6-c-data-list__toggle-icon">
|
|
1721
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1722
|
+
</div>
|
|
1723
|
+
</span>
|
|
1668
1724
|
</button>
|
|
1669
1725
|
</div>
|
|
1670
1726
|
</div>
|
|
@@ -1704,9 +1760,11 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
1704
1760
|
aria-expanded="false"
|
|
1705
1761
|
aria-controls="data-list-clickable-expandable-rows-content4"
|
|
1706
1762
|
>
|
|
1707
|
-
<
|
|
1708
|
-
<
|
|
1709
|
-
|
|
1763
|
+
<span class="pf-v6-c-button__text">
|
|
1764
|
+
<div class="pf-v6-c-data-list__toggle-icon">
|
|
1765
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1766
|
+
</div>
|
|
1767
|
+
</span>
|
|
1710
1768
|
</button>
|
|
1711
1769
|
</div>
|
|
1712
1770
|
</div>
|
|
@@ -30,7 +30,9 @@ cssPrefix: pf-v6-c-date-picker
|
|
|
30
30
|
type="button"
|
|
31
31
|
aria-label="Toggle date picker"
|
|
32
32
|
>
|
|
33
|
-
<
|
|
33
|
+
<span class="pf-v6-c-button__text">
|
|
34
|
+
<i class="fas fa-calendar-alt" aria-hidden="true"></i>
|
|
35
|
+
</span>
|
|
34
36
|
</button>
|
|
35
37
|
</div>
|
|
36
38
|
</div>
|
|
@@ -62,7 +64,9 @@ cssPrefix: pf-v6-c-date-picker
|
|
|
62
64
|
type="button"
|
|
63
65
|
aria-label="Toggle date picker"
|
|
64
66
|
>
|
|
65
|
-
<
|
|
67
|
+
<span class="pf-v6-c-button__text">
|
|
68
|
+
<i class="fas fa-calendar-alt" aria-hidden="true"></i>
|
|
69
|
+
</span>
|
|
66
70
|
</button>
|
|
67
71
|
</div>
|
|
68
72
|
</div>
|
|
@@ -107,7 +111,9 @@ cssPrefix: pf-v6-c-date-picker
|
|
|
107
111
|
type="button"
|
|
108
112
|
aria-label="Toggle date picker"
|
|
109
113
|
>
|
|
110
|
-
<
|
|
114
|
+
<span class="pf-v6-c-button__text">
|
|
115
|
+
<i class="fas fa-calendar-alt" aria-hidden="true"></i>
|
|
116
|
+
</span>
|
|
111
117
|
</button>
|
|
112
118
|
</div>
|
|
113
119
|
</div>
|
|
@@ -149,7 +155,9 @@ cssPrefix: pf-v6-c-date-picker
|
|
|
149
155
|
type="button"
|
|
150
156
|
aria-label="Toggle date picker"
|
|
151
157
|
>
|
|
152
|
-
<
|
|
158
|
+
<span class="pf-v6-c-button__text">
|
|
159
|
+
<i class="fas fa-calendar-alt" aria-hidden="true"></i>
|
|
160
|
+
</span>
|
|
153
161
|
</button>
|
|
154
162
|
</div>
|
|
155
163
|
</div>
|
|
@@ -185,7 +193,9 @@ cssPrefix: pf-v6-c-date-picker
|
|
|
185
193
|
type="button"
|
|
186
194
|
aria-label="Toggle date picker"
|
|
187
195
|
>
|
|
188
|
-
<
|
|
196
|
+
<span class="pf-v6-c-button__text">
|
|
197
|
+
<i class="fas fa-calendar-alt" aria-hidden="true"></i>
|
|
198
|
+
</span>
|
|
189
199
|
</button>
|
|
190
200
|
</div>
|
|
191
201
|
</div>
|
|
@@ -220,7 +230,9 @@ cssPrefix: pf-v6-c-date-picker
|
|
|
220
230
|
type="button"
|
|
221
231
|
aria-label="Toggle date picker"
|
|
222
232
|
>
|
|
223
|
-
<
|
|
233
|
+
<span class="pf-v6-c-button__text">
|
|
234
|
+
<i class="fas fa-calendar-alt" aria-hidden="true"></i>
|
|
235
|
+
</span>
|
|
224
236
|
</button>
|
|
225
237
|
</div>
|
|
226
238
|
</div>
|