@patternfly/patternfly 6.5.0-prerelease.63 → 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/ClipboardCopy/clipboard-copy.css +7 -1
- package/components/ClipboardCopy/clipboard-copy.scss +10 -1
- package/components/_index.css +7 -1
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +39 -38
- package/docs/components/Page/examples/Page.md +62 -15
- package/docs/demos/AboutModal/examples/AboutModal.md +8 -2
- package/docs/demos/Alert/examples/Alert.md +24 -6
- package/docs/demos/BackToTop/examples/BackToTop.md +8 -2
- package/docs/demos/Banner/examples/Banner.md +16 -4
- package/docs/demos/CardView/examples/CardView.md +8 -2
- package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
- package/docs/demos/DataList/examples/DataList.md +32 -8
- package/docs/demos/DescriptionList/examples/DescriptionList.md +24 -6
- package/docs/demos/Drawer/examples/Drawer.md +24 -6
- package/docs/demos/JumpLinks/examples/JumpLinks.md +32 -8
- package/docs/demos/Masthead/examples/Masthead.md +72 -18
- package/docs/demos/Modal/examples/Modal.md +48 -12
- package/docs/demos/Nav/examples/Nav.md +80 -20
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +40 -10
- package/docs/demos/Page/examples/Page.md +113 -28
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +56 -14
- package/docs/demos/Skeleton/examples/Skeleton.md +8 -2
- package/docs/demos/Table/examples/Table.md +128 -32
- package/docs/demos/Tabs/examples/Tabs.md +48 -12
- package/docs/demos/Toolbar/examples/Toolbar.md +16 -4
- package/docs/demos/Wizard/examples/Wizard.md +72 -18
- package/package.json +1 -1
- package/patternfly-no-globals.css +7 -1
- package/patternfly.css +7 -1
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
9
9
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
10
10
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
11
|
-
--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--
|
|
11
|
+
--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
12
12
|
--pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
|
|
13
13
|
--pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
|
|
14
14
|
--pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
|
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
--pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
17
17
|
--pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
|
|
18
18
|
--pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
19
|
+
--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
|
|
20
|
+
--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor: var(--pf-t--global--border--color--control--read-only);
|
|
19
21
|
--pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
20
22
|
--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
21
23
|
--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -44,6 +46,10 @@
|
|
|
44
46
|
.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
|
|
45
47
|
display: inline-flex;
|
|
46
48
|
}
|
|
49
|
+
.pf-v6-c-clipboard-copy.pf-m-readonly {
|
|
50
|
+
--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor);
|
|
51
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor);
|
|
52
|
+
}
|
|
47
53
|
|
|
48
54
|
.pf-v6-c-clipboard-copy__group {
|
|
49
55
|
display: flex;
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
--#{$clipboard-copy}__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
14
14
|
--#{$clipboard-copy}__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
15
15
|
--#{$clipboard-copy}__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
16
|
-
--#{$clipboard-copy}__expandable-content--BackgroundColor: var(--pf-t--global--background--color--
|
|
16
|
+
--#{$clipboard-copy}__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
17
17
|
--#{$clipboard-copy}__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
|
|
18
18
|
--#{$clipboard-copy}__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
|
|
19
19
|
--#{$clipboard-copy}__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
|
|
@@ -22,6 +22,10 @@
|
|
|
22
22
|
--#{$clipboard-copy}__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
|
|
23
23
|
--#{$clipboard-copy}__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
24
24
|
|
|
25
|
+
// Readonly
|
|
26
|
+
--#{$clipboard-copy}--m-readonly__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
|
|
27
|
+
--#{$clipboard-copy}--m-readonly__expandable-content--BorderColor: var(--pf-t--global--border--color--control--read-only);
|
|
28
|
+
|
|
25
29
|
// Group
|
|
26
30
|
--#{$clipboard-copy}__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
27
31
|
|
|
@@ -62,6 +66,11 @@
|
|
|
62
66
|
display: inline-flex;
|
|
63
67
|
}
|
|
64
68
|
}
|
|
69
|
+
|
|
70
|
+
&.pf-m-readonly {
|
|
71
|
+
--#{$clipboard-copy}__expandable-content--BackgroundColor: var(--#{$clipboard-copy}--m-readonly__expandable-content--BackgroundColor);
|
|
72
|
+
--#{$clipboard-copy}__expandable-content--BorderColor: var(--#{$clipboard-copy}--m-readonly__expandable-content--BorderColor);
|
|
73
|
+
}
|
|
65
74
|
}
|
|
66
75
|
|
|
67
76
|
|
package/components/_index.css
CHANGED
|
@@ -3291,7 +3291,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3291
3291
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
3292
3292
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
3293
3293
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
3294
|
-
--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--
|
|
3294
|
+
--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
3295
3295
|
--pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
|
|
3296
3296
|
--pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
|
|
3297
3297
|
--pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
|
|
@@ -3299,6 +3299,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3299
3299
|
--pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
3300
3300
|
--pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
|
|
3301
3301
|
--pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
3302
|
+
--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
|
|
3303
|
+
--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor: var(--pf-t--global--border--color--control--read-only);
|
|
3302
3304
|
--pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
3303
3305
|
--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
3304
3306
|
--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -3327,6 +3329,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3327
3329
|
.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
|
|
3328
3330
|
display: inline-flex;
|
|
3329
3331
|
}
|
|
3332
|
+
.pf-v6-c-clipboard-copy.pf-m-readonly {
|
|
3333
|
+
--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor);
|
|
3334
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor);
|
|
3335
|
+
}
|
|
3330
3336
|
|
|
3331
3337
|
.pf-v6-c-clipboard-copy__group {
|
|
3332
3338
|
display: flex;
|
|
@@ -26,7 +26,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
26
26
|
<span class="pf-v6-c-button__icon">
|
|
27
27
|
<svg
|
|
28
28
|
class="pf-v6-svg"
|
|
29
|
-
viewBox="0 0
|
|
29
|
+
viewBox="0 0 32 32"
|
|
30
30
|
fill="currentColor"
|
|
31
31
|
aria-hidden="true"
|
|
32
32
|
role="img"
|
|
@@ -34,7 +34,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
34
34
|
height="1em"
|
|
35
35
|
>
|
|
36
36
|
<path
|
|
37
|
-
d="
|
|
37
|
+
d="M28 7v22.607c0 .768-.622 1.393-1.387 1.393H10a1 1 0 1 1 0-2h16V7a1 1 0 1 1 2 0Zm-5.25 17.5v-22c0-.689-.561-1.25-1.25-1.25h-8.375v7.364c0 .833-.678 1.511-1.512 1.511H4.25V24.5c0 .689.561 1.25 1.25 1.25h16c.689 0 1.25-.561 1.25-1.25ZM10.875 1.275a.738.738 0 0 0-.405.195l-6 6a.738.738 0 0 0-.195.405h6.6v-6.6Z"
|
|
38
38
|
/>
|
|
39
39
|
</svg>
|
|
40
40
|
</span>
|
|
@@ -42,7 +42,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
42
42
|
</div>
|
|
43
43
|
</div>
|
|
44
44
|
<br />
|
|
45
|
-
<div class="pf-v6-c-clipboard-copy">
|
|
45
|
+
<div class="pf-v6-c-clipboard-copy pf-m-readonly">
|
|
46
46
|
<div class="pf-v6-c-clipboard-copy__group">
|
|
47
47
|
<span class="pf-v6-c-form-control pf-m-readonly">
|
|
48
48
|
<input
|
|
@@ -62,7 +62,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
62
62
|
<span class="pf-v6-c-button__icon">
|
|
63
63
|
<svg
|
|
64
64
|
class="pf-v6-svg"
|
|
65
|
-
viewBox="0 0
|
|
65
|
+
viewBox="0 0 32 32"
|
|
66
66
|
fill="currentColor"
|
|
67
67
|
aria-hidden="true"
|
|
68
68
|
role="img"
|
|
@@ -70,7 +70,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
70
70
|
height="1em"
|
|
71
71
|
>
|
|
72
72
|
<path
|
|
73
|
-
d="
|
|
73
|
+
d="M28 7v22.607c0 .768-.622 1.393-1.387 1.393H10a1 1 0 1 1 0-2h16V7a1 1 0 1 1 2 0Zm-5.25 17.5v-22c0-.689-.561-1.25-1.25-1.25h-8.375v7.364c0 .833-.678 1.511-1.512 1.511H4.25V24.5c0 .689.561 1.25 1.25 1.25h16c.689 0 1.25-.561 1.25-1.25ZM10.875 1.275a.738.738 0 0 0-.405.195l-6 6a.738.738 0 0 0-.195.405h6.6v-6.6Z"
|
|
74
74
|
/>
|
|
75
75
|
</svg>
|
|
76
76
|
</span>
|
|
@@ -129,7 +129,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
129
129
|
<span class="pf-v6-c-button__icon">
|
|
130
130
|
<svg
|
|
131
131
|
class="pf-v6-svg"
|
|
132
|
-
viewBox="0 0
|
|
132
|
+
viewBox="0 0 32 32"
|
|
133
133
|
fill="currentColor"
|
|
134
134
|
aria-hidden="true"
|
|
135
135
|
role="img"
|
|
@@ -137,7 +137,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
137
137
|
height="1em"
|
|
138
138
|
>
|
|
139
139
|
<path
|
|
140
|
-
d="
|
|
140
|
+
d="M28 7v22.607c0 .768-.622 1.393-1.387 1.393H10a1 1 0 1 1 0-2h16V7a1 1 0 1 1 2 0Zm-5.25 17.5v-22c0-.689-.561-1.25-1.25-1.25h-8.375v7.364c0 .833-.678 1.511-1.512 1.511H4.25V24.5c0 .689.561 1.25 1.25 1.25h16c.689 0 1.25-.561 1.25-1.25ZM10.875 1.275a.738.738 0 0 0-.405.195l-6 6a.738.738 0 0 0-.195.405h6.6v-6.6Z"
|
|
141
141
|
/>
|
|
142
142
|
</svg>
|
|
143
143
|
</span>
|
|
@@ -196,7 +196,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
196
196
|
<span class="pf-v6-c-button__icon">
|
|
197
197
|
<svg
|
|
198
198
|
class="pf-v6-svg"
|
|
199
|
-
viewBox="0 0
|
|
199
|
+
viewBox="0 0 32 32"
|
|
200
200
|
fill="currentColor"
|
|
201
201
|
aria-hidden="true"
|
|
202
202
|
role="img"
|
|
@@ -204,7 +204,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
204
204
|
height="1em"
|
|
205
205
|
>
|
|
206
206
|
<path
|
|
207
|
-
d="
|
|
207
|
+
d="M28 7v22.607c0 .768-.622 1.393-1.387 1.393H10a1 1 0 1 1 0-2h16V7a1 1 0 1 1 2 0Zm-5.25 17.5v-22c0-.689-.561-1.25-1.25-1.25h-8.375v7.364c0 .833-.678 1.511-1.512 1.511H4.25V24.5c0 .689.561 1.25 1.25 1.25h16c.689 0 1.25-.561 1.25-1.25ZM10.875 1.275a.738.738 0 0 0-.405.195l-6 6a.738.738 0 0 0-.195.405h6.6v-6.6Z"
|
|
208
208
|
/>
|
|
209
209
|
</svg>
|
|
210
210
|
</span>
|
|
@@ -218,7 +218,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
218
218
|
</div>
|
|
219
219
|
<br />
|
|
220
220
|
<h4>Read-only</h4>
|
|
221
|
-
<div class="pf-v6-c-clipboard-copy">
|
|
221
|
+
<div class="pf-v6-c-clipboard-copy pf-m-readonly">
|
|
222
222
|
<div class="pf-v6-c-clipboard-copy__group">
|
|
223
223
|
<button
|
|
224
224
|
class="pf-v6-c-button pf-m-control"
|
|
@@ -250,7 +250,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
250
250
|
<input
|
|
251
251
|
readonly
|
|
252
252
|
type="text"
|
|
253
|
-
value="This is
|
|
253
|
+
value="This is a read-only version of the copy to clipboard component that has an expandable section. Got a lot of text here, need to see all of it? Click that arrow on the left side and check out the resulting expansion."
|
|
254
254
|
id="expandable-not-expanded-readonly-text-input"
|
|
255
255
|
aria-label="Copyable input"
|
|
256
256
|
/>
|
|
@@ -264,7 +264,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
264
264
|
<span class="pf-v6-c-button__icon">
|
|
265
265
|
<svg
|
|
266
266
|
class="pf-v6-svg"
|
|
267
|
-
viewBox="0 0
|
|
267
|
+
viewBox="0 0 32 32"
|
|
268
268
|
fill="currentColor"
|
|
269
269
|
aria-hidden="true"
|
|
270
270
|
role="img"
|
|
@@ -272,7 +272,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
272
272
|
height="1em"
|
|
273
273
|
>
|
|
274
274
|
<path
|
|
275
|
-
d="
|
|
275
|
+
d="M28 7v22.607c0 .768-.622 1.393-1.387 1.393H10a1 1 0 1 1 0-2h16V7a1 1 0 1 1 2 0Zm-5.25 17.5v-22c0-.689-.561-1.25-1.25-1.25h-8.375v7.364c0 .833-.678 1.511-1.512 1.511H4.25V24.5c0 .689.561 1.25 1.25 1.25h16c.689 0 1.25-.561 1.25-1.25ZM10.875 1.275a.738.738 0 0 0-.405.195l-6 6a.738.738 0 0 0-.195.405h6.6v-6.6Z"
|
|
276
276
|
/>
|
|
277
277
|
</svg>
|
|
278
278
|
</span>
|
|
@@ -285,7 +285,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
285
285
|
>This is an editable version of the copy to clipboard component that has an expandable section. Got a lot of text here, need to see all of it? Click that arrow on the left side and check out the resulting expansion.</div>
|
|
286
286
|
</div>
|
|
287
287
|
<br />
|
|
288
|
-
<div class="pf-v6-c-clipboard-copy pf-m-expanded">
|
|
288
|
+
<div class="pf-v6-c-clipboard-copy pf-m-expanded pf-m-readonly">
|
|
289
289
|
<div class="pf-v6-c-clipboard-copy__group">
|
|
290
290
|
<button
|
|
291
291
|
class="pf-v6-c-button pf-m-control"
|
|
@@ -317,7 +317,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
317
317
|
<input
|
|
318
318
|
readonly
|
|
319
319
|
type="text"
|
|
320
|
-
value="This is
|
|
320
|
+
value="This is a read-only version of the copy to clipboard component that has an expandable section. Got a lot of text here, need to see all of it? Click that arrow on the left side and check out the resulting expansion."
|
|
321
321
|
id="expandable-expanded-readonly-text-input"
|
|
322
322
|
aria-label="Copyable input"
|
|
323
323
|
/>
|
|
@@ -331,7 +331,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
331
331
|
<span class="pf-v6-c-button__icon">
|
|
332
332
|
<svg
|
|
333
333
|
class="pf-v6-svg"
|
|
334
|
-
viewBox="0 0
|
|
334
|
+
viewBox="0 0 32 32"
|
|
335
335
|
fill="currentColor"
|
|
336
336
|
aria-hidden="true"
|
|
337
337
|
role="img"
|
|
@@ -339,7 +339,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
339
339
|
height="1em"
|
|
340
340
|
>
|
|
341
341
|
<path
|
|
342
|
-
d="
|
|
342
|
+
d="M28 7v22.607c0 .768-.622 1.393-1.387 1.393H10a1 1 0 1 1 0-2h16V7a1 1 0 1 1 2 0Zm-5.25 17.5v-22c0-.689-.561-1.25-1.25-1.25h-8.375v7.364c0 .833-.678 1.511-1.512 1.511H4.25V24.5c0 .689.561 1.25 1.25 1.25h16c.689 0 1.25-.561 1.25-1.25ZM10.875 1.275a.738.738 0 0 0-.405.195l-6 6a.738.738 0 0 0-.195.405h6.6v-6.6Z"
|
|
343
343
|
/>
|
|
344
344
|
</svg>
|
|
345
345
|
</span>
|
|
@@ -348,7 +348,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
348
348
|
<div
|
|
349
349
|
class="pf-v6-c-clipboard-copy__expandable-content"
|
|
350
350
|
id="expandable-expanded-readonly-content"
|
|
351
|
-
>This is
|
|
351
|
+
>This is a read-only version of the copy to clipboard component that has an expandable section. Got a lot of text here, need to see all of it? Click that arrow on the left side and check out the resulting expansion.</div>
|
|
352
352
|
</div>
|
|
353
353
|
<br />
|
|
354
354
|
<h4>Code</h4>
|
|
@@ -398,7 +398,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
398
398
|
<span class="pf-v6-c-button__icon">
|
|
399
399
|
<svg
|
|
400
400
|
class="pf-v6-svg"
|
|
401
|
-
viewBox="0 0
|
|
401
|
+
viewBox="0 0 32 32"
|
|
402
402
|
fill="currentColor"
|
|
403
403
|
aria-hidden="true"
|
|
404
404
|
role="img"
|
|
@@ -406,7 +406,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
406
406
|
height="1em"
|
|
407
407
|
>
|
|
408
408
|
<path
|
|
409
|
-
d="
|
|
409
|
+
d="M28 7v22.607c0 .768-.622 1.393-1.387 1.393H10a1 1 0 1 1 0-2h16V7a1 1 0 1 1 2 0Zm-5.25 17.5v-22c0-.689-.561-1.25-1.25-1.25h-8.375v7.364c0 .833-.678 1.511-1.512 1.511H4.25V24.5c0 .689.561 1.25 1.25 1.25h16c.689 0 1.25-.561 1.25-1.25ZM10.875 1.275a.738.738 0 0 0-.405.195l-6 6a.738.738 0 0 0-.195.405h6.6v-6.6Z"
|
|
410
410
|
/>
|
|
411
411
|
</svg>
|
|
412
412
|
</span>
|
|
@@ -479,7 +479,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
479
479
|
<span class="pf-v6-c-button__icon">
|
|
480
480
|
<svg
|
|
481
481
|
class="pf-v6-svg"
|
|
482
|
-
viewBox="0 0
|
|
482
|
+
viewBox="0 0 32 32"
|
|
483
483
|
fill="currentColor"
|
|
484
484
|
aria-hidden="true"
|
|
485
485
|
role="img"
|
|
@@ -487,7 +487,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
487
487
|
height="1em"
|
|
488
488
|
>
|
|
489
489
|
<path
|
|
490
|
-
d="
|
|
490
|
+
d="M28 7v22.607c0 .768-.622 1.393-1.387 1.393H10a1 1 0 1 1 0-2h16V7a1 1 0 1 1 2 0Zm-5.25 17.5v-22c0-.689-.561-1.25-1.25-1.25h-8.375v7.364c0 .833-.678 1.511-1.512 1.511H4.25V24.5c0 .689.561 1.25 1.25 1.25h16c.689 0 1.25-.561 1.25-1.25ZM10.875 1.275a.738.738 0 0 0-.405.195l-6 6a.738.738 0 0 0-.195.405h6.6v-6.6Z"
|
|
491
491
|
/>
|
|
492
492
|
</svg>
|
|
493
493
|
</span>
|
|
@@ -530,7 +530,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
530
530
|
<span class="pf-v6-c-button__icon">
|
|
531
531
|
<svg
|
|
532
532
|
class="pf-v6-svg"
|
|
533
|
-
viewBox="0 0
|
|
533
|
+
viewBox="0 0 32 32"
|
|
534
534
|
fill="currentColor"
|
|
535
535
|
aria-hidden="true"
|
|
536
536
|
role="img"
|
|
@@ -538,7 +538,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
538
538
|
height="1em"
|
|
539
539
|
>
|
|
540
540
|
<path
|
|
541
|
-
d="
|
|
541
|
+
d="M28 7v22.607c0 .768-.622 1.393-1.387 1.393H10a1 1 0 1 1 0-2h16V7a1 1 0 1 1 2 0Zm-5.25 17.5v-22c0-.689-.561-1.25-1.25-1.25h-8.375v7.364c0 .833-.678 1.511-1.512 1.511H4.25V24.5c0 .689.561 1.25 1.25 1.25h16c.689 0 1.25-.561 1.25-1.25ZM10.875 1.275a.738.738 0 0 0-.405.195l-6 6a.738.738 0 0 0-.195.405h6.6v-6.6Z"
|
|
542
542
|
/>
|
|
543
543
|
</svg>
|
|
544
544
|
</span>
|
|
@@ -564,7 +564,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
564
564
|
<span class="pf-v6-c-button__icon">
|
|
565
565
|
<svg
|
|
566
566
|
class="pf-v6-svg"
|
|
567
|
-
viewBox="0 0
|
|
567
|
+
viewBox="0 0 32 32"
|
|
568
568
|
fill="currentColor"
|
|
569
569
|
aria-hidden="true"
|
|
570
570
|
role="img"
|
|
@@ -572,7 +572,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
572
572
|
height="1em"
|
|
573
573
|
>
|
|
574
574
|
<path
|
|
575
|
-
d="
|
|
575
|
+
d="M28 7v22.607c0 .768-.622 1.393-1.387 1.393H10a1 1 0 1 1 0-2h16V7a1 1 0 1 1 2 0Zm-5.25 17.5v-22c0-.689-.561-1.25-1.25-1.25h-8.375v7.364c0 .833-.678 1.511-1.512 1.511H4.25V24.5c0 .689.561 1.25 1.25 1.25h16c.689 0 1.25-.561 1.25-1.25ZM10.875 1.275a.738.738 0 0 0-.405.195l-6 6a.738.738 0 0 0-.195.405h6.6v-6.6Z"
|
|
576
576
|
/>
|
|
577
577
|
</svg>
|
|
578
578
|
</span>
|
|
@@ -598,7 +598,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
598
598
|
<span class="pf-v6-c-button__icon">
|
|
599
599
|
<svg
|
|
600
600
|
class="pf-v6-svg"
|
|
601
|
-
viewBox="0 0
|
|
601
|
+
viewBox="0 0 32 32"
|
|
602
602
|
fill="currentColor"
|
|
603
603
|
aria-hidden="true"
|
|
604
604
|
role="img"
|
|
@@ -606,7 +606,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
606
606
|
height="1em"
|
|
607
607
|
>
|
|
608
608
|
<path
|
|
609
|
-
d="
|
|
609
|
+
d="M28 7v22.607c0 .768-.622 1.393-1.387 1.393H10a1 1 0 1 1 0-2h16V7a1 1 0 1 1 2 0Zm-5.25 17.5v-22c0-.689-.561-1.25-1.25-1.25h-8.375v7.364c0 .833-.678 1.511-1.512 1.511H4.25V24.5c0 .689.561 1.25 1.25 1.25h16c.689 0 1.25-.561 1.25-1.25ZM10.875 1.275a.738.738 0 0 0-.405.195l-6 6a.738.738 0 0 0-.195.405h6.6v-6.6Z"
|
|
610
610
|
/>
|
|
611
611
|
</svg>
|
|
612
612
|
</span>
|
|
@@ -621,7 +621,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
621
621
|
<span class="pf-v6-c-button__icon">
|
|
622
622
|
<svg
|
|
623
623
|
class="pf-v6-svg"
|
|
624
|
-
viewBox="0 0
|
|
624
|
+
viewBox="0 0 32 32"
|
|
625
625
|
fill="currentColor"
|
|
626
626
|
aria-hidden="true"
|
|
627
627
|
role="img"
|
|
@@ -629,7 +629,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
629
629
|
height="1em"
|
|
630
630
|
>
|
|
631
631
|
<path
|
|
632
|
-
d="
|
|
632
|
+
d="M28 7v22.607c0 .768-.622 1.393-1.387 1.393H10a1 1 0 1 1 0-2h16V7a1 1 0 1 1 2 0Zm-5.25 17.5v-22c0-.689-.561-1.25-1.25-1.25h-8.375v7.364c0 .833-.678 1.511-1.512 1.511H4.25V24.5c0 .689.561 1.25 1.25 1.25h16c.689 0 1.25-.561 1.25-1.25ZM10.875 1.275a.738.738 0 0 0-.405.195l-6 6a.738.738 0 0 0-.195.405h6.6v-6.6Z"
|
|
633
633
|
/>
|
|
634
634
|
</svg>
|
|
635
635
|
</span>
|
|
@@ -658,7 +658,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
658
658
|
<span class="pf-v6-c-button__icon">
|
|
659
659
|
<svg
|
|
660
660
|
class="pf-v6-svg"
|
|
661
|
-
viewBox="0 0
|
|
661
|
+
viewBox="0 0 32 32"
|
|
662
662
|
fill="currentColor"
|
|
663
663
|
aria-hidden="true"
|
|
664
664
|
role="img"
|
|
@@ -666,7 +666,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
666
666
|
height="1em"
|
|
667
667
|
>
|
|
668
668
|
<path
|
|
669
|
-
d="
|
|
669
|
+
d="M28 7v22.607c0 .768-.622 1.393-1.387 1.393H10a1 1 0 1 1 0-2h16V7a1 1 0 1 1 2 0Zm-5.25 17.5v-22c0-.689-.561-1.25-1.25-1.25h-8.375v7.364c0 .833-.678 1.511-1.512 1.511H4.25V24.5c0 .689.561 1.25 1.25 1.25h16c.689 0 1.25-.561 1.25-1.25ZM10.875 1.275a.738.738 0 0 0-.405.195l-6 6a.738.738 0 0 0-.195.405h6.6v-6.6Z"
|
|
670
670
|
/>
|
|
671
671
|
</svg>
|
|
672
672
|
</span>
|
|
@@ -695,7 +695,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
695
695
|
<span class="pf-v6-c-button__icon">
|
|
696
696
|
<svg
|
|
697
697
|
class="pf-v6-svg"
|
|
698
|
-
viewBox="0 0
|
|
698
|
+
viewBox="0 0 32 32"
|
|
699
699
|
fill="currentColor"
|
|
700
700
|
aria-hidden="true"
|
|
701
701
|
role="img"
|
|
@@ -703,7 +703,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
703
703
|
height="1em"
|
|
704
704
|
>
|
|
705
705
|
<path
|
|
706
|
-
d="
|
|
706
|
+
d="M28 7v22.607c0 .768-.622 1.393-1.387 1.393H10a1 1 0 1 1 0-2h16V7a1 1 0 1 1 2 0Zm-5.25 17.5v-22c0-.689-.561-1.25-1.25-1.25h-8.375v7.364c0 .833-.678 1.511-1.512 1.511H4.25V24.5c0 .689.561 1.25 1.25 1.25h16c.689 0 1.25-.561 1.25-1.25ZM10.875 1.275a.738.738 0 0 0-.405.195l-6 6a.738.738 0 0 0-.195.405h6.6v-6.6Z"
|
|
707
707
|
/>
|
|
708
708
|
</svg>
|
|
709
709
|
</span>
|
|
@@ -731,7 +731,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
731
731
|
<span class="pf-v6-c-button__icon">
|
|
732
732
|
<svg
|
|
733
733
|
class="pf-v6-svg"
|
|
734
|
-
viewBox="0 0
|
|
734
|
+
viewBox="0 0 32 32"
|
|
735
735
|
fill="currentColor"
|
|
736
736
|
aria-hidden="true"
|
|
737
737
|
role="img"
|
|
@@ -739,7 +739,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
739
739
|
height="1em"
|
|
740
740
|
>
|
|
741
741
|
<path
|
|
742
|
-
d="
|
|
742
|
+
d="M28 7v22.607c0 .768-.622 1.393-1.387 1.393H10a1 1 0 1 1 0-2h16V7a1 1 0 1 1 2 0Zm-5.25 17.5v-22c0-.689-.561-1.25-1.25-1.25h-8.375v7.364c0 .833-.678 1.511-1.512 1.511H4.25V24.5c0 .689.561 1.25 1.25 1.25h16c.689 0 1.25-.561 1.25-1.25ZM10.875 1.275a.738.738 0 0 0-.405.195l-6 6a.738.738 0 0 0-.195.405h6.6v-6.6Z"
|
|
743
743
|
/>
|
|
744
744
|
</svg>
|
|
745
745
|
</span>
|
|
@@ -771,7 +771,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
771
771
|
<span class="pf-v6-c-button__icon">
|
|
772
772
|
<svg
|
|
773
773
|
class="pf-v6-svg"
|
|
774
|
-
viewBox="0 0
|
|
774
|
+
viewBox="0 0 32 32"
|
|
775
775
|
fill="currentColor"
|
|
776
776
|
aria-hidden="true"
|
|
777
777
|
role="img"
|
|
@@ -779,7 +779,7 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
779
779
|
height="1em"
|
|
780
780
|
>
|
|
781
781
|
<path
|
|
782
|
-
d="
|
|
782
|
+
d="M28 7v22.607c0 .768-.622 1.393-1.387 1.393H10a1 1 0 1 1 0-2h16V7a1 1 0 1 1 2 0Zm-5.25 17.5v-22c0-.689-.561-1.25-1.25-1.25h-8.375v7.364c0 .833-.678 1.511-1.512 1.511H4.25V24.5c0 .689.561 1.25 1.25 1.25h16c.689 0 1.25-.561 1.25-1.25ZM10.875 1.275a.738.738 0 0 0-.405.195l-6 6a.738.738 0 0 0-.195.405h6.6v-6.6Z"
|
|
783
783
|
/>
|
|
784
784
|
</svg>
|
|
785
785
|
</span>
|
|
@@ -818,5 +818,6 @@ cssPrefix: pf-v6-c-clipboard-copy
|
|
|
818
818
|
| `.pf-m-block` | `.pf-v6-c-clipboard-copy.pf-m-inline` | Modifies the inline copy clipboard component to have block formatting. |
|
|
819
819
|
| `.pf-m-truncate` | `.pf-v6-c-clipboard-copy.pf-m-truncate` | Modifies the inline copy clipboard component for use with text used in trucate component. |
|
|
820
820
|
| `.pf-m-expanded` | `.pf-v6-c-clipboard-copy` | Modifies the clipboard copy component for the expanded state. |
|
|
821
|
+
| `.pf-m-readonly` | `.pf-v6-c-clipboard-copy` | Modifies the clipboard copy component for read-only styles. |
|
|
821
822
|
| `.pf-m-expanded` | `.pf-v6-c-button.pf-m-control` | Modifies the control toggle button for the expanded state. |
|
|
822
823
|
| `.pf-m-code` | `code.pf-v6-c-clipboard-copy__text` | Modifies the inline copy clipboard text styles for use with the `<code>` element. |
|