@patternfly/patternfly 6.3.0-prerelease.6 → 6.3.0-prerelease.9
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/README.md +1 -1
- package/assets/images/icon-help.hbs +3 -0
- package/components/MenuToggle/menu-toggle.css +8 -4
- package/components/MenuToggle/menu-toggle.scss +15 -3
- package/components/Skeleton/skeleton.css +22 -2
- package/components/Skeleton/skeleton.scss +25 -3
- package/components/_index.css +30 -6
- package/docs/components/Button/examples/Button.md +13 -1
- package/docs/components/CodeEditor/examples/CodeEditor.md +26 -2
- package/docs/components/Form/examples/Form.md +156 -12
- package/docs/components/MenuToggle/examples/MenuToggle.md +3 -4
- package/docs/components/ModalBox/examples/ModalBox.md +13 -1
- package/docs/components/Table/examples/Table.md +26 -2
- package/docs/demos/Form/examples/BasicForms.md +130 -10
- package/docs/demos/Modal/examples/Modal.md +39 -3
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
- package/docs/demos/Table/examples/Table.md +26 -2
- package/package.json +5 -5
- package/patternfly-no-globals.css +30 -6
- package/patternfly.css +30 -6
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -190,7 +190,19 @@ These classes can be used to ensure that the table changes between the tabular a
|
|
|
190
190
|
aria-label="aria-label="More info""
|
|
191
191
|
>
|
|
192
192
|
<span class="pf-v6-c-button__icon">
|
|
193
|
-
<
|
|
193
|
+
<svg
|
|
194
|
+
class="pf-v6-svg"
|
|
195
|
+
viewBox="0 0 1024 1024"
|
|
196
|
+
fill="currentColor"
|
|
197
|
+
aria-hidden="true"
|
|
198
|
+
role="img"
|
|
199
|
+
width="1em"
|
|
200
|
+
height="1em"
|
|
201
|
+
>
|
|
202
|
+
<path
|
|
203
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
204
|
+
/>
|
|
205
|
+
</svg>
|
|
194
206
|
</span>
|
|
195
207
|
</button>
|
|
196
208
|
</span>
|
|
@@ -225,7 +237,19 @@ These classes can be used to ensure that the table changes between the tabular a
|
|
|
225
237
|
aria-label="aria-label="More info""
|
|
226
238
|
>
|
|
227
239
|
<span class="pf-v6-c-button__icon">
|
|
228
|
-
<
|
|
240
|
+
<svg
|
|
241
|
+
class="pf-v6-svg"
|
|
242
|
+
viewBox="0 0 1024 1024"
|
|
243
|
+
fill="currentColor"
|
|
244
|
+
aria-hidden="true"
|
|
245
|
+
role="img"
|
|
246
|
+
width="1em"
|
|
247
|
+
height="1em"
|
|
248
|
+
>
|
|
249
|
+
<path
|
|
250
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
251
|
+
/>
|
|
252
|
+
</svg>
|
|
229
253
|
</span>
|
|
230
254
|
</button>
|
|
231
255
|
</span>
|
|
@@ -59,7 +59,19 @@ subsection: forms
|
|
|
59
59
|
aria-describedby="-phone"
|
|
60
60
|
>
|
|
61
61
|
<span class="pf-v6-c-button__icon">
|
|
62
|
-
<
|
|
62
|
+
<svg
|
|
63
|
+
class="pf-v6-svg"
|
|
64
|
+
viewBox="0 0 1024 1024"
|
|
65
|
+
fill="currentColor"
|
|
66
|
+
aria-hidden="true"
|
|
67
|
+
role="img"
|
|
68
|
+
width="1em"
|
|
69
|
+
height="1em"
|
|
70
|
+
>
|
|
71
|
+
<path
|
|
72
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
73
|
+
/>
|
|
74
|
+
</svg>
|
|
63
75
|
</span>
|
|
64
76
|
</span></span>
|
|
65
77
|
</div>
|
|
@@ -259,7 +271,19 @@ subsection: forms
|
|
|
259
271
|
aria-describedby="form-demo-horizontal-contact-legend"
|
|
260
272
|
>
|
|
261
273
|
<span class="pf-v6-c-button__icon">
|
|
262
|
-
<
|
|
274
|
+
<svg
|
|
275
|
+
class="pf-v6-svg"
|
|
276
|
+
viewBox="0 0 1024 1024"
|
|
277
|
+
fill="currentColor"
|
|
278
|
+
aria-hidden="true"
|
|
279
|
+
role="img"
|
|
280
|
+
width="1em"
|
|
281
|
+
height="1em"
|
|
282
|
+
>
|
|
283
|
+
<path
|
|
284
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
285
|
+
/>
|
|
286
|
+
</svg>
|
|
263
287
|
</span>
|
|
264
288
|
</span></span>
|
|
265
289
|
</div>
|
|
@@ -538,7 +562,19 @@ subsection: forms
|
|
|
538
562
|
aria-describedby="form-demo-sections-repeatable-fields-clientid"
|
|
539
563
|
>
|
|
540
564
|
<span class="pf-v6-c-button__icon">
|
|
541
|
-
<
|
|
565
|
+
<svg
|
|
566
|
+
class="pf-v6-svg"
|
|
567
|
+
viewBox="0 0 1024 1024"
|
|
568
|
+
fill="currentColor"
|
|
569
|
+
aria-hidden="true"
|
|
570
|
+
role="img"
|
|
571
|
+
width="1em"
|
|
572
|
+
height="1em"
|
|
573
|
+
>
|
|
574
|
+
<path
|
|
575
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
576
|
+
/>
|
|
577
|
+
</svg>
|
|
542
578
|
</span>
|
|
543
579
|
</span></span>
|
|
544
580
|
</div>
|
|
@@ -568,7 +604,19 @@ subsection: forms
|
|
|
568
604
|
aria-describedby="form-demo-sections-repeatable-fields-name"
|
|
569
605
|
>
|
|
570
606
|
<span class="pf-v6-c-button__icon">
|
|
571
|
-
<
|
|
607
|
+
<svg
|
|
608
|
+
class="pf-v6-svg"
|
|
609
|
+
viewBox="0 0 1024 1024"
|
|
610
|
+
fill="currentColor"
|
|
611
|
+
aria-hidden="true"
|
|
612
|
+
role="img"
|
|
613
|
+
width="1em"
|
|
614
|
+
height="1em"
|
|
615
|
+
>
|
|
616
|
+
<path
|
|
617
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
618
|
+
/>
|
|
619
|
+
</svg>
|
|
572
620
|
</span>
|
|
573
621
|
</span></span>
|
|
574
622
|
</div>
|
|
@@ -598,7 +646,19 @@ subsection: forms
|
|
|
598
646
|
aria-describedby="form-demo-sections-repeatable-fields-description"
|
|
599
647
|
>
|
|
600
648
|
<span class="pf-v6-c-button__icon">
|
|
601
|
-
<
|
|
649
|
+
<svg
|
|
650
|
+
class="pf-v6-svg"
|
|
651
|
+
viewBox="0 0 1024 1024"
|
|
652
|
+
fill="currentColor"
|
|
653
|
+
aria-hidden="true"
|
|
654
|
+
role="img"
|
|
655
|
+
width="1em"
|
|
656
|
+
height="1em"
|
|
657
|
+
>
|
|
658
|
+
<path
|
|
659
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
660
|
+
/>
|
|
661
|
+
</svg>
|
|
602
662
|
</span>
|
|
603
663
|
</span></span>
|
|
604
664
|
</div>
|
|
@@ -639,7 +699,19 @@ subsection: forms
|
|
|
639
699
|
aria-describedby="form-demo-sections-repeatable-fields-section2-rooturl"
|
|
640
700
|
>
|
|
641
701
|
<span class="pf-v6-c-button__icon">
|
|
642
|
-
<
|
|
702
|
+
<svg
|
|
703
|
+
class="pf-v6-svg"
|
|
704
|
+
viewBox="0 0 1024 1024"
|
|
705
|
+
fill="currentColor"
|
|
706
|
+
aria-hidden="true"
|
|
707
|
+
role="img"
|
|
708
|
+
width="1em"
|
|
709
|
+
height="1em"
|
|
710
|
+
>
|
|
711
|
+
<path
|
|
712
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
713
|
+
/>
|
|
714
|
+
</svg>
|
|
643
715
|
</span>
|
|
644
716
|
</span></span>
|
|
645
717
|
</div>
|
|
@@ -669,7 +741,19 @@ subsection: forms
|
|
|
669
741
|
aria-describedby="form-demo-sections-repeatable-fields-section2-uris"
|
|
670
742
|
>
|
|
671
743
|
<span class="pf-v6-c-button__icon">
|
|
672
|
-
<
|
|
744
|
+
<svg
|
|
745
|
+
class="pf-v6-svg"
|
|
746
|
+
viewBox="0 0 1024 1024"
|
|
747
|
+
fill="currentColor"
|
|
748
|
+
aria-hidden="true"
|
|
749
|
+
role="img"
|
|
750
|
+
width="1em"
|
|
751
|
+
height="1em"
|
|
752
|
+
>
|
|
753
|
+
<path
|
|
754
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
755
|
+
/>
|
|
756
|
+
</svg>
|
|
673
757
|
</span>
|
|
674
758
|
</span></span>
|
|
675
759
|
</div>
|
|
@@ -769,7 +853,19 @@ subsection: forms
|
|
|
769
853
|
aria-describedby="form-demo-sections-repeatable-fields-section2-home-url"
|
|
770
854
|
>
|
|
771
855
|
<span class="pf-v6-c-button__icon">
|
|
772
|
-
<
|
|
856
|
+
<svg
|
|
857
|
+
class="pf-v6-svg"
|
|
858
|
+
viewBox="0 0 1024 1024"
|
|
859
|
+
fill="currentColor"
|
|
860
|
+
aria-hidden="true"
|
|
861
|
+
role="img"
|
|
862
|
+
width="1em"
|
|
863
|
+
height="1em"
|
|
864
|
+
>
|
|
865
|
+
<path
|
|
866
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
867
|
+
/>
|
|
868
|
+
</svg>
|
|
773
869
|
</span>
|
|
774
870
|
</span></span>
|
|
775
871
|
</div>
|
|
@@ -808,7 +904,19 @@ subsection: forms
|
|
|
808
904
|
aria-describedby="form-demo-sections-complex-form-name"
|
|
809
905
|
>
|
|
810
906
|
<span class="pf-v6-c-button__icon">
|
|
811
|
-
<
|
|
907
|
+
<svg
|
|
908
|
+
class="pf-v6-svg"
|
|
909
|
+
viewBox="0 0 1024 1024"
|
|
910
|
+
fill="currentColor"
|
|
911
|
+
aria-hidden="true"
|
|
912
|
+
role="img"
|
|
913
|
+
width="1em"
|
|
914
|
+
height="1em"
|
|
915
|
+
>
|
|
916
|
+
<path
|
|
917
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
918
|
+
/>
|
|
919
|
+
</svg>
|
|
812
920
|
</span>
|
|
813
921
|
</span></span>
|
|
814
922
|
</div>
|
|
@@ -839,7 +947,19 @@ subsection: forms
|
|
|
839
947
|
aria-describedby="form-demo-sections-complex-form-labels"
|
|
840
948
|
>
|
|
841
949
|
<span class="pf-v6-c-button__icon">
|
|
842
|
-
<
|
|
950
|
+
<svg
|
|
951
|
+
class="pf-v6-svg"
|
|
952
|
+
viewBox="0 0 1024 1024"
|
|
953
|
+
fill="currentColor"
|
|
954
|
+
aria-hidden="true"
|
|
955
|
+
role="img"
|
|
956
|
+
width="1em"
|
|
957
|
+
height="1em"
|
|
958
|
+
>
|
|
959
|
+
<path
|
|
960
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
961
|
+
/>
|
|
962
|
+
</svg>
|
|
843
963
|
</span>
|
|
844
964
|
</span></span>
|
|
845
965
|
</div>
|
|
@@ -2096,7 +2096,19 @@ section: components
|
|
|
2096
2096
|
aria-describedby="-form-name"
|
|
2097
2097
|
>
|
|
2098
2098
|
<span class="pf-v6-c-button__icon">
|
|
2099
|
-
<
|
|
2099
|
+
<svg
|
|
2100
|
+
class="pf-v6-svg"
|
|
2101
|
+
viewBox="0 0 1024 1024"
|
|
2102
|
+
fill="currentColor"
|
|
2103
|
+
aria-hidden="true"
|
|
2104
|
+
role="img"
|
|
2105
|
+
width="1em"
|
|
2106
|
+
height="1em"
|
|
2107
|
+
>
|
|
2108
|
+
<path
|
|
2109
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
2110
|
+
/>
|
|
2111
|
+
</svg>
|
|
2100
2112
|
</span>
|
|
2101
2113
|
</span></span>
|
|
2102
2114
|
</div>
|
|
@@ -2121,7 +2133,19 @@ section: components
|
|
|
2121
2133
|
aria-describedby="-form-email"
|
|
2122
2134
|
>
|
|
2123
2135
|
<span class="pf-v6-c-button__icon">
|
|
2124
|
-
<
|
|
2136
|
+
<svg
|
|
2137
|
+
class="pf-v6-svg"
|
|
2138
|
+
viewBox="0 0 1024 1024"
|
|
2139
|
+
fill="currentColor"
|
|
2140
|
+
aria-hidden="true"
|
|
2141
|
+
role="img"
|
|
2142
|
+
width="1em"
|
|
2143
|
+
height="1em"
|
|
2144
|
+
>
|
|
2145
|
+
<path
|
|
2146
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
2147
|
+
/>
|
|
2148
|
+
</svg>
|
|
2125
2149
|
</span>
|
|
2126
2150
|
</span></span>
|
|
2127
2151
|
</div>
|
|
@@ -2146,7 +2170,19 @@ section: components
|
|
|
2146
2170
|
aria-describedby="-form-address"
|
|
2147
2171
|
>
|
|
2148
2172
|
<span class="pf-v6-c-button__icon">
|
|
2149
|
-
<
|
|
2173
|
+
<svg
|
|
2174
|
+
class="pf-v6-svg"
|
|
2175
|
+
viewBox="0 0 1024 1024"
|
|
2176
|
+
fill="currentColor"
|
|
2177
|
+
aria-hidden="true"
|
|
2178
|
+
role="img"
|
|
2179
|
+
width="1em"
|
|
2180
|
+
height="1em"
|
|
2181
|
+
>
|
|
2182
|
+
<path
|
|
2183
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
2184
|
+
/>
|
|
2185
|
+
</svg>
|
|
2150
2186
|
</span>
|
|
2151
2187
|
</span></span>
|
|
2152
2188
|
</div>
|
|
@@ -23,7 +23,19 @@ section: components
|
|
|
23
23
|
aria-describedby="password-generator-demo--initial-password"
|
|
24
24
|
>
|
|
25
25
|
<span class="pf-v6-c-button__icon">
|
|
26
|
-
<
|
|
26
|
+
<svg
|
|
27
|
+
class="pf-v6-svg"
|
|
28
|
+
viewBox="0 0 1024 1024"
|
|
29
|
+
fill="currentColor"
|
|
30
|
+
aria-hidden="true"
|
|
31
|
+
role="img"
|
|
32
|
+
width="1em"
|
|
33
|
+
height="1em"
|
|
34
|
+
>
|
|
35
|
+
<path
|
|
36
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
37
|
+
/>
|
|
38
|
+
</svg>
|
|
27
39
|
</span>
|
|
28
40
|
</span></span>
|
|
29
41
|
</div>
|
|
@@ -16042,7 +16042,19 @@ By default, table cell alignment is set to baseline. This retains vertical align
|
|
|
16042
16042
|
aria-label="aria-label="More info""
|
|
16043
16043
|
>
|
|
16044
16044
|
<span class="pf-v6-c-button__icon">
|
|
16045
|
-
<
|
|
16045
|
+
<svg
|
|
16046
|
+
class="pf-v6-svg"
|
|
16047
|
+
viewBox="0 0 1024 1024"
|
|
16048
|
+
fill="currentColor"
|
|
16049
|
+
aria-hidden="true"
|
|
16050
|
+
role="img"
|
|
16051
|
+
width="1em"
|
|
16052
|
+
height="1em"
|
|
16053
|
+
>
|
|
16054
|
+
<path
|
|
16055
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
16056
|
+
/>
|
|
16057
|
+
</svg>
|
|
16046
16058
|
</span>
|
|
16047
16059
|
</button>
|
|
16048
16060
|
</span>
|
|
@@ -16085,7 +16097,19 @@ By default, table cell alignment is set to baseline. This retains vertical align
|
|
|
16085
16097
|
aria-label="aria-label="More info""
|
|
16086
16098
|
>
|
|
16087
16099
|
<span class="pf-v6-c-button__icon">
|
|
16088
|
-
<
|
|
16100
|
+
<svg
|
|
16101
|
+
class="pf-v6-svg"
|
|
16102
|
+
viewBox="0 0 1024 1024"
|
|
16103
|
+
fill="currentColor"
|
|
16104
|
+
aria-hidden="true"
|
|
16105
|
+
role="img"
|
|
16106
|
+
width="1em"
|
|
16107
|
+
height="1em"
|
|
16108
|
+
>
|
|
16109
|
+
<path
|
|
16110
|
+
d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
|
|
16111
|
+
/>
|
|
16112
|
+
</svg>
|
|
16089
16113
|
</span>
|
|
16090
16114
|
</button>
|
|
16091
16115
|
</span>
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/patternfly",
|
|
3
3
|
"description": "Assets, source, tooling, and content for PatternFly 4",
|
|
4
|
-
"version": "6.3.0-prerelease.
|
|
4
|
+
"version": "6.3.0-prerelease.9",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"scripts": {
|
|
@@ -47,11 +47,11 @@
|
|
|
47
47
|
"@commitlint/config-conventional": "^19.1.0",
|
|
48
48
|
"@fortawesome/fontawesome": "^1.1.8",
|
|
49
49
|
"@octokit/rest": "^20.1.0",
|
|
50
|
-
"@patternfly/documentation-framework": "6.9.
|
|
50
|
+
"@patternfly/documentation-framework": "6.9.4",
|
|
51
51
|
"@patternfly/patternfly-a11y": "5.1.0",
|
|
52
|
-
"@patternfly/react-code-editor": "6.2.
|
|
53
|
-
"@patternfly/react-core": "6.2.
|
|
54
|
-
"@patternfly/react-table": "6.2.
|
|
52
|
+
"@patternfly/react-code-editor": "6.2.1",
|
|
53
|
+
"@patternfly/react-core": "6.2.1",
|
|
54
|
+
"@patternfly/react-table": "6.2.1",
|
|
55
55
|
"@starptech/prettyhtml": "^0.10.0",
|
|
56
56
|
"backstopjs": "^6.3.23",
|
|
57
57
|
"cheerio": "^1.0.0-rc.12",
|
|
@@ -18128,16 +18128,20 @@ ul.pf-v6-c-list {
|
|
|
18128
18128
|
flex-wrap: nowrap;
|
|
18129
18129
|
}
|
|
18130
18130
|
|
|
18131
|
-
.pf-v6-c-menu-toggle__icon {
|
|
18132
|
-
flex-shrink: 0;
|
|
18133
|
-
}
|
|
18134
18131
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
|
|
18135
18132
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar img,
|
|
18136
|
-
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
|
|
18133
|
+
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
|
|
18137
18134
|
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
|
|
18138
18135
|
margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
|
|
18139
18136
|
}
|
|
18140
18137
|
|
|
18138
|
+
.pf-v6-c-menu-toggle__icon {
|
|
18139
|
+
flex-shrink: 0;
|
|
18140
|
+
}
|
|
18141
|
+
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
18142
|
+
vertical-align: middle;
|
|
18143
|
+
}
|
|
18144
|
+
|
|
18141
18145
|
.pf-v6-c-menu-toggle__controls {
|
|
18142
18146
|
display: flex;
|
|
18143
18147
|
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
|
@@ -21809,8 +21813,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21809
21813
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
21810
21814
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
21811
21815
|
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
21812
|
-
--pf-v6-c-skeleton--after--TranslateX:
|
|
21813
|
-
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
21816
|
+
--pf-v6-c-skeleton--after--TranslateX: 0;
|
|
21817
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
|
|
21814
21818
|
--pf-v6-c-skeleton--after--AnimationDuration: 3s;
|
|
21815
21819
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
21816
21820
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
@@ -21842,6 +21846,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21842
21846
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
21843
21847
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
21844
21848
|
}
|
|
21849
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21850
|
+
.pf-v6-c-skeleton {
|
|
21851
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
21852
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
21853
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
21854
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
21855
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
21856
|
+
}
|
|
21857
|
+
}
|
|
21845
21858
|
|
|
21846
21859
|
.pf-v6-c-skeleton {
|
|
21847
21860
|
position: relative;
|
|
@@ -21962,6 +21975,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21962
21975
|
transform: translateX(100%);
|
|
21963
21976
|
}
|
|
21964
21977
|
}
|
|
21978
|
+
@keyframes pf-v6-c-skeleton-loading-reduced-motion {
|
|
21979
|
+
0% {
|
|
21980
|
+
opacity: 0.25;
|
|
21981
|
+
}
|
|
21982
|
+
60% {
|
|
21983
|
+
opacity: 1;
|
|
21984
|
+
}
|
|
21985
|
+
100% {
|
|
21986
|
+
opacity: 0.25;
|
|
21987
|
+
}
|
|
21988
|
+
}
|
|
21965
21989
|
.pf-v6-c-skip-to-content {
|
|
21966
21990
|
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
21967
21991
|
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
package/patternfly.css
CHANGED
|
@@ -18264,16 +18264,20 @@ ul.pf-v6-c-list {
|
|
|
18264
18264
|
flex-wrap: nowrap;
|
|
18265
18265
|
}
|
|
18266
18266
|
|
|
18267
|
-
.pf-v6-c-menu-toggle__icon {
|
|
18268
|
-
flex-shrink: 0;
|
|
18269
|
-
}
|
|
18270
18267
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
|
|
18271
18268
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar img,
|
|
18272
|
-
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
|
|
18269
|
+
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
|
|
18273
18270
|
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
|
|
18274
18271
|
margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
|
|
18275
18272
|
}
|
|
18276
18273
|
|
|
18274
|
+
.pf-v6-c-menu-toggle__icon {
|
|
18275
|
+
flex-shrink: 0;
|
|
18276
|
+
}
|
|
18277
|
+
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
18278
|
+
vertical-align: middle;
|
|
18279
|
+
}
|
|
18280
|
+
|
|
18277
18281
|
.pf-v6-c-menu-toggle__controls {
|
|
18278
18282
|
display: flex;
|
|
18279
18283
|
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
|
@@ -21945,8 +21949,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21945
21949
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
21946
21950
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
21947
21951
|
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
21948
|
-
--pf-v6-c-skeleton--after--TranslateX:
|
|
21949
|
-
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
21952
|
+
--pf-v6-c-skeleton--after--TranslateX: 0;
|
|
21953
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
|
|
21950
21954
|
--pf-v6-c-skeleton--after--AnimationDuration: 3s;
|
|
21951
21955
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
21952
21956
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
@@ -21978,6 +21982,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21978
21982
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
21979
21983
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
21980
21984
|
}
|
|
21985
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
21986
|
+
.pf-v6-c-skeleton {
|
|
21987
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
21988
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
21989
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
21990
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
21991
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
21992
|
+
}
|
|
21993
|
+
}
|
|
21981
21994
|
|
|
21982
21995
|
.pf-v6-c-skeleton {
|
|
21983
21996
|
position: relative;
|
|
@@ -22098,6 +22111,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22098
22111
|
transform: translateX(100%);
|
|
22099
22112
|
}
|
|
22100
22113
|
}
|
|
22114
|
+
@keyframes pf-v6-c-skeleton-loading-reduced-motion {
|
|
22115
|
+
0% {
|
|
22116
|
+
opacity: 0.25;
|
|
22117
|
+
}
|
|
22118
|
+
60% {
|
|
22119
|
+
opacity: 1;
|
|
22120
|
+
}
|
|
22121
|
+
100% {
|
|
22122
|
+
opacity: 0.25;
|
|
22123
|
+
}
|
|
22124
|
+
}
|
|
22101
22125
|
.pf-v6-c-skip-to-content {
|
|
22102
22126
|
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
22103
22127
|
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|