@measured/puck 0.20.0-canary.d405985b → 0.20.0-canary.e25949a6
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/{chunk-DBSNJT3R.mjs → chunk-FYXJ5FPS.mjs} +2891 -2319
- package/dist/{chunk-32MJ3X3H.mjs → chunk-HUKJ36SA.mjs} +131 -69
- package/dist/index.css +155 -74
- package/dist/index.d.mts +15 -3
- package/dist/index.d.ts +15 -3
- package/dist/index.js +1696 -1069
- package/dist/index.mjs +6 -2
- package/dist/no-external.css +155 -74
- package/dist/no-external.d.mts +2 -2
- package/dist/no-external.d.ts +2 -2
- package/dist/no-external.js +1696 -1069
- package/dist/no-external.mjs +6 -2
- package/dist/rsc.d.mts +2 -2
- package/dist/rsc.d.ts +2 -2
- package/dist/rsc.js +138 -70
- package/dist/rsc.mjs +1 -1
- package/dist/{walk-tree-Bp8tnkJS.d.mts → walk-tree-B57SgEEc.d.mts} +42 -4
- package/dist/{walk-tree-Bp8tnkJS.d.ts → walk-tree-B57SgEEc.d.ts} +42 -4
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -13,17 +13,19 @@ import {
|
|
|
13
13
|
Render,
|
|
14
14
|
createUsePuck,
|
|
15
15
|
overrideKeys,
|
|
16
|
+
registerOverlayPortal,
|
|
16
17
|
renderContext,
|
|
18
|
+
setDeep,
|
|
17
19
|
useGetPuck,
|
|
18
20
|
usePuck
|
|
19
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-FYXJ5FPS.mjs";
|
|
20
22
|
import {
|
|
21
23
|
init_react_import,
|
|
22
24
|
migrate,
|
|
23
25
|
resolveAllData,
|
|
24
26
|
transformProps,
|
|
25
27
|
walkTree
|
|
26
|
-
} from "./chunk-
|
|
28
|
+
} from "./chunk-HUKJ36SA.mjs";
|
|
27
29
|
|
|
28
30
|
// bundle/index.ts
|
|
29
31
|
init_react_import();
|
|
@@ -43,8 +45,10 @@ export {
|
|
|
43
45
|
createUsePuck,
|
|
44
46
|
migrate,
|
|
45
47
|
overrideKeys,
|
|
48
|
+
registerOverlayPortal,
|
|
46
49
|
renderContext,
|
|
47
50
|
resolveAllData,
|
|
51
|
+
setDeep,
|
|
48
52
|
transformProps,
|
|
49
53
|
useGetPuck,
|
|
50
54
|
usePuck,
|
package/dist/no-external.css
CHANGED
|
@@ -229,10 +229,10 @@
|
|
|
229
229
|
}
|
|
230
230
|
|
|
231
231
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css/#css-module-data */
|
|
232
|
-
.
|
|
232
|
+
._InputWrapper_bsxfo_1 + ._InputWrapper_bsxfo_1 {
|
|
233
233
|
margin-top: 12px;
|
|
234
234
|
}
|
|
235
|
-
._Input-
|
|
235
|
+
._Input-label_bsxfo_5 {
|
|
236
236
|
align-items: center;
|
|
237
237
|
color: var(--puck-color-grey-04);
|
|
238
238
|
display: flex;
|
|
@@ -240,17 +240,17 @@
|
|
|
240
240
|
font-size: var(--puck-font-size-xxs);
|
|
241
241
|
font-weight: 600;
|
|
242
242
|
}
|
|
243
|
-
._Input-
|
|
243
|
+
._Input-labelIcon_bsxfo_14 {
|
|
244
244
|
color: var(--puck-color-grey-07);
|
|
245
245
|
display: flex;
|
|
246
246
|
margin-inline-end: 4px;
|
|
247
247
|
padding-inline-start: 4px;
|
|
248
248
|
}
|
|
249
|
-
._Input-
|
|
249
|
+
._Input-disabledIcon_bsxfo_21 {
|
|
250
250
|
color: var(--puck-color-grey-05);
|
|
251
251
|
margin-inline-start: auto;
|
|
252
252
|
}
|
|
253
|
-
._Input-
|
|
253
|
+
._Input-input_bsxfo_26 {
|
|
254
254
|
background: var(--puck-color-white);
|
|
255
255
|
border-width: 1px;
|
|
256
256
|
border-style: solid;
|
|
@@ -258,13 +258,18 @@
|
|
|
258
258
|
border-radius: 4px;
|
|
259
259
|
box-sizing: border-box;
|
|
260
260
|
font-family: inherit;
|
|
261
|
-
font-size:
|
|
261
|
+
font-size: 16px;
|
|
262
262
|
padding: 12px 15px;
|
|
263
263
|
transition: border-color 50ms ease-in;
|
|
264
264
|
width: 100%;
|
|
265
265
|
max-width: 100%;
|
|
266
266
|
}
|
|
267
|
-
|
|
267
|
+
@media (min-width: 458px) {
|
|
268
|
+
._Input-input_bsxfo_26 {
|
|
269
|
+
font-size: 14px;
|
|
270
|
+
}
|
|
271
|
+
}
|
|
272
|
+
select._Input-input_bsxfo_26 {
|
|
268
273
|
appearance: none;
|
|
269
274
|
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;
|
|
270
275
|
background-size: 12px;
|
|
@@ -273,29 +278,29 @@ select._Input-input_py9hf_26 {
|
|
|
273
278
|
background-color: var(--puck-color-white);
|
|
274
279
|
cursor: pointer;
|
|
275
280
|
}
|
|
276
|
-
select._Input-
|
|
281
|
+
select._Input-input_bsxfo_26:dir(rtl) {
|
|
277
282
|
background-position: 12px calc(50% + 3px);
|
|
278
283
|
}
|
|
279
284
|
@media (hover: hover) and (pointer: fine) {
|
|
280
|
-
.
|
|
281
|
-
.
|
|
285
|
+
._Input_bsxfo_1:has(> input):hover ._Input-input_bsxfo_26:not([readonly]),
|
|
286
|
+
._Input_bsxfo_1:has(> textarea):hover ._Input-input_bsxfo_26:not([readonly]) {
|
|
282
287
|
border-color: var(--puck-color-grey-05);
|
|
283
288
|
transition: none;
|
|
284
289
|
}
|
|
285
|
-
.
|
|
290
|
+
._Input_bsxfo_1:has(> select):hover ._Input-input_bsxfo_26:not([disabled]) {
|
|
286
291
|
background-color: var(--puck-color-azure-12);
|
|
287
292
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a5a5a'><polygon points='0,0 100,0 50,50'/></svg>");
|
|
288
293
|
border-color: var(--puck-color-grey-05);
|
|
289
294
|
transition: none;
|
|
290
295
|
}
|
|
291
296
|
}
|
|
292
|
-
._Input-
|
|
297
|
+
._Input-input_bsxfo_26:focus {
|
|
293
298
|
border-color: var(--puck-color-grey-05);
|
|
294
299
|
outline: 2px solid var(--puck-color-azure-05);
|
|
295
300
|
transition: none;
|
|
296
301
|
}
|
|
297
|
-
._Input--
|
|
298
|
-
._Input--
|
|
302
|
+
._Input--readOnly_bsxfo_82 > ._Input-input_bsxfo_26,
|
|
303
|
+
._Input--readOnly_bsxfo_82 > select._Input-input_bsxfo_26 {
|
|
299
304
|
background-color: var(--puck-color-grey-11);
|
|
300
305
|
border-color: var(--puck-color-grey-09);
|
|
301
306
|
color: var(--puck-color-grey-04);
|
|
@@ -304,34 +309,34 @@ select._Input-input_py9hf_26:dir(rtl) {
|
|
|
304
309
|
outline: 0;
|
|
305
310
|
transition: none;
|
|
306
311
|
}
|
|
307
|
-
._Input-
|
|
312
|
+
._Input-radioGroupItems_bsxfo_93 {
|
|
308
313
|
display: flex;
|
|
309
314
|
border: 1px solid var(--puck-color-grey-09);
|
|
310
315
|
border-radius: 4px;
|
|
311
316
|
flex-wrap: wrap;
|
|
312
317
|
}
|
|
313
|
-
._Input-
|
|
318
|
+
._Input-radio_bsxfo_93 {
|
|
314
319
|
border-inline-end: 1px solid var(--puck-color-grey-09);
|
|
315
320
|
flex-grow: 1;
|
|
316
321
|
}
|
|
317
|
-
._Input-
|
|
322
|
+
._Input-radio_bsxfo_93:first-of-type {
|
|
318
323
|
border-bottom-left-radius: 4px;
|
|
319
324
|
border-top-left-radius: 4px;
|
|
320
325
|
}
|
|
321
|
-
._Input-
|
|
326
|
+
._Input-radio_bsxfo_93:first-of-type ._Input-radioInner_bsxfo_110 {
|
|
322
327
|
border-bottom-left-radius: 3px;
|
|
323
328
|
border-top-left-radius: 3px;
|
|
324
329
|
}
|
|
325
|
-
._Input-
|
|
330
|
+
._Input-radio_bsxfo_93:last-of-type {
|
|
326
331
|
border-bottom-right-radius: 4px;
|
|
327
332
|
border-inline-end: 0;
|
|
328
333
|
border-top-right-radius: 4px;
|
|
329
334
|
}
|
|
330
|
-
._Input-
|
|
335
|
+
._Input-radio_bsxfo_93:last-of-type ._Input-radioInner_bsxfo_110 {
|
|
331
336
|
border-bottom-right-radius: 3px;
|
|
332
337
|
border-top-right-radius: 3px;
|
|
333
338
|
}
|
|
334
|
-
._Input-
|
|
339
|
+
._Input-radioInner_bsxfo_110 {
|
|
335
340
|
background-color: var(--puck-color-white);
|
|
336
341
|
color: var(--puck-color-grey-04);
|
|
337
342
|
cursor: pointer;
|
|
@@ -340,32 +345,32 @@ select._Input-input_py9hf_26:dir(rtl) {
|
|
|
340
345
|
text-align: center;
|
|
341
346
|
transition: background-color 50ms ease-in;
|
|
342
347
|
}
|
|
343
|
-
._Input-
|
|
348
|
+
._Input-radio_bsxfo_93:has(:focus-visible) {
|
|
344
349
|
outline: 2px solid var(--puck-color-azure-05);
|
|
345
350
|
outline-offset: 2px;
|
|
346
351
|
position: relative;
|
|
347
352
|
}
|
|
348
353
|
@media (hover: hover) and (pointer: fine) {
|
|
349
|
-
._Input-
|
|
354
|
+
._Input-radioInner_bsxfo_110:hover {
|
|
350
355
|
background-color: var(--puck-color-azure-12);
|
|
351
356
|
transition: none;
|
|
352
357
|
}
|
|
353
358
|
}
|
|
354
|
-
._Input--
|
|
359
|
+
._Input--readOnly_bsxfo_82 ._Input-radioInner_bsxfo_110 {
|
|
355
360
|
background-color: var(--puck-color-white);
|
|
356
361
|
color: var(--puck-color-grey-04);
|
|
357
362
|
cursor: default;
|
|
358
363
|
}
|
|
359
|
-
._Input-
|
|
364
|
+
._Input-radio_bsxfo_93 ._Input-radioInput_bsxfo_155:checked ~ ._Input-radioInner_bsxfo_110 {
|
|
360
365
|
background-color: var(--puck-color-azure-11);
|
|
361
366
|
color: var(--puck-color-azure-04);
|
|
362
367
|
font-weight: 500;
|
|
363
368
|
}
|
|
364
|
-
._Input--
|
|
369
|
+
._Input--readOnly_bsxfo_82 ._Input-radioInput_bsxfo_155:checked ~ ._Input-radioInner_bsxfo_110 {
|
|
365
370
|
background-color: var(--puck-color-grey-11);
|
|
366
371
|
color: var(--puck-color-grey-04);
|
|
367
372
|
}
|
|
368
|
-
._Input-
|
|
373
|
+
._Input-radio_bsxfo_93 ._Input-radioInput_bsxfo_155 {
|
|
369
374
|
clip: rect(0 0 0 0);
|
|
370
375
|
clip-path: inset(100%);
|
|
371
376
|
height: 1px;
|
|
@@ -374,7 +379,7 @@ select._Input-input_py9hf_26:dir(rtl) {
|
|
|
374
379
|
white-space: nowrap;
|
|
375
380
|
width: 1px;
|
|
376
381
|
}
|
|
377
|
-
textarea._Input-
|
|
382
|
+
textarea._Input-input_bsxfo_26 {
|
|
378
383
|
margin-bottom: -4px;
|
|
379
384
|
}
|
|
380
385
|
|
|
@@ -1150,27 +1155,31 @@ textarea._Input-input_py9hf_26 {
|
|
|
1150
1155
|
}
|
|
1151
1156
|
|
|
1152
1157
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
|
|
1153
|
-
.
|
|
1158
|
+
._DraggableComponent_1vaqy_1 {
|
|
1154
1159
|
position: absolute;
|
|
1155
1160
|
pointer-events: none;
|
|
1156
1161
|
--overlay-background: color-mix( in srgb, var(--puck-color-azure-08) 30%, transparent );
|
|
1157
1162
|
}
|
|
1158
|
-
._DraggableComponent-
|
|
1159
|
-
cursor: pointer;
|
|
1163
|
+
._DraggableComponent-overlayWrapper_1vaqy_12 {
|
|
1160
1164
|
height: 100%;
|
|
1161
1165
|
width: 100%;
|
|
1162
1166
|
top: 0;
|
|
1163
|
-
outline: 2px var(--puck-color-azure-09) solid;
|
|
1164
|
-
outline-offset: -2px;
|
|
1165
1167
|
position: absolute;
|
|
1166
1168
|
pointer-events: none;
|
|
1167
1169
|
box-sizing: border-box;
|
|
1168
1170
|
z-index: 1;
|
|
1169
1171
|
}
|
|
1170
|
-
.
|
|
1172
|
+
._DraggableComponent-overlay_1vaqy_12 {
|
|
1173
|
+
cursor: pointer;
|
|
1174
|
+
height: 100%;
|
|
1175
|
+
outline: 2px var(--puck-color-azure-09) solid;
|
|
1176
|
+
outline-offset: -2px;
|
|
1177
|
+
width: 100%;
|
|
1178
|
+
}
|
|
1179
|
+
._DraggableComponent_1vaqy_1:focus-visible > ._DraggableComponent-overlayWrapper_1vaqy_12 {
|
|
1171
1180
|
outline: 1px solid var(--puck-color-azure-05);
|
|
1172
1181
|
}
|
|
1173
|
-
._DraggableComponent-
|
|
1182
|
+
._DraggableComponent-loadingOverlay_1vaqy_34 {
|
|
1174
1183
|
background: var(--puck-color-white);
|
|
1175
1184
|
color: var(--puck-color-grey-03);
|
|
1176
1185
|
border-radius: 4px;
|
|
@@ -1185,29 +1194,27 @@ textarea._Input-input_py9hf_26 {
|
|
|
1185
1194
|
opacity: 0.8;
|
|
1186
1195
|
z-index: 1;
|
|
1187
1196
|
}
|
|
1188
|
-
._DraggableComponent--
|
|
1197
|
+
._DraggableComponent--hover_1vaqy_50 > ._DraggableComponent-overlayWrapper_1vaqy_12 > ._DraggableComponent-overlay_1vaqy_12 {
|
|
1189
1198
|
background: var(--overlay-background);
|
|
1190
|
-
}
|
|
1191
|
-
._DraggableComponent--hover_qzbgx_45 > ._DraggableComponent-overlay_qzbgx_12 {
|
|
1192
1199
|
outline: 2px var(--puck-color-azure-09) solid;
|
|
1193
1200
|
}
|
|
1194
|
-
._DraggableComponent--
|
|
1201
|
+
._DraggableComponent--isSelected_1vaqy_57 > ._DraggableComponent-overlayWrapper_1vaqy_12 > ._DraggableComponent-overlay_1vaqy_12 {
|
|
1195
1202
|
outline-color: var(--puck-color-azure-07);
|
|
1196
1203
|
}
|
|
1197
|
-
.
|
|
1204
|
+
._DraggableComponent_1vaqy_1:has(._DraggableComponent--hover_1vaqy_50 > ._DraggableComponent-overlayWrapper_1vaqy_12) > ._DraggableComponent-overlayWrapper_1vaqy_12 {
|
|
1198
1205
|
display: none;
|
|
1199
1206
|
}
|
|
1200
|
-
._DraggableComponent-
|
|
1207
|
+
._DraggableComponent-actionsOverlay_1vaqy_71 {
|
|
1201
1208
|
position: sticky;
|
|
1202
1209
|
opacity: 0;
|
|
1203
1210
|
pointer-events: none;
|
|
1204
1211
|
z-index: 2;
|
|
1205
1212
|
}
|
|
1206
|
-
._DraggableComponent--
|
|
1213
|
+
._DraggableComponent--isSelected_1vaqy_57 ._DraggableComponent-actionsOverlay_1vaqy_71 {
|
|
1207
1214
|
opacity: 1;
|
|
1208
1215
|
pointer-events: auto;
|
|
1209
1216
|
}
|
|
1210
|
-
._DraggableComponent-
|
|
1217
|
+
._DraggableComponent-actions_1vaqy_71 {
|
|
1211
1218
|
position: absolute;
|
|
1212
1219
|
width: auto;
|
|
1213
1220
|
cursor: grab;
|
|
@@ -1307,6 +1314,33 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
|
|
|
1307
1314
|
opacity: 0 !important;
|
|
1308
1315
|
}
|
|
1309
1316
|
|
|
1317
|
+
/* lib/overlay-portal/styles.css */
|
|
1318
|
+
[data-puck-overlay-portal],
|
|
1319
|
+
[data-puck-overlay-portal] * {
|
|
1320
|
+
pointer-events: auto !important;
|
|
1321
|
+
}
|
|
1322
|
+
[data-puck-overlay-portal]:hover {
|
|
1323
|
+
outline: 2px var(--puck-color-azure-09) dashed;
|
|
1324
|
+
outline-offset: 2px;
|
|
1325
|
+
}
|
|
1326
|
+
[data-puck-overlay-portal]:focus-within {
|
|
1327
|
+
outline: 2px var(--puck-color-azure-07) solid;
|
|
1328
|
+
outline-offset: 2px;
|
|
1329
|
+
}
|
|
1330
|
+
|
|
1331
|
+
/* css-module:/home/runner/work/puck/puck/packages/core/components/InlineTextField/styles.module.css/#css-module-data */
|
|
1332
|
+
._InlineTextField_ilw2a_1 {
|
|
1333
|
+
cursor: text;
|
|
1334
|
+
display: inline-block;
|
|
1335
|
+
}
|
|
1336
|
+
[data-dnd-dragging] ._InlineTextField_ilw2a_1 {
|
|
1337
|
+
cursor: none;
|
|
1338
|
+
caret-color: transparent;
|
|
1339
|
+
}
|
|
1340
|
+
[data-dnd-dragging] ._InlineTextField_ilw2a_1::selection {
|
|
1341
|
+
display: none;
|
|
1342
|
+
}
|
|
1343
|
+
|
|
1310
1344
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
|
|
1311
1345
|
._SidebarSection_8boj8_1 {
|
|
1312
1346
|
display: flex;
|
|
@@ -1394,21 +1428,21 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
|
|
|
1394
1428
|
}
|
|
1395
1429
|
|
|
1396
1430
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/styles.module.css/#css-module-data */
|
|
1397
|
-
.
|
|
1431
|
+
._Puck_vnhjy_19 {
|
|
1398
1432
|
--puck-space-px: 16px;
|
|
1399
1433
|
font-family: var(--puck-font-family);
|
|
1400
1434
|
overflow-x: hidden;
|
|
1401
1435
|
}
|
|
1402
1436
|
@media (min-width: 766px) {
|
|
1403
|
-
.
|
|
1437
|
+
._Puck_vnhjy_19 {
|
|
1404
1438
|
overflow-x: auto;
|
|
1405
1439
|
}
|
|
1406
1440
|
}
|
|
1407
|
-
._Puck-
|
|
1441
|
+
._Puck-portal_vnhjy_31 {
|
|
1408
1442
|
position: relative;
|
|
1409
1443
|
z-index: 2;
|
|
1410
1444
|
}
|
|
1411
|
-
._PuckLayout-
|
|
1445
|
+
._PuckLayout-inner_vnhjy_38 {
|
|
1412
1446
|
--puck-frame-width: auto;
|
|
1413
1447
|
--puck-side-bar-width: 0px;
|
|
1414
1448
|
display: grid;
|
|
@@ -1419,69 +1453,53 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
|
|
|
1419
1453
|
position: relative;
|
|
1420
1454
|
z-index: 0;
|
|
1421
1455
|
}
|
|
1422
|
-
._PuckLayout--
|
|
1456
|
+
._PuckLayout--mounted_vnhjy_50 ._PuckLayout-inner_vnhjy_38 {
|
|
1423
1457
|
--puck-side-bar-width: 186px;
|
|
1424
1458
|
}
|
|
1425
|
-
._PuckLayout--
|
|
1459
|
+
._PuckLayout--leftSideBarVisible_vnhjy_54 ._PuckLayout-inner_vnhjy_38 {
|
|
1426
1460
|
grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) 0;
|
|
1427
1461
|
}
|
|
1428
|
-
._PuckLayout--
|
|
1462
|
+
._PuckLayout--rightSideBarVisible_vnhjy_60 ._PuckLayout-inner_vnhjy_38 {
|
|
1429
1463
|
grid-template-columns: 0 var(--puck-frame-width) var(--puck-side-bar-width);
|
|
1430
1464
|
}
|
|
1431
|
-
._PuckLayout--
|
|
1465
|
+
._PuckLayout--leftSideBarVisible_vnhjy_54._PuckLayout--rightSideBarVisible_vnhjy_60 ._PuckLayout-inner_vnhjy_38 {
|
|
1432
1466
|
grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) var(--puck-side-bar-width);
|
|
1433
1467
|
}
|
|
1434
1468
|
@media (min-width: 458px) {
|
|
1435
|
-
._PuckLayout-
|
|
1469
|
+
._PuckLayout-mounted_vnhjy_74 ._PuckLayout-inner_vnhjy_38 {
|
|
1436
1470
|
--puck-frame-width: minmax(266px, auto);
|
|
1437
1471
|
}
|
|
1438
1472
|
}
|
|
1439
1473
|
@media (min-width: 638px) {
|
|
1440
|
-
.
|
|
1474
|
+
._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
|
|
1441
1475
|
--puck-side-bar-width: minmax(186px, 250px);
|
|
1442
1476
|
}
|
|
1443
1477
|
}
|
|
1444
1478
|
@media (min-width: 766px) {
|
|
1445
|
-
.
|
|
1479
|
+
._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
|
|
1446
1480
|
--puck-frame-width: auto;
|
|
1447
1481
|
}
|
|
1448
1482
|
}
|
|
1449
1483
|
@media (min-width: 990px) {
|
|
1450
|
-
.
|
|
1484
|
+
._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
|
|
1451
1485
|
--puck-side-bar-width: 256px;
|
|
1452
1486
|
}
|
|
1453
1487
|
}
|
|
1454
1488
|
@media (min-width: 1198px) {
|
|
1455
|
-
.
|
|
1489
|
+
._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
|
|
1456
1490
|
--puck-side-bar-width: 274px;
|
|
1457
1491
|
}
|
|
1458
1492
|
}
|
|
1459
1493
|
@media (min-width: 1398px) {
|
|
1460
|
-
.
|
|
1494
|
+
._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
|
|
1461
1495
|
--puck-side-bar-width: 290px;
|
|
1462
1496
|
}
|
|
1463
1497
|
}
|
|
1464
1498
|
@media (min-width: 1598px) {
|
|
1465
|
-
.
|
|
1499
|
+
._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
|
|
1466
1500
|
--puck-side-bar-width: 320px;
|
|
1467
1501
|
}
|
|
1468
1502
|
}
|
|
1469
|
-
._PuckLayout-leftSideBar_dnlfp_115 {
|
|
1470
|
-
background: var(--puck-color-grey-12);
|
|
1471
|
-
border-inline-end: 1px solid var(--puck-color-grey-09);
|
|
1472
|
-
display: flex;
|
|
1473
|
-
flex-direction: column;
|
|
1474
|
-
grid-area: left;
|
|
1475
|
-
overflow-y: auto;
|
|
1476
|
-
}
|
|
1477
|
-
._PuckLayout-rightSideBar_dnlfp_124 {
|
|
1478
|
-
background: var(--puck-color-white);
|
|
1479
|
-
border-inline-start: 1px solid var(--puck-color-grey-09);
|
|
1480
|
-
display: flex;
|
|
1481
|
-
flex-direction: column;
|
|
1482
|
-
grid-area: right;
|
|
1483
|
-
overflow-y: auto;
|
|
1484
|
-
}
|
|
1485
1503
|
|
|
1486
1504
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Fields/styles.module.css/#css-module-data */
|
|
1487
1505
|
._PuckFields_10bh7_1 {
|
|
@@ -1893,3 +1911,66 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
|
|
|
1893
1911
|
display: none;
|
|
1894
1912
|
}
|
|
1895
1913
|
}
|
|
1914
|
+
|
|
1915
|
+
/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/ResizeHandle/styles.module.css/#css-module-data */
|
|
1916
|
+
@media (min-width: 766px) {
|
|
1917
|
+
._ResizeHandle_144bf_2 {
|
|
1918
|
+
position: absolute;
|
|
1919
|
+
width: 5px;
|
|
1920
|
+
height: 100%;
|
|
1921
|
+
cursor: col-resize;
|
|
1922
|
+
z-index: 10;
|
|
1923
|
+
background: transparent;
|
|
1924
|
+
top: 0;
|
|
1925
|
+
}
|
|
1926
|
+
._ResizeHandle_144bf_2:hover {
|
|
1927
|
+
background: rgba(0, 0, 0, 0.1);
|
|
1928
|
+
}
|
|
1929
|
+
._ResizeHandle--left_144bf_16 {
|
|
1930
|
+
right: -3px;
|
|
1931
|
+
}
|
|
1932
|
+
._ResizeHandle--right_144bf_20 {
|
|
1933
|
+
left: -3px;
|
|
1934
|
+
}
|
|
1935
|
+
}
|
|
1936
|
+
|
|
1937
|
+
/* components/Puck/components/ResizeHandle/styles.css */
|
|
1938
|
+
[data-resize-overlay] {
|
|
1939
|
+
position: fixed;
|
|
1940
|
+
top: 0;
|
|
1941
|
+
left: 0;
|
|
1942
|
+
right: 0;
|
|
1943
|
+
bottom: 0;
|
|
1944
|
+
z-index: 9999;
|
|
1945
|
+
cursor: col-resize;
|
|
1946
|
+
}
|
|
1947
|
+
|
|
1948
|
+
/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Sidebar/styles.module.css/#css-module-data */
|
|
1949
|
+
._Sidebar_1xksb_1 {
|
|
1950
|
+
position: relative;
|
|
1951
|
+
display: flex;
|
|
1952
|
+
flex-direction: column;
|
|
1953
|
+
overflow-y: auto;
|
|
1954
|
+
}
|
|
1955
|
+
._Sidebar--left_1xksb_8 {
|
|
1956
|
+
background: var(--puck-color-grey-12);
|
|
1957
|
+
border-inline-end: 1px solid var(--puck-color-grey-09);
|
|
1958
|
+
grid-area: left;
|
|
1959
|
+
}
|
|
1960
|
+
._Sidebar--right_1xksb_14 {
|
|
1961
|
+
background: var(--puck-color-white);
|
|
1962
|
+
border-inline-start: 1px solid var(--puck-color-grey-09);
|
|
1963
|
+
grid-area: right;
|
|
1964
|
+
}
|
|
1965
|
+
._Sidebar-resizeHandle_1xksb_20 {
|
|
1966
|
+
position: absolute;
|
|
1967
|
+
height: 100%;
|
|
1968
|
+
}
|
|
1969
|
+
._Sidebar--left_1xksb_8 + ._Sidebar-resizeHandle_1xksb_20 {
|
|
1970
|
+
grid-area: left;
|
|
1971
|
+
justify-self: end;
|
|
1972
|
+
}
|
|
1973
|
+
._Sidebar--right_1xksb_14 + ._Sidebar-resizeHandle_1xksb_20 {
|
|
1974
|
+
grid-area: right;
|
|
1975
|
+
justify-self: start;
|
|
1976
|
+
}
|
package/dist/no-external.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export { Action, ActionBar, AutoField, Button, Drawer, DropZone, FieldLabel, Group, IconButton, Label, Puck, PuckApi, Render, UsePuckData, createUsePuck, renderContext, useGetPuck, usePuck } from './index.mjs';
|
|
1
|
+
export { a5 as Adaptor, A as AppState, a3 as ArrayField, B as ArrayState, ai as AsFieldProps, K as BaseData, Z as BaseField, f as ComponentConfig, a as ComponentData, X as ComponentDataMap, Q as ComponentDataOptionalId, C as Config, Y as Content, a9 as CustomField, a8 as CustomFieldRender, j as Data, af as DefaultComponentProps, ac as DefaultRootFieldProps, ae as DefaultRootProps, ad as DefaultRootRenderProps, o as Direction, p as DragAxis, a7 as ExternalField, a6 as ExternalFieldWithAdaptor, am as ExtractField, ak as ExtractPropsFromConfig, al as ExtractRootPropsFromConfig, h as Field, i as FieldProps, y as FieldRenderFunctions, u as FieldTransformFn, s as FieldTransformFnParams, g as FieldTransforms, F as Fields, H as History, I as IframeConfig, l as InitialHistory, z as ItemWithId, T as MappedItem, M as Metadata, $ as NumberField, a4 as ObjectField, k as OnAction, x as OverrideKey, O as Overrides, P as Permissions, d as Plugin, b as PuckAction, G as PuckComponent, ab as PuckContext, a2 as RadioField, c as ResolveDataTrigger, J as RootConfig, N as RootData, R as RootDataWithProps, L as RootDataWithoutProps, a1 as SelectField, S as Slot, E as SlotComponent, aa as SlotField, _ as TextField, a0 as TextareaField, e as UiState, U as UserGenerics, q as Viewport, V as Viewports, aj as WithChildren, ag as WithId, ah as WithPuckProps, W as WithSlotProps, m as migrate, v as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-B57SgEEc.mjs';
|
|
2
|
+
export { Action, ActionBar, AutoField, Button, Drawer, DropZone, FieldLabel, Group, IconButton, Label, Puck, PuckApi, Render, UsePuckData, createUsePuck, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck } from './index.mjs';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'react/jsx-runtime';
|
package/dist/no-external.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export { Action, ActionBar, AutoField, Button, Drawer, DropZone, FieldLabel, Group, IconButton, Label, Puck, PuckApi, Render, UsePuckData, createUsePuck, renderContext, useGetPuck, usePuck } from './index.js';
|
|
1
|
+
export { a5 as Adaptor, A as AppState, a3 as ArrayField, B as ArrayState, ai as AsFieldProps, K as BaseData, Z as BaseField, f as ComponentConfig, a as ComponentData, X as ComponentDataMap, Q as ComponentDataOptionalId, C as Config, Y as Content, a9 as CustomField, a8 as CustomFieldRender, j as Data, af as DefaultComponentProps, ac as DefaultRootFieldProps, ae as DefaultRootProps, ad as DefaultRootRenderProps, o as Direction, p as DragAxis, a7 as ExternalField, a6 as ExternalFieldWithAdaptor, am as ExtractField, ak as ExtractPropsFromConfig, al as ExtractRootPropsFromConfig, h as Field, i as FieldProps, y as FieldRenderFunctions, u as FieldTransformFn, s as FieldTransformFnParams, g as FieldTransforms, F as Fields, H as History, I as IframeConfig, l as InitialHistory, z as ItemWithId, T as MappedItem, M as Metadata, $ as NumberField, a4 as ObjectField, k as OnAction, x as OverrideKey, O as Overrides, P as Permissions, d as Plugin, b as PuckAction, G as PuckComponent, ab as PuckContext, a2 as RadioField, c as ResolveDataTrigger, J as RootConfig, N as RootData, R as RootDataWithProps, L as RootDataWithoutProps, a1 as SelectField, S as Slot, E as SlotComponent, aa as SlotField, _ as TextField, a0 as TextareaField, e as UiState, U as UserGenerics, q as Viewport, V as Viewports, aj as WithChildren, ag as WithId, ah as WithPuckProps, W as WithSlotProps, m as migrate, v as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-B57SgEEc.js';
|
|
2
|
+
export { Action, ActionBar, AutoField, Button, Drawer, DropZone, FieldLabel, Group, IconButton, Label, Puck, PuckApi, Render, UsePuckData, createUsePuck, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck } from './index.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'react/jsx-runtime';
|