@puckeditor/core 0.22.0-canary.faffb521 → 0.22.0
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/dist/{Editor-HFELA66Z.mjs → Editor-FJJNKTC3.mjs} +8 -9
- package/dist/Editor-ZZW3KF2T.css +385 -0
- package/dist/{Render-MJ563JES.mjs → Render-DQXAYUBI.mjs} +1 -1
- package/dist/Render-EKEWMTMI.css +117 -0
- package/dist/{chunk-GFIZBMKN.mjs → chunk-3RQGAM3Z.mjs} +1 -1
- package/dist/{chunk-6PUO3QRB.mjs → chunk-4US666EQ.mjs} +91 -248
- package/dist/{chunk-52JFFDX2.mjs → chunk-ELDOSC5Y.mjs} +1469 -1335
- package/dist/{chunk-4V66DSMA.mjs → chunk-GKUX6MNS.mjs} +4 -4
- package/dist/{chunk-AOEDIUVK.mjs → chunk-H635BA2V.mjs} +1 -1
- package/dist/{chunk-4X2SLJRQ.mjs → chunk-M5GPDW62.mjs} +1 -1
- package/dist/{chunk-CO6PRTVM.mjs → chunk-SSXLOL3N.mjs} +6 -6
- package/dist/{chunk-MQKADUDK.mjs → chunk-XIGSFEU7.mjs} +1 -1
- package/dist/{chunk-OVPTKQ2P.mjs → chunk-XQHCQEAF.mjs} +229 -51
- package/dist/{full-YKFH7JSW.mjs → full-6ZILLKCS.mjs} +6 -6
- package/dist/full-S3QQ2IBQ.css +267 -0
- package/dist/index.css +1287 -1171
- package/dist/index.d.mts +9 -9
- package/dist/index.d.ts +9 -9
- package/dist/index.js +1993 -1837
- package/dist/index.mjs +11 -10
- package/dist/loaded-FVWRAJR3.css +215 -0
- package/dist/{loaded-A7UUCT2O.mjs → loaded-LAKI4KDY.mjs} +2 -2
- package/dist/{loaded-2QS7VXZ6.mjs → loaded-PILFUJGA.mjs} +2 -2
- package/dist/{loaded-JHBS3QYA.mjs → loaded-QH5RKCGC.mjs} +2 -2
- package/dist/no-external.css +1287 -1171
- package/dist/no-external.js +1993 -1837
- package/dist/no-external.mjs +11 -10
- package/dist/rsc.css +61 -46
- package/dist/rsc.js +6 -6
- package/dist/rsc.mjs +2 -2
- package/package.json +1 -1
- package/dist/Editor-IQP25PUX.css +0 -404
- package/dist/Render-3OV4N4MT.css +0 -102
- package/dist/full-2GJTAAZE.css +0 -301
- package/dist/loaded-RVWBFK7L.css +0 -87
package/dist/no-external.css
CHANGED
|
@@ -1,138 +1,218 @@
|
|
|
1
1
|
/* styles/color.css */
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
2
|
+
@layer puck-tokens {
|
|
3
|
+
:root {
|
|
4
|
+
--puck-color-rose-01: #4a001c;
|
|
5
|
+
--puck-color-rose-02: #670833;
|
|
6
|
+
--puck-color-rose-03: #87114c;
|
|
7
|
+
--puck-color-rose-04: #a81a66;
|
|
8
|
+
--puck-color-rose-05: #bc5089;
|
|
9
|
+
--puck-color-rose-06: #cc7ca5;
|
|
10
|
+
--puck-color-rose-07: #d89aba;
|
|
11
|
+
--puck-color-rose-08: #e3b8cf;
|
|
12
|
+
--puck-color-rose-09: #efd6e3;
|
|
13
|
+
--puck-color-rose-10: #f6eaf1;
|
|
14
|
+
--puck-color-rose-11: #faf4f8;
|
|
15
|
+
--puck-color-rose-12: #fef8fc;
|
|
16
|
+
--puck-color-azure-01: #00175d;
|
|
17
|
+
--puck-color-azure-02: #002c77;
|
|
18
|
+
--puck-color-azure-03: #014292;
|
|
19
|
+
--puck-color-azure-04: #0158ad;
|
|
20
|
+
--puck-color-azure-05: #3479be;
|
|
21
|
+
--puck-color-azure-06: #6499cf;
|
|
22
|
+
--puck-color-azure-07: #88b0da;
|
|
23
|
+
--puck-color-azure-08: #abc7e5;
|
|
24
|
+
--puck-color-azure-09: #cfdff0;
|
|
25
|
+
--puck-color-azure-10: #e7eef7;
|
|
26
|
+
--puck-color-azure-11: #f3f6fb;
|
|
27
|
+
--puck-color-azure-12: #f7faff;
|
|
28
|
+
--puck-color-green-01: #002000;
|
|
29
|
+
--puck-color-green-02: #043604;
|
|
30
|
+
--puck-color-green-03: #084e08;
|
|
31
|
+
--puck-color-green-04: #0c680c;
|
|
32
|
+
--puck-color-green-05: #1d882f;
|
|
33
|
+
--puck-color-green-06: #2faa53;
|
|
34
|
+
--puck-color-green-07: #56c16f;
|
|
35
|
+
--puck-color-green-08: #7dd78b;
|
|
36
|
+
--puck-color-green-09: #b8e8bf;
|
|
37
|
+
--puck-color-green-10: #ddf3e0;
|
|
38
|
+
--puck-color-green-11: #eff8f0;
|
|
39
|
+
--puck-color-green-12: #f3fcf4;
|
|
40
|
+
--puck-color-yellow-01: #211000;
|
|
41
|
+
--puck-color-yellow-02: #362700;
|
|
42
|
+
--puck-color-yellow-03: #4c4000;
|
|
43
|
+
--puck-color-yellow-04: #645a00;
|
|
44
|
+
--puck-color-yellow-05: #877614;
|
|
45
|
+
--puck-color-yellow-06: #ab9429;
|
|
46
|
+
--puck-color-yellow-07: #bfac4e;
|
|
47
|
+
--puck-color-yellow-08: #d4c474;
|
|
48
|
+
--puck-color-yellow-09: #e6deb1;
|
|
49
|
+
--puck-color-yellow-10: #f3efd9;
|
|
50
|
+
--puck-color-yellow-11: #f9f7ed;
|
|
51
|
+
--puck-color-yellow-12: #fcfaf0;
|
|
52
|
+
--puck-color-red-01: #4c0000;
|
|
53
|
+
--puck-color-red-02: #6a0a10;
|
|
54
|
+
--puck-color-red-03: #8a1422;
|
|
55
|
+
--puck-color-red-04: #ac1f35;
|
|
56
|
+
--puck-color-red-05: #bf5366;
|
|
57
|
+
--puck-color-red-06: #ce7e8e;
|
|
58
|
+
--puck-color-red-07: #d99ca8;
|
|
59
|
+
--puck-color-red-08: #e4b9c2;
|
|
60
|
+
--puck-color-red-09: #efd7db;
|
|
61
|
+
--puck-color-red-10: #f6eaec;
|
|
62
|
+
--puck-color-red-11: #faf4f5;
|
|
63
|
+
--puck-color-red-12: #fff9fa;
|
|
64
|
+
--puck-color-grey-01: #181818;
|
|
65
|
+
--puck-color-grey-02: #292929;
|
|
66
|
+
--puck-color-grey-03: #404040;
|
|
67
|
+
--puck-color-grey-04: #5a5a5a;
|
|
68
|
+
--puck-color-grey-05: #767676;
|
|
69
|
+
--puck-color-grey-06: #949494;
|
|
70
|
+
--puck-color-grey-07: #ababab;
|
|
71
|
+
--puck-color-grey-08: #c3c3c3;
|
|
72
|
+
--puck-color-grey-09: #dcdcdc;
|
|
73
|
+
--puck-color-grey-10: #efefef;
|
|
74
|
+
--puck-color-grey-11: #f5f5f5;
|
|
75
|
+
--puck-color-grey-12: #fafafa;
|
|
76
|
+
--puck-color-black: #000000;
|
|
77
|
+
--puck-color-white: #ffffff;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
/* styles/tokens.css */
|
|
82
|
+
@layer puck-tokens {
|
|
83
|
+
:root {
|
|
84
|
+
--puck-color-surface: var(--puck-color-white);
|
|
85
|
+
--puck-color-surface-muted: var(--puck-color-grey-11);
|
|
86
|
+
--puck-color-surface-subtle: var(--puck-color-grey-12);
|
|
87
|
+
--puck-color-surface-inverse: var(--puck-color-grey-01);
|
|
88
|
+
--puck-color-border: var(--puck-color-grey-09);
|
|
89
|
+
--puck-color-border-hover: var(--puck-color-grey-05);
|
|
90
|
+
--puck-color-border-muted: var(--puck-color-grey-10);
|
|
91
|
+
--puck-color-border-inverse: var(--puck-color-grey-05);
|
|
92
|
+
--puck-color-text: var(--puck-color-black);
|
|
93
|
+
--puck-color-text-secondary: var(--puck-color-grey-04);
|
|
94
|
+
--puck-color-text-muted: var(--puck-color-grey-05);
|
|
95
|
+
--puck-color-text-subtle: var(--puck-color-grey-07);
|
|
96
|
+
--puck-color-text-inverse: var(--puck-color-white);
|
|
97
|
+
--puck-opacity-text-inverse: 0.75;
|
|
98
|
+
--puck-color-interactive: var(--puck-color-azure-04);
|
|
99
|
+
--puck-color-interactive-hover: var(--puck-color-azure-03);
|
|
100
|
+
--puck-color-interactive-active: var(--puck-color-azure-02);
|
|
101
|
+
--puck-color-interactive-subtle: var(--puck-color-azure-10);
|
|
102
|
+
--puck-color-interactive-soft: var(--puck-color-azure-11);
|
|
103
|
+
--puck-color-interactive-soft-hover: var(--puck-color-azure-12);
|
|
104
|
+
--puck-color-interactive-neutral-hover: var(--puck-color-grey-10);
|
|
105
|
+
--puck-color-interactive-inverse-hover: var(--puck-color-azure-06);
|
|
106
|
+
--puck-color-interactive-inverse-active: var(--puck-color-azure-07);
|
|
107
|
+
--puck-color-focus-ring: var(--puck-color-azure-05);
|
|
108
|
+
--puck-color-selection-bg: color-mix( in srgb, var(--puck-color-azure-09) 30%, transparent );
|
|
109
|
+
--puck-color-selection-border: var(--puck-color-azure-08);
|
|
110
|
+
--puck-color-highlight: var(--puck-color-rose-07);
|
|
111
|
+
--puck-color-bg-disabled: var(--puck-color-grey-07);
|
|
112
|
+
--puck-color-text-disabled: var(--puck-color-grey-03);
|
|
113
|
+
--puck-color-overlay-backdrop: color-mix( in srgb, var(--puck-color-black) 75%, transparent );
|
|
114
|
+
--puck-space-1: 4px;
|
|
115
|
+
--puck-space-2: 8px;
|
|
116
|
+
--puck-space-3: 12px;
|
|
117
|
+
--puck-space-4: 16px;
|
|
118
|
+
--puck-space-5: 24px;
|
|
119
|
+
--puck-space-chrome-gutter: var(--puck-space-4);
|
|
120
|
+
--puck-radius-none: 0;
|
|
121
|
+
--puck-radius-xs: 2px;
|
|
122
|
+
--puck-radius-s: 3px;
|
|
123
|
+
--puck-radius-m: 4px;
|
|
124
|
+
--puck-radius-l: 8px;
|
|
125
|
+
--puck-radius-pill: 30px;
|
|
126
|
+
--puck-radius-round: 100%;
|
|
127
|
+
--puck-border-width-hairline: 0.5px;
|
|
128
|
+
--puck-border-width-regular: 1px;
|
|
129
|
+
--puck-border-width-focus: 2px;
|
|
130
|
+
--puck-border-width-strong: 4px;
|
|
131
|
+
--puck-duration-fast: 50ms;
|
|
132
|
+
--puck-duration-medium: 150ms;
|
|
133
|
+
--puck-duration-slow: 250ms;
|
|
134
|
+
--puck-ease-exit: ease-in;
|
|
135
|
+
--puck-ease-emphasized: ease-in-out;
|
|
136
|
+
--puck-ease-entrance: ease-out;
|
|
137
|
+
--puck-font-weight-regular: 400;
|
|
138
|
+
--puck-font-weight-medium: 500;
|
|
139
|
+
--puck-font-weight-semibold: 600;
|
|
140
|
+
--puck-font-weight-bold: 700;
|
|
141
|
+
--puck-font-weight-heavy: 800;
|
|
142
|
+
--puck-letter-spacing-ui: 0.05ch;
|
|
143
|
+
--puck-letter-spacing-heading: 0.08ch;
|
|
144
|
+
--puck-icon-size-s: 16px;
|
|
145
|
+
--puck-icon-size-m: 18px;
|
|
146
|
+
--puck-icon-size-l: 24px;
|
|
147
|
+
--puck-space-m-unitless: 24;
|
|
148
|
+
--puck-user-sidebar-left-width: var(--puck-sidebar-width);
|
|
149
|
+
--puck-user-sidebar-right-width: var(--puck-sidebar-width);
|
|
150
|
+
--puck-slot-min-empty-height: 128px;
|
|
151
|
+
}
|
|
77
152
|
}
|
|
78
153
|
|
|
79
154
|
/* styles/typography.css */
|
|
80
|
-
|
|
81
|
-
--puck-font-size-scale-base-unitless: 12;
|
|
82
|
-
--puck-font-size-xxxs-unitless: 12;
|
|
83
|
-
--puck-font-size-xxs-unitless: 14;
|
|
84
|
-
--puck-font-size-xs-unitless: 16;
|
|
85
|
-
--puck-font-size-s-unitless: 18;
|
|
86
|
-
--puck-font-size-m-unitless: 21;
|
|
87
|
-
--puck-font-size-l-unitless: 24;
|
|
88
|
-
--puck-font-size-xl-unitless: 28;
|
|
89
|
-
--puck-font-size-xxl-unitless: 36;
|
|
90
|
-
--puck-font-size-xxxl-unitless: 48;
|
|
91
|
-
--puck-font-size-xxxxl-unitless: 56;
|
|
92
|
-
--puck-font-size-xxxs: calc(1rem * var(--puck-font-size-xxxs-unitless) / 16);
|
|
93
|
-
--puck-font-size-xxs: calc(1rem * var(--puck-font-size-xxs-unitless) / 16);
|
|
94
|
-
--puck-font-size-xs: calc(1rem * var(--puck-font-size-xs-unitless) / 16);
|
|
95
|
-
--puck-font-size-s: calc(1rem * var(--puck-font-size-s-unitless) / 16);
|
|
96
|
-
--puck-font-size-m: calc(1rem * var(--puck-font-size-m-unitless) / 16);
|
|
97
|
-
--puck-font-size-l: calc(1rem * var(--puck-font-size-l-unitless) / 16);
|
|
98
|
-
--puck-font-size-xl: calc(1rem * var(--puck-font-size-xl-unitless) / 16);
|
|
99
|
-
--puck-font-size-xxl: calc(1rem * var(--puck-font-size-xxl-unitless) / 16);
|
|
100
|
-
--puck-font-size-xxxl: calc(1rem * var(--puck-font-size-xxxl-unitless) / 16);
|
|
101
|
-
--puck-font-size-xxxxl: calc( 1rem * var(--puck-font-size-xxxxl-unitless) / 16 );
|
|
102
|
-
--puck-font-size-base: var(--puck-font-size-xs);
|
|
103
|
-
--line-height-reset: 1;
|
|
104
|
-
--line-height-xs: calc( var(--space-m-unitless) / var(--puck-font-size-m-unitless) );
|
|
105
|
-
--line-height-s: calc( var(--space-m-unitless) / var(--puck-font-size-s-unitless) );
|
|
106
|
-
--line-height-m: calc( var(--space-m-unitless) / var(--puck-font-size-xs-unitless) );
|
|
107
|
-
--line-height-l: calc( var(--space-m-unitless) / var(--puck-font-size-xxs-unitless) );
|
|
108
|
-
--line-height-xl: calc( var(--space-m-unitless) / var(--puck-font-size-scale-base-unitless) );
|
|
109
|
-
--line-height-base: var(--line-height-m);
|
|
110
|
-
--fallback-font-stack:
|
|
111
|
-
-apple-system,
|
|
112
|
-
BlinkMacSystemFont,
|
|
113
|
-
Segoe UI,
|
|
114
|
-
Helvetica Neue,
|
|
115
|
-
sans-serif,
|
|
116
|
-
Apple Color Emoji,
|
|
117
|
-
Segoe UI Emoji,
|
|
118
|
-
Segoe UI Symbol;
|
|
119
|
-
--puck-font-family: Inter, var(--fallback-font-stack);
|
|
120
|
-
--puck-font-family-monospaced:
|
|
121
|
-
ui-monospace,
|
|
122
|
-
"Cascadia Code",
|
|
123
|
-
"Source Code Pro",
|
|
124
|
-
Menlo,
|
|
125
|
-
Consolas,
|
|
126
|
-
"DejaVu Sans Mono",
|
|
127
|
-
monospace;
|
|
128
|
-
}
|
|
129
|
-
@supports (font-variation-settings: normal) {
|
|
155
|
+
@layer puck-tokens {
|
|
130
156
|
:root {
|
|
131
|
-
--puck-font-
|
|
157
|
+
--puck-font-size-scale-base-unitless: 12;
|
|
158
|
+
--puck-font-size-xxxs-unitless: 12;
|
|
159
|
+
--puck-font-size-xxs-unitless: 14;
|
|
160
|
+
--puck-font-size-xs-unitless: 16;
|
|
161
|
+
--puck-font-size-s-unitless: 18;
|
|
162
|
+
--puck-font-size-m-unitless: 21;
|
|
163
|
+
--puck-font-size-l-unitless: 24;
|
|
164
|
+
--puck-font-size-xl-unitless: 28;
|
|
165
|
+
--puck-font-size-xxl-unitless: 36;
|
|
166
|
+
--puck-font-size-xxxl-unitless: 48;
|
|
167
|
+
--puck-font-size-xxxxl-unitless: 56;
|
|
168
|
+
--puck-font-size-xxxs: calc( 1rem * var(--puck-font-size-xxxs-unitless) / 16 );
|
|
169
|
+
--puck-font-size-xxs: calc(1rem * var(--puck-font-size-xxs-unitless) / 16);
|
|
170
|
+
--puck-font-size-xs: calc(1rem * var(--puck-font-size-xs-unitless) / 16);
|
|
171
|
+
--puck-font-size-s: calc(1rem * var(--puck-font-size-s-unitless) / 16);
|
|
172
|
+
--puck-font-size-m: calc(1rem * var(--puck-font-size-m-unitless) / 16);
|
|
173
|
+
--puck-font-size-l: calc(1rem * var(--puck-font-size-l-unitless) / 16);
|
|
174
|
+
--puck-font-size-xl: calc(1rem * var(--puck-font-size-xl-unitless) / 16);
|
|
175
|
+
--puck-font-size-xxl: calc(1rem * var(--puck-font-size-xxl-unitless) / 16);
|
|
176
|
+
--puck-font-size-xxxl: calc( 1rem * var(--puck-font-size-xxxl-unitless) / 16 );
|
|
177
|
+
--puck-font-size-xxxxl: calc( 1rem * var(--puck-font-size-xxxxl-unitless) / 16 );
|
|
178
|
+
--puck-font-size-base: var(--puck-font-size-xs);
|
|
179
|
+
--puck-line-height-reset: 1;
|
|
180
|
+
--puck-line-height-xs: calc( var(--puck-space-m-unitless) / var(--puck-font-size-m-unitless) );
|
|
181
|
+
--puck-line-height-s: calc( var(--puck-space-m-unitless) / var(--puck-font-size-s-unitless) );
|
|
182
|
+
--puck-line-height-m: calc( var(--puck-space-m-unitless) / var(--puck-font-size-xs-unitless) );
|
|
183
|
+
--puck-line-height-l: calc( var(--puck-space-m-unitless) / var(--puck-font-size-xxs-unitless) );
|
|
184
|
+
--puck-line-height-xl: calc( var(--puck-space-m-unitless) / var(--puck-font-size-scale-base-unitless) );
|
|
185
|
+
--puck-line-height-base: var(--puck-line-height-m);
|
|
186
|
+
--puck-fallback-font-stack:
|
|
187
|
+
-apple-system,
|
|
188
|
+
BlinkMacSystemFont,
|
|
189
|
+
Segoe UI,
|
|
190
|
+
Helvetica Neue,
|
|
191
|
+
sans-serif,
|
|
192
|
+
Apple Color Emoji,
|
|
193
|
+
Segoe UI Emoji,
|
|
194
|
+
Segoe UI Symbol;
|
|
195
|
+
--puck-font-family: Inter, var(--puck-fallback-font-stack);
|
|
196
|
+
--puck-font-family-monospaced:
|
|
197
|
+
ui-monospace,
|
|
198
|
+
"Cascadia Code",
|
|
199
|
+
"Source Code Pro",
|
|
200
|
+
Menlo,
|
|
201
|
+
Consolas,
|
|
202
|
+
"DejaVu Sans Mono",
|
|
203
|
+
monospace;
|
|
204
|
+
}
|
|
205
|
+
@supports (font-variation-settings: normal) {
|
|
206
|
+
:root {
|
|
207
|
+
--puck-font-family: InterVariable, var(--puck-fallback-font-stack);
|
|
208
|
+
}
|
|
132
209
|
}
|
|
133
210
|
}
|
|
134
211
|
|
|
135
212
|
/* bundle/core.css */
|
|
213
|
+
:root {
|
|
214
|
+
--_puck-styles-loaded: "true";
|
|
215
|
+
}
|
|
136
216
|
#frame-root {
|
|
137
217
|
height: 1px;
|
|
138
218
|
min-height: 100vh;
|
|
@@ -145,243 +225,276 @@
|
|
|
145
225
|
/* bundle/no-external.css */
|
|
146
226
|
|
|
147
227
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */
|
|
148
|
-
.
|
|
228
|
+
._ActionBar_5vdfr_1 {
|
|
149
229
|
align-items: center;
|
|
150
230
|
cursor: default;
|
|
151
231
|
display: flex;
|
|
152
232
|
width: auto;
|
|
153
|
-
padding:
|
|
154
|
-
padding-
|
|
155
|
-
padding-inline-
|
|
156
|
-
|
|
157
|
-
border-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
color: var(--puck-color-white);
|
|
233
|
+
padding-top: var(--puck-actionbar-space-y, var(--puck-space-1));
|
|
234
|
+
padding-bottom: var(--puck-actionbar-space-y, var(--puck-space-1));
|
|
235
|
+
padding-inline-start: var(--puck-actionbar-space-x, 0);
|
|
236
|
+
padding-inline-end: var(--puck-actionbar-space-x, 0);
|
|
237
|
+
border-radius: var(--puck-actionbar-radius, var(--puck-radius-l));
|
|
238
|
+
background: var(--puck-actionbar-color-bg, var(--puck-color-surface-inverse));
|
|
239
|
+
color: var(--puck-color-text-inverse);
|
|
161
240
|
font-family: var(--puck-font-family);
|
|
162
241
|
min-height: 26px;
|
|
163
242
|
}
|
|
164
|
-
._ActionBar-
|
|
165
|
-
color: var(--puck-color-
|
|
166
|
-
font-size: var(--puck-font-size-xxxs);
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
padding-inline-
|
|
170
|
-
|
|
171
|
-
margin-inline-
|
|
243
|
+
._ActionBar-label_5vdfr_17 {
|
|
244
|
+
color: var(--puck-actionbar-color-text, var(--puck-color-text-inverse));
|
|
245
|
+
font-size: var(--puck-actionbar-font-size, var(--puck-font-size-xxxs));
|
|
246
|
+
opacity: var(--puck-actionbar-opacity-text, var(--puck-opacity-text-inverse));
|
|
247
|
+
font-weight: var(--puck-font-weight-medium);
|
|
248
|
+
padding-inline-start: var(--puck-space-2);
|
|
249
|
+
padding-inline-end: var(--puck-space-2);
|
|
250
|
+
margin-inline-start: var(--puck-space-1);
|
|
251
|
+
margin-inline-end: var(--puck-space-1);
|
|
172
252
|
text-overflow: ellipsis;
|
|
173
253
|
white-space: nowrap;
|
|
174
254
|
}
|
|
175
|
-
.
|
|
255
|
+
._ActionBarAction_5vdfr_30 + ._ActionBar-label_5vdfr_17 {
|
|
176
256
|
padding-inline-start: 0;
|
|
177
257
|
}
|
|
178
|
-
._ActionBar-
|
|
179
|
-
margin-inline-start: -
|
|
258
|
+
._ActionBar-label_5vdfr_17 + ._ActionBarAction_5vdfr_30 {
|
|
259
|
+
margin-inline-start: calc(var(--puck-space-1) * -1);
|
|
180
260
|
}
|
|
181
|
-
._ActionBar-
|
|
261
|
+
._ActionBar-group_5vdfr_38 {
|
|
182
262
|
align-items: center;
|
|
183
|
-
border-inline-start:
|
|
263
|
+
border-inline-start: var(--puck-border-width-hairline) solid var(--puck-actionbar-color-separator, var(--puck-color-border-inverse));
|
|
184
264
|
display: flex;
|
|
185
265
|
height: 100%;
|
|
186
|
-
padding-inline-start:
|
|
187
|
-
padding-inline-end:
|
|
266
|
+
padding-inline-start: var(--puck-space-1);
|
|
267
|
+
padding-inline-end: var(--puck-space-1);
|
|
188
268
|
}
|
|
189
|
-
._ActionBar-
|
|
269
|
+
._ActionBar-group_5vdfr_38:first-of-type {
|
|
190
270
|
border-inline-start: 0;
|
|
191
271
|
}
|
|
192
|
-
._ActionBar-
|
|
272
|
+
._ActionBar-group_5vdfr_38:empty {
|
|
193
273
|
display: none;
|
|
194
274
|
}
|
|
195
|
-
.
|
|
275
|
+
._ActionBarAction_5vdfr_30 {
|
|
196
276
|
background: transparent;
|
|
197
277
|
border: none;
|
|
198
|
-
color: var(--puck-color-
|
|
278
|
+
color: var(--puck-actionbar-color-text, var(--puck-color-text-inverse));
|
|
199
279
|
cursor: pointer;
|
|
200
|
-
padding: 6px;
|
|
201
|
-
margin-inline-start:
|
|
202
|
-
margin-inline-end:
|
|
203
|
-
border-radius:
|
|
280
|
+
padding: var(--puck-actionbar-action-space, 6px);
|
|
281
|
+
margin-inline-start: var(--puck-space-1);
|
|
282
|
+
margin-inline-end: var(--puck-space-1);
|
|
283
|
+
border-radius: var(--puck-radius-m);
|
|
204
284
|
overflow: hidden;
|
|
205
285
|
display: flex;
|
|
206
286
|
align-items: center;
|
|
207
287
|
justify-content: center;
|
|
208
|
-
|
|
288
|
+
opacity: var(--puck-actionbar-opacity-text, var(--puck-opacity-text-inverse));
|
|
289
|
+
transition: color var(--puck-duration-fast) var(--puck-ease-exit), opacity var(--puck-duration-fast) var(--puck-ease-exit);
|
|
209
290
|
}
|
|
210
|
-
._ActionBarAction--
|
|
291
|
+
._ActionBarAction--disabled_5vdfr_74 {
|
|
211
292
|
cursor: auto;
|
|
212
|
-
color: var(--puck-color-
|
|
293
|
+
color: var( --puck-actionbar-color-action-disabled, var(--puck-color-text-inverse) );
|
|
294
|
+
opacity: var(--puck-actionbar-opacity-action-disabled, 0.54);
|
|
213
295
|
}
|
|
214
|
-
.
|
|
296
|
+
._ActionBarAction_5vdfr_30 svg {
|
|
215
297
|
max-width: none !important;
|
|
216
298
|
}
|
|
217
|
-
.
|
|
218
|
-
outline:
|
|
219
|
-
outline-offset: -
|
|
299
|
+
._ActionBarAction_5vdfr_30:focus-visible {
|
|
300
|
+
outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
|
|
301
|
+
outline-offset: calc(var(--puck-border-width-focus) * -1);
|
|
220
302
|
}
|
|
221
303
|
@media (hover: hover) and (pointer: fine) {
|
|
222
|
-
.
|
|
223
|
-
color: var(--puck-color-
|
|
304
|
+
._ActionBarAction_5vdfr_30:hover:not(._ActionBarAction--disabled_5vdfr_74) {
|
|
305
|
+
color: var( --puck-actionbar-color-action-hover, var(--puck-color-interactive-inverse-hover) );
|
|
306
|
+
opacity: 1;
|
|
224
307
|
transition: none;
|
|
225
308
|
}
|
|
226
309
|
}
|
|
227
|
-
.
|
|
228
|
-
._ActionBarAction--
|
|
229
|
-
color: var(--puck-color-
|
|
310
|
+
._ActionBarAction_5vdfr_30:active:not(._ActionBarAction--disabled_5vdfr_74),
|
|
311
|
+
._ActionBarAction--active_5vdfr_104 {
|
|
312
|
+
color: var( --puck-actionbar-color-action-active, var(--puck-color-interactive-inverse-active) );
|
|
313
|
+
opacity: 1;
|
|
230
314
|
transition: none;
|
|
231
315
|
}
|
|
232
|
-
._ActionBar-
|
|
316
|
+
._ActionBar-group_5vdfr_38 * {
|
|
233
317
|
margin: 0;
|
|
234
318
|
}
|
|
235
|
-
._ActionBar-
|
|
236
|
-
background: var(--puck-color-
|
|
237
|
-
margin-inline:
|
|
238
|
-
width:
|
|
319
|
+
._ActionBar-separator_5vdfr_117 {
|
|
320
|
+
background: var( --puck-actionbar-color-separator, var(--puck-color-border-inverse) );
|
|
321
|
+
margin-inline: var(--puck-space-1);
|
|
322
|
+
width: var( --puck-border-width-hairline );
|
|
239
323
|
height: 100%;
|
|
240
324
|
}
|
|
241
325
|
|
|
242
326
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css/#css-module-data */
|
|
243
|
-
.
|
|
244
|
-
margin-top:
|
|
327
|
+
._InputWrapper_qyenz_1 + ._InputWrapper_qyenz_1 {
|
|
328
|
+
margin-top: var(--puck-space-3);
|
|
245
329
|
}
|
|
246
|
-
._Input-
|
|
330
|
+
._Input-label_qyenz_5 {
|
|
247
331
|
align-items: center;
|
|
248
|
-
color: var(--puck-color-
|
|
332
|
+
color: var(--puck-field-label-color-text, var(--puck-color-text-secondary));
|
|
249
333
|
display: flex;
|
|
250
|
-
padding-bottom:
|
|
251
|
-
font-size: var(--puck-font-size-xxs);
|
|
252
|
-
font-weight:
|
|
334
|
+
padding-bottom: var(--puck-field-label-space-y, var(--puck-space-3));
|
|
335
|
+
font-size: var(--puck-field-label-font-size, var(--puck-font-size-xxs));
|
|
336
|
+
font-weight: var( --puck-field-label-font-weight, var(--puck-font-weight-semibold) );
|
|
253
337
|
}
|
|
254
|
-
._Input-
|
|
255
|
-
color: var(--puck-color-
|
|
338
|
+
._Input-labelIcon_qyenz_17 {
|
|
339
|
+
color: var(--puck-field-label-color-icon, var(--puck-color-text-subtle));
|
|
256
340
|
display: flex;
|
|
257
|
-
margin-inline-end:
|
|
258
|
-
padding-inline-start:
|
|
341
|
+
margin-inline-end: var(--puck-space-1);
|
|
342
|
+
padding-inline-start: var(--puck-space-1);
|
|
259
343
|
}
|
|
260
|
-
._Input-
|
|
261
|
-
color: var(--puck-color-
|
|
344
|
+
._Input-disabledIcon_qyenz_24 {
|
|
345
|
+
color: var(--puck-color-text-muted);
|
|
262
346
|
margin-inline-start: auto;
|
|
263
347
|
}
|
|
264
|
-
._Input-
|
|
265
|
-
background: var(--puck-color-
|
|
266
|
-
border-width:
|
|
348
|
+
._Input-input_qyenz_29 {
|
|
349
|
+
background: var(--puck-field-color-bg, var(--puck-color-surface));
|
|
350
|
+
border-width: var( --puck-field-border-width, var(--puck-border-width-regular) );
|
|
267
351
|
border-style: solid;
|
|
268
|
-
border-color: var(--puck-color-
|
|
269
|
-
border-radius:
|
|
352
|
+
border-color: var(--puck-field-color-border, var(--puck-color-border));
|
|
353
|
+
border-radius: var(--puck-field-radius, var(--puck-radius-m));
|
|
270
354
|
box-sizing: border-box;
|
|
355
|
+
color: var(--puck-field-color-text, var(--puck-color-text));
|
|
271
356
|
font-family: inherit;
|
|
272
|
-
font-size:
|
|
273
|
-
padding:
|
|
274
|
-
transition: border-color
|
|
357
|
+
font-size: var(--puck-font-size-xs);
|
|
358
|
+
padding: var(--puck-field-space-y, var(--puck-space-3)) var( --puck-field-space-x, calc( var(--puck-space-4) - var(--puck-field-border-width, var(--puck-border-width-regular)) ) );
|
|
359
|
+
transition: border-color var(--puck-duration-fast) var(--puck-ease-exit);
|
|
275
360
|
width: 100%;
|
|
276
361
|
max-width: 100%;
|
|
277
362
|
}
|
|
278
363
|
@media (min-width: 458px) {
|
|
279
|
-
._Input-
|
|
280
|
-
font-size:
|
|
364
|
+
._Input-input_qyenz_29 {
|
|
365
|
+
font-size: var(--puck-field-font-size, var(--puck-font-size-xxs));
|
|
281
366
|
}
|
|
282
367
|
}
|
|
283
|
-
|
|
368
|
+
._Input-select_qyenz_61 {
|
|
369
|
+
position: relative;
|
|
370
|
+
width: 100%;
|
|
371
|
+
}
|
|
372
|
+
select._Input-input_qyenz_29 {
|
|
284
373
|
appearance: none;
|
|
285
|
-
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
|
|
286
|
-
background-size: 12px;
|
|
287
|
-
background-position: calc(100% - 12px) calc(50% + 3px);
|
|
288
|
-
background-repeat: no-repeat;
|
|
289
|
-
background-color: var(--puck-color-white);
|
|
290
374
|
cursor: pointer;
|
|
291
375
|
}
|
|
292
|
-
|
|
293
|
-
|
|
376
|
+
._Input-selectIcon_qyenz_71 {
|
|
377
|
+
position: absolute;
|
|
378
|
+
right: 12px;
|
|
379
|
+
top: 50%;
|
|
380
|
+
transform: translateY(-50%);
|
|
381
|
+
pointer-events: none;
|
|
382
|
+
fill: var(--puck-field-color-border, var(--puck-color-border));
|
|
383
|
+
stroke-width: 0;
|
|
384
|
+
}
|
|
385
|
+
._Input-selectIcon_qyenz_71:dir(rtl) {
|
|
386
|
+
right: auto;
|
|
387
|
+
left: 12px;
|
|
294
388
|
}
|
|
295
389
|
@media (hover: hover) and (pointer: fine) {
|
|
296
|
-
.
|
|
297
|
-
.
|
|
298
|
-
border-color: var(--puck-color-
|
|
390
|
+
._Input_qyenz_1:has(> input):hover ._Input-input_qyenz_29:not([readonly]),
|
|
391
|
+
._Input_qyenz_1:has(> textarea):hover ._Input-input_qyenz_29:not([readonly]) {
|
|
392
|
+
border-color: var( --puck-field-color-border-hover, var(--puck-color-border-hover) );
|
|
299
393
|
transition: none;
|
|
300
394
|
}
|
|
301
|
-
.
|
|
302
|
-
|
|
303
|
-
background-
|
|
304
|
-
border-color: var(--puck-color-
|
|
395
|
+
._Input_qyenz_1:has(> ._Input-select_qyenz_61):hover ._Input-input_qyenz_29:not([disabled]) {
|
|
396
|
+
color: var( --puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)) );
|
|
397
|
+
background-color: var( --puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover) );
|
|
398
|
+
border-color: var( --puck-field-color-border-hover, var(--puck-color-border-hover) );
|
|
305
399
|
transition: none;
|
|
306
400
|
}
|
|
401
|
+
._Input_qyenz_1:not(._Input--readOnly_qyenz_111):has(> ._Input-select_qyenz_61):hover ._Input-selectIcon_qyenz_71 {
|
|
402
|
+
fill: var(--puck-field-color-border-hover, var(--puck-color-border-hover));
|
|
403
|
+
}
|
|
307
404
|
}
|
|
308
|
-
._Input-
|
|
309
|
-
border-color: var(--puck-color-
|
|
310
|
-
outline:
|
|
405
|
+
._Input-input_qyenz_29:focus {
|
|
406
|
+
border-color: var( --puck-field-color-border-hover, var(--puck-color-border-hover) );
|
|
407
|
+
outline: var(--puck-border-width-focus) solid var(--puck-field-color-border-focus, var(--puck-color-focus-ring));
|
|
311
408
|
transition: none;
|
|
312
409
|
}
|
|
313
|
-
._Input--
|
|
314
|
-
._Input--
|
|
315
|
-
background-color: var(--puck-color-
|
|
316
|
-
border-color: var(--puck-color-
|
|
317
|
-
color: var(--puck-color-
|
|
410
|
+
._Input--readOnly_qyenz_111 > ._Input-input_qyenz_29,
|
|
411
|
+
._Input--readOnly_qyenz_111 > ._Input-select_qyenz_61 > select._Input-input_qyenz_29 {
|
|
412
|
+
background-color: var( --puck-field-color-bg-disabled, var(--puck-color-surface-muted) );
|
|
413
|
+
border-color: var( --puck-field-color-border-disabled, var(--puck-color-border) );
|
|
414
|
+
color: var( --puck-field-color-text-disabled, var(--puck-color-text-secondary) );
|
|
318
415
|
cursor: default;
|
|
319
416
|
opacity: 1;
|
|
320
417
|
outline: 0;
|
|
321
418
|
transition: none;
|
|
322
419
|
}
|
|
323
|
-
._Input-
|
|
420
|
+
._Input--readOnly_qyenz_111 > ._Input-select_qyenz_61 > select._Input-input_qyenz_29 ~ ._Input-selectIcon_qyenz_71 {
|
|
421
|
+
fill: var(--puck-field-color-text-disabled, var(--puck-color-text-secondary));
|
|
422
|
+
}
|
|
423
|
+
._Input-radioGroupItems_qyenz_150 {
|
|
424
|
+
--_puck-field-radio-radius: var(--puck-field-radius, var(--puck-radius-m));
|
|
425
|
+
--_puck-field-radio-border-width: var( --puck-field-border-width, var(--puck-border-width-regular) );
|
|
426
|
+
--_puck-field-radio-border-color: var( --puck-field-color-border, var(--puck-color-border) );
|
|
324
427
|
display: flex;
|
|
325
|
-
border:
|
|
326
|
-
border-radius:
|
|
428
|
+
border: var(--_puck-field-radio-border-width) solid var(--_puck-field-radio-border-color);
|
|
429
|
+
border-radius: var(--_puck-field-radio-radius);
|
|
327
430
|
flex-wrap: wrap;
|
|
328
431
|
}
|
|
329
|
-
._Input-
|
|
330
|
-
border-inline-end:
|
|
432
|
+
._Input-radio_qyenz_150 {
|
|
433
|
+
border-inline-end: var(--_puck-field-radio-border-width) solid var(--_puck-field-radio-border-color);
|
|
331
434
|
flex-grow: 1;
|
|
332
435
|
}
|
|
333
|
-
._Input-
|
|
334
|
-
border-bottom-left-radius:
|
|
335
|
-
border-top-left-radius:
|
|
436
|
+
._Input-radio_qyenz_150:first-of-type {
|
|
437
|
+
border-bottom-left-radius: var(--_puck-field-radio-radius);
|
|
438
|
+
border-top-left-radius: var(--_puck-field-radio-radius);
|
|
336
439
|
}
|
|
337
|
-
._Input-
|
|
338
|
-
border-bottom-left-radius:
|
|
339
|
-
border-top-left-radius:
|
|
440
|
+
._Input-radio_qyenz_150:first-of-type ._Input-radioInner_qyenz_179 {
|
|
441
|
+
border-bottom-left-radius: calc(var(--_puck-field-radio-radius) - var(--_puck-field-radio-border-width));
|
|
442
|
+
border-top-left-radius: calc(var(--_puck-field-radio-radius) - var(--_puck-field-radio-border-width));
|
|
340
443
|
}
|
|
341
|
-
._Input-
|
|
342
|
-
border-bottom-right-radius:
|
|
444
|
+
._Input-radio_qyenz_150:last-of-type {
|
|
445
|
+
border-bottom-right-radius: var(--_puck-field-radio-radius);
|
|
343
446
|
border-inline-end: 0;
|
|
344
|
-
border-top-right-radius:
|
|
447
|
+
border-top-right-radius: var(--_puck-field-radio-radius);
|
|
345
448
|
}
|
|
346
|
-
._Input-
|
|
347
|
-
border-bottom-right-radius:
|
|
348
|
-
border-top-right-radius:
|
|
449
|
+
._Input-radio_qyenz_150:last-of-type ._Input-radioInner_qyenz_179 {
|
|
450
|
+
border-bottom-right-radius: calc(var(--_puck-field-radio-radius) - var(--_puck-field-radio-border-width));
|
|
451
|
+
border-top-right-radius: calc(var(--_puck-field-radio-radius) - var(--_puck-field-radio-border-width));
|
|
349
452
|
}
|
|
350
|
-
._Input-
|
|
351
|
-
background-color: var(--puck-color-
|
|
352
|
-
color: var(--puck-color-
|
|
453
|
+
._Input-radioInner_qyenz_179 {
|
|
454
|
+
background-color: var(--puck-field-color-bg, var(--puck-color-surface));
|
|
455
|
+
color: var(--puck-field-color-text, var(--puck-color-text));
|
|
353
456
|
cursor: pointer;
|
|
354
|
-
font-size: var(--puck-font-size-
|
|
355
|
-
padding:
|
|
457
|
+
font-size: var(--puck-field-font-size, var(--puck-font-size-xxs));
|
|
458
|
+
padding: var(--puck-field-space-y, var(--puck-space-3)) var( --puck-field-space-x, calc(var(--puck-space-4) - var(--_puck-field-radio-border-width)) );
|
|
356
459
|
text-align: center;
|
|
357
|
-
transition: background-color
|
|
460
|
+
transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);
|
|
358
461
|
}
|
|
359
|
-
._Input-
|
|
360
|
-
outline:
|
|
361
|
-
outline-offset:
|
|
462
|
+
._Input-radio_qyenz_150:has(:focus-visible) {
|
|
463
|
+
outline: var(--puck-border-width-focus) solid var(--puck-field-color-border-focus, var(--puck-color-focus-ring));
|
|
464
|
+
outline-offset: var(--puck-border-width-focus);
|
|
362
465
|
position: relative;
|
|
363
466
|
}
|
|
364
467
|
@media (hover: hover) and (pointer: fine) {
|
|
365
|
-
._Input-
|
|
366
|
-
background-color: var(--puck-color-
|
|
468
|
+
._Input-radioInner_qyenz_179:hover {
|
|
469
|
+
background-color: var( --puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover) );
|
|
470
|
+
color: var( --puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)) );
|
|
367
471
|
transition: none;
|
|
368
472
|
}
|
|
369
473
|
}
|
|
370
|
-
._Input--
|
|
371
|
-
|
|
372
|
-
|
|
474
|
+
._Input--readOnly_qyenz_111 ._Input-radioGroupItems_qyenz_150 {
|
|
475
|
+
border-color: var( --puck-field-color-border-disabled, var(--puck-color-border) );
|
|
476
|
+
}
|
|
477
|
+
._Input--readOnly_qyenz_111 ._Input-radioInner_qyenz_179 {
|
|
478
|
+
background-color: var(--puck-field-color-bg, var(--puck-color-surface));
|
|
479
|
+
color: var(--puck-field-color-text, var(--puck-color-text-secondary));
|
|
373
480
|
cursor: default;
|
|
374
481
|
}
|
|
375
|
-
._Input
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
482
|
+
._Input--readOnly_qyenz_111 ._Input-radio_qyenz_150 {
|
|
483
|
+
border-inline-end: var(--_puck-field-radio-border-width) solid var(--puck-field-color-border-disabled, var(--puck-color-border));
|
|
484
|
+
}
|
|
485
|
+
._Input--readOnly_qyenz_111 ._Input-radio_qyenz_150:last-of-type {
|
|
486
|
+
border-inline-end: 0;
|
|
379
487
|
}
|
|
380
|
-
._Input
|
|
381
|
-
background-color: var(--puck-color-
|
|
382
|
-
color: var(--puck-color-
|
|
488
|
+
._Input-radio_qyenz_150 ._Input-radioInput_qyenz_261:checked ~ ._Input-radioInner_qyenz_179 {
|
|
489
|
+
background-color: var( --puck-field-color-bg-active, var(--puck-color-interactive-soft) );
|
|
490
|
+
color: var(--puck-field-color-text-active, var(--puck-color-interactive));
|
|
491
|
+
font-weight: var(--puck-font-weight-medium);
|
|
383
492
|
}
|
|
384
|
-
._Input-
|
|
493
|
+
._Input--readOnly_qyenz_111 ._Input-radioInput_qyenz_261:checked ~ ._Input-radioInner_qyenz_179 {
|
|
494
|
+
background-color: var( --puck-field-color-bg-disabled, var(--puck-color-surface-muted) );
|
|
495
|
+
color: var( --puck-field-color-text-disabled, var(--puck-color-text-secondary) );
|
|
496
|
+
}
|
|
497
|
+
._Input-radio_qyenz_150 ._Input-radioInput_qyenz_261 {
|
|
385
498
|
clip: rect(0 0 0 0);
|
|
386
499
|
clip-path: inset(100%);
|
|
387
500
|
height: 1px;
|
|
@@ -390,219 +503,214 @@ select._Input-input_bsxfo_26:dir(rtl) {
|
|
|
390
503
|
white-space: nowrap;
|
|
391
504
|
width: 1px;
|
|
392
505
|
}
|
|
393
|
-
textarea._Input-
|
|
394
|
-
margin-bottom: -
|
|
506
|
+
textarea._Input-input_qyenz_29 {
|
|
507
|
+
margin-bottom: calc(var(--puck-space-1) * -1);
|
|
395
508
|
}
|
|
396
509
|
|
|
397
510
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/fields/ArrayField/styles.module.css/#css-module-data */
|
|
398
|
-
.
|
|
511
|
+
._ArrayField_62huh_5 {
|
|
512
|
+
--_puck-field-array-border-color: var( --puck-field-color-border, var(--puck-color-border) );
|
|
513
|
+
--_puck-field-array-border-width: var( --puck-field-border-width, var(--puck-border-width-regular) );
|
|
514
|
+
--_puck-field-array-radius: var(--puck-field-radius, var(--puck-radius-m));
|
|
515
|
+
--_puck-field-array-radius-inner: calc( var(--_puck-field-array-radius) - var(--_puck-field-array-border-width) );
|
|
399
516
|
display: flex;
|
|
400
517
|
flex-direction: column;
|
|
401
|
-
background: var(--puck-color-
|
|
402
|
-
border:
|
|
403
|
-
border-radius:
|
|
518
|
+
background: var( --puck-field-color-bg-active, var(--puck-color-interactive-soft) );
|
|
519
|
+
border: var(--_puck-field-array-border-width) solid var(--_puck-field-array-border-color);
|
|
520
|
+
border-radius: var(--_puck-field-array-radius);
|
|
404
521
|
}
|
|
405
|
-
._ArrayField--
|
|
406
|
-
background-color: var(--puck-color-
|
|
522
|
+
._ArrayField--isDraggingFrom_62huh_30 {
|
|
523
|
+
background-color: var( --puck-field-color-bg-active, var(--puck-color-interactive-soft) );
|
|
407
524
|
overflow: hidden;
|
|
408
525
|
}
|
|
409
|
-
._ArrayField-
|
|
410
|
-
background-color: var(--puck-color-
|
|
526
|
+
._ArrayField-addButton_62huh_38 {
|
|
527
|
+
background-color: var(--puck-field-color-bg, var(--puck-color-surface));
|
|
411
528
|
border: none;
|
|
412
|
-
border-radius:
|
|
529
|
+
border-radius: var(--_puck-field-array-radius-inner);
|
|
413
530
|
display: flex;
|
|
414
|
-
color: var(--puck-color-
|
|
531
|
+
color: var(--puck-field-array-add-color-icon, var(--puck-color-interactive));
|
|
415
532
|
justify-content: center;
|
|
416
533
|
cursor: pointer;
|
|
417
534
|
width: 100%;
|
|
418
535
|
margin: 0;
|
|
419
|
-
padding:
|
|
536
|
+
padding: calc(var(--puck-field-space-y, var(--puck-space-3)) + 2px) var( --puck-field-space-x, calc(var(--puck-space-4) - var(--_puck-field-array-border-width)) );
|
|
420
537
|
text-align: left;
|
|
421
|
-
transition: background-color
|
|
538
|
+
transition: background-color var(--puck-duration-fast) var(--puck-ease-exit);
|
|
422
539
|
}
|
|
423
|
-
._ArrayField--
|
|
424
|
-
border-top:
|
|
540
|
+
._ArrayField--hasItems_62huh_58 > ._ArrayField-addButton_62huh_38 {
|
|
541
|
+
border-top: var(--_puck-field-array-border-width) solid var(--_puck-field-array-border-color);
|
|
425
542
|
border-top-left-radius: 0;
|
|
426
543
|
border-top-right-radius: 0;
|
|
427
544
|
}
|
|
428
|
-
._ArrayField-
|
|
429
|
-
outline:
|
|
430
|
-
outline-offset:
|
|
545
|
+
._ArrayField-addButton_62huh_38:focus-visible {
|
|
546
|
+
outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
|
|
547
|
+
outline-offset: var(--puck-border-width-focus);
|
|
431
548
|
position: relative;
|
|
432
549
|
}
|
|
433
550
|
@media (hover: hover) and (pointer: fine) {
|
|
434
|
-
.
|
|
435
|
-
background: var(--puck-color-
|
|
436
|
-
color: var(--puck-color-
|
|
551
|
+
._ArrayField_62huh_5:not(._ArrayField--isDraggingFrom_62huh_30) > ._ArrayField-addButton_62huh_38:hover {
|
|
552
|
+
background: var( --puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover) );
|
|
553
|
+
color: var( --puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)) );
|
|
437
554
|
transition: none;
|
|
438
555
|
}
|
|
439
556
|
}
|
|
440
|
-
.
|
|
441
|
-
background: var(--puck-color-
|
|
442
|
-
color: var(--puck-color-azure-04);
|
|
557
|
+
._ArrayField_62huh_5:not(._ArrayField--isDraggingFrom_62huh_30) > ._ArrayField-addButton_62huh_38:active {
|
|
558
|
+
background: var( --puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover) );
|
|
443
559
|
transition: none;
|
|
444
560
|
}
|
|
445
|
-
._ArrayField-
|
|
561
|
+
._ArrayField-inner_62huh_93 {
|
|
446
562
|
margin-top: -1px;
|
|
447
563
|
}
|
|
448
|
-
.
|
|
449
|
-
border-top-left-radius: 3px;
|
|
450
|
-
border-top-right-radius: 3px;
|
|
564
|
+
._ArrayFieldItem_62huh_101 {
|
|
451
565
|
display: block;
|
|
452
566
|
position: relative;
|
|
567
|
+
border-top-left-radius: var(--_puck-field-array-radius-inner);
|
|
568
|
+
border-top-right-radius: var(--_puck-field-array-radius-inner);
|
|
569
|
+
border-top: var(--_puck-field-array-border-width) solid var(--_puck-field-array-border-color);
|
|
453
570
|
}
|
|
454
|
-
.
|
|
455
|
-
border-top: 1px solid var(--puck-color-grey-09);
|
|
456
|
-
}
|
|
457
|
-
._ArrayFieldItem--isDragging_1vaho_78 {
|
|
571
|
+
._ArrayFieldItem--isDragging_62huh_110 {
|
|
458
572
|
border-top: transparent;
|
|
459
573
|
}
|
|
460
|
-
._ArrayFieldItem--
|
|
574
|
+
._ArrayFieldItem--isExpanded_62huh_114::before {
|
|
461
575
|
display: none;
|
|
462
576
|
}
|
|
463
|
-
._ArrayFieldItem--
|
|
577
|
+
._ArrayFieldItem--isExpanded_62huh_114 {
|
|
464
578
|
border-bottom: 0;
|
|
465
579
|
outline-offset: 0px !important;
|
|
466
|
-
outline:
|
|
580
|
+
outline: var(--_puck-field-array-border-width) solid var(--puck-field-color-border-focus, var(--puck-color-focus-ring)) !important;
|
|
467
581
|
z-index: 2;
|
|
468
582
|
}
|
|
469
|
-
._ArrayFieldItem--
|
|
470
|
-
outline:
|
|
583
|
+
._ArrayFieldItem--isDragging_62huh_110 {
|
|
584
|
+
outline: var(--puck-border-width-focus) var(--puck-field-color-border-dragging, var(--puck-color-selection-border)) solid !important;
|
|
471
585
|
}
|
|
472
|
-
._ArrayFieldItem--
|
|
473
|
-
background-color: var(--puck-color-
|
|
586
|
+
._ArrayFieldItem--isDragging_62huh_110 ._ArrayFieldItem-summary_62huh_132:active {
|
|
587
|
+
background-color: var(--puck-field-color-bg, var(--puck-color-surface));
|
|
474
588
|
}
|
|
475
|
-
.
|
|
589
|
+
._ArrayFieldItem_62huh_101 + ._ArrayFieldItem_62huh_101 {
|
|
476
590
|
border-top-left-radius: 0;
|
|
477
591
|
border-top-right-radius: 0;
|
|
478
592
|
}
|
|
479
|
-
._ArrayFieldItem-
|
|
480
|
-
|
|
481
|
-
color: var(--puck-color-
|
|
593
|
+
._ArrayFieldItem-summary_62huh_132 {
|
|
594
|
+
--_puck-drag-icon-color: var(--puck-field-color-text, var(--puck-color-text));
|
|
595
|
+
--_puck-drag-icon-color-hover: var( --puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)) );
|
|
596
|
+
background: var(--puck-field-color-bg, var(--puck-color-surface));
|
|
597
|
+
color: var(--puck-field-color-text, var(--puck-color-text));
|
|
482
598
|
cursor: pointer;
|
|
483
599
|
display: flex;
|
|
484
600
|
align-items: center;
|
|
485
601
|
gap: 2px;
|
|
486
602
|
justify-content: space-between;
|
|
487
|
-
font-size: var(--puck-font-size-xxs);
|
|
603
|
+
font-size: var(--puck-field-font-size, var(--puck-font-size-xxs));
|
|
488
604
|
list-style: none;
|
|
489
|
-
padding:
|
|
605
|
+
padding: var(--puck-field-space-y, var(--puck-space-3)) var( --puck-field-space-x, calc(var(--puck-space-4) - var(--_puck-field-array-border-width)) );
|
|
490
606
|
position: relative;
|
|
491
607
|
overflow: hidden;
|
|
492
|
-
transition: background-color
|
|
608
|
+
transition: background-color var(--puck-duration-fast) var(--puck-ease-exit);
|
|
493
609
|
}
|
|
494
|
-
._ArrayFieldItem--
|
|
610
|
+
._ArrayFieldItem--noFields_62huh_167 > ._ArrayFieldItem-summary_62huh_132 {
|
|
495
611
|
cursor: grab;
|
|
496
612
|
}
|
|
497
|
-
.
|
|
498
|
-
border-top-left-radius:
|
|
499
|
-
border-top-right-radius:
|
|
613
|
+
._ArrayFieldItem_62huh_101:first-of-type > ._ArrayFieldItem-summary_62huh_132 {
|
|
614
|
+
border-top-left-radius: var(--_puck-field-array-radius-inner);
|
|
615
|
+
border-top-right-radius: var(--_puck-field-array-radius-inner);
|
|
500
616
|
}
|
|
501
|
-
._ArrayField--
|
|
502
|
-
border-bottom-left-radius:
|
|
503
|
-
border-bottom-right-radius:
|
|
617
|
+
._ArrayField--addDisabled_62huh_176 > ._ArrayField-inner_62huh_93 > ._ArrayFieldItem_62huh_101:last-of-type:not(._ArrayFieldItem--isExpanded_62huh_114) > ._ArrayFieldItem-summary_62huh_132 {
|
|
618
|
+
border-bottom-left-radius: var(--_puck-field-array-radius-inner);
|
|
619
|
+
border-bottom-right-radius: var(--_puck-field-array-radius-inner);
|
|
504
620
|
}
|
|
505
|
-
._ArrayField--
|
|
506
|
-
border-bottom-left-radius:
|
|
507
|
-
border-bottom-right-radius:
|
|
621
|
+
._ArrayField--addDisabled_62huh_176 > ._ArrayField-inner_62huh_93 > ._ArrayFieldItem--isExpanded_62huh_114:last-of-type {
|
|
622
|
+
border-bottom-left-radius: var(--_puck-field-array-radius-inner);
|
|
623
|
+
border-bottom-right-radius: var(--_puck-field-array-radius-inner);
|
|
508
624
|
}
|
|
509
|
-
._ArrayFieldItem-
|
|
510
|
-
outline:
|
|
511
|
-
outline-offset:
|
|
625
|
+
._ArrayFieldItem-summary_62huh_132:focus-visible {
|
|
626
|
+
outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
|
|
627
|
+
outline-offset: var(--puck-border-width-focus);
|
|
512
628
|
}
|
|
513
629
|
@media (hover: hover) and (pointer: fine) {
|
|
514
|
-
._ArrayFieldItem-
|
|
515
|
-
background-color: var(--puck-color-
|
|
630
|
+
._ArrayFieldItem-summary_62huh_132:hover {
|
|
631
|
+
background-color: var( --puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover) );
|
|
632
|
+
color: var( --puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)) );
|
|
516
633
|
transition: none;
|
|
517
634
|
}
|
|
518
635
|
}
|
|
519
|
-
._ArrayFieldItem-
|
|
520
|
-
background-color: var(--puck-color-
|
|
636
|
+
._ArrayFieldItem-summary_62huh_132:active {
|
|
637
|
+
background-color: var( --puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover) );
|
|
521
638
|
transition: none;
|
|
522
639
|
}
|
|
523
|
-
._ArrayFieldItem--
|
|
524
|
-
background: var(--puck-color-
|
|
525
|
-
color: var(--puck-color-
|
|
526
|
-
font-weight:
|
|
640
|
+
._ArrayFieldItem--isExpanded_62huh_114 > ._ArrayFieldItem-summary_62huh_132 {
|
|
641
|
+
background: var( --puck-field-color-bg-active, var(--puck-color-interactive-soft) );
|
|
642
|
+
color: var(--puck-field-color-text-active, var(--puck-color-interactive));
|
|
643
|
+
font-weight: var(--puck-font-weight-semibold);
|
|
527
644
|
transition: none;
|
|
528
645
|
}
|
|
529
|
-
._ArrayFieldItem-
|
|
530
|
-
background: var(--puck-color-
|
|
646
|
+
._ArrayFieldItem-body_62huh_228 {
|
|
647
|
+
background: var(--puck-field-color-surface, var(--puck-color-surface));
|
|
531
648
|
display: none;
|
|
532
649
|
}
|
|
533
|
-
._ArrayFieldItem--
|
|
650
|
+
._ArrayFieldItem--isExpanded_62huh_114 > ._ArrayFieldItem-body_62huh_228 {
|
|
534
651
|
display: block;
|
|
535
652
|
}
|
|
536
|
-
._ArrayFieldItem-
|
|
653
|
+
._ArrayFieldItem-fieldset_62huh_237 {
|
|
537
654
|
border: none;
|
|
538
|
-
border-top:
|
|
655
|
+
border-top: var(--_puck-field-array-border-width) solid var(--_puck-field-array-border-color);
|
|
539
656
|
margin: 0;
|
|
540
657
|
min-width: 0;
|
|
541
|
-
padding:
|
|
658
|
+
padding: var(--puck-field-space-surface-y, var(--puck-space-4)) var( --puck-field-space-surface-x, calc(var(--puck-space-4) - var(--_puck-field-array-border-width)) );
|
|
542
659
|
}
|
|
543
|
-
._ArrayFieldItem-
|
|
660
|
+
._ArrayFieldItem-rhs_62huh_250 {
|
|
544
661
|
display: flex;
|
|
545
|
-
gap:
|
|
662
|
+
gap: var(--puck-space-1);
|
|
546
663
|
align-items: center;
|
|
547
664
|
}
|
|
548
|
-
._ArrayFieldItem-
|
|
549
|
-
color: var(--puck-color-
|
|
665
|
+
._ArrayFieldItem-actions_62huh_256 {
|
|
666
|
+
color: var(--puck-color-text-secondary);
|
|
550
667
|
display: flex;
|
|
551
|
-
gap:
|
|
668
|
+
gap: var(--puck-space-1);
|
|
552
669
|
opacity: 0;
|
|
553
670
|
}
|
|
554
|
-
._ArrayFieldItem-
|
|
555
|
-
._ArrayFieldItem-
|
|
671
|
+
._ArrayFieldItem-summary_62huh_132:focus-within > ._ArrayFieldItem-rhs_62huh_250 > ._ArrayFieldItem-actions_62huh_256,
|
|
672
|
+
._ArrayFieldItem-summary_62huh_132:hover > ._ArrayFieldItem-rhs_62huh_250 > ._ArrayFieldItem-actions_62huh_256 {
|
|
556
673
|
opacity: 1;
|
|
557
674
|
}
|
|
558
675
|
|
|
559
676
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
|
|
560
|
-
.
|
|
677
|
+
._IconButton_yuha3_1 {
|
|
561
678
|
align-items: center;
|
|
562
|
-
background: transparent;
|
|
679
|
+
background: var(--puck-iconbutton-color-bg, transparent);
|
|
563
680
|
border: none;
|
|
564
|
-
border-radius:
|
|
565
|
-
color: currentColor;
|
|
681
|
+
border-radius: var(--puck-iconbutton-radius, var(--puck-radius-m));
|
|
682
|
+
color: var(--puck-iconbutton-color-icon, currentColor);
|
|
566
683
|
display: flex;
|
|
567
684
|
font-family: var(--puck-font-family);
|
|
568
685
|
justify-content: center;
|
|
569
|
-
padding:
|
|
570
|
-
transition: background-color
|
|
686
|
+
padding: var(--puck-iconbutton-space, var(--puck-space-1));
|
|
687
|
+
transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);
|
|
571
688
|
}
|
|
572
|
-
._IconButton--
|
|
573
|
-
color: var(--puck-color-
|
|
689
|
+
._IconButton--active_yuha3_15 {
|
|
690
|
+
color: var( --puck-iconbutton-color-icon-active, var(--puck-color-interactive) );
|
|
574
691
|
}
|
|
575
|
-
.
|
|
576
|
-
outline:
|
|
577
|
-
outline-offset: -
|
|
692
|
+
._IconButton_yuha3_1:focus-visible {
|
|
693
|
+
outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
|
|
694
|
+
outline-offset: calc(var(--puck-border-width-focus) * -1);
|
|
578
695
|
}
|
|
579
696
|
@media (hover: hover) and (pointer: fine) {
|
|
580
|
-
.
|
|
581
|
-
background: var(--puck-color-
|
|
582
|
-
color: var(--puck-color-
|
|
697
|
+
._IconButton_yuha3_1:hover:not(._IconButton--disabled_yuha3_28) {
|
|
698
|
+
background: var( --puck-iconbutton-color-bg-hover, var(--puck-color-interactive-neutral-hover) );
|
|
699
|
+
color: var( --puck-iconbutton-color-icon-hover, var(--puck-color-interactive) );
|
|
583
700
|
cursor: pointer;
|
|
584
701
|
transition: none;
|
|
585
702
|
}
|
|
586
703
|
}
|
|
587
|
-
.
|
|
588
|
-
background: var(--puck-color-
|
|
704
|
+
._IconButton_yuha3_1:active {
|
|
705
|
+
background: var( --puck-iconbutton-color-bg-active, var(--puck-color-interactive-soft) );
|
|
589
706
|
transition: none;
|
|
590
707
|
}
|
|
591
|
-
._IconButton
|
|
592
|
-
|
|
593
|
-
clip-path: inset(100%);
|
|
594
|
-
height: 1px;
|
|
595
|
-
overflow: hidden;
|
|
596
|
-
position: absolute;
|
|
597
|
-
white-space: nowrap;
|
|
598
|
-
width: 1px;
|
|
599
|
-
}
|
|
600
|
-
._IconButton--disabled_ffob9_24 {
|
|
601
|
-
color: var(--puck-color-grey-07);
|
|
708
|
+
._IconButton--disabled_yuha3_28 {
|
|
709
|
+
color: var( --puck-iconbutton-color-icon-disabled, var(--puck-color-text-subtle) );
|
|
602
710
|
}
|
|
603
711
|
|
|
604
712
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/Loader/styles.module.css/#css-module-data */
|
|
605
|
-
@keyframes _loader-
|
|
713
|
+
@keyframes _loader-animation_1w5zn_1 {
|
|
606
714
|
0% {
|
|
607
715
|
transform: rotate(0deg) scale(1);
|
|
608
716
|
}
|
|
@@ -613,30 +721,29 @@ textarea._Input-input_bsxfo_26 {
|
|
|
613
721
|
transform: rotate(360deg) scale(1);
|
|
614
722
|
}
|
|
615
723
|
}
|
|
616
|
-
.
|
|
724
|
+
._Loader_1w5zn_13 {
|
|
617
725
|
background: transparent;
|
|
618
|
-
border-radius:
|
|
619
|
-
border:
|
|
726
|
+
border-radius: var(--puck-radius-round);
|
|
727
|
+
border: var(--puck-border-width-focus) solid currentColor;
|
|
620
728
|
border-bottom-color: transparent;
|
|
621
729
|
display: inline-block;
|
|
622
|
-
animation: _loader-
|
|
730
|
+
animation: _loader-animation_1w5zn_1 1s 0s infinite linear;
|
|
623
731
|
animation-fill-mode: both;
|
|
624
732
|
}
|
|
625
733
|
|
|
626
734
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/DragIcon/styles.module.css/#css-module-data */
|
|
627
|
-
.
|
|
628
|
-
color: var(--puck-color-
|
|
735
|
+
._DragIcon_5e515_1 {
|
|
736
|
+
color: var(--_puck-drag-icon-color, var(--puck-color-text-muted));
|
|
629
737
|
cursor: grab;
|
|
630
|
-
padding:
|
|
631
|
-
border-radius:
|
|
738
|
+
padding: var(--puck-space-1);
|
|
739
|
+
border-radius: var(--puck-radius-m);
|
|
632
740
|
}
|
|
633
|
-
._DragIcon--
|
|
741
|
+
._DragIcon--disabled_5e515_10 {
|
|
634
742
|
cursor: no-drop;
|
|
635
743
|
}
|
|
636
744
|
@media (hover: hover) and (pointer: fine) {
|
|
637
|
-
.
|
|
638
|
-
color: var(--puck-color-
|
|
639
|
-
background-color: var(--puck-color-azure-12);
|
|
745
|
+
._DragIcon_5e515_1:not(._DragIcon--disabled_5e515_10):hover {
|
|
746
|
+
color: var(--_puck-drag-icon-color-hover, var(--puck-color-focus-ring));
|
|
640
747
|
}
|
|
641
748
|
}
|
|
642
749
|
|
|
@@ -645,83 +752,89 @@ textarea._Input-input_bsxfo_26 {
|
|
|
645
752
|
opacity: 0 !important;
|
|
646
753
|
}
|
|
647
754
|
[data-dnd-placeholder] {
|
|
648
|
-
background: var(--puck-color-azure-
|
|
755
|
+
background: var( --_puck-field-array-color-placeholder, var(--puck-color-azure-06) ) !important;
|
|
649
756
|
border: none !important;
|
|
650
|
-
color:
|
|
757
|
+
color: transparent !important;
|
|
651
758
|
opacity: 0.3 !important;
|
|
652
759
|
outline: none !important;
|
|
653
760
|
transition: none !important;
|
|
654
761
|
}
|
|
655
762
|
|
|
656
763
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/ExternalInput/styles.module.css/#css-module-data */
|
|
657
|
-
._ExternalInput-
|
|
764
|
+
._ExternalInput-actions_143vl_1 {
|
|
658
765
|
display: flex;
|
|
659
766
|
}
|
|
660
|
-
._ExternalInput-
|
|
767
|
+
._ExternalInput-button_143vl_5 {
|
|
661
768
|
display: flex;
|
|
662
|
-
gap:
|
|
769
|
+
gap: var(--puck-space-2);
|
|
663
770
|
align-items: center;
|
|
664
771
|
justify-content: center;
|
|
665
|
-
background-color: var(--puck-color-
|
|
666
|
-
border:
|
|
667
|
-
border-radius:
|
|
668
|
-
color: var(--puck-color-
|
|
669
|
-
padding:
|
|
670
|
-
font-
|
|
772
|
+
background-color: var(--puck-field-color-bg, var(--puck-color-surface));
|
|
773
|
+
border: var(--puck-field-border-width, var(--puck-border-width-regular)) solid var(--puck-field-color-border, var(--puck-color-border));
|
|
774
|
+
border-radius: var(--puck-field-radius, var(--puck-radius-m));
|
|
775
|
+
color: var(--puck-field-color-text-active, var(--puck-color-interactive));
|
|
776
|
+
padding: var(--puck-field-space-y, var(--puck-space-3)) var( --puck-field-space-x, calc( var(--puck-space-4) - var(--puck-field-border-width, var(--puck-border-width-regular)) ) );
|
|
777
|
+
font-size: var(--puck-field-font-size, var(--puck-font-size-xxs));
|
|
778
|
+
font-weight: var(--puck-font-weight-medium);
|
|
671
779
|
white-space: nowrap;
|
|
672
780
|
text-overflow: ellipsis;
|
|
673
|
-
transition: background-color
|
|
781
|
+
transition: background-color var(--puck-duration-fast) var(--puck-ease-exit);
|
|
674
782
|
position: relative;
|
|
675
783
|
overflow: hidden;
|
|
676
784
|
flex-grow: 1;
|
|
785
|
+
cursor: pointer;
|
|
677
786
|
}
|
|
678
|
-
._ExternalInput--
|
|
679
|
-
color: var(--puck-color-
|
|
787
|
+
._ExternalInput--dataSelected_143vl_34 ._ExternalInput-button_143vl_5 {
|
|
788
|
+
color: var(--puck-field-color-text, var(--puck-color-text));
|
|
680
789
|
display: block;
|
|
681
790
|
border-top-right-radius: 0px;
|
|
682
791
|
border-bottom-right-radius: 0px;
|
|
683
792
|
}
|
|
684
|
-
._ExternalInput--
|
|
685
|
-
background-color: var(--puck-color-
|
|
793
|
+
._ExternalInput--readOnly_143vl_41 ._ExternalInput-button_143vl_5 {
|
|
794
|
+
background-color: var( --puck-field-color-bg-disabled, var(--puck-color-surface-muted) );
|
|
686
795
|
}
|
|
687
|
-
._ExternalInput-
|
|
688
|
-
border:
|
|
689
|
-
border-top-right-radius:
|
|
690
|
-
border-bottom-right-radius:
|
|
691
|
-
background-color: var(--puck-color-
|
|
692
|
-
color: var(--puck-color-
|
|
796
|
+
._ExternalInput-detachButton_143vl_48 {
|
|
797
|
+
border: var(--puck-field-border-width, var(--puck-border-width-regular)) solid var(--puck-field-color-border, var(--puck-color-border));
|
|
798
|
+
border-top-right-radius: var(--puck-field-radius, var(--puck-radius-m));
|
|
799
|
+
border-bottom-right-radius: var(--puck-field-radius, var(--puck-radius-m));
|
|
800
|
+
background-color: var( --puck-field-external-detach-color-bg, var(--puck-color-surface-subtle) );
|
|
801
|
+
color: var( --puck-field-external-detach-color-text, var(--puck-color-text-muted) );
|
|
693
802
|
display: flex;
|
|
694
|
-
gap:
|
|
803
|
+
gap: var(--puck-space-2);
|
|
695
804
|
align-items: center;
|
|
696
805
|
justify-content: center;
|
|
697
|
-
padding:
|
|
806
|
+
padding: var(--puck-space-2) var(--puck-space-3);
|
|
698
807
|
position: relative;
|
|
699
|
-
transition: background-color
|
|
808
|
+
transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);
|
|
700
809
|
margin-inline-start: -1px;
|
|
810
|
+
cursor: pointer;
|
|
701
811
|
}
|
|
702
|
-
._ExternalInput-
|
|
703
|
-
._ExternalInput-
|
|
704
|
-
outline:
|
|
705
|
-
outline-offset:
|
|
812
|
+
._ExternalInput-button_143vl_5:focus-visible,
|
|
813
|
+
._ExternalInput-detachButton_143vl_48:focus-visible {
|
|
814
|
+
outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
|
|
815
|
+
outline-offset: var(--puck-border-width-focus);
|
|
706
816
|
z-index: 1;
|
|
707
817
|
}
|
|
708
818
|
@media (hover: hover) and (pointer: fine) {
|
|
709
|
-
.
|
|
710
|
-
.
|
|
711
|
-
background: var(--puck-color-
|
|
819
|
+
._ExternalInput_143vl_1:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-button_143vl_5:hover,
|
|
820
|
+
._ExternalInput_143vl_1:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-detachButton_143vl_48:hover {
|
|
821
|
+
background: var( --puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover) );
|
|
712
822
|
transition: none;
|
|
713
823
|
}
|
|
714
|
-
.
|
|
715
|
-
color: var(--puck-color-
|
|
824
|
+
._ExternalInput_143vl_1:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-detachButton_143vl_48:hover {
|
|
825
|
+
color: var( --puck-field-color-text-hover, var(--puck-field-external-detach-color-text, var(--puck-color-text-muted)) );
|
|
826
|
+
}
|
|
827
|
+
._ExternalInput--dataSelected_143vl_34:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-button_143vl_5:hover {
|
|
828
|
+
color: var( --puck-field-color-text-hover, var(--puck-field-color-text, var(--puck-color-text)) );
|
|
716
829
|
}
|
|
717
830
|
}
|
|
718
|
-
.
|
|
719
|
-
.
|
|
720
|
-
background: var(--puck-color-
|
|
831
|
+
._ExternalInput_143vl_1:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-button_143vl_5:active,
|
|
832
|
+
._ExternalInput_143vl_1:not(._ExternalInput--readOnly_143vl_41) ._ExternalInput-detachButton_143vl_48:active {
|
|
833
|
+
background: var( --puck-field-color-bg-hover, var(--puck-color-interactive-soft-hover) );
|
|
721
834
|
transition: none;
|
|
722
835
|
}
|
|
723
|
-
.
|
|
724
|
-
color: var(--puck-color-
|
|
836
|
+
._ExternalInputModal_143vl_118 {
|
|
837
|
+
color: var(--puck-color-text);
|
|
725
838
|
display: grid;
|
|
726
839
|
grid-template-rows: min-content minmax(128px, 100%) min-content;
|
|
727
840
|
grid-template-columns: 100%;
|
|
@@ -729,103 +842,103 @@ textarea._Input-input_bsxfo_26 {
|
|
|
729
842
|
min-height: 50dvh;
|
|
730
843
|
max-height: 90dvh;
|
|
731
844
|
}
|
|
732
|
-
._ExternalInputModal-
|
|
845
|
+
._ExternalInputModal-grid_143vl_128 {
|
|
733
846
|
display: flex;
|
|
734
847
|
flex-direction: column;
|
|
735
848
|
}
|
|
736
849
|
@media (min-width: 458px) {
|
|
737
|
-
._ExternalInputModal-
|
|
850
|
+
._ExternalInputModal-grid_143vl_128 {
|
|
738
851
|
display: grid;
|
|
739
852
|
grid-template-columns: 100%;
|
|
740
853
|
}
|
|
741
|
-
._ExternalInputModal--
|
|
854
|
+
._ExternalInputModal--filtersToggled_143vl_139 ._ExternalInputModal-grid_143vl_128 {
|
|
742
855
|
grid-template-columns: 25% 75%;
|
|
743
856
|
}
|
|
744
857
|
}
|
|
745
|
-
._ExternalInputModal-
|
|
746
|
-
border-bottom:
|
|
858
|
+
._ExternalInputModal-filters_143vl_144 {
|
|
859
|
+
border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
747
860
|
}
|
|
748
|
-
._ExternalInputModal--
|
|
861
|
+
._ExternalInputModal--filtersToggled_143vl_139 ._ExternalInputModal-filters_143vl_144 {
|
|
749
862
|
display: none;
|
|
750
863
|
}
|
|
751
864
|
@media (min-width: 458px) {
|
|
752
|
-
._ExternalInputModal-
|
|
753
|
-
border-inline-end:
|
|
865
|
+
._ExternalInputModal-filters_143vl_144 {
|
|
866
|
+
border-inline-end: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
754
867
|
display: none;
|
|
755
868
|
}
|
|
756
|
-
._ExternalInputModal--
|
|
869
|
+
._ExternalInputModal--filtersToggled_143vl_139 ._ExternalInputModal-filters_143vl_144 {
|
|
757
870
|
display: block;
|
|
758
871
|
}
|
|
759
872
|
}
|
|
760
|
-
._ExternalInputModal-
|
|
761
|
-
background-color: var(--puck-color-
|
|
762
|
-
border-bottom:
|
|
873
|
+
._ExternalInputModal-masthead_143vl_164 {
|
|
874
|
+
background-color: var(--puck-color-surface-subtle);
|
|
875
|
+
border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
763
876
|
display: flex;
|
|
764
877
|
flex-wrap: wrap;
|
|
765
|
-
gap:
|
|
766
|
-
padding:
|
|
878
|
+
gap: var(--puck-space-5);
|
|
879
|
+
padding: var(--puck-space-5);
|
|
767
880
|
}
|
|
768
|
-
._ExternalInputModal-
|
|
881
|
+
._ExternalInputModal-tableWrapper_143vl_173 {
|
|
769
882
|
position: relative;
|
|
770
883
|
overflow-x: auto;
|
|
771
884
|
overflow-y: auto;
|
|
772
885
|
flex-grow: 1;
|
|
773
886
|
}
|
|
774
|
-
._ExternalInputModal-
|
|
887
|
+
._ExternalInputModal-table_143vl_173 {
|
|
775
888
|
border-collapse: unset;
|
|
776
889
|
border-spacing: 0px;
|
|
777
|
-
color: var(--puck-color-
|
|
890
|
+
color: var(--puck-color-text);
|
|
778
891
|
position: relative;
|
|
779
892
|
z-index: 0;
|
|
780
893
|
min-width: 100%;
|
|
781
894
|
}
|
|
782
|
-
._ExternalInputModal-
|
|
783
|
-
background-color: var(--puck-color-
|
|
895
|
+
._ExternalInputModal-thead_143vl_189 {
|
|
896
|
+
background-color: var(--puck-color-surface);
|
|
784
897
|
position: sticky;
|
|
785
898
|
top: 0;
|
|
786
899
|
z-index: 1;
|
|
787
900
|
}
|
|
788
|
-
._ExternalInputModal-
|
|
789
|
-
border-bottom:
|
|
790
|
-
color: var(--puck-color-
|
|
791
|
-
font-weight:
|
|
792
|
-
font-size:
|
|
793
|
-
padding:
|
|
901
|
+
._ExternalInputModal-th_143vl_189 {
|
|
902
|
+
border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
903
|
+
color: var(--puck-color-text-secondary);
|
|
904
|
+
font-weight: var(--puck-font-weight-medium);
|
|
905
|
+
font-size: var(--puck-font-size-xxs);
|
|
906
|
+
padding: var(--puck-space-4) var(--puck-space-5);
|
|
794
907
|
}
|
|
795
|
-
._ExternalInputModal-
|
|
796
|
-
border-bottom:
|
|
797
|
-
padding:
|
|
908
|
+
._ExternalInputModal-td_143vl_204 {
|
|
909
|
+
border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border-muted);
|
|
910
|
+
padding: var(--puck-space-4) var(--puck-space-5);
|
|
798
911
|
}
|
|
799
|
-
._ExternalInputModal-
|
|
800
|
-
font-weight:
|
|
912
|
+
._ExternalInputModal-tr_143vl_210 ._ExternalInputModal-td_143vl_204:first-of-type {
|
|
913
|
+
font-weight: var(--puck-font-weight-medium);
|
|
801
914
|
width: 1%;
|
|
802
915
|
white-space: nowrap;
|
|
803
916
|
}
|
|
804
917
|
@media (hover: hover) and (pointer: fine) {
|
|
805
|
-
._ExternalInputModal-
|
|
806
|
-
background: var(--puck-color-
|
|
807
|
-
color: var(--puck-color-
|
|
918
|
+
._ExternalInputModal-tbody_143vl_217 ._ExternalInputModal-tr_143vl_210:hover {
|
|
919
|
+
background: var(--puck-color-interactive-soft-hover);
|
|
920
|
+
color: var(--puck-color-interactive);
|
|
808
921
|
cursor: pointer;
|
|
809
922
|
position: relative;
|
|
810
923
|
margin-inline-start: -5px;
|
|
811
924
|
}
|
|
812
|
-
._ExternalInputModal-
|
|
813
|
-
border-inline-start:
|
|
925
|
+
._ExternalInputModal-tbody_143vl_217 ._ExternalInputModal-tr_143vl_210:hover ._ExternalInputModal-td_143vl_204:first-of-type {
|
|
926
|
+
border-inline-start: var(--puck-border-width-strong) solid var(--puck-color-interactive);
|
|
814
927
|
padding-inline-start: 20px;
|
|
815
928
|
}
|
|
816
929
|
}
|
|
817
|
-
._ExternalInputModal-
|
|
930
|
+
._ExternalInputModal-tbody_143vl_217 ._ExternalInputModal-tr_143vl_210:last-of-type ._ExternalInputModal-td_143vl_204 {
|
|
818
931
|
border-bottom: none;
|
|
819
932
|
}
|
|
820
|
-
._ExternalInputModal-
|
|
933
|
+
._ExternalInputModal-tableWrapper_143vl_173 {
|
|
821
934
|
display: none;
|
|
822
935
|
}
|
|
823
|
-
._ExternalInputModal--
|
|
936
|
+
._ExternalInputModal--hasData_143vl_244 ._ExternalInputModal-tableWrapper_143vl_173 {
|
|
824
937
|
display: block;
|
|
825
938
|
}
|
|
826
|
-
._ExternalInputModal-
|
|
939
|
+
._ExternalInputModal-loadingBanner_143vl_248 {
|
|
827
940
|
display: none;
|
|
828
|
-
background-color: color-mix(in srgb, var(--puck-color-
|
|
941
|
+
background-color: color-mix(in srgb, var(--puck-color-surface) 90%, transparent);
|
|
829
942
|
padding: 64px;
|
|
830
943
|
align-items: center;
|
|
831
944
|
justify-content: center;
|
|
@@ -835,64 +948,64 @@ textarea._Input-input_bsxfo_26 {
|
|
|
835
948
|
right: 0;
|
|
836
949
|
bottom: 0;
|
|
837
950
|
}
|
|
838
|
-
._ExternalInputModal--
|
|
951
|
+
._ExternalInputModal--isLoading_143vl_265 ._ExternalInputModal-loadingBanner_143vl_248 {
|
|
839
952
|
display: flex;
|
|
840
953
|
}
|
|
841
|
-
._ExternalInputModal-
|
|
954
|
+
._ExternalInputModal-searchForm_143vl_269 {
|
|
842
955
|
display: flex;
|
|
843
956
|
flex-wrap: wrap;
|
|
844
|
-
gap:
|
|
957
|
+
gap: var(--puck-space-3);
|
|
845
958
|
flex-grow: 1;
|
|
846
959
|
}
|
|
847
960
|
@media (min-width: 458px) {
|
|
848
|
-
._ExternalInputModal-
|
|
961
|
+
._ExternalInputModal-searchForm_143vl_269 {
|
|
849
962
|
flex-wrap: nowrap;
|
|
850
963
|
}
|
|
851
964
|
}
|
|
852
|
-
._ExternalInputModal-
|
|
965
|
+
._ExternalInputModal-search_143vl_269 {
|
|
853
966
|
display: flex;
|
|
854
|
-
background: var(--puck-color-
|
|
855
|
-
border-width:
|
|
967
|
+
background: var(--puck-color-surface);
|
|
968
|
+
border-width: var(--puck-border-width-regular);
|
|
856
969
|
border-style: solid;
|
|
857
|
-
border-color: var(--puck-color-
|
|
858
|
-
border-radius:
|
|
970
|
+
border-color: var(--puck-color-border);
|
|
971
|
+
border-radius: var(--puck-radius-m);
|
|
859
972
|
flex-grow: 1;
|
|
860
|
-
transition: border-color
|
|
973
|
+
transition: border-color var(--puck-duration-fast) var(--puck-ease-exit);
|
|
861
974
|
}
|
|
862
|
-
._ExternalInputModal-
|
|
863
|
-
border-color: var(--puck-color-
|
|
864
|
-
outline:
|
|
975
|
+
._ExternalInputModal-search_143vl_269:focus-within {
|
|
976
|
+
border-color: var(--puck-color-border-hover);
|
|
977
|
+
outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
|
|
865
978
|
transition: none;
|
|
866
979
|
}
|
|
867
980
|
@media (hover: hover) and (pointer: fine) {
|
|
868
|
-
._ExternalInputModal-
|
|
869
|
-
border-color: var(--puck-color-
|
|
981
|
+
._ExternalInputModal-search_143vl_269:hover {
|
|
982
|
+
border-color: var(--puck-color-border-hover);
|
|
870
983
|
transition: none;
|
|
871
984
|
}
|
|
872
985
|
}
|
|
873
|
-
._ExternalInputModal-
|
|
986
|
+
._ExternalInputModal-searchIcon_143vl_306 {
|
|
874
987
|
align-items: center;
|
|
875
|
-
background: var(--puck-color-
|
|
876
|
-
border-bottom-left-radius:
|
|
877
|
-
border-top-left-radius:
|
|
878
|
-
border-inline-end:
|
|
879
|
-
color: var(--puck-color-
|
|
988
|
+
background: var(--puck-color-surface-subtle);
|
|
989
|
+
border-bottom-left-radius: var(--puck-radius-m);
|
|
990
|
+
border-top-left-radius: var(--puck-radius-m);
|
|
991
|
+
border-inline-end: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
992
|
+
color: var(--puck-color-text-subtle);
|
|
880
993
|
display: flex;
|
|
881
994
|
justify-content: center;
|
|
882
|
-
padding:
|
|
883
|
-
transition: color
|
|
995
|
+
padding: var(--puck-space-3) calc(var(--puck-space-4) - var(--puck-border-width-regular));
|
|
996
|
+
transition: color var(--puck-duration-fast) var(--puck-ease-exit);
|
|
884
997
|
}
|
|
885
|
-
._ExternalInputModal-
|
|
886
|
-
color: var(--puck-color-
|
|
998
|
+
._ExternalInputModal-search_143vl_269:focus-within ._ExternalInputModal-searchIcon_143vl_306 {
|
|
999
|
+
color: var(--puck-color-text-secondary);
|
|
887
1000
|
transition: none;
|
|
888
1001
|
}
|
|
889
1002
|
@media (hover: hover) and (pointer: fine) {
|
|
890
|
-
._ExternalInputModal-
|
|
891
|
-
color: var(--puck-color-
|
|
1003
|
+
._ExternalInputModal-search_143vl_269:hover ._ExternalInputModal-searchIcon_143vl_306 {
|
|
1004
|
+
color: var(--puck-color-text-secondary);
|
|
892
1005
|
transition: none;
|
|
893
1006
|
}
|
|
894
1007
|
}
|
|
895
|
-
._ExternalInputModal-
|
|
1008
|
+
._ExternalInputModal-searchIconText_143vl_333 {
|
|
896
1009
|
clip: rect(0 0 0 0);
|
|
897
1010
|
clip-path: inset(100%);
|
|
898
1011
|
height: 1px;
|
|
@@ -901,53 +1014,53 @@ textarea._Input-input_bsxfo_26 {
|
|
|
901
1014
|
white-space: nowrap;
|
|
902
1015
|
width: 1px;
|
|
903
1016
|
}
|
|
904
|
-
._ExternalInputModal-
|
|
1017
|
+
._ExternalInputModal-searchInput_143vl_343 {
|
|
905
1018
|
border: none;
|
|
906
|
-
border-radius:
|
|
907
|
-
background: var(--puck-color-
|
|
1019
|
+
border-radius: var(--puck-radius-m);
|
|
1020
|
+
background: var(--puck-color-surface);
|
|
908
1021
|
font-family: inherit;
|
|
909
|
-
font-size:
|
|
910
|
-
padding:
|
|
1022
|
+
font-size: var(--puck-font-size-xxs);
|
|
1023
|
+
padding: var(--puck-space-3) calc(var(--puck-space-4) - var(--puck-border-width-regular));
|
|
911
1024
|
width: 100%;
|
|
912
1025
|
}
|
|
913
|
-
._ExternalInputModal-
|
|
1026
|
+
._ExternalInputModal-searchInput_143vl_343:focus {
|
|
914
1027
|
outline: 0;
|
|
915
1028
|
}
|
|
916
|
-
._ExternalInputModal-
|
|
1029
|
+
._ExternalInputModal-searchActions_143vl_358 {
|
|
917
1030
|
display: flex;
|
|
918
|
-
gap:
|
|
1031
|
+
gap: var(--puck-space-2);
|
|
919
1032
|
height: 44px;
|
|
920
1033
|
width: 100%;
|
|
921
1034
|
}
|
|
922
1035
|
@media (min-width: 458px) {
|
|
923
|
-
._ExternalInputModal-
|
|
1036
|
+
._ExternalInputModal-searchActions_143vl_358 {
|
|
924
1037
|
width: auto;
|
|
925
1038
|
}
|
|
926
1039
|
}
|
|
927
|
-
._ExternalInputModal-
|
|
1040
|
+
._ExternalInputModal-searchActionIcon_143vl_371 {
|
|
928
1041
|
align-self: center;
|
|
929
1042
|
}
|
|
930
|
-
._ExternalInputModal-
|
|
931
|
-
background-color: var(--puck-color-
|
|
932
|
-
border-top:
|
|
933
|
-
color: var(--puck-color-
|
|
934
|
-
padding:
|
|
1043
|
+
._ExternalInputModal-footerContainer_143vl_375 {
|
|
1044
|
+
background-color: var(--puck-color-surface-subtle);
|
|
1045
|
+
border-top: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
1046
|
+
color: var(--puck-color-text-secondary);
|
|
1047
|
+
padding: var(--puck-space-4);
|
|
935
1048
|
}
|
|
936
|
-
._ExternalInputModal-
|
|
937
|
-
font-weight:
|
|
938
|
-
font-size:
|
|
1049
|
+
._ExternalInputModal-footer_143vl_375 {
|
|
1050
|
+
font-weight: var(--puck-font-weight-medium);
|
|
1051
|
+
font-size: var(--puck-font-size-xxs);
|
|
939
1052
|
text-align: right;
|
|
940
1053
|
}
|
|
941
|
-
._ExternalInputModal-
|
|
942
|
-
color: var(--puck-color-
|
|
943
|
-
margin:
|
|
944
|
-
margin-bottom:
|
|
1054
|
+
._ExternalInputModal-field_143vl_388 {
|
|
1055
|
+
color: var(--puck-color-text-secondary);
|
|
1056
|
+
margin: var(--puck-space-4);
|
|
1057
|
+
margin-bottom: var(--puck-space-3);
|
|
945
1058
|
display: block;
|
|
946
1059
|
}
|
|
947
1060
|
|
|
948
1061
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/Modal/styles.module.css/#css-module-data */
|
|
949
|
-
.
|
|
950
|
-
background:
|
|
1062
|
+
._Modal_g5xob_1 {
|
|
1063
|
+
background: var(--puck-color-overlay-backdrop);
|
|
951
1064
|
display: none;
|
|
952
1065
|
justify-content: center;
|
|
953
1066
|
align-items: center;
|
|
@@ -959,162 +1072,179 @@ textarea._Input-input_bsxfo_26 {
|
|
|
959
1072
|
z-index: 1;
|
|
960
1073
|
padding: 32px;
|
|
961
1074
|
}
|
|
962
|
-
._Modal--
|
|
1075
|
+
._Modal--isOpen_g5xob_15 {
|
|
963
1076
|
display: flex;
|
|
964
1077
|
}
|
|
965
|
-
._Modal-
|
|
1078
|
+
._Modal-inner_g5xob_19 {
|
|
966
1079
|
width: 100%;
|
|
967
1080
|
max-width: 1024px;
|
|
968
|
-
border-radius:
|
|
1081
|
+
border-radius: var(--puck-radius-l);
|
|
969
1082
|
overflow: hidden;
|
|
970
|
-
background: var(--puck-color-
|
|
1083
|
+
background: var(--puck-color-surface);
|
|
971
1084
|
display: flex;
|
|
972
1085
|
flex-direction: column;
|
|
973
1086
|
max-height: 90dvh;
|
|
974
1087
|
}
|
|
975
1088
|
|
|
976
1089
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css/#css-module-data */
|
|
977
|
-
.
|
|
1090
|
+
._Heading_97eh4_1 {
|
|
978
1091
|
display: block;
|
|
979
|
-
color: var(--puck-color-
|
|
980
|
-
font-weight:
|
|
1092
|
+
color: var(--_puck-heading-color, var(--puck-color-text));
|
|
1093
|
+
font-weight: var(--puck-font-weight-bold);
|
|
981
1094
|
margin: 0;
|
|
982
1095
|
}
|
|
983
|
-
.
|
|
984
|
-
font-weight:
|
|
1096
|
+
._Heading_97eh4_1 b {
|
|
1097
|
+
font-weight: var(--puck-font-weight-bold);
|
|
985
1098
|
}
|
|
986
|
-
._Heading--
|
|
1099
|
+
._Heading--xxxxl_97eh4_12 {
|
|
987
1100
|
font-size: var(--puck-font-size-xxxxl);
|
|
988
|
-
letter-spacing:
|
|
989
|
-
font-weight:
|
|
1101
|
+
letter-spacing: var(--puck-letter-spacing-heading);
|
|
1102
|
+
font-weight: var(--puck-font-weight-heavy);
|
|
990
1103
|
}
|
|
991
|
-
._Heading--
|
|
1104
|
+
._Heading--xxxl_97eh4_18 {
|
|
992
1105
|
font-size: var(--puck-font-size-xxxl);
|
|
993
1106
|
}
|
|
994
|
-
._Heading--
|
|
1107
|
+
._Heading--xxl_97eh4_22 {
|
|
995
1108
|
font-size: var(--puck-font-size-xxl);
|
|
996
1109
|
}
|
|
997
|
-
._Heading--
|
|
1110
|
+
._Heading--xl_97eh4_26 {
|
|
998
1111
|
font-size: var(--puck-font-size-xl);
|
|
999
1112
|
}
|
|
1000
|
-
._Heading--
|
|
1113
|
+
._Heading--l_97eh4_30 {
|
|
1001
1114
|
font-size: var(--puck-font-size-l);
|
|
1002
1115
|
}
|
|
1003
|
-
._Heading--
|
|
1116
|
+
._Heading--m_97eh4_34 {
|
|
1004
1117
|
font-size: var(--puck-font-size-m);
|
|
1005
1118
|
}
|
|
1006
|
-
._Heading--
|
|
1119
|
+
._Heading--s_97eh4_38 {
|
|
1007
1120
|
font-size: var(--puck-font-size-s);
|
|
1008
1121
|
}
|
|
1009
|
-
._Heading--
|
|
1122
|
+
._Heading--xs_97eh4_42 {
|
|
1010
1123
|
font-size: var(--puck-font-size-xs);
|
|
1011
1124
|
}
|
|
1012
1125
|
|
|
1013
1126
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/Button/Button.module.css/#css-module-data */
|
|
1014
|
-
.
|
|
1127
|
+
._Button_oe4qj_1 {
|
|
1128
|
+
--_puck-button-default-space-x: 20px;
|
|
1129
|
+
--_puck-button-default-font-size: var(--puck-font-size-xxs);
|
|
1130
|
+
--_puck-button-default-font-weight: var(--puck-font-weight-regular);
|
|
1131
|
+
--_puck-button-default-color-bg-disabled: var(--puck-color-bg-disabled);
|
|
1132
|
+
--_puck-button-default-color-text-disabled: var(--puck-color-text-disabled);
|
|
1015
1133
|
appearance: none;
|
|
1016
1134
|
background: none;
|
|
1017
|
-
border:
|
|
1018
|
-
border-radius:
|
|
1019
|
-
color: var(--puck-color-
|
|
1135
|
+
border: var(--puck-border-width-regular) solid transparent;
|
|
1136
|
+
border-radius: var(--puck-button-radius, var(--puck-radius-m));
|
|
1137
|
+
color: var(--puck-color-text-inverse);
|
|
1020
1138
|
display: inline-flex;
|
|
1021
1139
|
align-items: center;
|
|
1022
|
-
gap:
|
|
1023
|
-
letter-spacing:
|
|
1140
|
+
gap: var(--puck-space-2);
|
|
1141
|
+
letter-spacing: var(--puck-letter-spacing-ui);
|
|
1024
1142
|
font-family: var(--puck-font-family);
|
|
1025
|
-
font-size: 14px;
|
|
1026
|
-
font-weight: 400;
|
|
1027
1143
|
box-sizing: border-box;
|
|
1028
1144
|
line-height: 1;
|
|
1029
1145
|
text-align: center;
|
|
1030
1146
|
text-decoration: none;
|
|
1031
|
-
transition: background-color
|
|
1147
|
+
transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);
|
|
1032
1148
|
cursor: pointer;
|
|
1033
1149
|
white-space: nowrap;
|
|
1034
1150
|
margin: 0;
|
|
1035
1151
|
}
|
|
1036
|
-
.
|
|
1037
|
-
.
|
|
1152
|
+
._Button_oe4qj_1:hover,
|
|
1153
|
+
._Button_oe4qj_1:active {
|
|
1038
1154
|
transition: none;
|
|
1039
1155
|
}
|
|
1040
|
-
._Button--
|
|
1156
|
+
._Button--medium_oe4qj_34 {
|
|
1041
1157
|
min-height: 34px;
|
|
1042
|
-
padding-bottom:
|
|
1043
|
-
padding-inline-start:
|
|
1044
|
-
padding-inline-end:
|
|
1045
|
-
padding-top:
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
padding-
|
|
1051
|
-
padding-
|
|
1052
|
-
|
|
1053
|
-
|
|
1158
|
+
padding-bottom: var( --puck-button-medium-space-y, calc(var(--puck-space-2) - var(--puck-border-width-regular)) );
|
|
1159
|
+
padding-inline-start: var( --puck-button-medium-space-x, calc(var(--_puck-button-default-space-x) - var(--puck-border-width-regular)) );
|
|
1160
|
+
padding-inline-end: var( --puck-button-medium-space-x, calc(var(--_puck-button-default-space-x) - var(--puck-border-width-regular)) );
|
|
1161
|
+
padding-top: var( --puck-button-medium-space-y, calc(var(--puck-space-2) - var(--puck-border-width-regular)) );
|
|
1162
|
+
font-weight: var( --puck-button-medium-font-weight, var(--_puck-button-default-font-weight) );
|
|
1163
|
+
font-size: var( --puck-button-medium-font-size, var(--_puck-button-default-font-size) );
|
|
1164
|
+
}
|
|
1165
|
+
._Button--large_oe4qj_62 {
|
|
1166
|
+
padding-bottom: var( --puck-button-large-space-y, calc(var(--puck-space-3) - var(--puck-border-width-regular)) );
|
|
1167
|
+
padding-inline-start: var( --puck-button-large-space-x, calc(var(--_puck-button-default-space-x) - var(--puck-border-width-regular)) );
|
|
1168
|
+
padding-inline-end: var( --puck-button-large-space-x, calc(var(--_puck-button-default-space-x) - var(--puck-border-width-regular)) );
|
|
1169
|
+
padding-top: var( --puck-button-large-space-y, calc(var(--puck-space-3) - var(--puck-border-width-regular)) );
|
|
1170
|
+
font-weight: var( --puck-button-large-font-weight, var(--_puck-button-default-font-weight) );
|
|
1171
|
+
font-size: var( --puck-button-large-font-size, var(--_puck-button-default-font-size) );
|
|
1172
|
+
}
|
|
1173
|
+
._Button-icon_oe4qj_89 {
|
|
1054
1174
|
margin-top: 2px;
|
|
1055
1175
|
}
|
|
1056
|
-
._Button--
|
|
1057
|
-
background: var(--puck-color-
|
|
1176
|
+
._Button--primary_oe4qj_93 {
|
|
1177
|
+
background: var( --puck-button-primary-color-bg, var(--puck-color-interactive) );
|
|
1178
|
+
border-color: var(--puck-button-primary-color-border, transparent);
|
|
1179
|
+
color: var(--puck-button-primary-color-text, var(--puck-color-text-inverse));
|
|
1058
1180
|
}
|
|
1059
|
-
.
|
|
1060
|
-
outline:
|
|
1061
|
-
outline-offset:
|
|
1181
|
+
._Button_oe4qj_1:focus-visible {
|
|
1182
|
+
outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
|
|
1183
|
+
outline-offset: var(--puck-border-width-focus);
|
|
1062
1184
|
}
|
|
1063
1185
|
@media (hover: hover) and (pointer: fine) {
|
|
1064
|
-
._Button--
|
|
1065
|
-
background-color: var(--puck-color-
|
|
1186
|
+
._Button--primary_oe4qj_93:hover {
|
|
1187
|
+
background-color: var( --puck-button-primary-color-bg-hover, var(--puck-color-interactive-hover) );
|
|
1066
1188
|
}
|
|
1067
1189
|
}
|
|
1068
|
-
._Button--
|
|
1069
|
-
background-color: var(--puck-color-
|
|
1190
|
+
._Button--primary_oe4qj_93:active {
|
|
1191
|
+
background-color: var( --puck-button-primary-color-bg-active, var(--puck-color-interactive-active) );
|
|
1070
1192
|
}
|
|
1071
|
-
._Button--
|
|
1072
|
-
|
|
1073
|
-
color:
|
|
1193
|
+
._Button--primary_oe4qj_93._Button--disabled_oe4qj_123,
|
|
1194
|
+
._Button--primary_oe4qj_93._Button--disabled_oe4qj_123:hover {
|
|
1195
|
+
background-color: var( --puck-button-primary-color-bg-disabled, var(--_puck-button-default-color-bg-disabled) );
|
|
1196
|
+
color: var( --puck-button-primary-color-text-disabled, var(--_puck-button-default-color-text-disabled) );
|
|
1197
|
+
}
|
|
1198
|
+
._Button--secondary_oe4qj_135 {
|
|
1199
|
+
background: var(--puck-button-secondary-color-bg, transparent);
|
|
1200
|
+
border-color: var(--puck-button-secondary-color-border, currentColor);
|
|
1201
|
+
color: var(--puck-button-secondary-color-text, currentColor);
|
|
1074
1202
|
}
|
|
1075
1203
|
@media (hover: hover) and (pointer: fine) {
|
|
1076
|
-
._Button--
|
|
1077
|
-
background-color: var(--puck-color-
|
|
1078
|
-
color: var(--puck-color-
|
|
1204
|
+
._Button--secondary_oe4qj_135:hover {
|
|
1205
|
+
background-color: var( --puck-button-secondary-color-bg-hover, var(--puck-color-interactive-soft) );
|
|
1206
|
+
color: var(--puck-button-secondary-color-text, var(--puck-color-text));
|
|
1079
1207
|
}
|
|
1080
1208
|
}
|
|
1081
|
-
._Button--
|
|
1082
|
-
background-color: var(--puck-color-
|
|
1083
|
-
color: var(--puck-color-
|
|
1209
|
+
._Button--secondary_oe4qj_135:active {
|
|
1210
|
+
background-color: var( --puck-button-secondary-color-bg-active, var(--puck-color-interactive-soft) );
|
|
1211
|
+
color: var(--puck-button-secondary-color-text, var(--puck-color-text));
|
|
1084
1212
|
}
|
|
1085
|
-
._Button--
|
|
1086
|
-
|
|
1213
|
+
._Button--secondary_oe4qj_135._Button--disabled_oe4qj_123,
|
|
1214
|
+
._Button--secondary_oe4qj_135._Button--disabled_oe4qj_123:hover {
|
|
1215
|
+
background-color: var( --puck-button-secondary-color-bg-disabled, var(--_puck-button-default-color-bg-disabled) );
|
|
1216
|
+
color: var( --puck-button-secondary-color-text-disabled, var(--_puck-button-default-color-text-disabled) );
|
|
1087
1217
|
}
|
|
1088
|
-
._Button--
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1218
|
+
._Button--flush_oe4qj_171 {
|
|
1219
|
+
border-radius: var(--puck-radius-none);
|
|
1220
|
+
}
|
|
1221
|
+
._Button--disabled_oe4qj_123:hover {
|
|
1092
1222
|
cursor: not-allowed;
|
|
1093
1223
|
}
|
|
1094
|
-
._Button--
|
|
1224
|
+
._Button--fullWidth_oe4qj_179 {
|
|
1095
1225
|
justify-content: center;
|
|
1096
1226
|
width: 100%;
|
|
1097
1227
|
}
|
|
1098
|
-
._Button-
|
|
1099
|
-
padding-inline-start:
|
|
1228
|
+
._Button-spinner_oe4qj_184 {
|
|
1229
|
+
padding-inline-start: var(--puck-space-2);
|
|
1100
1230
|
}
|
|
1101
1231
|
|
|
1102
1232
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/styles.module.css/#css-module-data */
|
|
1103
|
-
.
|
|
1233
|
+
._RichTextMenu_1ve2j_1 {
|
|
1104
1234
|
display: flex;
|
|
1105
1235
|
flex-direction: row;
|
|
1106
1236
|
flex-wrap: nowrap;
|
|
1107
1237
|
}
|
|
1108
|
-
._RichTextMenu--
|
|
1109
|
-
border-top-left-radius:
|
|
1110
|
-
border-top-right-radius:
|
|
1111
|
-
padding: 6px 6px;
|
|
1112
|
-
background-color: var(--puck-color-
|
|
1238
|
+
._RichTextMenu--form_1ve2j_7 {
|
|
1239
|
+
border-top-left-radius: var(--puck-field-radius, var(--puck-radius-m));
|
|
1240
|
+
border-top-right-radius: var(--puck-field-radius, var(--puck-radius-m));
|
|
1241
|
+
padding: var(--puck-field-richtext-menu-space-y, 6px) var(--puck-field-richtext-menu-space-x, 6px);
|
|
1242
|
+
background-color: var( --puck-field-richtext-menu-color-bg, var(--puck-color-surface-subtle) );
|
|
1113
1243
|
position: relative;
|
|
1114
1244
|
scrollbar-width: none;
|
|
1115
1245
|
overflow-x: auto;
|
|
1116
1246
|
}
|
|
1117
|
-
._RichTextMenu-
|
|
1247
|
+
._RichTextMenu-group_1ve2j_21 {
|
|
1118
1248
|
display: flex;
|
|
1119
1249
|
align-items: space-between;
|
|
1120
1250
|
flex-direction: row;
|
|
@@ -1123,251 +1253,237 @@ textarea._Input-input_bsxfo_26 {
|
|
|
1123
1253
|
gap: 2px;
|
|
1124
1254
|
position: relative;
|
|
1125
1255
|
}
|
|
1126
|
-
._RichTextMenu-
|
|
1256
|
+
._RichTextMenu-group_1ve2j_21:first-of-type {
|
|
1127
1257
|
padding-left: 0;
|
|
1128
1258
|
}
|
|
1129
|
-
._RichTextMenu-
|
|
1259
|
+
._RichTextMenu-group_1ve2j_21:last-of-type {
|
|
1130
1260
|
padding-right: 0;
|
|
1131
1261
|
}
|
|
1132
|
-
._RichTextMenu--
|
|
1133
|
-
color: var(--puck-color-
|
|
1262
|
+
._RichTextMenu--inline_1ve2j_39 ._RichTextMenu-group_1ve2j_21 {
|
|
1263
|
+
color: var(--puck-color-text-inverse);
|
|
1134
1264
|
gap: 0px;
|
|
1135
1265
|
flex-wrap: nowrap;
|
|
1136
1266
|
}
|
|
1137
|
-
._RichTextMenu-
|
|
1138
|
-
border-left:
|
|
1267
|
+
._RichTextMenu-group_1ve2j_21 + ._RichTextMenu-group_1ve2j_21 {
|
|
1268
|
+
border-left: var(--puck-border-width-regular) solid var( --puck-field-richtext-menu-color-separator, var(--puck-color-border-muted) );
|
|
1139
1269
|
}
|
|
1140
|
-
._RichTextMenu--
|
|
1141
|
-
border-left:
|
|
1270
|
+
._RichTextMenu--inline_1ve2j_39 ._RichTextMenu-group_1ve2j_21 + ._RichTextMenu-group_1ve2j_21 {
|
|
1271
|
+
border-left: var(--puck-border-width-hairline) solid var(--puck-color-border-inverse);
|
|
1142
1272
|
}
|
|
1143
1273
|
|
|
1144
1274
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */
|
|
1145
|
-
.
|
|
1146
|
-
height:
|
|
1147
|
-
width:
|
|
1275
|
+
._Control_id4pm_1 .lucide {
|
|
1276
|
+
height: var(--puck-icon-size-m);
|
|
1277
|
+
width: var(--puck-icon-size-m);
|
|
1148
1278
|
}
|
|
1149
|
-
._Control--
|
|
1150
|
-
height:
|
|
1151
|
-
width:
|
|
1279
|
+
._Control--inline_id4pm_6 .lucide {
|
|
1280
|
+
height: var(--puck-actionbar-action-size, var(--puck-icon-size-s));
|
|
1281
|
+
width: var(--puck-actionbar-action-size, var(--puck-icon-size-s));
|
|
1152
1282
|
}
|
|
1153
1283
|
|
|
1154
1284
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/Select/styles.module.css/#css-module-data */
|
|
1155
|
-
.
|
|
1285
|
+
._Select_1n4iv_1 {
|
|
1156
1286
|
position: relative;
|
|
1157
1287
|
z-index: 1;
|
|
1158
1288
|
}
|
|
1159
|
-
._Select-
|
|
1289
|
+
._Select-buttonInner_1n4iv_6 {
|
|
1160
1290
|
align-items: center;
|
|
1161
|
-
background: transparent;
|
|
1162
|
-
border: none;
|
|
1163
|
-
border-radius: 4px;
|
|
1164
1291
|
display: flex;
|
|
1165
|
-
justify-content: center;
|
|
1166
|
-
gap: 0px;
|
|
1167
|
-
height: 100%;
|
|
1168
|
-
padding: 4px;
|
|
1169
|
-
padding-right: 2px;
|
|
1170
1292
|
}
|
|
1171
|
-
._Select
|
|
1172
|
-
color: currentColor;
|
|
1173
|
-
}
|
|
1174
|
-
._Select--hasOptions_xjbef_19:not(._Select--disabled_xjbef_23) ._Select-button_xjbef_6 {
|
|
1175
|
-
cursor: pointer;
|
|
1176
|
-
}
|
|
1177
|
-
._Select-buttonIcon_xjbef_27 {
|
|
1293
|
+
._Select-buttonIcon_1n4iv_11 {
|
|
1178
1294
|
align-items: center;
|
|
1179
1295
|
display: flex;
|
|
1180
1296
|
justify-content: center;
|
|
1181
1297
|
}
|
|
1182
|
-
._Select--
|
|
1183
|
-
height:
|
|
1184
|
-
width:
|
|
1185
|
-
}
|
|
1186
|
-
._Select--actionBar_xjbef_38 ._Select-buttonIcon_xjbef_27 .lucide {
|
|
1187
|
-
height: 16px;
|
|
1188
|
-
width: 16px;
|
|
1189
|
-
}
|
|
1190
|
-
._Select--hasOptions_xjbef_19:not(._Select--disabled_xjbef_23) ._Select-button_xjbef_6:hover,
|
|
1191
|
-
._Select--hasValue_xjbef_44 ._Select-button_xjbef_6 {
|
|
1192
|
-
background: var(--puck-color-grey-10);
|
|
1193
|
-
color: var(--puck-color-azure-04);
|
|
1298
|
+
._Select--standalone_1n4iv_17 ._Select-buttonIcon_1n4iv_11 .lucide {
|
|
1299
|
+
height: var(--puck-icon-size-m);
|
|
1300
|
+
width: var(--puck-icon-size-m);
|
|
1194
1301
|
}
|
|
1195
|
-
._Select--
|
|
1196
|
-
|
|
1302
|
+
._Select--actionBar_1n4iv_22 ._Select-buttonIcon_1n4iv_11 .lucide {
|
|
1303
|
+
height: var(--puck-actionbar-action-size, var(--puck-icon-size-s));
|
|
1304
|
+
width: var(--puck-actionbar-action-size, var(--puck-icon-size-s));
|
|
1197
1305
|
}
|
|
1198
|
-
._Select
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
color: var(--puck-color-azure-07);
|
|
1203
|
-
}
|
|
1204
|
-
}
|
|
1205
|
-
._Select-items_xjbef_61 {
|
|
1206
|
-
background: white;
|
|
1207
|
-
border: 1px solid var(--puck-color-grey-09);
|
|
1208
|
-
border-radius: 8px;
|
|
1306
|
+
._Select-items_1n4iv_27 {
|
|
1307
|
+
background: var(--puck-color-surface);
|
|
1308
|
+
border: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
1309
|
+
border-radius: var(--puck-radius-l);
|
|
1209
1310
|
margin: 10px 8px;
|
|
1210
1311
|
margin-left: 0;
|
|
1211
|
-
padding:
|
|
1312
|
+
padding: var(--puck-space-1);
|
|
1212
1313
|
z-index: 2;
|
|
1213
1314
|
list-style: none;
|
|
1214
1315
|
}
|
|
1215
|
-
.
|
|
1316
|
+
._SelectItem_1n4iv_38 {
|
|
1216
1317
|
background: transparent;
|
|
1217
|
-
border-radius:
|
|
1318
|
+
border-radius: var(--puck-radius-m);
|
|
1218
1319
|
border: none;
|
|
1219
|
-
color: var(--puck-color-
|
|
1320
|
+
color: var(--puck-color-text-secondary);
|
|
1220
1321
|
cursor: pointer;
|
|
1221
1322
|
display: flex;
|
|
1222
|
-
gap:
|
|
1323
|
+
gap: var(--puck-space-2);
|
|
1223
1324
|
align-items: center;
|
|
1224
1325
|
font-size: var(--puck-font-size-xxs);
|
|
1225
1326
|
margin: 0;
|
|
1226
|
-
padding:
|
|
1327
|
+
padding: var(--puck-space-2) var(--puck-space-3);
|
|
1227
1328
|
width: 100%;
|
|
1228
1329
|
}
|
|
1229
|
-
._SelectItem--
|
|
1230
|
-
background: var(--puck-color-
|
|
1231
|
-
color: var(--puck-color-
|
|
1232
|
-
font-weight:
|
|
1330
|
+
._SelectItem--isSelected_1n4iv_53 {
|
|
1331
|
+
background: var(--puck-color-interactive-soft);
|
|
1332
|
+
color: var(--puck-color-interactive);
|
|
1333
|
+
font-weight: var(--puck-font-weight-medium);
|
|
1233
1334
|
}
|
|
1234
|
-
._SelectItem--
|
|
1235
|
-
color: var(--puck-color-
|
|
1335
|
+
._SelectItem--isSelected_1n4iv_53 ._SelectItem-icon_1n4iv_59 {
|
|
1336
|
+
color: var(--puck-color-interactive);
|
|
1236
1337
|
}
|
|
1237
|
-
.
|
|
1238
|
-
background: var(--puck-color-
|
|
1239
|
-
color: var(--puck-color-
|
|
1338
|
+
._SelectItem_1n4iv_38:hover {
|
|
1339
|
+
background: var(--puck-color-interactive-soft);
|
|
1340
|
+
color: var(--puck-color-interactive);
|
|
1240
1341
|
}
|
|
1241
1342
|
|
|
1242
1343
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
|
|
1243
|
-
.
|
|
1344
|
+
._RichTextEditor_5wzos_1 .ProseMirror {
|
|
1244
1345
|
white-space: pre-wrap;
|
|
1245
1346
|
word-wrap: break-word;
|
|
1246
1347
|
cursor: text;
|
|
1247
1348
|
outline: none;
|
|
1248
1349
|
position: relative;
|
|
1249
1350
|
}
|
|
1250
|
-
.
|
|
1351
|
+
._RichTextEditor_5wzos_1 .rich-text * {
|
|
1251
1352
|
white-space: pre-wrap;
|
|
1252
1353
|
user-select: auto;
|
|
1253
1354
|
-webkit-user-select: auto;
|
|
1254
1355
|
}
|
|
1255
|
-
.
|
|
1356
|
+
._RichTextEditor_5wzos_1 .rich-text blockquote {
|
|
1256
1357
|
margin: 1em 0;
|
|
1257
1358
|
padding: 0 1em;
|
|
1258
|
-
border-left:
|
|
1359
|
+
border-left: var(--puck-border-width-strong) solid var(--puck-color-border);
|
|
1259
1360
|
}
|
|
1260
|
-
.
|
|
1261
|
-
background-color: var(--puck-color-
|
|
1262
|
-
padding:
|
|
1263
|
-
border-radius:
|
|
1361
|
+
._RichTextEditor_5wzos_1 .rich-text code {
|
|
1362
|
+
background-color: var(--puck-color-surface-muted);
|
|
1363
|
+
padding: var(--puck-space-1) var(--puck-space-2);
|
|
1364
|
+
border-radius: var(--puck-radius-m);
|
|
1264
1365
|
}
|
|
1265
|
-
.
|
|
1366
|
+
._RichTextEditor_5wzos_1 .rich-text p:empty::before {
|
|
1266
1367
|
content: "\a0";
|
|
1267
1368
|
}
|
|
1268
|
-
.
|
|
1369
|
+
._RichTextEditor_5wzos_1 .rich-text pre code {
|
|
1269
1370
|
display: block;
|
|
1270
|
-
padding:
|
|
1371
|
+
padding: var(--puck-space-2) var(--puck-space-3);
|
|
1271
1372
|
}
|
|
1272
|
-
.
|
|
1273
|
-
.
|
|
1274
|
-
.
|
|
1373
|
+
._RichTextEditor_5wzos_1 .rich-text > *:first-child,
|
|
1374
|
+
._RichTextEditor_5wzos_1 .ProseMirror > *:first-child,
|
|
1375
|
+
._RichTextEditor_5wzos_1 .rich-text * p:first-of-type {
|
|
1275
1376
|
margin-top: 0;
|
|
1276
1377
|
}
|
|
1277
|
-
.
|
|
1278
|
-
.
|
|
1279
|
-
.
|
|
1378
|
+
._RichTextEditor_5wzos_1 .rich-text > *:last-child,
|
|
1379
|
+
._RichTextEditor_5wzos_1 .ProseMirror > *:last-child,
|
|
1380
|
+
._RichTextEditor_5wzos_1 .rich-text * p:last-of-type {
|
|
1280
1381
|
margin-bottom: 0;
|
|
1281
1382
|
}
|
|
1282
|
-
._RichTextEditor--
|
|
1283
|
-
|
|
1284
|
-
|
|
1383
|
+
._RichTextEditor--editor_5wzos_50 {
|
|
1384
|
+
color: var(--puck-field-color-text, var(--puck-color-text));
|
|
1385
|
+
background: var(--puck-field-color-bg, var(--puck-color-surface));
|
|
1386
|
+
border-width: var( --puck-field-border-width, var(--puck-border-width-regular) );
|
|
1285
1387
|
border-style: solid;
|
|
1286
|
-
border-color: var(--puck-color-
|
|
1287
|
-
border-radius:
|
|
1388
|
+
border-color: var(--puck-field-color-border, var(--puck-color-border));
|
|
1389
|
+
border-radius: var(--puck-field-radius, var(--puck-radius-m));
|
|
1288
1390
|
box-sizing: border-box;
|
|
1289
1391
|
display: flex;
|
|
1290
1392
|
flex-direction: column;
|
|
1291
1393
|
font-family: inherit;
|
|
1292
|
-
font-size: var(--puck-font-size-xxs);
|
|
1394
|
+
font-size: var(--puck-field-font-size, var(--puck-font-size-xxs));
|
|
1293
1395
|
resize: vertical;
|
|
1294
1396
|
text-align: initial;
|
|
1295
|
-
transition: border-color
|
|
1397
|
+
transition: border-color var(--puck-duration-fast) var(--puck-ease-exit);
|
|
1296
1398
|
width: 100%;
|
|
1297
1399
|
max-width: 100%;
|
|
1298
1400
|
min-height: 128px;
|
|
1299
1401
|
}
|
|
1300
|
-
._RichTextEditor--
|
|
1402
|
+
._RichTextEditor--editor_5wzos_50 .rich-text {
|
|
1301
1403
|
flex-grow: 1;
|
|
1302
1404
|
}
|
|
1303
|
-
._RichTextEditor--
|
|
1304
|
-
._RichTextEditor--
|
|
1405
|
+
._RichTextEditor--editor_5wzos_50 .rich-text:not(:has(.ProseMirror)),
|
|
1406
|
+
._RichTextEditor--editor_5wzos_50 .rich-text .ProseMirror {
|
|
1305
1407
|
height: 100%;
|
|
1306
|
-
padding:
|
|
1408
|
+
padding: var(--puck-field-space-y, var(--puck-space-3)) var( --puck-field-space-x, calc( var(--puck-space-4) - var(--puck-field-border-width, var(--puck-border-width-regular)) ) );
|
|
1307
1409
|
}
|
|
1308
|
-
._RichTextEditor--
|
|
1309
|
-
._RichTextEditor--
|
|
1310
|
-
padding-left:
|
|
1410
|
+
._RichTextEditor--editor_5wzos_50 .rich-text ul,
|
|
1411
|
+
._RichTextEditor--editor_5wzos_50 .rich-text ol {
|
|
1412
|
+
padding-left: var(--puck-space-5);
|
|
1311
1413
|
}
|
|
1312
|
-
._RichTextEditor--
|
|
1414
|
+
._RichTextEditor--editor_5wzos_50 .rich-text li {
|
|
1313
1415
|
line-height: 1.5;
|
|
1314
1416
|
}
|
|
1315
|
-
._RichTextEditor--
|
|
1316
|
-
margin-block:
|
|
1417
|
+
._RichTextEditor--editor_5wzos_50 .rich-text p {
|
|
1418
|
+
margin-block: var(--puck-space-3);
|
|
1317
1419
|
}
|
|
1318
|
-
._RichTextEditor--
|
|
1420
|
+
._RichTextEditor--editor_5wzos_50 .rich-text ul {
|
|
1319
1421
|
list-style: disc;
|
|
1320
1422
|
}
|
|
1321
|
-
._RichTextEditor--
|
|
1423
|
+
._RichTextEditor--editor_5wzos_50 .rich-text ol {
|
|
1322
1424
|
list-style: decimal;
|
|
1323
1425
|
}
|
|
1324
|
-
._RichTextEditor--
|
|
1325
|
-
border-color: var(--puck-color-
|
|
1326
|
-
outline:
|
|
1426
|
+
._RichTextEditor--editor_5wzos_50:focus-within {
|
|
1427
|
+
border-color: var( --puck-field-color-border-hover, var(--puck-color-border-hover) );
|
|
1428
|
+
outline: var(--puck-border-width-focus) solid var(--puck-field-color-border-focus, var(--puck-color-focus-ring));
|
|
1327
1429
|
transition: none;
|
|
1328
1430
|
}
|
|
1329
|
-
|
|
1330
|
-
|
|
1431
|
+
@media (hover: hover) and (pointer: fine) {
|
|
1432
|
+
._RichTextEditor--editor_5wzos_50:hover:not(._RichTextEditor--disabled_5wzos_123) {
|
|
1433
|
+
border-color: var( --puck-field-color-border-hover, var(--puck-color-border-hover) );
|
|
1434
|
+
transition: none;
|
|
1435
|
+
}
|
|
1436
|
+
}
|
|
1437
|
+
._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 {
|
|
1438
|
+
background: var( --puck-field-color-bg-disabled, var(--puck-color-surface-muted) );
|
|
1439
|
+
border-color: var( --puck-field-color-border-disabled, var(--puck-color-border) );
|
|
1440
|
+
}
|
|
1441
|
+
._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .rich-text:not(:has(.ProseMirror)),
|
|
1442
|
+
._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .rich-text .ProseMirror {
|
|
1443
|
+
color: var( --puck-field-color-text-disabled, var(--puck-color-text-secondary) );
|
|
1444
|
+
}
|
|
1445
|
+
._RichTextEditor--editor_5wzos_50._RichTextEditor--disabled_5wzos_123 .ProseMirror[contenteditable=false] {
|
|
1446
|
+
cursor: default;
|
|
1331
1447
|
}
|
|
1332
|
-
.
|
|
1448
|
+
._RichTextEditor_5wzos_1:not(:focus-within):not(._RichTextEditor--isActive_5wzos_159) .ProseMirror ::selection {
|
|
1333
1449
|
background-color: transparent;
|
|
1334
1450
|
}
|
|
1335
|
-
._RichTextEditor-
|
|
1336
|
-
border-bottom:
|
|
1451
|
+
._RichTextEditor-menu_5wzos_165 {
|
|
1452
|
+
border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border-muted);
|
|
1337
1453
|
position: sticky;
|
|
1338
1454
|
top: 0;
|
|
1339
1455
|
z-index: 1;
|
|
1340
1456
|
}
|
|
1341
|
-
._RichTextEditor--
|
|
1342
|
-
border-bottom:
|
|
1457
|
+
._RichTextEditor--disabled_5wzos_123 ._RichTextEditor-menu_5wzos_165 {
|
|
1458
|
+
border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
1343
1459
|
}
|
|
1344
1460
|
|
|
1345
1461
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data */
|
|
1346
|
-
.
|
|
1462
|
+
._ObjectField_c5reb_1 {
|
|
1347
1463
|
display: flex;
|
|
1348
1464
|
flex-direction: column;
|
|
1349
|
-
background-color: var(--puck-color-
|
|
1350
|
-
border:
|
|
1351
|
-
border-radius:
|
|
1465
|
+
background-color: var(--puck-field-color-surface, var(--puck-color-surface));
|
|
1466
|
+
border: var(--puck-field-border-width, var(--puck-border-width-regular)) solid var(--puck-field-color-border, var(--puck-color-border));
|
|
1467
|
+
border-radius: var(--puck-field-radius, var(--puck-radius-m));
|
|
1352
1468
|
}
|
|
1353
|
-
._ObjectField-
|
|
1469
|
+
._ObjectField-fieldset_c5reb_10 {
|
|
1354
1470
|
border: none;
|
|
1355
1471
|
margin: 0;
|
|
1356
1472
|
min-width: 0;
|
|
1357
|
-
padding:
|
|
1473
|
+
padding: var(--puck-field-space-surface-y, var(--puck-space-4)) var( --puck-field-space-surface-x, calc( var(--puck-space-4) - var(--puck-field-border-width, var(--puck-border-width-regular)) ) );
|
|
1358
1474
|
}
|
|
1359
1475
|
|
|
1360
1476
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/Drawer/styles.module.css/#css-module-data */
|
|
1361
|
-
.
|
|
1477
|
+
._Drawer_1n90m_1 {
|
|
1362
1478
|
display: flex;
|
|
1363
1479
|
flex-direction: column;
|
|
1364
1480
|
font-family: var(--puck-font-family);
|
|
1365
|
-
gap:
|
|
1481
|
+
gap: var(--puck-space-3);
|
|
1366
1482
|
}
|
|
1367
|
-
._Drawer-
|
|
1483
|
+
._Drawer-draggable_1n90m_8 {
|
|
1368
1484
|
position: relative;
|
|
1369
1485
|
}
|
|
1370
|
-
._Drawer-
|
|
1486
|
+
._Drawer-draggableBg_1n90m_12 {
|
|
1371
1487
|
position: absolute;
|
|
1372
1488
|
top: 0;
|
|
1373
1489
|
right: 0;
|
|
@@ -1376,51 +1492,51 @@ textarea._Input-input_bsxfo_26 {
|
|
|
1376
1492
|
pointer-events: none;
|
|
1377
1493
|
z-index: -1;
|
|
1378
1494
|
}
|
|
1379
|
-
._DrawerItem-
|
|
1380
|
-
background: var(--puck-color-
|
|
1495
|
+
._DrawerItem-draggable_1n90m_22 {
|
|
1496
|
+
background: var(--puck-drawer-item-color-bg, var(--puck-color-surface));
|
|
1497
|
+
color: var(--puck-drawer-item-color-text, var(--puck-color-text));
|
|
1381
1498
|
cursor: grab;
|
|
1382
|
-
padding:
|
|
1499
|
+
padding: var(--puck-drawer-item-space, var(--puck-space-3));
|
|
1383
1500
|
display: flex;
|
|
1384
|
-
border:
|
|
1385
|
-
border-radius:
|
|
1386
|
-
font-size: var(--puck-font-size-xxs);
|
|
1501
|
+
border: var(--puck-drawer-item-border-width, var(--puck-border-width-regular)) var(--puck-drawer-item-color-border, var(--puck-color-border)) solid;
|
|
1502
|
+
border-radius: var(--puck-drawer-item-radius, var(--puck-radius-m));
|
|
1503
|
+
font-size: var(--puck-drawer-item-font-size, var(--puck-font-size-xxs));
|
|
1387
1504
|
justify-content: space-between;
|
|
1388
1505
|
align-items: center;
|
|
1389
|
-
transition: background-color
|
|
1506
|
+
transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);
|
|
1390
1507
|
}
|
|
1391
|
-
._DrawerItem--
|
|
1392
|
-
background: var(--puck-color-
|
|
1393
|
-
color: var(--puck-color-
|
|
1508
|
+
._DrawerItem--disabled_1n90m_38 ._DrawerItem-draggable_1n90m_22 {
|
|
1509
|
+
background: var(--puck-color-surface-muted);
|
|
1510
|
+
color: var(--puck-color-text-muted);
|
|
1394
1511
|
cursor: not-allowed;
|
|
1395
1512
|
}
|
|
1396
|
-
.
|
|
1513
|
+
._DrawerItem_1n90m_22:focus-visible {
|
|
1397
1514
|
outline: 0;
|
|
1398
1515
|
}
|
|
1399
|
-
.
|
|
1400
|
-
border-radius:
|
|
1401
|
-
outline:
|
|
1402
|
-
outline-offset:
|
|
1516
|
+
._Drawer_1n90m_1:not(._Drawer--isDraggingFrom_1n90m_48) ._DrawerItem_1n90m_22:focus-visible ._DrawerItem-draggable_1n90m_22 {
|
|
1517
|
+
border-radius: var(--puck-radius-m);
|
|
1518
|
+
outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
|
|
1519
|
+
outline-offset: var(--puck-border-width-focus);
|
|
1403
1520
|
}
|
|
1404
1521
|
@media (hover: hover) and (pointer: fine) {
|
|
1405
|
-
.
|
|
1406
|
-
background-color: var(--puck-color-
|
|
1407
|
-
color: var(--puck-color-
|
|
1522
|
+
._Drawer_1n90m_1:not(._Drawer--isDraggingFrom_1n90m_48) ._DrawerItem_1n90m_22:not(._DrawerItem--disabled_1n90m_38) ._DrawerItem-draggable_1n90m_22:hover {
|
|
1523
|
+
background-color: var( --puck-drawer-item-color-bg-hover, var(--puck-color-interactive-soft-hover) );
|
|
1524
|
+
color: var( --puck-drawer-item-color-text-hover, var(--puck-color-interactive) );
|
|
1408
1525
|
transition: none;
|
|
1409
1526
|
}
|
|
1410
1527
|
}
|
|
1411
|
-
._DrawerItem-
|
|
1528
|
+
._DrawerItem-name_1n90m_72 {
|
|
1412
1529
|
overflow-x: hidden;
|
|
1413
1530
|
text-overflow: ellipsis;
|
|
1414
1531
|
white-space: nowrap;
|
|
1415
1532
|
}
|
|
1416
1533
|
|
|
1417
1534
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
|
|
1418
|
-
.
|
|
1535
|
+
._DraggableComponent_1627v_1 {
|
|
1419
1536
|
position: absolute;
|
|
1420
1537
|
pointer-events: none;
|
|
1421
|
-
--overlay-background: color-mix( in srgb, var(--puck-color-azure-08) 30%, transparent );
|
|
1422
1538
|
}
|
|
1423
|
-
._DraggableComponent-
|
|
1539
|
+
._DraggableComponent-overlayWrapper_1627v_6 {
|
|
1424
1540
|
height: 100%;
|
|
1425
1541
|
width: 100%;
|
|
1426
1542
|
top: 0;
|
|
@@ -1429,24 +1545,24 @@ textarea._Input-input_bsxfo_26 {
|
|
|
1429
1545
|
box-sizing: border-box;
|
|
1430
1546
|
z-index: 1;
|
|
1431
1547
|
}
|
|
1432
|
-
._DraggableComponent-
|
|
1548
|
+
._DraggableComponent-overlay_1627v_6 {
|
|
1433
1549
|
cursor: pointer;
|
|
1434
1550
|
height: 100%;
|
|
1435
|
-
outline:
|
|
1436
|
-
outline-offset: -
|
|
1551
|
+
outline: var( --puck-slot-component-border-width, var(--puck-border-width-focus) ) var( --puck-slot-component-color-overlay-border, var(--puck-color-selection-border) ) solid;
|
|
1552
|
+
outline-offset: calc(var(--puck-slot-component-border-width, var(--puck-border-width-focus)) * -1);
|
|
1437
1553
|
width: 100%;
|
|
1438
1554
|
}
|
|
1439
|
-
.
|
|
1440
|
-
outline:
|
|
1555
|
+
._DraggableComponent_1627v_1:focus-visible > ._DraggableComponent-overlayWrapper_1627v_6 {
|
|
1556
|
+
outline: var(--puck-border-width-regular) solid var(--puck-color-focus-ring);
|
|
1441
1557
|
}
|
|
1442
|
-
._DraggableComponent-
|
|
1443
|
-
background: var(--puck-color-
|
|
1444
|
-
color: var(--puck-color-
|
|
1445
|
-
border-radius:
|
|
1558
|
+
._DraggableComponent-loadingOverlay_1627v_38 {
|
|
1559
|
+
background: var(--puck-color-surface);
|
|
1560
|
+
color: var(--puck-color-text);
|
|
1561
|
+
border-radius: var(--puck-radius-m);
|
|
1446
1562
|
display: flex;
|
|
1447
|
-
padding:
|
|
1448
|
-
top:
|
|
1449
|
-
right:
|
|
1563
|
+
padding: var(--puck-space-2);
|
|
1564
|
+
top: var(--puck-space-2);
|
|
1565
|
+
right: var(--puck-space-2);
|
|
1450
1566
|
position: absolute;
|
|
1451
1567
|
z-index: 1;
|
|
1452
1568
|
pointer-events: all;
|
|
@@ -1454,27 +1570,27 @@ textarea._Input-input_bsxfo_26 {
|
|
|
1454
1570
|
opacity: 0.8;
|
|
1455
1571
|
z-index: 1;
|
|
1456
1572
|
}
|
|
1457
|
-
._DraggableComponent--
|
|
1458
|
-
background: var(--overlay-
|
|
1459
|
-
outline:
|
|
1573
|
+
._DraggableComponent--hover_1627v_54 > ._DraggableComponent-overlayWrapper_1627v_6 > ._DraggableComponent-overlay_1627v_6 {
|
|
1574
|
+
background: var( --puck-slot-component-color-overlay, var(--puck-color-selection-bg) );
|
|
1575
|
+
outline: var( --puck-slot-component-border-width, var(--puck-border-width-focus) ) var( --puck-slot-component-color-overlay-border, var(--puck-color-selection-border) ) solid;
|
|
1460
1576
|
}
|
|
1461
|
-
._DraggableComponent--
|
|
1462
|
-
outline-color: var(--puck-color-
|
|
1577
|
+
._DraggableComponent--isSelected_1627v_72 > ._DraggableComponent-overlayWrapper_1627v_6 > ._DraggableComponent-overlay_1627v_6 {
|
|
1578
|
+
outline-color: var( --puck-slot-component-color-border-selected, var(--puck-color-selection-border) );
|
|
1463
1579
|
}
|
|
1464
|
-
.
|
|
1580
|
+
._DraggableComponent_1627v_1:has(._DraggableComponent--hover_1627v_54 > ._DraggableComponent-overlayWrapper_1627v_6) > ._DraggableComponent-overlayWrapper_1627v_6 {
|
|
1465
1581
|
display: none;
|
|
1466
1582
|
}
|
|
1467
|
-
._DraggableComponent-
|
|
1583
|
+
._DraggableComponent-actionsOverlay_1627v_89 {
|
|
1468
1584
|
position: sticky;
|
|
1469
1585
|
opacity: 0;
|
|
1470
1586
|
pointer-events: none;
|
|
1471
1587
|
z-index: 2;
|
|
1472
1588
|
}
|
|
1473
|
-
._DraggableComponent--
|
|
1589
|
+
._DraggableComponent--isSelected_1627v_72 ._DraggableComponent-actionsOverlay_1627v_89 {
|
|
1474
1590
|
opacity: 1;
|
|
1475
1591
|
pointer-events: auto;
|
|
1476
1592
|
}
|
|
1477
|
-
._DraggableComponent-
|
|
1593
|
+
._DraggableComponent-actions_1627v_89 {
|
|
1478
1594
|
position: absolute;
|
|
1479
1595
|
width: auto;
|
|
1480
1596
|
cursor: grab;
|
|
@@ -1483,6 +1599,10 @@ textarea._Input-input_bsxfo_26 {
|
|
|
1483
1599
|
transform-origin: right top;
|
|
1484
1600
|
min-height: 36px;
|
|
1485
1601
|
}
|
|
1602
|
+
._DraggableComponent-actionsAction_1627v_111 {
|
|
1603
|
+
height: var(--puck-actionbar-action-size, var(--puck-icon-size-s));
|
|
1604
|
+
width: var(--puck-actionbar-action-size, var(--puck-icon-size-s));
|
|
1605
|
+
}
|
|
1486
1606
|
|
|
1487
1607
|
/* components/DraggableComponent/styles.css */
|
|
1488
1608
|
[data-puck-component] * {
|
|
@@ -1503,9 +1623,9 @@ textarea._Input-input_bsxfo_26 {
|
|
|
1503
1623
|
cursor: pointer;
|
|
1504
1624
|
}
|
|
1505
1625
|
[data-dnd-placeholder] {
|
|
1506
|
-
background: var(--puck-color-azure-06
|
|
1626
|
+
background: var( --puck-slot-component-color-placeholder, var(--puck-color-azure-06) ) !important;
|
|
1507
1627
|
border: none !important;
|
|
1508
|
-
color:
|
|
1628
|
+
color: transparent !important;
|
|
1509
1629
|
opacity: 0.3 !important;
|
|
1510
1630
|
outline: none !important;
|
|
1511
1631
|
transition: none !important;
|
|
@@ -1517,8 +1637,8 @@ textarea._Input-input_bsxfo_26 {
|
|
|
1517
1637
|
}
|
|
1518
1638
|
[data-dnd-dragging][data-puck-component] {
|
|
1519
1639
|
pointer-events: none !important;
|
|
1520
|
-
outline:
|
|
1521
|
-
outline-offset: -
|
|
1640
|
+
outline: var( --puck-slot-component-border-width, var(--puck-border-width-focus) ) var(--puck-slot-component-color-border-dragging, var(--puck-color-azure-09)) solid !important;
|
|
1641
|
+
outline-offset: calc(var(--puck-slot-component-border-width, var(--puck-border-width-focus)) * -1) !important;
|
|
1522
1642
|
}
|
|
1523
1643
|
[data-dnd-dragging][data-puck-component] > :first-child {
|
|
1524
1644
|
margin-top: 0 !important;
|
|
@@ -1528,55 +1648,48 @@ textarea._Input-input_bsxfo_26 {
|
|
|
1528
1648
|
}
|
|
1529
1649
|
|
|
1530
1650
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/DropZone/styles.module.css/#css-module-data */
|
|
1531
|
-
.
|
|
1532
|
-
--resize-animation-ms: 150ms;
|
|
1651
|
+
._DropZone_ybznu_1 {
|
|
1533
1652
|
position: relative;
|
|
1534
1653
|
height: 100%;
|
|
1535
|
-
min-height: var(--min-empty-height);
|
|
1536
|
-
outline-offset: -
|
|
1654
|
+
min-height: var(--puck-slot-min-empty-height);
|
|
1655
|
+
outline-offset: calc(var(--puck-slot-border-width, var(--puck-border-width-focus)) * -1);
|
|
1537
1656
|
width: 100%;
|
|
1538
1657
|
}
|
|
1539
|
-
._DropZone--
|
|
1658
|
+
._DropZone--hasChildren_ybznu_11 {
|
|
1540
1659
|
min-height: 0;
|
|
1541
1660
|
}
|
|
1542
|
-
.
|
|
1543
|
-
min-height: var(--min-empty-height);
|
|
1661
|
+
._DropZone_ybznu_1:empty {
|
|
1662
|
+
min-height: var(--puck-slot-min-empty-height);
|
|
1544
1663
|
}
|
|
1545
|
-
[data-puck-entry]:not([data-puck-dragging]) .
|
|
1546
|
-
transition: min-height var(--
|
|
1664
|
+
[data-puck-entry]:not([data-puck-dragging]) ._DropZone_ybznu_1 {
|
|
1665
|
+
transition: min-height var(--puck-duration-medium) var(--puck-ease-exit);
|
|
1547
1666
|
}
|
|
1548
|
-
._DropZone--
|
|
1549
|
-
._DropZone--
|
|
1550
|
-
background: color-
|
|
1551
|
-
outline:
|
|
1667
|
+
._DropZone--isAreaSelected_ybznu_24,
|
|
1668
|
+
._DropZone--hoveringOverArea_ybznu_25:not(._DropZone--isRootZone_ybznu_25) {
|
|
1669
|
+
background: var(--puck-slot-color-bg, var(--puck-color-selection-bg));
|
|
1670
|
+
outline: var(--puck-slot-border-width, var(--puck-border-width-focus)) var(--puck-slot-border-style, dashed) var(--puck-slot-color-border, var(--puck-color-selection-border));
|
|
1552
1671
|
}
|
|
1553
|
-
.
|
|
1554
|
-
background: color-
|
|
1555
|
-
outline:
|
|
1672
|
+
._DropZone_ybznu_1:empty {
|
|
1673
|
+
background: var(--puck-slot-color-bg, var(--puck-color-selection-bg));
|
|
1674
|
+
outline: var(--puck-slot-border-width, var(--puck-border-width-focus)) var(--puck-slot-border-style, dashed) var(--puck-slot-color-border, var(--puck-color-selection-border));
|
|
1556
1675
|
}
|
|
1557
|
-
._DropZone
|
|
1558
|
-
outline: 2px dashed var(--puck-color-azure-04) !important;
|
|
1559
|
-
}
|
|
1560
|
-
._DropZone--isDestination_1i2sv_35:not(._DropZone--isRootZone_1i2sv_25) {
|
|
1561
|
-
background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent) !important;
|
|
1562
|
-
}
|
|
1563
|
-
._DropZone-item_1i2sv_47 {
|
|
1676
|
+
._DropZone-item_ybznu_39 {
|
|
1564
1677
|
position: relative;
|
|
1565
1678
|
}
|
|
1566
|
-
._DropZone-
|
|
1679
|
+
._DropZone-hitbox_ybznu_43 {
|
|
1567
1680
|
position: absolute;
|
|
1568
|
-
bottom: -
|
|
1569
|
-
height:
|
|
1681
|
+
bottom: calc(var(--puck-space-3) * -1);
|
|
1682
|
+
height: var(--puck-space-5);
|
|
1570
1683
|
width: 100%;
|
|
1571
1684
|
z-index: 1;
|
|
1572
1685
|
}
|
|
1573
|
-
[data-puck-dragging] ._DropZone--
|
|
1574
|
-
outline:
|
|
1686
|
+
[data-puck-dragging] ._DropZone--isEnabled_ybznu_51 {
|
|
1687
|
+
outline: var(--puck-slot-border-width, var(--puck-border-width-focus)) var(--puck-slot-border-style, dashed) var(--puck-slot-color-border, var(--puck-color-selection-border));
|
|
1575
1688
|
}
|
|
1576
|
-
.
|
|
1689
|
+
._DropZone_ybznu_1 > *:not([data-puck-component]) {
|
|
1577
1690
|
opacity: 0;
|
|
1578
1691
|
}
|
|
1579
|
-
body:has(._DropZone--
|
|
1692
|
+
body:has(._DropZone--isAnimating_ybznu_62:empty) [data-puck-overlay] {
|
|
1580
1693
|
opacity: 0 !important;
|
|
1581
1694
|
}
|
|
1582
1695
|
|
|
@@ -1585,11 +1698,11 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
|
|
|
1585
1698
|
[data-puck-overlay-portal] * {
|
|
1586
1699
|
pointer-events: auto !important;
|
|
1587
1700
|
}
|
|
1588
|
-
[data-puck-overlay-portal]:hover {
|
|
1701
|
+
[data-puck-entry][data-puck-preview-mode=edit] [data-puck-overlay-portal]:hover {
|
|
1589
1702
|
outline: 2px var(--puck-color-azure-09, #cfdff0) dashed;
|
|
1590
1703
|
outline-offset: 2px;
|
|
1591
1704
|
}
|
|
1592
|
-
[data-puck-overlay-portal]:focus-within {
|
|
1705
|
+
[data-puck-entry][data-puck-preview-mode=edit] [data-puck-overlay-portal]:focus-within {
|
|
1593
1706
|
outline: 2px var(--puck-color-azure-07, #88b0da) dashed;
|
|
1594
1707
|
outline-offset: 2px;
|
|
1595
1708
|
}
|
|
@@ -1610,15 +1723,15 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
|
|
|
1610
1723
|
}
|
|
1611
1724
|
|
|
1612
1725
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Fields/styles.module.css/#css-module-data */
|
|
1613
|
-
.
|
|
1726
|
+
._PuckFields_wnj25_1 {
|
|
1614
1727
|
position: relative;
|
|
1615
1728
|
font-family: var(--puck-font-family);
|
|
1616
1729
|
}
|
|
1617
|
-
._PuckFields--
|
|
1730
|
+
._PuckFields--isLoading_wnj25_6 {
|
|
1618
1731
|
min-height: 48px;
|
|
1619
1732
|
}
|
|
1620
|
-
._PuckFields-
|
|
1621
|
-
background: var(--puck-color-
|
|
1733
|
+
._PuckFields-loadingOverlay_wnj25_10 {
|
|
1734
|
+
background: var(--puck-color-surface);
|
|
1622
1735
|
display: flex;
|
|
1623
1736
|
justify-content: flex-end;
|
|
1624
1737
|
align-items: flex-start;
|
|
@@ -1631,72 +1744,72 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
|
|
|
1631
1744
|
box-sizing: border-box;
|
|
1632
1745
|
opacity: 0.8;
|
|
1633
1746
|
}
|
|
1634
|
-
._PuckFields-
|
|
1747
|
+
._PuckFields-loadingOverlayInner_wnj25_25 {
|
|
1635
1748
|
display: flex;
|
|
1636
|
-
padding:
|
|
1749
|
+
padding: var(--puck-space-4);
|
|
1637
1750
|
position: sticky;
|
|
1638
1751
|
top: 0;
|
|
1639
1752
|
}
|
|
1640
|
-
._PuckFields-
|
|
1753
|
+
._PuckFields-field_wnj25_32 * {
|
|
1641
1754
|
box-sizing: border-box;
|
|
1642
1755
|
}
|
|
1643
|
-
._PuckFields--
|
|
1644
|
-
color: var(--puck-color-
|
|
1645
|
-
padding:
|
|
1646
|
-
padding-bottom:
|
|
1756
|
+
._PuckFields--wrapFields_wnj25_36 ._PuckFields-field_wnj25_32 {
|
|
1757
|
+
color: var(--puck-color-text-secondary);
|
|
1758
|
+
padding: var(--puck-space-4);
|
|
1759
|
+
padding-bottom: var(--puck-space-3);
|
|
1647
1760
|
display: block;
|
|
1648
1761
|
}
|
|
1649
|
-
._PuckFields--
|
|
1650
|
-
border-top:
|
|
1651
|
-
margin-top:
|
|
1762
|
+
._PuckFields--wrapFields_wnj25_36 ._PuckFields-field_wnj25_32 + ._PuckFields-field_wnj25_32 {
|
|
1763
|
+
border-top: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
1764
|
+
margin-top: var(--puck-space-2);
|
|
1652
1765
|
}
|
|
1653
1766
|
|
|
1654
1767
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/ComponentList/styles.module.css/#css-module-data */
|
|
1655
|
-
.
|
|
1768
|
+
._ComponentList_htktj_1 {
|
|
1656
1769
|
max-width: 100%;
|
|
1657
1770
|
}
|
|
1658
|
-
._ComponentList--
|
|
1659
|
-
margin-top:
|
|
1771
|
+
._ComponentList--isExpanded_htktj_5 + ._ComponentList_htktj_1 {
|
|
1772
|
+
margin-top: var(--puck-space-3);
|
|
1660
1773
|
}
|
|
1661
|
-
._ComponentList-
|
|
1774
|
+
._ComponentList-content_htktj_9 {
|
|
1662
1775
|
display: none;
|
|
1663
1776
|
}
|
|
1664
|
-
._ComponentList--
|
|
1777
|
+
._ComponentList--isExpanded_htktj_5 > ._ComponentList-content_htktj_9 {
|
|
1665
1778
|
display: block;
|
|
1666
1779
|
}
|
|
1667
|
-
._ComponentList-
|
|
1780
|
+
._ComponentList-title_htktj_17 {
|
|
1668
1781
|
background-color: transparent;
|
|
1669
1782
|
border: 0;
|
|
1670
|
-
color: var(--puck-color-
|
|
1783
|
+
color: var(--puck-drawer-category-color-text, var(--puck-color-text-muted));
|
|
1671
1784
|
cursor: pointer;
|
|
1672
1785
|
display: flex;
|
|
1673
1786
|
font: inherit;
|
|
1674
|
-
font-size: var(--puck-font-size-xxxs);
|
|
1787
|
+
font-size: var(--puck-drawer-category-font-size, var(--puck-font-size-xxxs));
|
|
1675
1788
|
list-style: none;
|
|
1676
1789
|
margin-bottom: 6px;
|
|
1677
|
-
padding:
|
|
1790
|
+
padding: var(--puck-drawer-category-space, var(--puck-space-2));
|
|
1678
1791
|
text-transform: uppercase;
|
|
1679
|
-
transition: background-color
|
|
1680
|
-
gap:
|
|
1681
|
-
border-radius:
|
|
1792
|
+
transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);
|
|
1793
|
+
gap: var(--puck-space-1);
|
|
1794
|
+
border-radius: var(--puck-radius-m);
|
|
1682
1795
|
width: 100%;
|
|
1683
1796
|
}
|
|
1684
|
-
._ComponentList-
|
|
1685
|
-
outline:
|
|
1686
|
-
outline-offset:
|
|
1797
|
+
._ComponentList-title_htktj_17:focus-visible {
|
|
1798
|
+
outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
|
|
1799
|
+
outline-offset: var(--puck-border-width-focus);
|
|
1687
1800
|
}
|
|
1688
1801
|
@media (hover: hover) and (pointer: fine) {
|
|
1689
|
-
._ComponentList-
|
|
1690
|
-
background-color: var(--puck-color-
|
|
1691
|
-
color: var(--puck-color-
|
|
1802
|
+
._ComponentList-title_htktj_17:hover {
|
|
1803
|
+
background-color: var( --puck-drawer-category-color-bg-hover, var(--puck-color-interactive-soft) );
|
|
1804
|
+
color: var( --puck-drawer-category-color-text-hover, var(--puck-color-interactive) );
|
|
1692
1805
|
transition: none;
|
|
1693
1806
|
}
|
|
1694
1807
|
}
|
|
1695
|
-
._ComponentList-
|
|
1696
|
-
background-color: var(--puck-color-
|
|
1808
|
+
._ComponentList-title_htktj_17:active {
|
|
1809
|
+
background-color: var( --puck-drawer-category-color-bg-active, var(--puck-color-interactive-subtle) );
|
|
1697
1810
|
transition: none;
|
|
1698
1811
|
}
|
|
1699
|
-
._ComponentList-
|
|
1812
|
+
._ComponentList-titleIcon_htktj_63 {
|
|
1700
1813
|
margin-inline-start: auto;
|
|
1701
1814
|
}
|
|
1702
1815
|
|
|
@@ -1712,285 +1825,286 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
|
|
|
1712
1825
|
}
|
|
1713
1826
|
|
|
1714
1827
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/LayerTree/styles.module.css/#css-module-data */
|
|
1715
|
-
.
|
|
1716
|
-
color: var(--puck-color-
|
|
1828
|
+
._LayerTree_1vltj_1 {
|
|
1829
|
+
color: var(--puck-outline-color-text, var(--puck-color-text-secondary));
|
|
1717
1830
|
font-family: var(--puck-font-family);
|
|
1718
|
-
font-size: var(--puck-font-size-xxs);
|
|
1831
|
+
font-size: var(--puck-outline-font-size, var(--puck-font-size-xxs));
|
|
1719
1832
|
margin: 0;
|
|
1720
1833
|
position: relative;
|
|
1721
1834
|
list-style: none;
|
|
1722
1835
|
padding: 0;
|
|
1723
1836
|
}
|
|
1724
|
-
._LayerTree-
|
|
1725
|
-
color: var(--puck-color-
|
|
1726
|
-
font-size: var(--puck-font-size-xxxs);
|
|
1837
|
+
._LayerTree-zoneTitle_1vltj_11 {
|
|
1838
|
+
color: var(--puck-outline-zone-color-text, var(--puck-color-text-muted));
|
|
1839
|
+
font-size: var(--puck-outline-zone-font-size, var(--puck-font-size-xxxs));
|
|
1727
1840
|
text-transform: uppercase;
|
|
1728
1841
|
}
|
|
1729
|
-
._LayerTree-
|
|
1842
|
+
._LayerTree-helper_1vltj_17 {
|
|
1730
1843
|
text-align: center;
|
|
1731
|
-
color: var(--puck-color-
|
|
1732
|
-
margin:
|
|
1844
|
+
color: var(--puck-color-text-subtle);
|
|
1845
|
+
margin: var(--puck-space-2) var(--puck-space-1);
|
|
1733
1846
|
}
|
|
1734
|
-
.
|
|
1847
|
+
._Layer_1vltj_1 {
|
|
1735
1848
|
position: relative;
|
|
1736
|
-
border:
|
|
1737
|
-
border-radius:
|
|
1849
|
+
border: var(--puck-outline-border-width, var(--puck-border-width-regular)) solid transparent;
|
|
1850
|
+
border-radius: var(--puck-outline-radius, var(--puck-radius-m));
|
|
1738
1851
|
}
|
|
1739
|
-
._Layer-
|
|
1740
|
-
border:
|
|
1741
|
-
border-radius:
|
|
1742
|
-
transition: color
|
|
1852
|
+
._Layer-inner_1vltj_30 {
|
|
1853
|
+
border: var(--puck-outline-border-width, var(--puck-border-width-regular)) solid transparent;
|
|
1854
|
+
border-radius: var(--puck-outline-radius, var(--puck-radius-m));
|
|
1855
|
+
transition: color var(--puck-duration-fast) var(--puck-ease-exit);
|
|
1743
1856
|
}
|
|
1744
|
-
._Layer--
|
|
1857
|
+
._Layer--containsZone_1vltj_37 > ._Layer-inner_1vltj_30 {
|
|
1745
1858
|
padding-inline-start: 0;
|
|
1746
1859
|
}
|
|
1747
|
-
._Layer-
|
|
1860
|
+
._Layer-clickable_1vltj_41 {
|
|
1748
1861
|
align-items: center;
|
|
1749
1862
|
background: none;
|
|
1750
1863
|
border: 0;
|
|
1751
|
-
border-radius:
|
|
1864
|
+
border-radius: var(--puck-outline-radius, var(--puck-radius-m));
|
|
1752
1865
|
color: inherit;
|
|
1753
1866
|
cursor: pointer;
|
|
1754
1867
|
display: flex;
|
|
1755
1868
|
font: inherit;
|
|
1756
|
-
padding-inline-start:
|
|
1757
|
-
padding-inline-end:
|
|
1869
|
+
padding-inline-start: var(--puck-space-3);
|
|
1870
|
+
padding-inline-end: var(--puck-space-1);
|
|
1758
1871
|
width: 100%;
|
|
1759
1872
|
}
|
|
1760
|
-
._Layer-
|
|
1761
|
-
outline:
|
|
1762
|
-
outline-offset:
|
|
1873
|
+
._Layer-clickable_1vltj_41:focus-visible {
|
|
1874
|
+
outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
|
|
1875
|
+
outline-offset: var(--puck-border-width-focus);
|
|
1763
1876
|
position: relative;
|
|
1764
1877
|
z-index: 1;
|
|
1765
1878
|
}
|
|
1766
1879
|
@media (hover: hover) and (pointer: fine) {
|
|
1767
|
-
.
|
|
1768
|
-
border-color: var(--puck-color-
|
|
1769
|
-
background: var(--puck-color-
|
|
1770
|
-
color: var(--puck-color-
|
|
1880
|
+
._Layer_1vltj_1:not(._Layer--isSelected_1vltj_63) > ._Layer-inner_1vltj_30:hover {
|
|
1881
|
+
border-color: var( --puck-outline-color-border-hover, var(--puck-color-interactive-subtle) );
|
|
1882
|
+
background: var( --puck-outline-color-bg-hover, var(--puck-color-interactive-soft) );
|
|
1883
|
+
color: var(--puck-outline-color-text-hover, var(--puck-color-interactive));
|
|
1771
1884
|
transition: none;
|
|
1772
1885
|
}
|
|
1773
1886
|
}
|
|
1774
|
-
._Layer--
|
|
1775
|
-
border-color: var(--puck-color-
|
|
1887
|
+
._Layer--isSelected_1vltj_63 {
|
|
1888
|
+
border-color: var( --puck-outline-color-border-selected, var(--puck-color-selection-border) );
|
|
1776
1889
|
}
|
|
1777
|
-
._Layer--
|
|
1778
|
-
background: var(--puck-color-
|
|
1890
|
+
._Layer--isSelected_1vltj_63 > ._Layer-inner_1vltj_30 {
|
|
1891
|
+
background: var( --puck-outline-color-bg-selected, var(--puck-color-interactive-subtle) );
|
|
1779
1892
|
}
|
|
1780
|
-
._Layer--
|
|
1781
|
-
._Layer--
|
|
1893
|
+
._Layer--isSelected_1vltj_63 > ._Layer-inner_1vltj_30 > ._Layer-clickable_1vltj_41 > ._Layer-chevron_1vltj_91,
|
|
1894
|
+
._Layer--childIsSelected_1vltj_92 > ._Layer-inner_1vltj_30 > ._Layer-clickable_1vltj_41 > ._Layer-chevron_1vltj_91 {
|
|
1782
1895
|
transform: scaleY(-1);
|
|
1783
1896
|
}
|
|
1784
|
-
._Layer-
|
|
1897
|
+
._Layer-zones_1vltj_96 {
|
|
1785
1898
|
display: none;
|
|
1786
|
-
margin-inline-start:
|
|
1899
|
+
margin-inline-start: var(--puck-space-3);
|
|
1787
1900
|
}
|
|
1788
|
-
._Layer--
|
|
1789
|
-
._Layer--
|
|
1901
|
+
._Layer--isSelected_1vltj_63 > ._Layer-zones_1vltj_96,
|
|
1902
|
+
._Layer--childIsSelected_1vltj_92 > ._Layer-zones_1vltj_96 {
|
|
1790
1903
|
display: block;
|
|
1791
1904
|
}
|
|
1792
|
-
._Layer-
|
|
1793
|
-
margin-inline-start:
|
|
1905
|
+
._Layer-zones_1vltj_96 > ._LayerTree_1vltj_1 {
|
|
1906
|
+
margin-inline-start: var(--puck-space-3);
|
|
1794
1907
|
}
|
|
1795
|
-
._Layer-
|
|
1796
|
-
._LayerTree-
|
|
1908
|
+
._Layer-title_1vltj_110,
|
|
1909
|
+
._LayerTree-zoneTitle_1vltj_11 {
|
|
1797
1910
|
display: flex;
|
|
1798
|
-
gap:
|
|
1911
|
+
gap: var(--puck-space-2);
|
|
1799
1912
|
align-items: center;
|
|
1800
|
-
margin:
|
|
1913
|
+
margin: var(--puck-space-2) var(--puck-space-1);
|
|
1801
1914
|
overflow-x: hidden;
|
|
1802
1915
|
}
|
|
1803
|
-
._Layer-
|
|
1916
|
+
._Layer-name_1vltj_119 {
|
|
1804
1917
|
overflow-x: hidden;
|
|
1805
1918
|
text-overflow: ellipsis;
|
|
1806
1919
|
white-space: nowrap;
|
|
1807
1920
|
}
|
|
1808
|
-
._Layer-
|
|
1809
|
-
color: var(--puck-color-
|
|
1810
|
-
margin-top:
|
|
1921
|
+
._Layer-icon_1vltj_125 {
|
|
1922
|
+
color: var(--puck-outline-color-icon, var(--puck-color-highlight));
|
|
1923
|
+
margin-top: var(--puck-space-1);
|
|
1811
1924
|
}
|
|
1812
|
-
._Layer-
|
|
1813
|
-
color: var(--puck-color-
|
|
1814
|
-
margin-top:
|
|
1925
|
+
._Layer-zoneIcon_1vltj_130 {
|
|
1926
|
+
color: var(--puck-outline-zone-color-text, var(--puck-color-text-muted));
|
|
1927
|
+
margin-top: var(--puck-space-1);
|
|
1815
1928
|
}
|
|
1816
1929
|
|
|
1817
1930
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Layout/styles.module.css/#css-module-data */
|
|
1818
|
-
.
|
|
1819
|
-
--puck-space-px: 16px;
|
|
1931
|
+
._Puck_mr27u_19 {
|
|
1820
1932
|
font-family: var(--puck-font-family);
|
|
1821
1933
|
overflow-x: hidden;
|
|
1822
1934
|
visibility: visible !important;
|
|
1823
1935
|
}
|
|
1824
1936
|
@media (min-width: 766px) {
|
|
1825
|
-
.
|
|
1937
|
+
._Puck_mr27u_19 {
|
|
1826
1938
|
overflow-x: auto;
|
|
1827
1939
|
}
|
|
1828
1940
|
}
|
|
1829
|
-
._Puck-
|
|
1941
|
+
._Puck-portal_mr27u_31 {
|
|
1830
1942
|
position: relative;
|
|
1831
1943
|
z-index: 2;
|
|
1832
1944
|
}
|
|
1833
|
-
.
|
|
1945
|
+
._PuckLayout_mr27u_36 {
|
|
1834
1946
|
height: 100dvh;
|
|
1835
1947
|
}
|
|
1836
|
-
._PuckLayout-
|
|
1948
|
+
._PuckLayout-inner_mr27u_40 {
|
|
1837
1949
|
--puck-frame-width: auto;
|
|
1838
|
-
--puck-
|
|
1839
|
-
--puck-
|
|
1840
|
-
--puck-left-
|
|
1841
|
-
--puck-right-
|
|
1842
|
-
background-color: var(--puck-color-
|
|
1950
|
+
--puck-pluginbar-width: min-content;
|
|
1951
|
+
--puck-sidebar-width: 0px;
|
|
1952
|
+
--puck-sidebar-left-width: var( --puck-user-sidebar-left-width, var(--puck-sidebar-width) );
|
|
1953
|
+
--puck-sidebar-right-width: var( --puck-user-sidebar-right-width, var(--puck-sidebar-width) );
|
|
1954
|
+
background-color: var(--puck-color-surface-subtle);
|
|
1843
1955
|
display: grid;
|
|
1844
1956
|
grid-template-areas: "header" "editor" "left" "right" "sidenav";
|
|
1845
1957
|
grid-template-columns: var(--puck-frame-width);
|
|
1846
|
-
grid-template-rows: min-content auto 0 0 var(--puck-
|
|
1958
|
+
grid-template-rows: min-content auto 0 0 var(--puck-pluginbar-width);
|
|
1847
1959
|
height: 100%;
|
|
1848
1960
|
position: relative;
|
|
1849
|
-
transition: grid-template-rows
|
|
1961
|
+
transition: grid-template-rows var(--puck-duration-medium) var(--puck-ease-exit);
|
|
1850
1962
|
z-index: 0;
|
|
1851
1963
|
overflow: hidden;
|
|
1852
1964
|
}
|
|
1853
1965
|
@media (min-width: 638px) {
|
|
1854
|
-
._PuckLayout-
|
|
1855
|
-
--puck-
|
|
1966
|
+
._PuckLayout-inner_mr27u_40 {
|
|
1967
|
+
--puck-pluginbar-width: 68px;
|
|
1856
1968
|
grid-template-areas: "header header header header" "sidenav left editor right";
|
|
1857
|
-
grid-template-columns: var(--puck-
|
|
1969
|
+
grid-template-columns: var(--puck-pluginbar-width) 0 var(--puck-frame-width) 0;
|
|
1858
1970
|
grid-template-rows: min-content auto;
|
|
1859
1971
|
}
|
|
1860
|
-
._Puck--
|
|
1861
|
-
--puck-
|
|
1972
|
+
._Puck--hidePlugins_mr27u_73 ._PuckLayout-inner_mr27u_40 {
|
|
1973
|
+
--puck-pluginbar-width: 0;
|
|
1862
1974
|
}
|
|
1863
1975
|
}
|
|
1864
|
-
._PuckLayout--
|
|
1865
|
-
--puck-
|
|
1976
|
+
._PuckLayout--mounted_mr27u_78 ._PuckLayout-inner_mr27u_40 {
|
|
1977
|
+
--puck-sidebar-width: 186px;
|
|
1866
1978
|
}
|
|
1867
|
-
._PuckLayout--
|
|
1868
|
-
grid-template-rows: 0 auto 30% 0 var(--puck-
|
|
1979
|
+
._PuckLayout--mobilePanelHeightToggle_mr27u_82._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-inner_mr27u_40 {
|
|
1980
|
+
grid-template-rows: 0 auto 30% 0 var(--puck-pluginbar-width);
|
|
1981
|
+
transition: grid-template-rows var(--puck-duration-medium) var(--puck-ease-entrance);
|
|
1869
1982
|
}
|
|
1870
|
-
._PuckLayout--
|
|
1871
|
-
grid-template-rows: 0 auto 55% 0 var(--puck-
|
|
1983
|
+
._PuckLayout--mobilePanelHeightToggle_mr27u_82._PuckLayout--leftSideBarVisible_mr27u_82._PuckLayout--isExpanded_mr27u_90 ._PuckLayout-inner_mr27u_40 {
|
|
1984
|
+
grid-template-rows: 0 auto 55% 0 var(--puck-pluginbar-width);
|
|
1985
|
+
transition: grid-template-rows var(--puck-duration-medium) var(--puck-ease-entrance);
|
|
1872
1986
|
}
|
|
1873
1987
|
@media (min-width: 638px) {
|
|
1874
|
-
._PuckLayout--
|
|
1875
|
-
grid-template-columns: var(--puck-
|
|
1988
|
+
._PuckLayout--mobilePanelHeightToggle_mr27u_82._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-inner_mr27u_40 {
|
|
1989
|
+
grid-template-columns: var(--puck-pluginbar-width) var(--puck-sidebar-left-width) var( --puck-frame-width ) 0;
|
|
1876
1990
|
grid-template-rows: min-content auto;
|
|
1877
1991
|
}
|
|
1878
1992
|
}
|
|
1879
|
-
._PuckLayout--
|
|
1880
|
-
._PuckLayout--
|
|
1881
|
-
grid-template-rows: 0 auto min-content 0 var(--puck-
|
|
1993
|
+
._PuckLayout--mobilePanelHeightMinContent_mr27u_110._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-inner_mr27u_40,
|
|
1994
|
+
._PuckLayout--mobilePanelHeightMinContent_mr27u_110._PuckLayout--leftSideBarVisible_mr27u_82._PuckLayout--isExpanded_mr27u_90 ._PuckLayout-inner_mr27u_40 {
|
|
1995
|
+
grid-template-rows: 0 auto min-content 0 var(--puck-pluginbar-width);
|
|
1882
1996
|
}
|
|
1883
1997
|
@media (min-width: 638px) {
|
|
1884
|
-
._PuckLayout--
|
|
1885
|
-
._PuckLayout--
|
|
1886
|
-
._PuckLayout--
|
|
1887
|
-
._PuckLayout--
|
|
1888
|
-
grid-template-columns: var(--puck-
|
|
1998
|
+
._PuckLayout--mobilePanelHeightToggle_mr27u_82._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-inner_mr27u_40,
|
|
1999
|
+
._PuckLayout--mobilePanelHeightToggle_mr27u_82._PuckLayout--leftSideBarVisible_mr27u_82._PuckLayout--isExpanded_mr27u_90 ._PuckLayout-inner_mr27u_40,
|
|
2000
|
+
._PuckLayout--mobilePanelHeightMinContent_mr27u_110._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-inner_mr27u_40,
|
|
2001
|
+
._PuckLayout--mobilePanelHeightMinContent_mr27u_110._PuckLayout--leftSideBarVisible_mr27u_82._PuckLayout--isExpanded_mr27u_90 ._PuckLayout-inner_mr27u_40 {
|
|
2002
|
+
grid-template-columns: var(--puck-pluginbar-width) var(--puck-sidebar-left-width) var( --puck-frame-width ) 0;
|
|
1889
2003
|
grid-template-rows: min-content auto;
|
|
1890
2004
|
}
|
|
1891
2005
|
}
|
|
1892
2006
|
@media (min-width: 638px) {
|
|
1893
|
-
._PuckLayout--
|
|
1894
|
-
grid-template-columns: var(--puck-
|
|
2007
|
+
._PuckLayout--rightSideBarVisible_mr27u_137 ._PuckLayout-inner_mr27u_40 {
|
|
2008
|
+
grid-template-columns: var(--puck-pluginbar-width) 0 var(--puck-frame-width) var(--puck-sidebar-right-width);
|
|
1895
2009
|
}
|
|
1896
2010
|
}
|
|
1897
2011
|
@media (min-width: 638px) {
|
|
1898
|
-
._PuckLayout--
|
|
1899
|
-
grid-template-columns: var(--puck-
|
|
2012
|
+
._PuckLayout--leftSideBarVisible_mr27u_82._PuckLayout--rightSideBarVisible_mr27u_137 ._PuckLayout-inner_mr27u_40 {
|
|
2013
|
+
grid-template-columns: var(--puck-pluginbar-width) var(--puck-sidebar-left-width) var( --puck-frame-width ) var(--puck-sidebar-right-width);
|
|
1900
2014
|
}
|
|
1901
2015
|
}
|
|
1902
2016
|
@media (min-width: 458px) {
|
|
1903
|
-
._PuckLayout-
|
|
2017
|
+
._PuckLayout-mounted_mr27u_156 ._PuckLayout-inner_mr27u_40 {
|
|
1904
2018
|
--puck-frame-width: minmax(266px, auto);
|
|
1905
2019
|
}
|
|
1906
2020
|
}
|
|
1907
2021
|
@media (min-width: 638px) {
|
|
1908
|
-
.
|
|
1909
|
-
--puck-
|
|
2022
|
+
._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 {
|
|
2023
|
+
--puck-sidebar-width: minmax(186px, 250px);
|
|
1910
2024
|
}
|
|
1911
2025
|
}
|
|
1912
2026
|
@media (min-width: 766px) {
|
|
1913
|
-
.
|
|
2027
|
+
._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 {
|
|
1914
2028
|
--puck-frame-width: auto;
|
|
1915
2029
|
}
|
|
1916
2030
|
}
|
|
1917
2031
|
@media (min-width: 990px) {
|
|
1918
|
-
.
|
|
1919
|
-
--puck-
|
|
2032
|
+
._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 {
|
|
2033
|
+
--puck-sidebar-width: 256px;
|
|
1920
2034
|
}
|
|
1921
2035
|
}
|
|
1922
2036
|
@media (min-width: 1198px) {
|
|
1923
|
-
.
|
|
1924
|
-
--puck-
|
|
2037
|
+
._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 {
|
|
2038
|
+
--puck-sidebar-width: 274px;
|
|
1925
2039
|
}
|
|
1926
2040
|
}
|
|
1927
2041
|
@media (min-width: 1398px) {
|
|
1928
|
-
.
|
|
1929
|
-
--puck-
|
|
2042
|
+
._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 {
|
|
2043
|
+
--puck-sidebar-width: 290px;
|
|
1930
2044
|
}
|
|
1931
2045
|
}
|
|
1932
2046
|
@media (min-width: 1598px) {
|
|
1933
|
-
.
|
|
1934
|
-
--puck-
|
|
2047
|
+
._PuckLayout_mr27u_36 ._PuckLayout-inner_mr27u_40 {
|
|
2048
|
+
--puck-sidebar-width: 320px;
|
|
1935
2049
|
}
|
|
1936
2050
|
}
|
|
1937
|
-
._PuckLayout-
|
|
1938
|
-
border-top:
|
|
1939
|
-
background-color: var(--puck-color-
|
|
2051
|
+
._PuckLayout-nav_mr27u_197 {
|
|
2052
|
+
border-top: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
2053
|
+
background-color: var( --puck-pluginbar-color-bg, var(--puck-color-surface-subtle) );
|
|
1940
2054
|
grid-area: sidenav;
|
|
1941
2055
|
overflow: hidden;
|
|
1942
2056
|
width: 100%;
|
|
1943
2057
|
}
|
|
1944
2058
|
@media (min-width: 638px) {
|
|
1945
|
-
._PuckLayout-
|
|
2059
|
+
._PuckLayout-nav_mr27u_197 {
|
|
1946
2060
|
border-top: 0;
|
|
1947
|
-
border-right:
|
|
2061
|
+
border-right: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
1948
2062
|
box-sizing: border-box;
|
|
1949
2063
|
}
|
|
1950
2064
|
}
|
|
1951
|
-
._PuckLayout-
|
|
2065
|
+
._PuckLayout-header_mr27u_217 {
|
|
1952
2066
|
grid-area: header;
|
|
1953
2067
|
}
|
|
1954
|
-
._PuckLayout--
|
|
2068
|
+
._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-header_mr27u_217 {
|
|
1955
2069
|
overflow: hidden;
|
|
1956
2070
|
}
|
|
1957
2071
|
@media (min-width: 638px) {
|
|
1958
|
-
._PuckLayout--
|
|
2072
|
+
._PuckLayout--leftSideBarVisible_mr27u_82 ._PuckLayout-header_mr27u_217 {
|
|
1959
2073
|
overflow: auto;
|
|
1960
2074
|
}
|
|
1961
2075
|
}
|
|
1962
|
-
.
|
|
2076
|
+
._PuckPluginTab_mr27u_231 {
|
|
1963
2077
|
display: none;
|
|
1964
2078
|
flex-grow: 1;
|
|
1965
2079
|
max-height: 100%;
|
|
1966
2080
|
}
|
|
1967
|
-
._PuckPluginTab--
|
|
2081
|
+
._PuckPluginTab--visible_mr27u_237 {
|
|
1968
2082
|
display: flex;
|
|
1969
2083
|
flex-direction: column;
|
|
1970
2084
|
}
|
|
1971
|
-
._PuckPluginTab-
|
|
2085
|
+
._PuckPluginTab-body_mr27u_242 {
|
|
1972
2086
|
flex-grow: 1;
|
|
1973
2087
|
max-height: 100%;
|
|
1974
2088
|
}
|
|
1975
2089
|
|
|
1976
2090
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/MenuBar/styles.module.css/#css-module-data */
|
|
1977
|
-
.
|
|
1978
|
-
background-color: var(--puck-color-
|
|
1979
|
-
border-bottom:
|
|
2091
|
+
._MenuBar_1hxnj_1 {
|
|
2092
|
+
background-color: var(--_puck-menu-bar-color-bg, var(--puck-color-surface));
|
|
2093
|
+
border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
1980
2094
|
display: none;
|
|
1981
2095
|
left: 0;
|
|
1982
2096
|
margin-top: 1px;
|
|
1983
|
-
padding:
|
|
2097
|
+
padding: var(--puck-space-2) var(--puck-space-4);
|
|
1984
2098
|
position: absolute;
|
|
1985
2099
|
right: 0;
|
|
1986
2100
|
top: 100%;
|
|
1987
2101
|
z-index: 2;
|
|
1988
2102
|
}
|
|
1989
|
-
._MenuBar--
|
|
2103
|
+
._MenuBar--menuOpen_1hxnj_14 {
|
|
1990
2104
|
display: block;
|
|
1991
2105
|
}
|
|
1992
2106
|
@media (min-width: 638px) {
|
|
1993
|
-
.
|
|
2107
|
+
._MenuBar_1hxnj_1 {
|
|
1994
2108
|
border: none;
|
|
1995
2109
|
display: block;
|
|
1996
2110
|
margin-top: 0;
|
|
@@ -1999,172 +2113,169 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
|
|
|
1999
2113
|
position: static;
|
|
2000
2114
|
}
|
|
2001
2115
|
}
|
|
2002
|
-
._MenuBar-
|
|
2116
|
+
._MenuBar-inner_1hxnj_29 {
|
|
2003
2117
|
align-items: center;
|
|
2004
2118
|
display: flex;
|
|
2005
2119
|
flex-wrap: wrap;
|
|
2006
|
-
gap:
|
|
2120
|
+
gap: var(--puck-space-2) var(--puck-space-4);
|
|
2007
2121
|
justify-content: flex-end;
|
|
2008
2122
|
}
|
|
2009
2123
|
@media (min-width: 638px) {
|
|
2010
|
-
._MenuBar-
|
|
2124
|
+
._MenuBar-inner_1hxnj_29 {
|
|
2011
2125
|
display: flex;
|
|
2012
2126
|
flex-direction: row;
|
|
2013
2127
|
flex-wrap: nowrap;
|
|
2014
2128
|
}
|
|
2015
2129
|
}
|
|
2016
|
-
._MenuBar-
|
|
2130
|
+
._MenuBar-history_1hxnj_45 {
|
|
2017
2131
|
display: flex;
|
|
2018
2132
|
}
|
|
2019
2133
|
|
|
2020
2134
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Header/styles.module.css/#css-module-data */
|
|
2021
|
-
.
|
|
2022
|
-
|
|
2023
|
-
|
|
2024
|
-
|
|
2135
|
+
._PuckHeader_c2nei_1 {
|
|
2136
|
+
--_puck-menu-bar-color-bg: var( --puck-header-color-bg, var(--puck-color-surface) );
|
|
2137
|
+
background: var(--puck-header-color-bg, var(--puck-color-surface));
|
|
2138
|
+
border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
2139
|
+
color: var(--puck-header-color-text, var(--puck-color-text));
|
|
2140
|
+
--_puck-heading-color: var(--puck-header-color-text, var(--puck-color-text));
|
|
2025
2141
|
grid-area: header;
|
|
2026
2142
|
position: relative;
|
|
2027
2143
|
max-width: 100vw;
|
|
2028
2144
|
}
|
|
2029
2145
|
@media (min-width: 638px) {
|
|
2030
|
-
.
|
|
2146
|
+
._PuckHeader_c2nei_1 {
|
|
2031
2147
|
padding-left: 67px;
|
|
2032
2148
|
}
|
|
2033
|
-
._PuckHeader--
|
|
2149
|
+
._PuckHeader--hidePlugins_c2nei_21 {
|
|
2034
2150
|
padding-left: 0;
|
|
2035
2151
|
}
|
|
2036
2152
|
}
|
|
2037
|
-
._PuckHeader-
|
|
2153
|
+
._PuckHeader-inner_c2nei_26 {
|
|
2038
2154
|
align-items: end;
|
|
2039
2155
|
display: grid;
|
|
2040
|
-
gap: var(--puck-space-
|
|
2156
|
+
gap: var(--puck-space-chrome-gutter);
|
|
2041
2157
|
grid-template-areas: "left middle right";
|
|
2042
2158
|
grid-template-columns: 1fr auto 1fr;
|
|
2043
2159
|
grid-template-rows: auto;
|
|
2044
|
-
padding: var(--puck-space-
|
|
2160
|
+
padding: var(--puck-space-chrome-gutter);
|
|
2045
2161
|
}
|
|
2046
2162
|
@media (min-width: 638px) {
|
|
2047
|
-
._PuckHeader-
|
|
2048
|
-
border-left:
|
|
2163
|
+
._PuckHeader-inner_c2nei_26 {
|
|
2164
|
+
border-left: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
2049
2165
|
}
|
|
2050
|
-
._PuckHeader--
|
|
2166
|
+
._PuckHeader--hidePlugins_c2nei_21 ._PuckHeader-inner_c2nei_26 {
|
|
2051
2167
|
border-left: none;
|
|
2052
2168
|
}
|
|
2053
2169
|
}
|
|
2054
|
-
._PuckHeader-
|
|
2055
|
-
color: var(--puck-color-grey-05);
|
|
2170
|
+
._PuckHeader-toggle_c2nei_46 {
|
|
2056
2171
|
display: flex;
|
|
2057
|
-
margin-inline-start: -
|
|
2172
|
+
margin-inline-start: calc(var(--puck-space-1) * -1);
|
|
2058
2173
|
padding-top: 2px;
|
|
2059
2174
|
}
|
|
2060
|
-
._PuckHeader
|
|
2061
|
-
._PuckHeader
|
|
2062
|
-
color: var(--puck-color-black);
|
|
2063
|
-
}
|
|
2064
|
-
._PuckHeader-rightSideBarToggle_63pti_47,
|
|
2065
|
-
._PuckHeader-leftSideBarToggle_63pti_48 {
|
|
2175
|
+
._PuckHeader-rightSideBarToggle_c2nei_52,
|
|
2176
|
+
._PuckHeader-leftSideBarToggle_c2nei_53 {
|
|
2066
2177
|
display: none;
|
|
2067
2178
|
}
|
|
2068
2179
|
@media (min-width: 638px) {
|
|
2069
|
-
._PuckHeader-
|
|
2070
|
-
._PuckHeader-
|
|
2180
|
+
._PuckHeader-rightSideBarToggle_c2nei_52,
|
|
2181
|
+
._PuckHeader-leftSideBarToggle_c2nei_53 {
|
|
2071
2182
|
display: block;
|
|
2072
2183
|
}
|
|
2073
2184
|
}
|
|
2074
|
-
._PuckHeader-
|
|
2185
|
+
._PuckHeader-title_c2nei_64 {
|
|
2075
2186
|
align-self: center;
|
|
2076
2187
|
}
|
|
2077
|
-
._PuckHeader-
|
|
2188
|
+
._PuckHeader-path_c2nei_68 {
|
|
2078
2189
|
font-family: var(--puck-font-family-monospaced);
|
|
2079
2190
|
font-size: var(--puck-font-size-xxs);
|
|
2080
2191
|
font-weight: normal;
|
|
2081
2192
|
word-break: break-all;
|
|
2082
2193
|
}
|
|
2083
|
-
._PuckHeader-
|
|
2194
|
+
._PuckHeader-tools_c2nei_75 {
|
|
2084
2195
|
display: flex;
|
|
2085
|
-
gap:
|
|
2196
|
+
gap: var(--puck-space-4);
|
|
2086
2197
|
justify-content: flex-end;
|
|
2087
2198
|
}
|
|
2088
|
-
._PuckHeader-
|
|
2089
|
-
color: var(--puck-color-
|
|
2090
|
-
margin-inline-start: -
|
|
2199
|
+
._PuckHeader-menuButton_c2nei_81 {
|
|
2200
|
+
color: var(--puck-color-text-muted);
|
|
2201
|
+
margin-inline-start: calc(var(--puck-space-1) * -1);
|
|
2091
2202
|
}
|
|
2092
|
-
._PuckHeader--
|
|
2093
|
-
color: var(--puck-color-
|
|
2203
|
+
._PuckHeader--menuOpen_c2nei_86 ._PuckHeader-menuButton_c2nei_81 {
|
|
2204
|
+
color: var(--puck-color-text);
|
|
2094
2205
|
}
|
|
2095
2206
|
@media (min-width: 638px) {
|
|
2096
|
-
._PuckHeader-
|
|
2207
|
+
._PuckHeader-menuButton_c2nei_81 {
|
|
2097
2208
|
display: none;
|
|
2098
2209
|
}
|
|
2099
2210
|
}
|
|
2100
2211
|
|
|
2101
2212
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
|
|
2102
|
-
.
|
|
2213
|
+
._SidebarSection_1uv88_1 {
|
|
2103
2214
|
display: flex;
|
|
2104
2215
|
position: relative;
|
|
2105
2216
|
flex-direction: column;
|
|
2106
|
-
color: var(--puck-color-
|
|
2217
|
+
color: var(--puck-color-text);
|
|
2107
2218
|
}
|
|
2108
|
-
.
|
|
2219
|
+
._SidebarSection_1uv88_1:last-of-type {
|
|
2109
2220
|
flex-grow: 1;
|
|
2110
2221
|
}
|
|
2111
|
-
._SidebarSection-
|
|
2112
|
-
background: var(--puck-color-
|
|
2113
|
-
padding:
|
|
2114
|
-
border-bottom:
|
|
2115
|
-
border-top:
|
|
2222
|
+
._SidebarSection-title_1uv88_12 {
|
|
2223
|
+
background: var(--_puck-sidebar-section-color-bg, var(--puck-color-surface));
|
|
2224
|
+
padding: var(--puck-space-4);
|
|
2225
|
+
border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
2226
|
+
border-top: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
2116
2227
|
overflow-x: auto;
|
|
2117
2228
|
}
|
|
2118
|
-
._SidebarSection--
|
|
2229
|
+
._SidebarSection--noBorderTop_1uv88_20 > ._SidebarSection-title_1uv88_12 {
|
|
2119
2230
|
border-top: 0px;
|
|
2120
2231
|
}
|
|
2121
|
-
._SidebarSection-
|
|
2122
|
-
padding-bottom:
|
|
2232
|
+
._SidebarSection-content_1uv88_24:last-child {
|
|
2233
|
+
padding-bottom: var(--puck-space-1);
|
|
2123
2234
|
}
|
|
2124
|
-
.
|
|
2235
|
+
._SidebarSection_1uv88_1:last-of-type ._SidebarSection-content_1uv88_24 {
|
|
2125
2236
|
border-bottom: none;
|
|
2126
2237
|
flex-grow: 1;
|
|
2127
2238
|
}
|
|
2128
|
-
._SidebarSection-
|
|
2239
|
+
._SidebarSection-breadcrumbLabel_1uv88_33 {
|
|
2129
2240
|
background: none;
|
|
2130
2241
|
border: 0;
|
|
2131
|
-
border-radius:
|
|
2132
|
-
color: var(--puck-color-
|
|
2242
|
+
border-radius: var(--puck-radius-xs);
|
|
2243
|
+
color: var(--puck-color-interactive);
|
|
2133
2244
|
cursor: pointer;
|
|
2134
2245
|
font: inherit;
|
|
2135
2246
|
flex-shrink: 0;
|
|
2136
2247
|
padding: 0;
|
|
2137
|
-
transition: color
|
|
2248
|
+
transition: color var(--puck-duration-fast) var(--puck-ease-exit);
|
|
2138
2249
|
}
|
|
2139
|
-
._SidebarSection-
|
|
2140
|
-
outline:
|
|
2141
|
-
outline-offset:
|
|
2250
|
+
._SidebarSection-breadcrumbLabel_1uv88_33:focus-visible {
|
|
2251
|
+
outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
|
|
2252
|
+
outline-offset: var(--puck-border-width-focus);
|
|
2142
2253
|
}
|
|
2143
2254
|
@media (hover: hover) and (pointer: fine) {
|
|
2144
|
-
._SidebarSection-
|
|
2145
|
-
color: var(--puck-color-
|
|
2255
|
+
._SidebarSection-breadcrumbLabel_1uv88_33:hover {
|
|
2256
|
+
color: var(--puck-color-interactive-hover);
|
|
2146
2257
|
transition: none;
|
|
2147
2258
|
}
|
|
2148
2259
|
}
|
|
2149
|
-
._SidebarSection-
|
|
2150
|
-
color: var(--puck-color-
|
|
2260
|
+
._SidebarSection-breadcrumbLabel_1uv88_33:active {
|
|
2261
|
+
color: var(--puck-color-interactive-active);
|
|
2151
2262
|
transition: none;
|
|
2152
2263
|
}
|
|
2153
|
-
._SidebarSection-
|
|
2264
|
+
._SidebarSection-breadcrumbs_1uv88_62 {
|
|
2154
2265
|
align-items: center;
|
|
2155
2266
|
display: flex;
|
|
2156
|
-
gap:
|
|
2267
|
+
gap: var(--puck-space-1);
|
|
2157
2268
|
}
|
|
2158
|
-
._SidebarSection-
|
|
2269
|
+
._SidebarSection-breadcrumb_1uv88_33 {
|
|
2159
2270
|
align-items: center;
|
|
2160
2271
|
display: flex;
|
|
2161
|
-
gap:
|
|
2272
|
+
gap: var(--puck-space-1);
|
|
2162
2273
|
}
|
|
2163
|
-
._SidebarSection-
|
|
2164
|
-
padding-inline-end:
|
|
2274
|
+
._SidebarSection-heading_1uv88_74 {
|
|
2275
|
+
padding-inline-end: var(--puck-space-4);
|
|
2165
2276
|
}
|
|
2166
|
-
._SidebarSection-
|
|
2167
|
-
background: var(--puck-color-
|
|
2277
|
+
._SidebarSection-loadingOverlay_1uv88_78 {
|
|
2278
|
+
background: var(--puck-color-surface);
|
|
2168
2279
|
display: flex;
|
|
2169
2280
|
justify-content: center;
|
|
2170
2281
|
align-items: center;
|
|
@@ -2179,82 +2290,78 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
|
|
|
2179
2290
|
}
|
|
2180
2291
|
|
|
2181
2292
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/Breadcrumbs/styles.module.css/#css-module-data */
|
|
2182
|
-
.
|
|
2293
|
+
._Breadcrumbs_8c6w5_1 {
|
|
2183
2294
|
align-items: center;
|
|
2184
2295
|
display: flex;
|
|
2185
|
-
gap:
|
|
2296
|
+
gap: var(--puck-space-1);
|
|
2186
2297
|
}
|
|
2187
|
-
._Breadcrumbs-
|
|
2298
|
+
._Breadcrumbs-breadcrumbLabel_8c6w5_7 {
|
|
2188
2299
|
background: none;
|
|
2189
2300
|
border: 0;
|
|
2190
|
-
border-radius:
|
|
2191
|
-
color: var(--puck-color-
|
|
2301
|
+
border-radius: var(--puck-radius-xs);
|
|
2302
|
+
color: var(--puck-color-interactive);
|
|
2192
2303
|
cursor: pointer;
|
|
2193
2304
|
font: inherit;
|
|
2194
2305
|
flex-shrink: 0;
|
|
2195
2306
|
padding: 0;
|
|
2196
|
-
transition: color
|
|
2307
|
+
transition: color var(--puck-duration-fast) var(--puck-ease-exit);
|
|
2197
2308
|
}
|
|
2198
|
-
._Breadcrumbs-
|
|
2199
|
-
outline:
|
|
2200
|
-
outline-offset:
|
|
2309
|
+
._Breadcrumbs-breadcrumbLabel_8c6w5_7:focus-visible {
|
|
2310
|
+
outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
|
|
2311
|
+
outline-offset: var(--puck-border-width-focus);
|
|
2201
2312
|
}
|
|
2202
2313
|
@media (hover: hover) and (pointer: fine) {
|
|
2203
|
-
._Breadcrumbs-
|
|
2204
|
-
color: var(--puck-color-
|
|
2314
|
+
._Breadcrumbs-breadcrumbLabel_8c6w5_7:hover {
|
|
2315
|
+
color: var(--puck-color-interactive-hover);
|
|
2205
2316
|
transition: none;
|
|
2206
2317
|
}
|
|
2207
2318
|
}
|
|
2208
|
-
._Breadcrumbs-
|
|
2209
|
-
color: var(--puck-color-
|
|
2319
|
+
._Breadcrumbs-breadcrumbLabel_8c6w5_7:active {
|
|
2320
|
+
color: var(--puck-color-interactive-active);
|
|
2210
2321
|
transition: none;
|
|
2211
2322
|
}
|
|
2212
|
-
._Breadcrumbs-
|
|
2323
|
+
._Breadcrumbs-breadcrumb_8c6w5_7 {
|
|
2213
2324
|
align-items: center;
|
|
2214
2325
|
display: flex;
|
|
2215
|
-
gap:
|
|
2326
|
+
gap: var(--puck-space-1);
|
|
2216
2327
|
}
|
|
2217
2328
|
|
|
2218
2329
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/ViewportControls/styles.module.css/#css-module-data */
|
|
2219
|
-
.
|
|
2330
|
+
._ViewportControls_v26yb_1 {
|
|
2220
2331
|
position: relative;
|
|
2221
2332
|
}
|
|
2222
|
-
._ViewportControls--
|
|
2333
|
+
._ViewportControls--fullScreen_v26yb_5 {
|
|
2223
2334
|
border-radius: 32px;
|
|
2224
2335
|
display: flex;
|
|
2225
2336
|
position: absolute;
|
|
2226
|
-
bottom:
|
|
2227
|
-
right:
|
|
2337
|
+
bottom: var(--puck-space-3);
|
|
2338
|
+
right: var(--puck-space-3);
|
|
2228
2339
|
overflow: hidden;
|
|
2229
2340
|
}
|
|
2230
|
-
._ViewportControls-
|
|
2341
|
+
._ViewportControls-toggleButton_v26yb_14 {
|
|
2231
2342
|
display: none;
|
|
2232
2343
|
}
|
|
2233
|
-
._ViewportControls--
|
|
2344
|
+
._ViewportControls--fullScreen_v26yb_5 ._ViewportControls-toggleButton_v26yb_14 {
|
|
2234
2345
|
align-items: center;
|
|
2235
|
-
background-color: var(--puck-color-
|
|
2236
|
-
border:
|
|
2237
|
-
border-radius:
|
|
2346
|
+
background-color: var(--puck-color-surface-inverse);
|
|
2347
|
+
border: var(--puck-border-width-regular) solid var(--puck-color-border-inverse);
|
|
2348
|
+
border-radius: var(--puck-radius-pill);
|
|
2238
2349
|
cursor: pointer;
|
|
2239
|
-
color: var(--puck-color-
|
|
2350
|
+
color: var(--puck-color-text-inverse);
|
|
2240
2351
|
display: flex;
|
|
2241
2352
|
justify-content: center;
|
|
2242
2353
|
width: 42px;
|
|
2243
2354
|
height: 42px;
|
|
2244
2355
|
z-index: 1;
|
|
2245
2356
|
}
|
|
2246
|
-
._ViewportControls--
|
|
2247
|
-
|
|
2248
|
-
border:
|
|
2249
|
-
color: var(--puck-color-azure-07);
|
|
2250
|
-
}
|
|
2251
|
-
._ViewportControls--isExpanded_e3unb_38 ._ViewportControls-toggleButton_e3unb_14 {
|
|
2252
|
-
background-color: var(--puck-color-grey-03);
|
|
2357
|
+
._ViewportControls--fullScreen_v26yb_5 ._ViewportControls-toggleButton_v26yb_14:hover {
|
|
2358
|
+
color: var(--puck-color-interactive-inverse-hover);
|
|
2359
|
+
border: var(--puck-border-width-regular) solid var(--puck-color-interactive-inverse-hover);
|
|
2253
2360
|
}
|
|
2254
|
-
._ViewportControls-
|
|
2361
|
+
._ViewportControls-actions_v26yb_39 {
|
|
2255
2362
|
display: flex;
|
|
2256
2363
|
}
|
|
2257
|
-
._ViewportControls-
|
|
2364
|
+
._ViewportControls-actionsInner_v26yb_43 {
|
|
2258
2365
|
display: flex;
|
|
2259
2366
|
box-sizing: border-box;
|
|
2260
2367
|
justify-content: center;
|
|
@@ -2263,91 +2370,93 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
|
|
|
2263
2370
|
z-index: 0;
|
|
2264
2371
|
overflow: hidden;
|
|
2265
2372
|
}
|
|
2266
|
-
._ViewportControls--
|
|
2267
|
-
background: var(--puck-color-
|
|
2268
|
-
border:
|
|
2269
|
-
border-radius:
|
|
2373
|
+
._ViewportControls--fullScreen_v26yb_5 ._ViewportControls-actionsInner_v26yb_43 {
|
|
2374
|
+
background: var(--puck-color-surface-muted);
|
|
2375
|
+
border: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
2376
|
+
border-radius: var(--puck-radius-pill);
|
|
2270
2377
|
margin-left: none;
|
|
2271
2378
|
margin-right: none;
|
|
2272
2379
|
padding-right: 42px;
|
|
2273
2380
|
}
|
|
2274
|
-
._ViewportControls--
|
|
2381
|
+
._ViewportControls--fullScreen_v26yb_5 ._ViewportControls-actionsInner_v26yb_43 {
|
|
2275
2382
|
transform: translateX(100%);
|
|
2276
|
-
transition: transform
|
|
2383
|
+
transition: transform var(--puck-duration-medium) var(--puck-ease-emphasized);
|
|
2277
2384
|
}
|
|
2278
|
-
._ViewportControls--
|
|
2385
|
+
._ViewportControls--fullScreen_v26yb_5._ViewportControls--isExpanded_v26yb_67 ._ViewportControls-actionsInner_v26yb_43 {
|
|
2279
2386
|
transform: translateX(42px);
|
|
2280
2387
|
}
|
|
2281
|
-
._ViewportControls-
|
|
2282
|
-
border-inline-end:
|
|
2283
|
-
margin-bottom:
|
|
2284
|
-
margin-top:
|
|
2388
|
+
._ViewportControls-divider_v26yb_72 {
|
|
2389
|
+
border-inline-end: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
2390
|
+
margin-bottom: var(--puck-space-2);
|
|
2391
|
+
margin-top: var(--puck-space-2);
|
|
2285
2392
|
}
|
|
2286
|
-
._ViewportControls-
|
|
2393
|
+
._ViewportControls-zoomSelect_v26yb_79 {
|
|
2287
2394
|
appearance: none;
|
|
2288
2395
|
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
|
|
2289
2396
|
background-size: 10px;
|
|
2397
|
+
color: currentColor;
|
|
2290
2398
|
background-position: calc(100% - 12px) calc(50% + 3px);
|
|
2291
2399
|
background-repeat: no-repeat;
|
|
2292
2400
|
border: 0;
|
|
2293
2401
|
font-size: var(--puck-font-size-xxxs);
|
|
2294
2402
|
padding: 0;
|
|
2295
|
-
padding-left:
|
|
2403
|
+
padding-left: var(--puck-space-2);
|
|
2296
2404
|
width: 96px;
|
|
2297
2405
|
}
|
|
2298
|
-
._ViewportControls--
|
|
2406
|
+
._ViewportControls--fullScreen_v26yb_5 ._ViewportControls-zoom_v26yb_79 {
|
|
2299
2407
|
display: none;
|
|
2300
2408
|
}
|
|
2301
2409
|
@media (min-width: 638px) {
|
|
2302
|
-
._ViewportControls-
|
|
2303
|
-
._ViewportControls--
|
|
2410
|
+
._ViewportControls-zoom_v26yb_79,
|
|
2411
|
+
._ViewportControls--fullScreen_v26yb_5 ._ViewportControls-zoom_v26yb_79 {
|
|
2304
2412
|
display: flex;
|
|
2305
2413
|
justify-content: center;
|
|
2306
2414
|
}
|
|
2307
2415
|
}
|
|
2308
|
-
._ViewportControls-
|
|
2416
|
+
._ViewportControls-zoomSelect_v26yb_79:dir(rtl) {
|
|
2309
2417
|
background-position: 12px calc(50% + 3px);
|
|
2310
2418
|
}
|
|
2311
|
-
._ViewportButton-
|
|
2419
|
+
._ViewportButton-inner_v26yb_110 {
|
|
2312
2420
|
align-items: center;
|
|
2313
2421
|
display: flex;
|
|
2314
2422
|
justify-content: center;
|
|
2315
2423
|
height: 32px;
|
|
2316
2424
|
width: 32px;
|
|
2317
2425
|
}
|
|
2318
|
-
._ViewportButton--
|
|
2319
|
-
color: var(--puck-color-
|
|
2426
|
+
._ViewportButton--isActive_v26yb_118 ._ViewportButton-inner_v26yb_110 {
|
|
2427
|
+
color: var(--puck-color-interactive);
|
|
2320
2428
|
}
|
|
2321
2429
|
|
|
2322
2430
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Canvas/styles.module.css/#css-module-data */
|
|
2323
|
-
.
|
|
2324
|
-
|
|
2431
|
+
._PuckCanvas_zw9iy_1 {
|
|
2432
|
+
color: var(--puck-canvas-color-text, var(--puck-color-text));
|
|
2433
|
+
background: var(--puck-canvas-color-bg, var(--puck-color-surface-muted));
|
|
2325
2434
|
display: flex;
|
|
2326
2435
|
grid-area: editor;
|
|
2327
2436
|
flex-direction: column;
|
|
2328
|
-
padding: var(--puck-space-
|
|
2437
|
+
padding: var(--puck-space-chrome-gutter);
|
|
2329
2438
|
position: relative;
|
|
2330
2439
|
overflow: auto;
|
|
2331
2440
|
}
|
|
2332
2441
|
@media (min-width: 1198px) {
|
|
2333
|
-
.
|
|
2334
|
-
padding: calc(var(--puck-space-
|
|
2335
|
-
padding-top: calc(var(--puck-space-
|
|
2442
|
+
._PuckCanvas_zw9iy_1 {
|
|
2443
|
+
padding: calc(var(--puck-space-chrome-gutter) * 1.5);
|
|
2444
|
+
padding-top: calc(var(--puck-space-chrome-gutter) * 0.5);
|
|
2336
2445
|
}
|
|
2337
|
-
.
|
|
2338
|
-
padding-top: calc(var(--puck-space-
|
|
2446
|
+
._PuckCanvas_zw9iy_1:not(._PuckCanvas_zw9iy_1:has(._PuckCanvas-controls_zw9iy_18)) {
|
|
2447
|
+
padding-top: calc(var(--puck-space-chrome-gutter) * 1.5);
|
|
2339
2448
|
}
|
|
2340
2449
|
}
|
|
2341
|
-
._PuckCanvas--
|
|
2450
|
+
._PuckCanvas--fullScreen_zw9iy_23 {
|
|
2342
2451
|
padding: 0;
|
|
2343
2452
|
overflow: hidden;
|
|
2344
2453
|
}
|
|
2345
2454
|
@media (min-width: 1198px) {
|
|
2346
|
-
._PuckCanvas--
|
|
2455
|
+
._PuckCanvas--fullScreen_zw9iy_23 {
|
|
2347
2456
|
padding: 0;
|
|
2348
2457
|
}
|
|
2349
2458
|
}
|
|
2350
|
-
._PuckCanvas-
|
|
2459
|
+
._PuckCanvas-inner_zw9iy_34 {
|
|
2351
2460
|
display: flex;
|
|
2352
2461
|
height: 100%;
|
|
2353
2462
|
justify-content: center;
|
|
@@ -2355,9 +2464,9 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
|
|
|
2355
2464
|
position: relative;
|
|
2356
2465
|
width: 100%;
|
|
2357
2466
|
}
|
|
2358
|
-
._PuckCanvas-
|
|
2359
|
-
background:
|
|
2360
|
-
outline:
|
|
2467
|
+
._PuckCanvas-root_zw9iy_43 {
|
|
2468
|
+
background: var(--puck-canvas-preview-color-bg, var(--puck-color-surface));
|
|
2469
|
+
outline: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
2361
2470
|
box-sizing: content-box;
|
|
2362
2471
|
min-width: 321px;
|
|
2363
2472
|
position: absolute;
|
|
@@ -2368,40 +2477,41 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
|
|
|
2368
2477
|
opacity: 0;
|
|
2369
2478
|
}
|
|
2370
2479
|
@media (min-width: 1198px) {
|
|
2371
|
-
._PuckCanvas-
|
|
2480
|
+
._PuckCanvas-root_zw9iy_43 {
|
|
2372
2481
|
min-width: unset;
|
|
2373
2482
|
}
|
|
2374
2483
|
}
|
|
2375
2484
|
@media (prefers-reduced-motion: reduce) {
|
|
2376
|
-
._PuckCanvas-
|
|
2485
|
+
._PuckCanvas-root_zw9iy_43 {
|
|
2377
2486
|
transition: none !important;
|
|
2378
2487
|
}
|
|
2379
2488
|
}
|
|
2380
|
-
._PuckCanvas--
|
|
2489
|
+
._PuckCanvas--ready_zw9iy_68 ._PuckCanvas-root_zw9iy_43 {
|
|
2381
2490
|
pointer-events: unset;
|
|
2382
2491
|
opacity: 1;
|
|
2383
2492
|
}
|
|
2384
|
-
._PuckCanvas-
|
|
2493
|
+
._PuckCanvas-loader_zw9iy_73 {
|
|
2385
2494
|
align-items: center;
|
|
2386
|
-
color: var(--puck-color-
|
|
2495
|
+
color: var(--puck-color-text-subtle);
|
|
2387
2496
|
display: flex;
|
|
2388
2497
|
height: 100%;
|
|
2389
2498
|
justify-content: center;
|
|
2390
|
-
transition: opacity
|
|
2499
|
+
transition: opacity var(--puck-duration-slow) var(--puck-ease-entrance);
|
|
2391
2500
|
opacity: 0;
|
|
2501
|
+
pointer-events: none;
|
|
2392
2502
|
}
|
|
2393
|
-
._PuckCanvas--
|
|
2503
|
+
._PuckCanvas--showLoader_zw9iy_84 ._PuckCanvas-loader_zw9iy_73 {
|
|
2394
2504
|
opacity: 1;
|
|
2395
2505
|
}
|
|
2396
|
-
._PuckCanvas--
|
|
2506
|
+
._PuckCanvas--showLoader_zw9iy_84._PuckCanvas--ready_zw9iy_68 ._PuckCanvas-loader_zw9iy_73 {
|
|
2397
2507
|
opacity: 0;
|
|
2398
2508
|
height: 0;
|
|
2399
2509
|
transition: none;
|
|
2400
2510
|
}
|
|
2401
|
-
._PuckCanvas-
|
|
2402
|
-
padding-bottom: calc(var(--puck-space-
|
|
2511
|
+
._PuckCanvas-controls_zw9iy_18 {
|
|
2512
|
+
padding-bottom: calc(var(--puck-space-chrome-gutter) * 0.5);
|
|
2403
2513
|
}
|
|
2404
|
-
._PuckCanvas--
|
|
2514
|
+
._PuckCanvas--fullScreen_zw9iy_23 ._PuckCanvas-controls_zw9iy_18 {
|
|
2405
2515
|
padding-bottom: 0;
|
|
2406
2516
|
z-index: 1;
|
|
2407
2517
|
}
|
|
@@ -2440,198 +2550,204 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
|
|
|
2440
2550
|
}
|
|
2441
2551
|
|
|
2442
2552
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Sidebar/styles.module.css/#css-module-data */
|
|
2443
|
-
.
|
|
2444
|
-
border-block-start:
|
|
2553
|
+
._Sidebar_16oed_1 {
|
|
2554
|
+
border-block-start: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
2445
2555
|
position: relative;
|
|
2446
2556
|
display: none;
|
|
2447
2557
|
flex-direction: column;
|
|
2448
2558
|
overflow-y: auto;
|
|
2449
2559
|
}
|
|
2450
|
-
._Sidebar--
|
|
2560
|
+
._Sidebar--isVisible_16oed_10 {
|
|
2451
2561
|
display: flex;
|
|
2452
2562
|
}
|
|
2453
|
-
._Sidebar--
|
|
2454
|
-
|
|
2563
|
+
._Sidebar--left_16oed_14 {
|
|
2564
|
+
--_puck-sidebar-section-color-bg: var( --puck-sidebar-left-color-bg, var(--puck-color-surface) );
|
|
2565
|
+
background: var( --puck-sidebar-left-color-bg, var(--puck-color-surface-subtle) );
|
|
2455
2566
|
grid-area: left;
|
|
2456
2567
|
}
|
|
2457
2568
|
@media (min-width: 766px) {
|
|
2458
|
-
._Sidebar--
|
|
2569
|
+
._Sidebar--left_16oed_14 {
|
|
2459
2570
|
border-block-start: 0;
|
|
2460
|
-
border-inline-end:
|
|
2571
|
+
border-inline-end: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
2461
2572
|
}
|
|
2462
2573
|
}
|
|
2463
|
-
._Sidebar--
|
|
2464
|
-
|
|
2574
|
+
._Sidebar--right_16oed_34 {
|
|
2575
|
+
--_puck-sidebar-section-color-bg: var( --puck-sidebar-right-color-bg, var(--puck-color-surface) );
|
|
2576
|
+
background: var(--puck-sidebar-right-color-bg, var(--puck-color-surface));
|
|
2465
2577
|
grid-area: right;
|
|
2466
2578
|
}
|
|
2467
2579
|
@media (min-width: 766px) {
|
|
2468
|
-
._Sidebar--
|
|
2580
|
+
._Sidebar--right_16oed_34 {
|
|
2469
2581
|
border-block-start: 0;
|
|
2470
|
-
border-inline-start:
|
|
2582
|
+
border-inline-start: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
2471
2583
|
}
|
|
2472
2584
|
}
|
|
2473
|
-
._Sidebar-
|
|
2585
|
+
._Sidebar-resizeHandle_16oed_51 {
|
|
2474
2586
|
position: absolute;
|
|
2475
2587
|
height: 100%;
|
|
2476
2588
|
}
|
|
2477
|
-
._Sidebar--
|
|
2589
|
+
._Sidebar--left_16oed_14 + ._Sidebar-resizeHandle_16oed_51 {
|
|
2478
2590
|
grid-area: left;
|
|
2479
2591
|
justify-self: end;
|
|
2480
2592
|
}
|
|
2481
|
-
._Sidebar--
|
|
2593
|
+
._Sidebar--right_16oed_34 + ._Sidebar-resizeHandle_16oed_51 {
|
|
2482
2594
|
grid-area: right;
|
|
2483
2595
|
justify-self: start;
|
|
2484
2596
|
}
|
|
2485
2597
|
|
|
2486
2598
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Nav/styles.module.css/#css-module-data */
|
|
2487
|
-
.
|
|
2599
|
+
._Nav_vll2r_1 {
|
|
2488
2600
|
display: flex;
|
|
2489
2601
|
}
|
|
2490
|
-
._Nav-
|
|
2602
|
+
._Nav-list_vll2r_5 {
|
|
2491
2603
|
display: flex;
|
|
2492
2604
|
list-style: none;
|
|
2493
2605
|
margin: 0;
|
|
2494
2606
|
padding: 0;
|
|
2495
2607
|
overflow-x: auto;
|
|
2496
|
-
gap:
|
|
2608
|
+
gap: var(--puck-space-2);
|
|
2497
2609
|
}
|
|
2498
2610
|
@media (min-width: 638px) {
|
|
2499
|
-
._Nav-
|
|
2611
|
+
._Nav-list_vll2r_5 {
|
|
2500
2612
|
padding-top: 32px;
|
|
2501
2613
|
flex-direction: column;
|
|
2502
|
-
gap:
|
|
2614
|
+
gap: var(--puck-space-4);
|
|
2503
2615
|
width: 100%;
|
|
2504
2616
|
}
|
|
2505
2617
|
}
|
|
2506
|
-
._Nav-
|
|
2618
|
+
._Nav-mobileActions_vll2r_23 {
|
|
2507
2619
|
align-items: center;
|
|
2508
2620
|
display: flex;
|
|
2509
2621
|
justify-content: center;
|
|
2510
2622
|
margin-inline-start: auto;
|
|
2511
|
-
padding:
|
|
2512
|
-
border-inline-start:
|
|
2623
|
+
padding: var(--puck-space-1) var(--puck-space-4);
|
|
2624
|
+
border-inline-start: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
2513
2625
|
}
|
|
2514
2626
|
@media (min-width: 638px) {
|
|
2515
|
-
._Nav-
|
|
2627
|
+
._Nav-mobileActions_vll2r_23 {
|
|
2516
2628
|
display: none;
|
|
2517
2629
|
}
|
|
2518
2630
|
}
|
|
2519
|
-
._NavItem-
|
|
2631
|
+
._NavItem-link_vll2r_39 {
|
|
2520
2632
|
text-align: center;
|
|
2521
2633
|
align-items: center;
|
|
2522
|
-
color: var(--puck-color-
|
|
2634
|
+
color: var(--puck-pluginbar-color-text, var(--puck-color-text-secondary));
|
|
2523
2635
|
display: flex;
|
|
2524
|
-
gap:
|
|
2636
|
+
gap: var(--puck-space-2);
|
|
2525
2637
|
text-decoration: none;
|
|
2526
2638
|
cursor: pointer;
|
|
2527
|
-
border-radius:
|
|
2528
|
-
padding:
|
|
2639
|
+
border-radius: var(--puck-radius-m);
|
|
2640
|
+
padding: var(--puck-space-2) var(--puck-space-1);
|
|
2529
2641
|
width: 64px;
|
|
2530
2642
|
box-sizing: border-box;
|
|
2531
2643
|
}
|
|
2532
2644
|
@media (min-width: 638px) {
|
|
2533
|
-
._NavItem-
|
|
2645
|
+
._NavItem-link_vll2r_39 {
|
|
2534
2646
|
width: auto;
|
|
2535
2647
|
}
|
|
2536
2648
|
}
|
|
2537
|
-
.
|
|
2538
|
-
padding-left:
|
|
2649
|
+
._NavItem_vll2r_39:first-of-type {
|
|
2650
|
+
padding-left: var(--puck-space-4);
|
|
2539
2651
|
}
|
|
2540
|
-
.
|
|
2541
|
-
padding-right:
|
|
2652
|
+
._NavItem_vll2r_39:last-of-type {
|
|
2653
|
+
padding-right: var(--puck-space-4);
|
|
2542
2654
|
}
|
|
2543
2655
|
@media (min-width: 638px) {
|
|
2544
|
-
.
|
|
2545
|
-
.
|
|
2656
|
+
._NavItem_vll2r_39:first-of-type,
|
|
2657
|
+
._NavItem_vll2r_39:last-of-type {
|
|
2546
2658
|
padding: 0;
|
|
2547
2659
|
}
|
|
2548
2660
|
}
|
|
2549
|
-
._NavItem-
|
|
2550
|
-
border-top:
|
|
2551
|
-
border-bottom:
|
|
2552
|
-
border-radius:
|
|
2661
|
+
._NavItem-link_vll2r_39 {
|
|
2662
|
+
border-top: var(--puck-border-width-strong) solid transparent;
|
|
2663
|
+
border-bottom: var(--puck-border-width-strong) solid transparent;
|
|
2664
|
+
border-radius: var(--puck-radius-none);
|
|
2553
2665
|
flex-direction: column;
|
|
2554
|
-
font-size: var(--puck-font-size-xxxs);
|
|
2666
|
+
font-size: var(--puck-pluginbar-font-size, var(--puck-font-size-xxxs));
|
|
2555
2667
|
}
|
|
2556
2668
|
@media (min-width: 638px) {
|
|
2557
|
-
._NavItem-
|
|
2669
|
+
._NavItem-link_vll2r_39 {
|
|
2558
2670
|
border: 0;
|
|
2559
|
-
border-left:
|
|
2560
|
-
border-right:
|
|
2671
|
+
border-left: var(--puck-border-width-strong) solid transparent;
|
|
2672
|
+
border-right: var(--puck-border-width-strong) solid transparent;
|
|
2561
2673
|
}
|
|
2562
2674
|
}
|
|
2563
|
-
._NavItem-
|
|
2564
|
-
height:
|
|
2565
|
-
width:
|
|
2675
|
+
._NavItem-linkIcon_vll2r_90 {
|
|
2676
|
+
height: 2em;
|
|
2677
|
+
width: 2em;
|
|
2678
|
+
}
|
|
2679
|
+
._NavItem-linkIcon_vll2r_90 svg {
|
|
2680
|
+
height: 100%;
|
|
2681
|
+
width: 100%;
|
|
2566
2682
|
}
|
|
2567
|
-
._NavItem--
|
|
2568
|
-
background-color: var(--puck-color-
|
|
2569
|
-
color: var(--puck-color-
|
|
2570
|
-
font-weight:
|
|
2683
|
+
._NavItem--active_vll2r_100 > ._NavItem-link_vll2r_39 {
|
|
2684
|
+
background-color: var(--puck-color-interactive-subtle);
|
|
2685
|
+
color: var( --puck-pluginbar-color-text-selected, var(--puck-color-interactive) );
|
|
2686
|
+
font-weight: var(--puck-font-weight-semibold);
|
|
2571
2687
|
}
|
|
2572
|
-
._NavItem--
|
|
2688
|
+
._NavItem--active_vll2r_100 > ._NavItem-link_vll2r_39 {
|
|
2573
2689
|
background-color: transparent;
|
|
2574
|
-
border-top-color: var(--puck-color-
|
|
2690
|
+
border-top-color: var(--puck-color-interactive);
|
|
2575
2691
|
border-top-right-radius: 0;
|
|
2576
2692
|
border-bottom-right-radius: 0;
|
|
2577
|
-
font-weight:
|
|
2693
|
+
font-weight: var(--puck-font-weight-semibold);
|
|
2578
2694
|
}
|
|
2579
2695
|
@media (min-width: 638px) {
|
|
2580
|
-
._NavItem--
|
|
2696
|
+
._NavItem--active_vll2r_100 > ._NavItem-link_vll2r_39 {
|
|
2581
2697
|
border-top-color: transparent;
|
|
2582
|
-
border-right-color: var(--puck-color-
|
|
2698
|
+
border-right-color: var( --puck-pluginbar-color-text-selected, var(--puck-color-interactive) );
|
|
2583
2699
|
}
|
|
2584
2700
|
}
|
|
2585
|
-
.
|
|
2586
|
-
background-color: var(--puck-color-
|
|
2587
|
-
color: var(--puck-color-
|
|
2701
|
+
._NavItem_vll2r_39:not(._NavItem--active_vll2r_100) > ._NavItem-link_vll2r_39:hover {
|
|
2702
|
+
background-color: var( --puck-pluginbar-color-bg-hover, var(--puck-color-interactive-soft) );
|
|
2703
|
+
color: var(--puck-pluginbar-color-text-hover, var(--puck-color-interactive));
|
|
2588
2704
|
}
|
|
2589
2705
|
@media (min-width: 638px) {
|
|
2590
|
-
._NavItem--
|
|
2706
|
+
._NavItem--mobileOnly_vll2r_136 {
|
|
2591
2707
|
display: none;
|
|
2592
2708
|
}
|
|
2593
2709
|
}
|
|
2594
|
-
._NavItem--
|
|
2710
|
+
._NavItem--desktopOnly_vll2r_141 {
|
|
2595
2711
|
display: none;
|
|
2596
2712
|
}
|
|
2597
2713
|
@media (min-width: 638px) {
|
|
2598
|
-
._NavItem--
|
|
2714
|
+
._NavItem--desktopOnly_vll2r_141 {
|
|
2599
2715
|
display: block;
|
|
2600
2716
|
}
|
|
2601
2717
|
}
|
|
2602
2718
|
|
|
2603
2719
|
/* css-module:/home/runner/work/puck/puck/packages/core/plugins/blocks/styles.module.css/#css-module-data */
|
|
2604
|
-
.
|
|
2605
|
-
padding:
|
|
2720
|
+
._BlocksPlugin_9af19_1 {
|
|
2721
|
+
padding: var(--puck-drawer-space, var(--puck-space-4));
|
|
2606
2722
|
height: 100%;
|
|
2607
2723
|
overflow-y: auto;
|
|
2608
2724
|
box-sizing: border-box;
|
|
2609
2725
|
}
|
|
2610
2726
|
|
|
2611
2727
|
/* css-module:/home/runner/work/puck/puck/packages/core/plugins/outline/styles.module.css/#css-module-data */
|
|
2612
|
-
.
|
|
2613
|
-
padding:
|
|
2728
|
+
._OutlinePlugin_16k03_1 {
|
|
2729
|
+
padding: var(--puck-space-4);
|
|
2614
2730
|
height: 100%;
|
|
2615
2731
|
overflow-y: auto;
|
|
2616
2732
|
box-sizing: border-box;
|
|
2617
2733
|
}
|
|
2618
2734
|
|
|
2619
2735
|
/* css-module:/home/runner/work/puck/puck/packages/core/plugins/fields/styles.module.css/#css-module-data */
|
|
2620
|
-
.
|
|
2621
|
-
background:
|
|
2736
|
+
._FieldsPlugin_18cj3_1 {
|
|
2737
|
+
background: var(--puck-color-surface);
|
|
2622
2738
|
height: 100%;
|
|
2623
2739
|
overflow-y: auto;
|
|
2624
2740
|
}
|
|
2625
|
-
._FieldsPlugin-
|
|
2626
|
-
border-bottom:
|
|
2627
|
-
font-weight:
|
|
2628
|
-
padding-bottom:
|
|
2629
|
-
padding-left:
|
|
2630
|
-
padding-right:
|
|
2631
|
-
padding-top:
|
|
2741
|
+
._FieldsPlugin-header_18cj3_7 {
|
|
2742
|
+
border-bottom: var(--puck-border-width-regular) solid var(--puck-color-border);
|
|
2743
|
+
font-weight: var(--puck-font-weight-semibold);
|
|
2744
|
+
padding-bottom: var(--puck-space-2);
|
|
2745
|
+
padding-left: var(--puck-space-4);
|
|
2746
|
+
padding-right: var(--puck-space-4);
|
|
2747
|
+
padding-top: var(--puck-space-2);
|
|
2632
2748
|
}
|
|
2633
2749
|
@media (min-width: 638px) {
|
|
2634
|
-
._FieldsPlugin-
|
|
2635
|
-
padding:
|
|
2750
|
+
._FieldsPlugin-header_18cj3_7 {
|
|
2751
|
+
padding: var(--puck-space-4);
|
|
2636
2752
|
}
|
|
2637
2753
|
}
|