@patternfly/patternfly 6.5.0-prerelease.42 → 6.5.0-prerelease.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Button/button.css +75 -2
- package/components/Button/button.scss +84 -3
- package/components/Compass/compass.css +5 -5
- package/components/Compass/compass.scss +5 -4
- package/components/_index.css +80 -7
- package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
- package/docs/components/ActionList/examples/ActionList.md +143 -11
- package/docs/components/Alert/examples/Alert.md +182 -14
- package/docs/components/BackToTop/examples/BackToTop.md +13 -1
- package/docs/components/Button/examples/Button.md +2017 -157
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +208 -16
- package/docs/components/CodeBlock/examples/CodeBlock.md +78 -6
- package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
- package/docs/components/Compass/examples/Compass.md +1 -0
- package/docs/components/DatePicker/examples/DatePicker.md +78 -6
- package/docs/components/DescriptionList/examples/DescriptionList.md +325 -25
- package/docs/components/Drawer/examples/Drawer.md +273 -21
- package/docs/components/DualListSelector/examples/DualListSelector.md +106 -112
- package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
- package/docs/components/InputGroup/examples/InputGroup.md +26 -2
- package/docs/components/Label/examples/Label.md +242 -218
- package/docs/components/Login/examples/Login.md +26 -2
- package/docs/components/Masthead/examples/masthead.md +13 -1
- package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
- package/docs/components/ModalBox/examples/ModalBox.md +195 -15
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +117 -9
- package/docs/components/Nav/examples/Navigation.md +52 -4
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +26 -2
- package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
- package/docs/components/Page/examples/Page.md +13 -1
- package/docs/components/Pagination/examples/Pagination.md +624 -48
- package/docs/components/Popover/examples/Popover.md +208 -16
- package/docs/components/Slider/examples/Slider.md +4 -4
- package/docs/components/Table/examples/Table.md +52 -4
- package/docs/components/Tabs/examples/Tabs.md +1378 -106
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +128 -44
- package/docs/components/Toolbar/examples/Toolbar.md +455 -35
- package/docs/components/TreeView/examples/TreeView.md +52 -4
- package/docs/components/Wizard/examples/Wizard.md +169 -13
- package/docs/demos/AboutModal/examples/AboutModal.md +13 -1
- package/docs/demos/Alert/examples/Alert.md +39 -3
- package/docs/demos/BackToTop/examples/BackToTop.md +13 -1
- package/docs/demos/Button/examples/Button.md +13 -1
- package/docs/demos/Card/examples/Card.md +65 -5
- package/docs/demos/CardView/examples/CardView.md +78 -6
- package/docs/demos/Compass/examples/Compass.md +689 -359
- package/docs/demos/Dashboard/examples/Dashboard.md +39 -3
- package/docs/demos/DataList/examples/DataList.md +312 -24
- package/docs/demos/DescriptionList/examples/DescriptionList.md +13 -1
- package/docs/demos/Drawer/examples/Drawer.md +39 -3
- package/docs/demos/Form/examples/BasicForms.md +106 -10
- package/docs/demos/JumpLinks/examples/JumpLinks.md +26 -2
- package/docs/demos/Masthead/examples/Masthead.md +40 -4
- package/docs/demos/Modal/examples/Modal.md +78 -6
- package/docs/demos/Nav/examples/Nav.md +52 -4
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +295 -55
- package/docs/demos/Table/examples/Table.md +1108 -145
- package/docs/demos/Tabs/examples/Tabs.md +53 -8
- package/docs/demos/Toolbar/examples/Toolbar.md +414 -36
- package/docs/demos/Wizard/examples/Wizard.md +130 -10
- package/package.json +2 -2
- package/patternfly-no-globals.css +80 -7
- package/patternfly.css +80 -7
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -17,7 +17,19 @@ cssPrefix: pf-v6-c-calendar-month
|
|
|
17
17
|
aria-label="Previous month"
|
|
18
18
|
>
|
|
19
19
|
<span class="pf-v6-c-button__icon">
|
|
20
|
-
<
|
|
20
|
+
<svg
|
|
21
|
+
class="pf-v6-svg"
|
|
22
|
+
viewBox="0 0 256 512"
|
|
23
|
+
fill="currentColor"
|
|
24
|
+
aria-hidden="true"
|
|
25
|
+
role="img"
|
|
26
|
+
width="1em"
|
|
27
|
+
height="1em"
|
|
28
|
+
>
|
|
29
|
+
<path
|
|
30
|
+
d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
|
|
31
|
+
/>
|
|
32
|
+
</svg>
|
|
21
33
|
</span>
|
|
22
34
|
</button>
|
|
23
35
|
</div>
|
|
@@ -59,7 +71,19 @@ cssPrefix: pf-v6-c-calendar-month
|
|
|
59
71
|
aria-label="Next month"
|
|
60
72
|
>
|
|
61
73
|
<span class="pf-v6-c-button__icon">
|
|
62
|
-
<
|
|
74
|
+
<svg
|
|
75
|
+
class="pf-v6-svg"
|
|
76
|
+
viewBox="0 0 256 512"
|
|
77
|
+
fill="currentColor"
|
|
78
|
+
aria-hidden="true"
|
|
79
|
+
role="img"
|
|
80
|
+
width="1em"
|
|
81
|
+
height="1em"
|
|
82
|
+
>
|
|
83
|
+
<path
|
|
84
|
+
d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
|
|
85
|
+
/>
|
|
86
|
+
</svg>
|
|
63
87
|
</span>
|
|
64
88
|
</button>
|
|
65
89
|
</div>
|
|
@@ -371,7 +395,19 @@ cssPrefix: pf-v6-c-calendar-month
|
|
|
371
395
|
aria-label="Previous month"
|
|
372
396
|
>
|
|
373
397
|
<span class="pf-v6-c-button__icon">
|
|
374
|
-
<
|
|
398
|
+
<svg
|
|
399
|
+
class="pf-v6-svg"
|
|
400
|
+
viewBox="0 0 256 512"
|
|
401
|
+
fill="currentColor"
|
|
402
|
+
aria-hidden="true"
|
|
403
|
+
role="img"
|
|
404
|
+
width="1em"
|
|
405
|
+
height="1em"
|
|
406
|
+
>
|
|
407
|
+
<path
|
|
408
|
+
d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
|
|
409
|
+
/>
|
|
410
|
+
</svg>
|
|
375
411
|
</span>
|
|
376
412
|
</button>
|
|
377
413
|
</div>
|
|
@@ -413,7 +449,19 @@ cssPrefix: pf-v6-c-calendar-month
|
|
|
413
449
|
aria-label="Next month"
|
|
414
450
|
>
|
|
415
451
|
<span class="pf-v6-c-button__icon">
|
|
416
|
-
<
|
|
452
|
+
<svg
|
|
453
|
+
class="pf-v6-svg"
|
|
454
|
+
viewBox="0 0 256 512"
|
|
455
|
+
fill="currentColor"
|
|
456
|
+
aria-hidden="true"
|
|
457
|
+
role="img"
|
|
458
|
+
width="1em"
|
|
459
|
+
height="1em"
|
|
460
|
+
>
|
|
461
|
+
<path
|
|
462
|
+
d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
|
|
463
|
+
/>
|
|
464
|
+
</svg>
|
|
417
465
|
</span>
|
|
418
466
|
</button>
|
|
419
467
|
</div>
|
|
@@ -750,7 +798,19 @@ cssPrefix: pf-v6-c-calendar-month
|
|
|
750
798
|
aria-label="Previous month"
|
|
751
799
|
>
|
|
752
800
|
<span class="pf-v6-c-button__icon">
|
|
753
|
-
<
|
|
801
|
+
<svg
|
|
802
|
+
class="pf-v6-svg"
|
|
803
|
+
viewBox="0 0 256 512"
|
|
804
|
+
fill="currentColor"
|
|
805
|
+
aria-hidden="true"
|
|
806
|
+
role="img"
|
|
807
|
+
width="1em"
|
|
808
|
+
height="1em"
|
|
809
|
+
>
|
|
810
|
+
<path
|
|
811
|
+
d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
|
|
812
|
+
/>
|
|
813
|
+
</svg>
|
|
754
814
|
</span>
|
|
755
815
|
</button>
|
|
756
816
|
</div>
|
|
@@ -792,7 +852,19 @@ cssPrefix: pf-v6-c-calendar-month
|
|
|
792
852
|
aria-label="Next month"
|
|
793
853
|
>
|
|
794
854
|
<span class="pf-v6-c-button__icon">
|
|
795
|
-
<
|
|
855
|
+
<svg
|
|
856
|
+
class="pf-v6-svg"
|
|
857
|
+
viewBox="0 0 256 512"
|
|
858
|
+
fill="currentColor"
|
|
859
|
+
aria-hidden="true"
|
|
860
|
+
role="img"
|
|
861
|
+
width="1em"
|
|
862
|
+
height="1em"
|
|
863
|
+
>
|
|
864
|
+
<path
|
|
865
|
+
d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
|
|
866
|
+
/>
|
|
867
|
+
</svg>
|
|
796
868
|
</span>
|
|
797
869
|
</button>
|
|
798
870
|
</div>
|
|
@@ -1129,7 +1201,19 @@ cssPrefix: pf-v6-c-calendar-month
|
|
|
1129
1201
|
aria-label="Previous month"
|
|
1130
1202
|
>
|
|
1131
1203
|
<span class="pf-v6-c-button__icon">
|
|
1132
|
-
<
|
|
1204
|
+
<svg
|
|
1205
|
+
class="pf-v6-svg"
|
|
1206
|
+
viewBox="0 0 256 512"
|
|
1207
|
+
fill="currentColor"
|
|
1208
|
+
aria-hidden="true"
|
|
1209
|
+
role="img"
|
|
1210
|
+
width="1em"
|
|
1211
|
+
height="1em"
|
|
1212
|
+
>
|
|
1213
|
+
<path
|
|
1214
|
+
d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
|
|
1215
|
+
/>
|
|
1216
|
+
</svg>
|
|
1133
1217
|
</span>
|
|
1134
1218
|
</button>
|
|
1135
1219
|
</div>
|
|
@@ -1171,7 +1255,19 @@ cssPrefix: pf-v6-c-calendar-month
|
|
|
1171
1255
|
aria-label="Next month"
|
|
1172
1256
|
>
|
|
1173
1257
|
<span class="pf-v6-c-button__icon">
|
|
1174
|
-
<
|
|
1258
|
+
<svg
|
|
1259
|
+
class="pf-v6-svg"
|
|
1260
|
+
viewBox="0 0 256 512"
|
|
1261
|
+
fill="currentColor"
|
|
1262
|
+
aria-hidden="true"
|
|
1263
|
+
role="img"
|
|
1264
|
+
width="1em"
|
|
1265
|
+
height="1em"
|
|
1266
|
+
>
|
|
1267
|
+
<path
|
|
1268
|
+
d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
|
|
1269
|
+
/>
|
|
1270
|
+
</svg>
|
|
1175
1271
|
</span>
|
|
1176
1272
|
</button>
|
|
1177
1273
|
</div>
|
|
@@ -24,7 +24,19 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
24
24
|
aria-label="Copy to clipboard basic editable example"
|
|
25
25
|
>
|
|
26
26
|
<span class="pf-v6-c-button__icon">
|
|
27
|
-
<
|
|
27
|
+
<svg
|
|
28
|
+
class="pf-v6-svg"
|
|
29
|
+
viewBox="0 0 448 512"
|
|
30
|
+
fill="currentColor"
|
|
31
|
+
aria-hidden="true"
|
|
32
|
+
role="img"
|
|
33
|
+
width="1em"
|
|
34
|
+
height="1em"
|
|
35
|
+
>
|
|
36
|
+
<path
|
|
37
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
38
|
+
/>
|
|
39
|
+
</svg>
|
|
28
40
|
</span>
|
|
29
41
|
</button>
|
|
30
42
|
</div>
|
|
@@ -48,7 +60,19 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
48
60
|
aria-label="Copy to clipboard basic read-only example"
|
|
49
61
|
>
|
|
50
62
|
<span class="pf-v6-c-button__icon">
|
|
51
|
-
<
|
|
63
|
+
<svg
|
|
64
|
+
class="pf-v6-svg"
|
|
65
|
+
viewBox="0 0 448 512"
|
|
66
|
+
fill="currentColor"
|
|
67
|
+
aria-hidden="true"
|
|
68
|
+
role="img"
|
|
69
|
+
width="1em"
|
|
70
|
+
height="1em"
|
|
71
|
+
>
|
|
72
|
+
<path
|
|
73
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
74
|
+
/>
|
|
75
|
+
</svg>
|
|
52
76
|
</span>
|
|
53
77
|
</button>
|
|
54
78
|
</div>
|
|
@@ -91,7 +115,19 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
91
115
|
id="expandable-not-expanded-editable-copy-button"
|
|
92
116
|
>
|
|
93
117
|
<span class="pf-v6-c-button__icon">
|
|
94
|
-
<
|
|
118
|
+
<svg
|
|
119
|
+
class="pf-v6-svg"
|
|
120
|
+
viewBox="0 0 448 512"
|
|
121
|
+
fill="currentColor"
|
|
122
|
+
aria-hidden="true"
|
|
123
|
+
role="img"
|
|
124
|
+
width="1em"
|
|
125
|
+
height="1em"
|
|
126
|
+
>
|
|
127
|
+
<path
|
|
128
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
129
|
+
/>
|
|
130
|
+
</svg>
|
|
95
131
|
</span>
|
|
96
132
|
</button>
|
|
97
133
|
</div>
|
|
@@ -134,7 +170,19 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
134
170
|
id="expandable-expanded-editable-copy-button"
|
|
135
171
|
>
|
|
136
172
|
<span class="pf-v6-c-button__icon">
|
|
137
|
-
<
|
|
173
|
+
<svg
|
|
174
|
+
class="pf-v6-svg"
|
|
175
|
+
viewBox="0 0 448 512"
|
|
176
|
+
fill="currentColor"
|
|
177
|
+
aria-hidden="true"
|
|
178
|
+
role="img"
|
|
179
|
+
width="1em"
|
|
180
|
+
height="1em"
|
|
181
|
+
>
|
|
182
|
+
<path
|
|
183
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
184
|
+
/>
|
|
185
|
+
</svg>
|
|
138
186
|
</span>
|
|
139
187
|
</button>
|
|
140
188
|
</div>
|
|
@@ -178,7 +226,19 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
178
226
|
id="expandable-not-expanded-readonly-copy-button"
|
|
179
227
|
>
|
|
180
228
|
<span class="pf-v6-c-button__icon">
|
|
181
|
-
<
|
|
229
|
+
<svg
|
|
230
|
+
class="pf-v6-svg"
|
|
231
|
+
viewBox="0 0 448 512"
|
|
232
|
+
fill="currentColor"
|
|
233
|
+
aria-hidden="true"
|
|
234
|
+
role="img"
|
|
235
|
+
width="1em"
|
|
236
|
+
height="1em"
|
|
237
|
+
>
|
|
238
|
+
<path
|
|
239
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
240
|
+
/>
|
|
241
|
+
</svg>
|
|
182
242
|
</span>
|
|
183
243
|
</button>
|
|
184
244
|
</div>
|
|
@@ -221,7 +281,19 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
221
281
|
id="expandable-expanded-readonly-copy-button"
|
|
222
282
|
>
|
|
223
283
|
<span class="pf-v6-c-button__icon">
|
|
224
|
-
<
|
|
284
|
+
<svg
|
|
285
|
+
class="pf-v6-svg"
|
|
286
|
+
viewBox="0 0 448 512"
|
|
287
|
+
fill="currentColor"
|
|
288
|
+
aria-hidden="true"
|
|
289
|
+
role="img"
|
|
290
|
+
width="1em"
|
|
291
|
+
height="1em"
|
|
292
|
+
>
|
|
293
|
+
<path
|
|
294
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
295
|
+
/>
|
|
296
|
+
</svg>
|
|
225
297
|
</span>
|
|
226
298
|
</button>
|
|
227
299
|
</div>
|
|
@@ -264,7 +336,19 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
264
336
|
id="expandable-not-expanded-code-copy-button"
|
|
265
337
|
>
|
|
266
338
|
<span class="pf-v6-c-button__icon">
|
|
267
|
-
<
|
|
339
|
+
<svg
|
|
340
|
+
class="pf-v6-svg"
|
|
341
|
+
viewBox="0 0 448 512"
|
|
342
|
+
fill="currentColor"
|
|
343
|
+
aria-hidden="true"
|
|
344
|
+
role="img"
|
|
345
|
+
width="1em"
|
|
346
|
+
height="1em"
|
|
347
|
+
>
|
|
348
|
+
<path
|
|
349
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
350
|
+
/>
|
|
351
|
+
</svg>
|
|
268
352
|
</span>
|
|
269
353
|
</button>
|
|
270
354
|
</div>
|
|
@@ -321,7 +405,19 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
321
405
|
id="expandable-expanded-code-copy-button"
|
|
322
406
|
>
|
|
323
407
|
<span class="pf-v6-c-button__icon">
|
|
324
|
-
<
|
|
408
|
+
<svg
|
|
409
|
+
class="pf-v6-svg"
|
|
410
|
+
viewBox="0 0 448 512"
|
|
411
|
+
fill="currentColor"
|
|
412
|
+
aria-hidden="true"
|
|
413
|
+
role="img"
|
|
414
|
+
width="1em"
|
|
415
|
+
height="1em"
|
|
416
|
+
>
|
|
417
|
+
<path
|
|
418
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
419
|
+
/>
|
|
420
|
+
</svg>
|
|
325
421
|
</span>
|
|
326
422
|
</button>
|
|
327
423
|
</div>
|
|
@@ -360,7 +456,19 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
360
456
|
aria-label="Copy to clipboard inline compact example"
|
|
361
457
|
>
|
|
362
458
|
<span class="pf-v6-c-button__icon">
|
|
363
|
-
<
|
|
459
|
+
<svg
|
|
460
|
+
class="pf-v6-svg"
|
|
461
|
+
viewBox="0 0 448 512"
|
|
462
|
+
fill="currentColor"
|
|
463
|
+
aria-hidden="true"
|
|
464
|
+
role="img"
|
|
465
|
+
width="1em"
|
|
466
|
+
height="1em"
|
|
467
|
+
>
|
|
468
|
+
<path
|
|
469
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
470
|
+
/>
|
|
471
|
+
</svg>
|
|
364
472
|
</span>
|
|
365
473
|
</button>
|
|
366
474
|
</span>
|
|
@@ -382,7 +490,19 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
382
490
|
aria-label="Copy to clipboard inline compact code example"
|
|
383
491
|
>
|
|
384
492
|
<span class="pf-v6-c-button__icon">
|
|
385
|
-
<
|
|
493
|
+
<svg
|
|
494
|
+
class="pf-v6-svg"
|
|
495
|
+
viewBox="0 0 448 512"
|
|
496
|
+
fill="currentColor"
|
|
497
|
+
aria-hidden="true"
|
|
498
|
+
role="img"
|
|
499
|
+
width="1em"
|
|
500
|
+
height="1em"
|
|
501
|
+
>
|
|
502
|
+
<path
|
|
503
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
504
|
+
/>
|
|
505
|
+
</svg>
|
|
386
506
|
</span>
|
|
387
507
|
</button>
|
|
388
508
|
</span>
|
|
@@ -404,7 +524,19 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
404
524
|
aria-label="Copy to clipboard inline compact with additional action example"
|
|
405
525
|
>
|
|
406
526
|
<span class="pf-v6-c-button__icon">
|
|
407
|
-
<
|
|
527
|
+
<svg
|
|
528
|
+
class="pf-v6-svg"
|
|
529
|
+
viewBox="0 0 448 512"
|
|
530
|
+
fill="currentColor"
|
|
531
|
+
aria-hidden="true"
|
|
532
|
+
role="img"
|
|
533
|
+
width="1em"
|
|
534
|
+
height="1em"
|
|
535
|
+
>
|
|
536
|
+
<path
|
|
537
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
538
|
+
/>
|
|
539
|
+
</svg>
|
|
408
540
|
</span>
|
|
409
541
|
</button>
|
|
410
542
|
</span>
|
|
@@ -415,7 +547,19 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
415
547
|
aria-label="Run in web terminal"
|
|
416
548
|
>
|
|
417
549
|
<span class="pf-v6-c-button__icon">
|
|
418
|
-
<
|
|
550
|
+
<svg
|
|
551
|
+
class="pf-v6-svg"
|
|
552
|
+
viewBox="0 0 448 512"
|
|
553
|
+
fill="currentColor"
|
|
554
|
+
aria-hidden="true"
|
|
555
|
+
role="img"
|
|
556
|
+
width="1em"
|
|
557
|
+
height="1em"
|
|
558
|
+
>
|
|
559
|
+
<path
|
|
560
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
561
|
+
/>
|
|
562
|
+
</svg>
|
|
419
563
|
</span>
|
|
420
564
|
</button>
|
|
421
565
|
</span>
|
|
@@ -440,7 +584,19 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
440
584
|
aria-label="Copy to clipboard basic inline compact example"
|
|
441
585
|
>
|
|
442
586
|
<span class="pf-v6-c-button__icon">
|
|
443
|
-
<
|
|
587
|
+
<svg
|
|
588
|
+
class="pf-v6-svg"
|
|
589
|
+
viewBox="0 0 448 512"
|
|
590
|
+
fill="currentColor"
|
|
591
|
+
aria-hidden="true"
|
|
592
|
+
role="img"
|
|
593
|
+
width="1em"
|
|
594
|
+
height="1em"
|
|
595
|
+
>
|
|
596
|
+
<path
|
|
597
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
598
|
+
/>
|
|
599
|
+
</svg>
|
|
444
600
|
</span>
|
|
445
601
|
</button>
|
|
446
602
|
</span>
|
|
@@ -465,7 +621,19 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
465
621
|
aria-label="Copy to clipboard long inline compact example"
|
|
466
622
|
>
|
|
467
623
|
<span class="pf-v6-c-button__icon">
|
|
468
|
-
<
|
|
624
|
+
<svg
|
|
625
|
+
class="pf-v6-svg"
|
|
626
|
+
viewBox="0 0 448 512"
|
|
627
|
+
fill="currentColor"
|
|
628
|
+
aria-hidden="true"
|
|
629
|
+
role="img"
|
|
630
|
+
width="1em"
|
|
631
|
+
height="1em"
|
|
632
|
+
>
|
|
633
|
+
<path
|
|
634
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
635
|
+
/>
|
|
636
|
+
</svg>
|
|
469
637
|
</span>
|
|
470
638
|
</button>
|
|
471
639
|
</span>
|
|
@@ -489,7 +657,19 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
489
657
|
aria-label="Copy to clipboard long block compact example"
|
|
490
658
|
>
|
|
491
659
|
<span class="pf-v6-c-button__icon">
|
|
492
|
-
<
|
|
660
|
+
<svg
|
|
661
|
+
class="pf-v6-svg"
|
|
662
|
+
viewBox="0 0 448 512"
|
|
663
|
+
fill="currentColor"
|
|
664
|
+
aria-hidden="true"
|
|
665
|
+
role="img"
|
|
666
|
+
width="1em"
|
|
667
|
+
height="1em"
|
|
668
|
+
>
|
|
669
|
+
<path
|
|
670
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
671
|
+
/>
|
|
672
|
+
</svg>
|
|
493
673
|
</span>
|
|
494
674
|
</button>
|
|
495
675
|
</span>
|
|
@@ -517,7 +697,19 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
517
697
|
aria-label="Copy to clipboard inline compact with truncation example"
|
|
518
698
|
>
|
|
519
699
|
<span class="pf-v6-c-button__icon">
|
|
520
|
-
<
|
|
700
|
+
<svg
|
|
701
|
+
class="pf-v6-svg"
|
|
702
|
+
viewBox="0 0 448 512"
|
|
703
|
+
fill="currentColor"
|
|
704
|
+
aria-hidden="true"
|
|
705
|
+
role="img"
|
|
706
|
+
width="1em"
|
|
707
|
+
height="1em"
|
|
708
|
+
>
|
|
709
|
+
<path
|
|
710
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
711
|
+
/>
|
|
712
|
+
</svg>
|
|
521
713
|
</span>
|
|
522
714
|
</button>
|
|
523
715
|
</span>
|
|
@@ -17,7 +17,19 @@ cssPrefix: pf-v6-c-code-block
|
|
|
17
17
|
aria-label="Copy to clipboard basic example code content"
|
|
18
18
|
>
|
|
19
19
|
<span class="pf-v6-c-button__icon">
|
|
20
|
-
<
|
|
20
|
+
<svg
|
|
21
|
+
class="pf-v6-svg"
|
|
22
|
+
viewBox="0 0 448 512"
|
|
23
|
+
fill="currentColor"
|
|
24
|
+
aria-hidden="true"
|
|
25
|
+
role="img"
|
|
26
|
+
width="1em"
|
|
27
|
+
height="1em"
|
|
28
|
+
>
|
|
29
|
+
<path
|
|
30
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
31
|
+
/>
|
|
32
|
+
</svg>
|
|
21
33
|
</span>
|
|
22
34
|
</button>
|
|
23
35
|
</div>
|
|
@@ -28,7 +40,19 @@ cssPrefix: pf-v6-c-code-block
|
|
|
28
40
|
aria-label="Run basic example code in Web Terminal"
|
|
29
41
|
>
|
|
30
42
|
<span class="pf-v6-c-button__icon">
|
|
31
|
-
<
|
|
43
|
+
<svg
|
|
44
|
+
class="pf-v6-svg"
|
|
45
|
+
viewBox="0 0 448 512"
|
|
46
|
+
fill="currentColor"
|
|
47
|
+
aria-hidden="true"
|
|
48
|
+
role="img"
|
|
49
|
+
width="1em"
|
|
50
|
+
height="1em"
|
|
51
|
+
>
|
|
52
|
+
<path
|
|
53
|
+
d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"
|
|
54
|
+
/>
|
|
55
|
+
</svg>
|
|
32
56
|
</span>
|
|
33
57
|
</button>
|
|
34
58
|
</div>
|
|
@@ -61,7 +85,19 @@ url: https://raw.githubusercontent.com/Azure-Samples/helm-charts/master/docs</co
|
|
|
61
85
|
aria-label="Copy to clipboard expandable example code content"
|
|
62
86
|
>
|
|
63
87
|
<span class="pf-v6-c-button__icon">
|
|
64
|
-
<
|
|
88
|
+
<svg
|
|
89
|
+
class="pf-v6-svg"
|
|
90
|
+
viewBox="0 0 448 512"
|
|
91
|
+
fill="currentColor"
|
|
92
|
+
aria-hidden="true"
|
|
93
|
+
role="img"
|
|
94
|
+
width="1em"
|
|
95
|
+
height="1em"
|
|
96
|
+
>
|
|
97
|
+
<path
|
|
98
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
99
|
+
/>
|
|
100
|
+
</svg>
|
|
65
101
|
</span>
|
|
66
102
|
</button>
|
|
67
103
|
</div>
|
|
@@ -72,7 +108,19 @@ url: https://raw.githubusercontent.com/Azure-Samples/helm-charts/master/docs</co
|
|
|
72
108
|
aria-label="Run expandable example code in Web Terminal"
|
|
73
109
|
>
|
|
74
110
|
<span class="pf-v6-c-button__icon">
|
|
75
|
-
<
|
|
111
|
+
<svg
|
|
112
|
+
class="pf-v6-svg"
|
|
113
|
+
viewBox="0 0 448 512"
|
|
114
|
+
fill="currentColor"
|
|
115
|
+
aria-hidden="true"
|
|
116
|
+
role="img"
|
|
117
|
+
width="1em"
|
|
118
|
+
height="1em"
|
|
119
|
+
>
|
|
120
|
+
<path
|
|
121
|
+
d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"
|
|
122
|
+
/>
|
|
123
|
+
</svg>
|
|
76
124
|
</span>
|
|
77
125
|
</button>
|
|
78
126
|
</div>
|
|
@@ -135,7 +183,19 @@ name: azure-sample-repo<div
|
|
|
135
183
|
aria-label="Copy to clipboard expandable expanded example code content"
|
|
136
184
|
>
|
|
137
185
|
<span class="pf-v6-c-button__icon">
|
|
138
|
-
<
|
|
186
|
+
<svg
|
|
187
|
+
class="pf-v6-svg"
|
|
188
|
+
viewBox="0 0 448 512"
|
|
189
|
+
fill="currentColor"
|
|
190
|
+
aria-hidden="true"
|
|
191
|
+
role="img"
|
|
192
|
+
width="1em"
|
|
193
|
+
height="1em"
|
|
194
|
+
>
|
|
195
|
+
<path
|
|
196
|
+
d="M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"
|
|
197
|
+
/>
|
|
198
|
+
</svg>
|
|
139
199
|
</span>
|
|
140
200
|
</button>
|
|
141
201
|
</div>
|
|
@@ -146,7 +206,19 @@ name: azure-sample-repo<div
|
|
|
146
206
|
aria-label="Run expandable expanded example code in Web Terminal"
|
|
147
207
|
>
|
|
148
208
|
<span class="pf-v6-c-button__icon">
|
|
149
|
-
<
|
|
209
|
+
<svg
|
|
210
|
+
class="pf-v6-svg"
|
|
211
|
+
viewBox="0 0 448 512"
|
|
212
|
+
fill="currentColor"
|
|
213
|
+
aria-hidden="true"
|
|
214
|
+
role="img"
|
|
215
|
+
width="1em"
|
|
216
|
+
height="1em"
|
|
217
|
+
>
|
|
218
|
+
<path
|
|
219
|
+
d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"
|
|
220
|
+
/>
|
|
221
|
+
</svg>
|
|
150
222
|
</span>
|
|
151
223
|
</button>
|
|
152
224
|
</div>
|