@patternfly/patternfly 6.5.0-prerelease.62 → 6.5.0-prerelease.64
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/ClipboardCopy/clipboard-copy.css +7 -1
- package/components/ClipboardCopy/clipboard-copy.scss +10 -1
- 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 +44 -27
- 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/ClipboardCopy/examples/ClipboardCopy.md +39 -38
- 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/Page/examples/Page.md +62 -15
- 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 +34 -4
- package/docs/demos/Alert/examples/Alert.md +102 -12
- package/docs/demos/BackToTop/examples/BackToTop.md +34 -4
- package/docs/demos/Banner/examples/Banner.md +68 -8
- package/docs/demos/Card/examples/Card.md +78 -6
- package/docs/demos/CardView/examples/CardView.md +214 -22
- package/docs/demos/Compass/examples/Compass.md +431 -56
- package/docs/demos/Dashboard/examples/Dashboard.md +71 -11
- package/docs/demos/DataList/examples/DataList.md +401 -53
- package/docs/demos/DescriptionList/examples/DescriptionList.md +115 -13
- package/docs/demos/Drawer/examples/Drawer.md +167 -17
- package/docs/demos/JumpLinks/examples/JumpLinks.md +188 -20
- package/docs/demos/Masthead/examples/Masthead.md +228 -30
- package/docs/demos/Modal/examples/Modal.md +204 -24
- package/docs/demos/Nav/examples/Nav.md +184 -28
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1015 -85
- package/docs/demos/Page/examples/Page.md +503 -58
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +649 -97
- package/docs/demos/Skeleton/examples/Skeleton.md +34 -4
- package/docs/demos/Table/examples/Table.md +2641 -349
- package/docs/demos/Tabs/examples/Tabs.md +295 -31
- package/docs/demos/Toolbar/examples/Toolbar.md +675 -63
- package/docs/demos/Wizard/examples/Wizard.md +306 -36
- package/package.json +1 -1
- package/patternfly-no-globals.css +44 -27
- package/patternfly.css +44 -27
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -162,7 +162,19 @@ wrapperTag: div
|
|
|
162
162
|
aria-label="Settings"
|
|
163
163
|
>
|
|
164
164
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
165
|
-
<
|
|
165
|
+
<svg
|
|
166
|
+
class="pf-v6-svg"
|
|
167
|
+
viewBox="0 0 32 32"
|
|
168
|
+
fill="currentColor"
|
|
169
|
+
aria-hidden="true"
|
|
170
|
+
role="img"
|
|
171
|
+
width="1em"
|
|
172
|
+
height="1em"
|
|
173
|
+
>
|
|
174
|
+
<path
|
|
175
|
+
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"
|
|
176
|
+
/>
|
|
177
|
+
</svg>
|
|
166
178
|
</span>
|
|
167
179
|
</button>
|
|
168
180
|
</div>
|
|
@@ -188,7 +200,19 @@ wrapperTag: div
|
|
|
188
200
|
aria-label="Actions"
|
|
189
201
|
>
|
|
190
202
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
191
|
-
<
|
|
203
|
+
<svg
|
|
204
|
+
class="pf-v6-svg"
|
|
205
|
+
viewBox="0 0 32 32"
|
|
206
|
+
fill="currentColor"
|
|
207
|
+
aria-hidden="true"
|
|
208
|
+
role="img"
|
|
209
|
+
width="1em"
|
|
210
|
+
height="1em"
|
|
211
|
+
>
|
|
212
|
+
<path
|
|
213
|
+
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"
|
|
214
|
+
/>
|
|
215
|
+
</svg>
|
|
192
216
|
</span>
|
|
193
217
|
</button>
|
|
194
218
|
</div>
|
|
@@ -319,9 +343,15 @@ wrapperTag: div
|
|
|
319
343
|
</nav>
|
|
320
344
|
</div>
|
|
321
345
|
</section>
|
|
322
|
-
<section
|
|
346
|
+
<section
|
|
347
|
+
class="pf-v6-c-page__main-section pf-m-limit-width"
|
|
348
|
+
aria-labelledby="main-title"
|
|
349
|
+
>
|
|
323
350
|
<div class="pf-v6-c-page__main-body">
|
|
324
|
-
<h1
|
|
351
|
+
<h1
|
|
352
|
+
class="pf-v6-c-content--h1 pf-m-page-title"
|
|
353
|
+
id="main-title"
|
|
354
|
+
>Main title</h1>
|
|
325
355
|
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
326
356
|
</div>
|
|
327
357
|
</section>
|
|
@@ -377,10 +407,19 @@ wrapperTag: div
|
|
|
377
407
|
<span
|
|
378
408
|
class="pf-v6-c-menu-toggle__toggle-icon"
|
|
379
409
|
>
|
|
380
|
-
<
|
|
381
|
-
class="
|
|
410
|
+
<svg
|
|
411
|
+
class="pf-v6-svg"
|
|
412
|
+
viewBox="0 0 20 20"
|
|
413
|
+
fill="currentColor"
|
|
382
414
|
aria-hidden="true"
|
|
383
|
-
|
|
415
|
+
role="img"
|
|
416
|
+
width="1em"
|
|
417
|
+
height="1em"
|
|
418
|
+
>
|
|
419
|
+
<path
|
|
420
|
+
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"
|
|
421
|
+
/>
|
|
422
|
+
</svg>
|
|
384
423
|
</span>
|
|
385
424
|
</span>
|
|
386
425
|
</button>
|
|
@@ -427,10 +466,19 @@ wrapperTag: div
|
|
|
427
466
|
<span
|
|
428
467
|
class="pf-v6-c-menu-toggle__toggle-icon"
|
|
429
468
|
>
|
|
430
|
-
<
|
|
431
|
-
class="
|
|
469
|
+
<svg
|
|
470
|
+
class="pf-v6-svg"
|
|
471
|
+
viewBox="0 0 20 20"
|
|
472
|
+
fill="currentColor"
|
|
432
473
|
aria-hidden="true"
|
|
433
|
-
|
|
474
|
+
role="img"
|
|
475
|
+
width="1em"
|
|
476
|
+
height="1em"
|
|
477
|
+
>
|
|
478
|
+
<path
|
|
479
|
+
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"
|
|
480
|
+
/>
|
|
481
|
+
</svg>
|
|
434
482
|
</span>
|
|
435
483
|
</span>
|
|
436
484
|
</button>
|
|
@@ -447,10 +495,19 @@ wrapperTag: div
|
|
|
447
495
|
<span
|
|
448
496
|
class="pf-v6-c-menu-toggle__toggle-icon"
|
|
449
497
|
>
|
|
450
|
-
<
|
|
451
|
-
class="
|
|
498
|
+
<svg
|
|
499
|
+
class="pf-v6-svg"
|
|
500
|
+
viewBox="0 0 20 20"
|
|
501
|
+
fill="currentColor"
|
|
452
502
|
aria-hidden="true"
|
|
453
|
-
|
|
503
|
+
role="img"
|
|
504
|
+
width="1em"
|
|
505
|
+
height="1em"
|
|
506
|
+
>
|
|
507
|
+
<path
|
|
508
|
+
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"
|
|
509
|
+
/>
|
|
510
|
+
</svg>
|
|
454
511
|
</span>
|
|
455
512
|
</span>
|
|
456
513
|
</button>
|
|
@@ -519,7 +576,19 @@ wrapperTag: div
|
|
|
519
576
|
id="primary-detail-expanded-example-drawer-toolbar-overflow-menu-toggle"
|
|
520
577
|
>
|
|
521
578
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
522
|
-
<
|
|
579
|
+
<svg
|
|
580
|
+
class="pf-v6-svg"
|
|
581
|
+
viewBox="0 0 32 32"
|
|
582
|
+
fill="currentColor"
|
|
583
|
+
aria-hidden="true"
|
|
584
|
+
role="img"
|
|
585
|
+
width="1em"
|
|
586
|
+
height="1em"
|
|
587
|
+
>
|
|
588
|
+
<path
|
|
589
|
+
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"
|
|
590
|
+
/>
|
|
591
|
+
</svg>
|
|
523
592
|
</span>
|
|
524
593
|
</button>
|
|
525
594
|
</div>
|
|
@@ -542,10 +611,19 @@ wrapperTag: div
|
|
|
542
611
|
<span
|
|
543
612
|
class="pf-v6-c-menu-toggle__toggle-icon"
|
|
544
613
|
>
|
|
545
|
-
<
|
|
546
|
-
class="
|
|
614
|
+
<svg
|
|
615
|
+
class="pf-v6-svg"
|
|
616
|
+
viewBox="0 0 20 20"
|
|
617
|
+
fill="currentColor"
|
|
547
618
|
aria-hidden="true"
|
|
548
|
-
|
|
619
|
+
role="img"
|
|
620
|
+
width="1em"
|
|
621
|
+
height="1em"
|
|
622
|
+
>
|
|
623
|
+
<path
|
|
624
|
+
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"
|
|
625
|
+
/>
|
|
626
|
+
</svg>
|
|
549
627
|
</span>
|
|
550
628
|
</span>
|
|
551
629
|
</button>
|
|
@@ -1540,7 +1618,19 @@ wrapperTag: div
|
|
|
1540
1618
|
aria-label="Settings"
|
|
1541
1619
|
>
|
|
1542
1620
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1543
|
-
<
|
|
1621
|
+
<svg
|
|
1622
|
+
class="pf-v6-svg"
|
|
1623
|
+
viewBox="0 0 32 32"
|
|
1624
|
+
fill="currentColor"
|
|
1625
|
+
aria-hidden="true"
|
|
1626
|
+
role="img"
|
|
1627
|
+
width="1em"
|
|
1628
|
+
height="1em"
|
|
1629
|
+
>
|
|
1630
|
+
<path
|
|
1631
|
+
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"
|
|
1632
|
+
/>
|
|
1633
|
+
</svg>
|
|
1544
1634
|
</span>
|
|
1545
1635
|
</button>
|
|
1546
1636
|
</div>
|
|
@@ -1566,7 +1656,19 @@ wrapperTag: div
|
|
|
1566
1656
|
aria-label="Actions"
|
|
1567
1657
|
>
|
|
1568
1658
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1569
|
-
<
|
|
1659
|
+
<svg
|
|
1660
|
+
class="pf-v6-svg"
|
|
1661
|
+
viewBox="0 0 32 32"
|
|
1662
|
+
fill="currentColor"
|
|
1663
|
+
aria-hidden="true"
|
|
1664
|
+
role="img"
|
|
1665
|
+
width="1em"
|
|
1666
|
+
height="1em"
|
|
1667
|
+
>
|
|
1668
|
+
<path
|
|
1669
|
+
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"
|
|
1670
|
+
/>
|
|
1671
|
+
</svg>
|
|
1570
1672
|
</span>
|
|
1571
1673
|
</button>
|
|
1572
1674
|
</div>
|
|
@@ -1697,9 +1799,15 @@ wrapperTag: div
|
|
|
1697
1799
|
</nav>
|
|
1698
1800
|
</div>
|
|
1699
1801
|
</section>
|
|
1700
|
-
<section
|
|
1802
|
+
<section
|
|
1803
|
+
class="pf-v6-c-page__main-section pf-m-limit-width"
|
|
1804
|
+
aria-labelledby="main-title"
|
|
1805
|
+
>
|
|
1701
1806
|
<div class="pf-v6-c-page__main-body">
|
|
1702
|
-
<h1
|
|
1807
|
+
<h1
|
|
1808
|
+
class="pf-v6-c-content--h1 pf-m-page-title"
|
|
1809
|
+
id="main-title"
|
|
1810
|
+
>Main title</h1>
|
|
1703
1811
|
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
1704
1812
|
</div>
|
|
1705
1813
|
</section>
|
|
@@ -1756,10 +1864,19 @@ wrapperTag: div
|
|
|
1756
1864
|
<span
|
|
1757
1865
|
class="pf-v6-c-menu-toggle__toggle-icon"
|
|
1758
1866
|
>
|
|
1759
|
-
<
|
|
1760
|
-
class="
|
|
1867
|
+
<svg
|
|
1868
|
+
class="pf-v6-svg"
|
|
1869
|
+
viewBox="0 0 20 20"
|
|
1870
|
+
fill="currentColor"
|
|
1761
1871
|
aria-hidden="true"
|
|
1762
|
-
|
|
1872
|
+
role="img"
|
|
1873
|
+
width="1em"
|
|
1874
|
+
height="1em"
|
|
1875
|
+
>
|
|
1876
|
+
<path
|
|
1877
|
+
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"
|
|
1878
|
+
/>
|
|
1879
|
+
</svg>
|
|
1763
1880
|
</span>
|
|
1764
1881
|
</span>
|
|
1765
1882
|
</button>
|
|
@@ -1806,10 +1923,19 @@ wrapperTag: div
|
|
|
1806
1923
|
<span
|
|
1807
1924
|
class="pf-v6-c-menu-toggle__toggle-icon"
|
|
1808
1925
|
>
|
|
1809
|
-
<
|
|
1810
|
-
class="
|
|
1926
|
+
<svg
|
|
1927
|
+
class="pf-v6-svg"
|
|
1928
|
+
viewBox="0 0 20 20"
|
|
1929
|
+
fill="currentColor"
|
|
1811
1930
|
aria-hidden="true"
|
|
1812
|
-
|
|
1931
|
+
role="img"
|
|
1932
|
+
width="1em"
|
|
1933
|
+
height="1em"
|
|
1934
|
+
>
|
|
1935
|
+
<path
|
|
1936
|
+
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"
|
|
1937
|
+
/>
|
|
1938
|
+
</svg>
|
|
1813
1939
|
</span>
|
|
1814
1940
|
</span>
|
|
1815
1941
|
</button>
|
|
@@ -1826,10 +1952,19 @@ wrapperTag: div
|
|
|
1826
1952
|
<span
|
|
1827
1953
|
class="pf-v6-c-menu-toggle__toggle-icon"
|
|
1828
1954
|
>
|
|
1829
|
-
<
|
|
1830
|
-
class="
|
|
1955
|
+
<svg
|
|
1956
|
+
class="pf-v6-svg"
|
|
1957
|
+
viewBox="0 0 20 20"
|
|
1958
|
+
fill="currentColor"
|
|
1831
1959
|
aria-hidden="true"
|
|
1832
|
-
|
|
1960
|
+
role="img"
|
|
1961
|
+
width="1em"
|
|
1962
|
+
height="1em"
|
|
1963
|
+
>
|
|
1964
|
+
<path
|
|
1965
|
+
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"
|
|
1966
|
+
/>
|
|
1967
|
+
</svg>
|
|
1833
1968
|
</span>
|
|
1834
1969
|
</span>
|
|
1835
1970
|
</button>
|
|
@@ -1898,7 +2033,19 @@ wrapperTag: div
|
|
|
1898
2033
|
id="primary-detail-collapsed-example-drawer-toolbar-overflow-menu-toggle"
|
|
1899
2034
|
>
|
|
1900
2035
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1901
|
-
<
|
|
2036
|
+
<svg
|
|
2037
|
+
class="pf-v6-svg"
|
|
2038
|
+
viewBox="0 0 32 32"
|
|
2039
|
+
fill="currentColor"
|
|
2040
|
+
aria-hidden="true"
|
|
2041
|
+
role="img"
|
|
2042
|
+
width="1em"
|
|
2043
|
+
height="1em"
|
|
2044
|
+
>
|
|
2045
|
+
<path
|
|
2046
|
+
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"
|
|
2047
|
+
/>
|
|
2048
|
+
</svg>
|
|
1902
2049
|
</span>
|
|
1903
2050
|
</button>
|
|
1904
2051
|
</div>
|
|
@@ -1921,10 +2068,19 @@ wrapperTag: div
|
|
|
1921
2068
|
<span
|
|
1922
2069
|
class="pf-v6-c-menu-toggle__toggle-icon"
|
|
1923
2070
|
>
|
|
1924
|
-
<
|
|
1925
|
-
class="
|
|
2071
|
+
<svg
|
|
2072
|
+
class="pf-v6-svg"
|
|
2073
|
+
viewBox="0 0 20 20"
|
|
2074
|
+
fill="currentColor"
|
|
1926
2075
|
aria-hidden="true"
|
|
1927
|
-
|
|
2076
|
+
role="img"
|
|
2077
|
+
width="1em"
|
|
2078
|
+
height="1em"
|
|
2079
|
+
>
|
|
2080
|
+
<path
|
|
2081
|
+
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"
|
|
2082
|
+
/>
|
|
2083
|
+
</svg>
|
|
1928
2084
|
</span>
|
|
1929
2085
|
</span>
|
|
1930
2086
|
</button>
|
|
@@ -2807,7 +2963,19 @@ wrapperTag: div
|
|
|
2807
2963
|
aria-label="Settings"
|
|
2808
2964
|
>
|
|
2809
2965
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2810
|
-
<
|
|
2966
|
+
<svg
|
|
2967
|
+
class="pf-v6-svg"
|
|
2968
|
+
viewBox="0 0 32 32"
|
|
2969
|
+
fill="currentColor"
|
|
2970
|
+
aria-hidden="true"
|
|
2971
|
+
role="img"
|
|
2972
|
+
width="1em"
|
|
2973
|
+
height="1em"
|
|
2974
|
+
>
|
|
2975
|
+
<path
|
|
2976
|
+
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"
|
|
2977
|
+
/>
|
|
2978
|
+
</svg>
|
|
2811
2979
|
</span>
|
|
2812
2980
|
</button>
|
|
2813
2981
|
</div>
|
|
@@ -2833,7 +3001,19 @@ wrapperTag: div
|
|
|
2833
3001
|
aria-label="Actions"
|
|
2834
3002
|
>
|
|
2835
3003
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2836
|
-
<
|
|
3004
|
+
<svg
|
|
3005
|
+
class="pf-v6-svg"
|
|
3006
|
+
viewBox="0 0 32 32"
|
|
3007
|
+
fill="currentColor"
|
|
3008
|
+
aria-hidden="true"
|
|
3009
|
+
role="img"
|
|
3010
|
+
width="1em"
|
|
3011
|
+
height="1em"
|
|
3012
|
+
>
|
|
3013
|
+
<path
|
|
3014
|
+
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"
|
|
3015
|
+
/>
|
|
3016
|
+
</svg>
|
|
2837
3017
|
</span>
|
|
2838
3018
|
</button>
|
|
2839
3019
|
</div>
|
|
@@ -2964,9 +3144,15 @@ wrapperTag: div
|
|
|
2964
3144
|
</nav>
|
|
2965
3145
|
</div>
|
|
2966
3146
|
</section>
|
|
2967
|
-
<section
|
|
3147
|
+
<section
|
|
3148
|
+
class="pf-v6-c-page__main-section pf-m-limit-width"
|
|
3149
|
+
aria-labelledby="main-title"
|
|
3150
|
+
>
|
|
2968
3151
|
<div class="pf-v6-c-page__main-body">
|
|
2969
|
-
<h1
|
|
3152
|
+
<h1
|
|
3153
|
+
class="pf-v6-c-content--h1 pf-m-page-title"
|
|
3154
|
+
id="main-title"
|
|
3155
|
+
>Main title</h1>
|
|
2970
3156
|
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
2971
3157
|
</div>
|
|
2972
3158
|
</section>
|
|
@@ -3017,10 +3203,19 @@ wrapperTag: div
|
|
|
3017
3203
|
<span
|
|
3018
3204
|
class="pf-v6-c-menu-toggle__toggle-icon"
|
|
3019
3205
|
>
|
|
3020
|
-
<
|
|
3021
|
-
class="
|
|
3206
|
+
<svg
|
|
3207
|
+
class="pf-v6-svg"
|
|
3208
|
+
viewBox="0 0 20 20"
|
|
3209
|
+
fill="currentColor"
|
|
3022
3210
|
aria-hidden="true"
|
|
3023
|
-
|
|
3211
|
+
role="img"
|
|
3212
|
+
width="1em"
|
|
3213
|
+
height="1em"
|
|
3214
|
+
>
|
|
3215
|
+
<path
|
|
3216
|
+
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"
|
|
3217
|
+
/>
|
|
3218
|
+
</svg>
|
|
3024
3219
|
</span>
|
|
3025
3220
|
</span>
|
|
3026
3221
|
</button>
|
|
@@ -3037,10 +3232,19 @@ wrapperTag: div
|
|
|
3037
3232
|
<span
|
|
3038
3233
|
class="pf-v6-c-menu-toggle__toggle-icon"
|
|
3039
3234
|
>
|
|
3040
|
-
<
|
|
3041
|
-
class="
|
|
3235
|
+
<svg
|
|
3236
|
+
class="pf-v6-svg"
|
|
3237
|
+
viewBox="0 0 20 20"
|
|
3238
|
+
fill="currentColor"
|
|
3042
3239
|
aria-hidden="true"
|
|
3043
|
-
|
|
3240
|
+
role="img"
|
|
3241
|
+
width="1em"
|
|
3242
|
+
height="1em"
|
|
3243
|
+
>
|
|
3244
|
+
<path
|
|
3245
|
+
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"
|
|
3246
|
+
/>
|
|
3247
|
+
</svg>
|
|
3044
3248
|
</span>
|
|
3045
3249
|
</span>
|
|
3046
3250
|
</button>
|
|
@@ -3109,7 +3313,19 @@ wrapperTag: div
|
|
|
3109
3313
|
id="primary-detail-content-body-padding-example-drawer-toolbar-overflow-menu-toggle"
|
|
3110
3314
|
>
|
|
3111
3315
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
3112
|
-
<
|
|
3316
|
+
<svg
|
|
3317
|
+
class="pf-v6-svg"
|
|
3318
|
+
viewBox="0 0 32 32"
|
|
3319
|
+
fill="currentColor"
|
|
3320
|
+
aria-hidden="true"
|
|
3321
|
+
role="img"
|
|
3322
|
+
width="1em"
|
|
3323
|
+
height="1em"
|
|
3324
|
+
>
|
|
3325
|
+
<path
|
|
3326
|
+
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"
|
|
3327
|
+
/>
|
|
3328
|
+
</svg>
|
|
3113
3329
|
</span>
|
|
3114
3330
|
</button>
|
|
3115
3331
|
</div>
|
|
@@ -3132,10 +3348,19 @@ wrapperTag: div
|
|
|
3132
3348
|
<span
|
|
3133
3349
|
class="pf-v6-c-menu-toggle__toggle-icon"
|
|
3134
3350
|
>
|
|
3135
|
-
<
|
|
3136
|
-
class="
|
|
3351
|
+
<svg
|
|
3352
|
+
class="pf-v6-svg"
|
|
3353
|
+
viewBox="0 0 20 20"
|
|
3354
|
+
fill="currentColor"
|
|
3137
3355
|
aria-hidden="true"
|
|
3138
|
-
|
|
3356
|
+
role="img"
|
|
3357
|
+
width="1em"
|
|
3358
|
+
height="1em"
|
|
3359
|
+
>
|
|
3360
|
+
<path
|
|
3361
|
+
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"
|
|
3362
|
+
/>
|
|
3363
|
+
</svg>
|
|
3139
3364
|
</span>
|
|
3140
3365
|
</span>
|
|
3141
3366
|
</button>
|
|
@@ -4018,7 +4243,19 @@ wrapperTag: div
|
|
|
4018
4243
|
aria-label="Settings"
|
|
4019
4244
|
>
|
|
4020
4245
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4021
|
-
<
|
|
4246
|
+
<svg
|
|
4247
|
+
class="pf-v6-svg"
|
|
4248
|
+
viewBox="0 0 32 32"
|
|
4249
|
+
fill="currentColor"
|
|
4250
|
+
aria-hidden="true"
|
|
4251
|
+
role="img"
|
|
4252
|
+
width="1em"
|
|
4253
|
+
height="1em"
|
|
4254
|
+
>
|
|
4255
|
+
<path
|
|
4256
|
+
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"
|
|
4257
|
+
/>
|
|
4258
|
+
</svg>
|
|
4022
4259
|
</span>
|
|
4023
4260
|
</button>
|
|
4024
4261
|
</div>
|
|
@@ -4044,7 +4281,19 @@ wrapperTag: div
|
|
|
4044
4281
|
aria-label="Actions"
|
|
4045
4282
|
>
|
|
4046
4283
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4047
|
-
<
|
|
4284
|
+
<svg
|
|
4285
|
+
class="pf-v6-svg"
|
|
4286
|
+
viewBox="0 0 32 32"
|
|
4287
|
+
fill="currentColor"
|
|
4288
|
+
aria-hidden="true"
|
|
4289
|
+
role="img"
|
|
4290
|
+
width="1em"
|
|
4291
|
+
height="1em"
|
|
4292
|
+
>
|
|
4293
|
+
<path
|
|
4294
|
+
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"
|
|
4295
|
+
/>
|
|
4296
|
+
</svg>
|
|
4048
4297
|
</span>
|
|
4049
4298
|
</button>
|
|
4050
4299
|
</div>
|
|
@@ -4175,9 +4424,15 @@ wrapperTag: div
|
|
|
4175
4424
|
</nav>
|
|
4176
4425
|
</div>
|
|
4177
4426
|
</section>
|
|
4178
|
-
<section
|
|
4427
|
+
<section
|
|
4428
|
+
class="pf-v6-c-page__main-section pf-m-limit-width"
|
|
4429
|
+
aria-labelledby="main-title"
|
|
4430
|
+
>
|
|
4179
4431
|
<div class="pf-v6-c-page__main-body">
|
|
4180
|
-
<h1
|
|
4432
|
+
<h1
|
|
4433
|
+
class="pf-v6-c-content--h1 pf-m-page-title"
|
|
4434
|
+
id="main-title"
|
|
4435
|
+
>Main title</h1>
|
|
4181
4436
|
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
4182
4437
|
</div>
|
|
4183
4438
|
</section>
|
|
@@ -4234,10 +4489,19 @@ wrapperTag: div
|
|
|
4234
4489
|
>
|
|
4235
4490
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
4236
4491
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
4237
|
-
<
|
|
4238
|
-
class="
|
|
4492
|
+
<svg
|
|
4493
|
+
class="pf-v6-svg"
|
|
4494
|
+
viewBox="0 0 20 20"
|
|
4495
|
+
fill="currentColor"
|
|
4239
4496
|
aria-hidden="true"
|
|
4240
|
-
|
|
4497
|
+
role="img"
|
|
4498
|
+
width="1em"
|
|
4499
|
+
height="1em"
|
|
4500
|
+
>
|
|
4501
|
+
<path
|
|
4502
|
+
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"
|
|
4503
|
+
/>
|
|
4504
|
+
</svg>
|
|
4241
4505
|
</span>
|
|
4242
4506
|
</span>
|
|
4243
4507
|
</button>
|
|
@@ -4263,10 +4527,19 @@ wrapperTag: div
|
|
|
4263
4527
|
<span class="pf-v6-c-menu-toggle__text">Name</span>
|
|
4264
4528
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
4265
4529
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
4266
|
-
<
|
|
4267
|
-
class="
|
|
4530
|
+
<svg
|
|
4531
|
+
class="pf-v6-svg"
|
|
4532
|
+
viewBox="0 0 20 20"
|
|
4533
|
+
fill="currentColor"
|
|
4268
4534
|
aria-hidden="true"
|
|
4269
|
-
|
|
4535
|
+
role="img"
|
|
4536
|
+
width="1em"
|
|
4537
|
+
height="1em"
|
|
4538
|
+
>
|
|
4539
|
+
<path
|
|
4540
|
+
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"
|
|
4541
|
+
/>
|
|
4542
|
+
</svg>
|
|
4270
4543
|
</span>
|
|
4271
4544
|
</span>
|
|
4272
4545
|
</button>
|
|
@@ -4363,7 +4636,19 @@ wrapperTag: div
|
|
|
4363
4636
|
id="primary-detail-card-view-expanded-example-drawer-toolbar-overflow-menu-toggle"
|
|
4364
4637
|
>
|
|
4365
4638
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4366
|
-
<
|
|
4639
|
+
<svg
|
|
4640
|
+
class="pf-v6-svg"
|
|
4641
|
+
viewBox="0 0 32 32"
|
|
4642
|
+
fill="currentColor"
|
|
4643
|
+
aria-hidden="true"
|
|
4644
|
+
role="img"
|
|
4645
|
+
width="1em"
|
|
4646
|
+
height="1em"
|
|
4647
|
+
>
|
|
4648
|
+
<path
|
|
4649
|
+
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"
|
|
4650
|
+
/>
|
|
4651
|
+
</svg>
|
|
4367
4652
|
</span>
|
|
4368
4653
|
</button>
|
|
4369
4654
|
</div>
|
|
@@ -4435,10 +4720,19 @@ wrapperTag: div
|
|
|
4435
4720
|
</span>
|
|
4436
4721
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
4437
4722
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
4438
|
-
<
|
|
4439
|
-
class="
|
|
4723
|
+
<svg
|
|
4724
|
+
class="pf-v6-svg"
|
|
4725
|
+
viewBox="0 0 20 20"
|
|
4726
|
+
fill="currentColor"
|
|
4440
4727
|
aria-hidden="true"
|
|
4441
|
-
|
|
4728
|
+
role="img"
|
|
4729
|
+
width="1em"
|
|
4730
|
+
height="1em"
|
|
4731
|
+
>
|
|
4732
|
+
<path
|
|
4733
|
+
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"
|
|
4734
|
+
/>
|
|
4735
|
+
</svg>
|
|
4442
4736
|
</span>
|
|
4443
4737
|
</span>
|
|
4444
4738
|
</button>
|
|
@@ -4536,7 +4830,19 @@ wrapperTag: div
|
|
|
4536
4830
|
id="primary-detail-card-view-expanded-example-drawer-card-1-toggle"
|
|
4537
4831
|
>
|
|
4538
4832
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4539
|
-
<
|
|
4833
|
+
<svg
|
|
4834
|
+
class="pf-v6-svg"
|
|
4835
|
+
viewBox="0 0 32 32"
|
|
4836
|
+
fill="currentColor"
|
|
4837
|
+
aria-hidden="true"
|
|
4838
|
+
role="img"
|
|
4839
|
+
width="1em"
|
|
4840
|
+
height="1em"
|
|
4841
|
+
>
|
|
4842
|
+
<path
|
|
4843
|
+
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"
|
|
4844
|
+
/>
|
|
4845
|
+
</svg>
|
|
4540
4846
|
</span>
|
|
4541
4847
|
</button>
|
|
4542
4848
|
<div class="pf-v6-c-check pf-m-standalone">
|
|
@@ -4582,7 +4888,19 @@ wrapperTag: div
|
|
|
4582
4888
|
id="primary-detail-card-view-expanded-example-drawer-card-2-toggle"
|
|
4583
4889
|
>
|
|
4584
4890
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4585
|
-
<
|
|
4891
|
+
<svg
|
|
4892
|
+
class="pf-v6-svg"
|
|
4893
|
+
viewBox="0 0 32 32"
|
|
4894
|
+
fill="currentColor"
|
|
4895
|
+
aria-hidden="true"
|
|
4896
|
+
role="img"
|
|
4897
|
+
width="1em"
|
|
4898
|
+
height="1em"
|
|
4899
|
+
>
|
|
4900
|
+
<path
|
|
4901
|
+
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"
|
|
4902
|
+
/>
|
|
4903
|
+
</svg>
|
|
4586
4904
|
</span>
|
|
4587
4905
|
</button>
|
|
4588
4906
|
<div class="pf-v6-c-check pf-m-standalone">
|
|
@@ -4628,7 +4946,19 @@ wrapperTag: div
|
|
|
4628
4946
|
id="primary-detail-card-view-expanded-example-drawer-card-3-toggle"
|
|
4629
4947
|
>
|
|
4630
4948
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4631
|
-
<
|
|
4949
|
+
<svg
|
|
4950
|
+
class="pf-v6-svg"
|
|
4951
|
+
viewBox="0 0 32 32"
|
|
4952
|
+
fill="currentColor"
|
|
4953
|
+
aria-hidden="true"
|
|
4954
|
+
role="img"
|
|
4955
|
+
width="1em"
|
|
4956
|
+
height="1em"
|
|
4957
|
+
>
|
|
4958
|
+
<path
|
|
4959
|
+
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"
|
|
4960
|
+
/>
|
|
4961
|
+
</svg>
|
|
4632
4962
|
</span>
|
|
4633
4963
|
</button>
|
|
4634
4964
|
<div class="pf-v6-c-check pf-m-standalone">
|
|
@@ -4674,7 +5004,19 @@ wrapperTag: div
|
|
|
4674
5004
|
id="primary-detail-card-view-expanded-example-drawer-card-4-toggle"
|
|
4675
5005
|
>
|
|
4676
5006
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4677
|
-
<
|
|
5007
|
+
<svg
|
|
5008
|
+
class="pf-v6-svg"
|
|
5009
|
+
viewBox="0 0 32 32"
|
|
5010
|
+
fill="currentColor"
|
|
5011
|
+
aria-hidden="true"
|
|
5012
|
+
role="img"
|
|
5013
|
+
width="1em"
|
|
5014
|
+
height="1em"
|
|
5015
|
+
>
|
|
5016
|
+
<path
|
|
5017
|
+
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"
|
|
5018
|
+
/>
|
|
5019
|
+
</svg>
|
|
4678
5020
|
</span>
|
|
4679
5021
|
</button>
|
|
4680
5022
|
<div class="pf-v6-c-check pf-m-standalone">
|
|
@@ -4720,7 +5062,19 @@ wrapperTag: div
|
|
|
4720
5062
|
id="primary-detail-card-view-expanded-example-drawer-card-5-toggle"
|
|
4721
5063
|
>
|
|
4722
5064
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4723
|
-
<
|
|
5065
|
+
<svg
|
|
5066
|
+
class="pf-v6-svg"
|
|
5067
|
+
viewBox="0 0 32 32"
|
|
5068
|
+
fill="currentColor"
|
|
5069
|
+
aria-hidden="true"
|
|
5070
|
+
role="img"
|
|
5071
|
+
width="1em"
|
|
5072
|
+
height="1em"
|
|
5073
|
+
>
|
|
5074
|
+
<path
|
|
5075
|
+
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"
|
|
5076
|
+
/>
|
|
5077
|
+
</svg>
|
|
4724
5078
|
</span>
|
|
4725
5079
|
</button>
|
|
4726
5080
|
<div class="pf-v6-c-check pf-m-standalone">
|
|
@@ -4766,7 +5120,19 @@ wrapperTag: div
|
|
|
4766
5120
|
id="primary-detail-card-view-expanded-example-drawer-card-6-toggle"
|
|
4767
5121
|
>
|
|
4768
5122
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4769
|
-
<
|
|
5123
|
+
<svg
|
|
5124
|
+
class="pf-v6-svg"
|
|
5125
|
+
viewBox="0 0 32 32"
|
|
5126
|
+
fill="currentColor"
|
|
5127
|
+
aria-hidden="true"
|
|
5128
|
+
role="img"
|
|
5129
|
+
width="1em"
|
|
5130
|
+
height="1em"
|
|
5131
|
+
>
|
|
5132
|
+
<path
|
|
5133
|
+
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"
|
|
5134
|
+
/>
|
|
5135
|
+
</svg>
|
|
4770
5136
|
</span>
|
|
4771
5137
|
</button>
|
|
4772
5138
|
<div class="pf-v6-c-check pf-m-standalone">
|
|
@@ -4811,7 +5177,19 @@ wrapperTag: div
|
|
|
4811
5177
|
id="primary-detail-card-view-expanded-example-drawer-card-7-toggle"
|
|
4812
5178
|
>
|
|
4813
5179
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4814
|
-
<
|
|
5180
|
+
<svg
|
|
5181
|
+
class="pf-v6-svg"
|
|
5182
|
+
viewBox="0 0 32 32"
|
|
5183
|
+
fill="currentColor"
|
|
5184
|
+
aria-hidden="true"
|
|
5185
|
+
role="img"
|
|
5186
|
+
width="1em"
|
|
5187
|
+
height="1em"
|
|
5188
|
+
>
|
|
5189
|
+
<path
|
|
5190
|
+
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"
|
|
5191
|
+
/>
|
|
5192
|
+
</svg>
|
|
4815
5193
|
</span>
|
|
4816
5194
|
</button>
|
|
4817
5195
|
<div class="pf-v6-c-check pf-m-standalone">
|
|
@@ -4856,7 +5234,19 @@ wrapperTag: div
|
|
|
4856
5234
|
id="primary-detail-card-view-expanded-example-drawer-card-8-toggle"
|
|
4857
5235
|
>
|
|
4858
5236
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4859
|
-
<
|
|
5237
|
+
<svg
|
|
5238
|
+
class="pf-v6-svg"
|
|
5239
|
+
viewBox="0 0 32 32"
|
|
5240
|
+
fill="currentColor"
|
|
5241
|
+
aria-hidden="true"
|
|
5242
|
+
role="img"
|
|
5243
|
+
width="1em"
|
|
5244
|
+
height="1em"
|
|
5245
|
+
>
|
|
5246
|
+
<path
|
|
5247
|
+
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"
|
|
5248
|
+
/>
|
|
5249
|
+
</svg>
|
|
4860
5250
|
</span>
|
|
4861
5251
|
</button>
|
|
4862
5252
|
<div class="pf-v6-c-check pf-m-standalone">
|
|
@@ -4901,7 +5291,19 @@ wrapperTag: div
|
|
|
4901
5291
|
id="primary-detail-card-view-expanded-example-drawer-card-9-toggle"
|
|
4902
5292
|
>
|
|
4903
5293
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4904
|
-
<
|
|
5294
|
+
<svg
|
|
5295
|
+
class="pf-v6-svg"
|
|
5296
|
+
viewBox="0 0 32 32"
|
|
5297
|
+
fill="currentColor"
|
|
5298
|
+
aria-hidden="true"
|
|
5299
|
+
role="img"
|
|
5300
|
+
width="1em"
|
|
5301
|
+
height="1em"
|
|
5302
|
+
>
|
|
5303
|
+
<path
|
|
5304
|
+
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"
|
|
5305
|
+
/>
|
|
5306
|
+
</svg>
|
|
4905
5307
|
</span>
|
|
4906
5308
|
</button>
|
|
4907
5309
|
<div class="pf-v6-c-check pf-m-standalone">
|
|
@@ -4946,7 +5348,19 @@ wrapperTag: div
|
|
|
4946
5348
|
id="primary-detail-card-view-expanded-example-drawer-card-10-toggle"
|
|
4947
5349
|
>
|
|
4948
5350
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4949
|
-
<
|
|
5351
|
+
<svg
|
|
5352
|
+
class="pf-v6-svg"
|
|
5353
|
+
viewBox="0 0 32 32"
|
|
5354
|
+
fill="currentColor"
|
|
5355
|
+
aria-hidden="true"
|
|
5356
|
+
role="img"
|
|
5357
|
+
width="1em"
|
|
5358
|
+
height="1em"
|
|
5359
|
+
>
|
|
5360
|
+
<path
|
|
5361
|
+
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"
|
|
5362
|
+
/>
|
|
5363
|
+
</svg>
|
|
4950
5364
|
</span>
|
|
4951
5365
|
</button>
|
|
4952
5366
|
<div class="pf-v6-c-check pf-m-standalone">
|
|
@@ -5255,7 +5669,19 @@ wrapperTag: div
|
|
|
5255
5669
|
aria-label="Settings"
|
|
5256
5670
|
>
|
|
5257
5671
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
5258
|
-
<
|
|
5672
|
+
<svg
|
|
5673
|
+
class="pf-v6-svg"
|
|
5674
|
+
viewBox="0 0 32 32"
|
|
5675
|
+
fill="currentColor"
|
|
5676
|
+
aria-hidden="true"
|
|
5677
|
+
role="img"
|
|
5678
|
+
width="1em"
|
|
5679
|
+
height="1em"
|
|
5680
|
+
>
|
|
5681
|
+
<path
|
|
5682
|
+
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"
|
|
5683
|
+
/>
|
|
5684
|
+
</svg>
|
|
5259
5685
|
</span>
|
|
5260
5686
|
</button>
|
|
5261
5687
|
</div>
|
|
@@ -5281,7 +5707,19 @@ wrapperTag: div
|
|
|
5281
5707
|
aria-label="Actions"
|
|
5282
5708
|
>
|
|
5283
5709
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
5284
|
-
<
|
|
5710
|
+
<svg
|
|
5711
|
+
class="pf-v6-svg"
|
|
5712
|
+
viewBox="0 0 32 32"
|
|
5713
|
+
fill="currentColor"
|
|
5714
|
+
aria-hidden="true"
|
|
5715
|
+
role="img"
|
|
5716
|
+
width="1em"
|
|
5717
|
+
height="1em"
|
|
5718
|
+
>
|
|
5719
|
+
<path
|
|
5720
|
+
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"
|
|
5721
|
+
/>
|
|
5722
|
+
</svg>
|
|
5285
5723
|
</span>
|
|
5286
5724
|
</button>
|
|
5287
5725
|
</div>
|
|
@@ -5412,9 +5850,15 @@ wrapperTag: div
|
|
|
5412
5850
|
</nav>
|
|
5413
5851
|
</div>
|
|
5414
5852
|
</section>
|
|
5415
|
-
<section
|
|
5853
|
+
<section
|
|
5854
|
+
class="pf-v6-c-page__main-section pf-m-limit-width"
|
|
5855
|
+
aria-labelledby="main-title"
|
|
5856
|
+
>
|
|
5416
5857
|
<div class="pf-v6-c-page__main-body">
|
|
5417
|
-
<h1
|
|
5858
|
+
<h1
|
|
5859
|
+
class="pf-v6-c-content--h1 pf-m-page-title"
|
|
5860
|
+
id="main-title"
|
|
5861
|
+
>Main title</h1>
|
|
5418
5862
|
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
5419
5863
|
</div>
|
|
5420
5864
|
</section>
|
|
@@ -5779,7 +6223,19 @@ wrapperTag: div
|
|
|
5779
6223
|
aria-label="Settings"
|
|
5780
6224
|
>
|
|
5781
6225
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
5782
|
-
<
|
|
6226
|
+
<svg
|
|
6227
|
+
class="pf-v6-svg"
|
|
6228
|
+
viewBox="0 0 32 32"
|
|
6229
|
+
fill="currentColor"
|
|
6230
|
+
aria-hidden="true"
|
|
6231
|
+
role="img"
|
|
6232
|
+
width="1em"
|
|
6233
|
+
height="1em"
|
|
6234
|
+
>
|
|
6235
|
+
<path
|
|
6236
|
+
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"
|
|
6237
|
+
/>
|
|
6238
|
+
</svg>
|
|
5783
6239
|
</span>
|
|
5784
6240
|
</button>
|
|
5785
6241
|
</div>
|
|
@@ -5805,7 +6261,19 @@ wrapperTag: div
|
|
|
5805
6261
|
aria-label="Actions"
|
|
5806
6262
|
>
|
|
5807
6263
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
5808
|
-
<
|
|
6264
|
+
<svg
|
|
6265
|
+
class="pf-v6-svg"
|
|
6266
|
+
viewBox="0 0 32 32"
|
|
6267
|
+
fill="currentColor"
|
|
6268
|
+
aria-hidden="true"
|
|
6269
|
+
role="img"
|
|
6270
|
+
width="1em"
|
|
6271
|
+
height="1em"
|
|
6272
|
+
>
|
|
6273
|
+
<path
|
|
6274
|
+
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"
|
|
6275
|
+
/>
|
|
6276
|
+
</svg>
|
|
5809
6277
|
</span>
|
|
5810
6278
|
</button>
|
|
5811
6279
|
</div>
|
|
@@ -5936,9 +6404,15 @@ wrapperTag: div
|
|
|
5936
6404
|
</nav>
|
|
5937
6405
|
</div>
|
|
5938
6406
|
</section>
|
|
5939
|
-
<section
|
|
6407
|
+
<section
|
|
6408
|
+
class="pf-v6-c-page__main-section pf-m-limit-width"
|
|
6409
|
+
aria-labelledby="main-title"
|
|
6410
|
+
>
|
|
5940
6411
|
<div class="pf-v6-c-page__main-body">
|
|
5941
|
-
<h1
|
|
6412
|
+
<h1
|
|
6413
|
+
class="pf-v6-c-content--h1 pf-m-page-title"
|
|
6414
|
+
id="main-title"
|
|
6415
|
+
>Main title</h1>
|
|
5942
6416
|
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
5943
6417
|
</div>
|
|
5944
6418
|
</section>
|
|
@@ -5969,10 +6443,19 @@ wrapperTag: div
|
|
|
5969
6443
|
<span class="pf-v6-c-menu-toggle__text">Dropdown</span>
|
|
5970
6444
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
5971
6445
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
5972
|
-
<
|
|
5973
|
-
class="
|
|
6446
|
+
<svg
|
|
6447
|
+
class="pf-v6-svg"
|
|
6448
|
+
viewBox="0 0 20 20"
|
|
6449
|
+
fill="currentColor"
|
|
5974
6450
|
aria-hidden="true"
|
|
5975
|
-
|
|
6451
|
+
role="img"
|
|
6452
|
+
width="1em"
|
|
6453
|
+
height="1em"
|
|
6454
|
+
>
|
|
6455
|
+
<path
|
|
6456
|
+
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"
|
|
6457
|
+
/>
|
|
6458
|
+
</svg>
|
|
5976
6459
|
</span>
|
|
5977
6460
|
</span>
|
|
5978
6461
|
</button>
|
|
@@ -5998,10 +6481,19 @@ wrapperTag: div
|
|
|
5998
6481
|
<span
|
|
5999
6482
|
class="pf-v6-c-menu-toggle__toggle-icon"
|
|
6000
6483
|
>
|
|
6001
|
-
<
|
|
6002
|
-
class="
|
|
6484
|
+
<svg
|
|
6485
|
+
class="pf-v6-svg"
|
|
6486
|
+
viewBox="0 0 20 20"
|
|
6487
|
+
fill="currentColor"
|
|
6003
6488
|
aria-hidden="true"
|
|
6004
|
-
|
|
6489
|
+
role="img"
|
|
6490
|
+
width="1em"
|
|
6491
|
+
height="1em"
|
|
6492
|
+
>
|
|
6493
|
+
<path
|
|
6494
|
+
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"
|
|
6495
|
+
/>
|
|
6496
|
+
</svg>
|
|
6005
6497
|
</span>
|
|
6006
6498
|
</span>
|
|
6007
6499
|
</button>
|
|
@@ -6434,7 +6926,19 @@ wrapperTag: div
|
|
|
6434
6926
|
aria-label="Settings"
|
|
6435
6927
|
>
|
|
6436
6928
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
6437
|
-
<
|
|
6929
|
+
<svg
|
|
6930
|
+
class="pf-v6-svg"
|
|
6931
|
+
viewBox="0 0 32 32"
|
|
6932
|
+
fill="currentColor"
|
|
6933
|
+
aria-hidden="true"
|
|
6934
|
+
role="img"
|
|
6935
|
+
width="1em"
|
|
6936
|
+
height="1em"
|
|
6937
|
+
>
|
|
6938
|
+
<path
|
|
6939
|
+
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"
|
|
6940
|
+
/>
|
|
6941
|
+
</svg>
|
|
6438
6942
|
</span>
|
|
6439
6943
|
</button>
|
|
6440
6944
|
</div>
|
|
@@ -6460,7 +6964,19 @@ wrapperTag: div
|
|
|
6460
6964
|
aria-label="Actions"
|
|
6461
6965
|
>
|
|
6462
6966
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
6463
|
-
<
|
|
6967
|
+
<svg
|
|
6968
|
+
class="pf-v6-svg"
|
|
6969
|
+
viewBox="0 0 32 32"
|
|
6970
|
+
fill="currentColor"
|
|
6971
|
+
aria-hidden="true"
|
|
6972
|
+
role="img"
|
|
6973
|
+
width="1em"
|
|
6974
|
+
height="1em"
|
|
6975
|
+
>
|
|
6976
|
+
<path
|
|
6977
|
+
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"
|
|
6978
|
+
/>
|
|
6979
|
+
</svg>
|
|
6464
6980
|
</span>
|
|
6465
6981
|
</button>
|
|
6466
6982
|
</div>
|
|
@@ -6591,9 +7107,15 @@ wrapperTag: div
|
|
|
6591
7107
|
</nav>
|
|
6592
7108
|
</div>
|
|
6593
7109
|
</section>
|
|
6594
|
-
<section
|
|
7110
|
+
<section
|
|
7111
|
+
class="pf-v6-c-page__main-section pf-m-limit-width"
|
|
7112
|
+
aria-labelledby="main-title"
|
|
7113
|
+
>
|
|
6595
7114
|
<div class="pf-v6-c-page__main-body">
|
|
6596
|
-
<h1
|
|
7115
|
+
<h1
|
|
7116
|
+
class="pf-v6-c-content--h1 pf-m-page-title"
|
|
7117
|
+
id="main-title"
|
|
7118
|
+
>Main title</h1>
|
|
6597
7119
|
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
6598
7120
|
</div>
|
|
6599
7121
|
</section>
|
|
@@ -6623,10 +7145,19 @@ wrapperTag: div
|
|
|
6623
7145
|
<span class="pf-v6-c-menu-toggle__text">Status</span>
|
|
6624
7146
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
6625
7147
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
6626
|
-
<
|
|
6627
|
-
class="
|
|
7148
|
+
<svg
|
|
7149
|
+
class="pf-v6-svg"
|
|
7150
|
+
viewBox="0 0 20 20"
|
|
7151
|
+
fill="currentColor"
|
|
6628
7152
|
aria-hidden="true"
|
|
6629
|
-
|
|
7153
|
+
role="img"
|
|
7154
|
+
width="1em"
|
|
7155
|
+
height="1em"
|
|
7156
|
+
>
|
|
7157
|
+
<path
|
|
7158
|
+
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"
|
|
7159
|
+
/>
|
|
7160
|
+
</svg>
|
|
6630
7161
|
</span>
|
|
6631
7162
|
</span>
|
|
6632
7163
|
</button>
|
|
@@ -6670,7 +7201,19 @@ wrapperTag: div
|
|
|
6670
7201
|
id="primary-detail-inline-modifier-example-drawer-toolbar-overflow-menu-toggle"
|
|
6671
7202
|
>
|
|
6672
7203
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
6673
|
-
<
|
|
7204
|
+
<svg
|
|
7205
|
+
class="pf-v6-svg"
|
|
7206
|
+
viewBox="0 0 32 32"
|
|
7207
|
+
fill="currentColor"
|
|
7208
|
+
aria-hidden="true"
|
|
7209
|
+
role="img"
|
|
7210
|
+
width="1em"
|
|
7211
|
+
height="1em"
|
|
7212
|
+
>
|
|
7213
|
+
<path
|
|
7214
|
+
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"
|
|
7215
|
+
/>
|
|
7216
|
+
</svg>
|
|
6674
7217
|
</span>
|
|
6675
7218
|
</button>
|
|
6676
7219
|
</div>
|
|
@@ -6691,10 +7234,19 @@ wrapperTag: div
|
|
|
6691
7234
|
</span>
|
|
6692
7235
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
6693
7236
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
6694
|
-
<
|
|
6695
|
-
class="
|
|
7237
|
+
<svg
|
|
7238
|
+
class="pf-v6-svg"
|
|
7239
|
+
viewBox="0 0 20 20"
|
|
7240
|
+
fill="currentColor"
|
|
6696
7241
|
aria-hidden="true"
|
|
6697
|
-
|
|
7242
|
+
role="img"
|
|
7243
|
+
width="1em"
|
|
7244
|
+
height="1em"
|
|
7245
|
+
>
|
|
7246
|
+
<path
|
|
7247
|
+
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"
|
|
7248
|
+
/>
|
|
7249
|
+
</svg>
|
|
6698
7250
|
</span>
|
|
6699
7251
|
</span>
|
|
6700
7252
|
</button>
|