@measured/puck 0.14.2-canary.64303c8 → 0.14.2-canary.9008b70
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/index.css +37 -37
- package/dist/index.js +2 -2
- package/package.json +2 -2
package/dist/index.css
CHANGED
@@ -283,25 +283,25 @@
|
|
283
283
|
}
|
284
284
|
|
285
285
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
|
286
|
-
.
|
286
|
+
._DraggableComponent_59z7f_1 {
|
287
287
|
pointer-events: auto;
|
288
288
|
--overlay-background: color-mix( in srgb, var(--puck-color-azure-08) 30%, transparent );
|
289
289
|
}
|
290
|
-
._DraggableComponent--
|
290
|
+
._DraggableComponent--isDragging_59z7f_11 {
|
291
291
|
background: color-mix(in srgb, var(--puck-color-azure-08) 10%, transparent);
|
292
292
|
overflow: hidden;
|
293
293
|
}
|
294
|
-
._DraggableComponent-
|
294
|
+
._DraggableComponent-contents_59z7f_16 {
|
295
295
|
position: relative;
|
296
296
|
pointer-events: none;
|
297
297
|
z-index: 0;
|
298
298
|
}
|
299
|
-
._DraggableComponent-
|
300
|
-
._DraggableComponent-
|
299
|
+
._DraggableComponent-contents_59z7f_16::before,
|
300
|
+
._DraggableComponent-contents_59z7f_16::after {
|
301
301
|
content: " ";
|
302
302
|
display: table;
|
303
303
|
}
|
304
|
-
._DraggableComponent-
|
304
|
+
._DraggableComponent-overlay_59z7f_29 {
|
305
305
|
cursor: pointer;
|
306
306
|
height: 100%;
|
307
307
|
width: 100%;
|
@@ -312,13 +312,13 @@
|
|
312
312
|
box-sizing: border-box;
|
313
313
|
z-index: 1;
|
314
314
|
}
|
315
|
-
.
|
315
|
+
._DraggableComponent_59z7f_1:focus-visible > ._DraggableComponent-overlay_59z7f_29 {
|
316
316
|
outline: 1px solid var(--puck-color-azure-05);
|
317
317
|
}
|
318
|
-
._DraggableComponent--
|
319
|
-
outline:
|
318
|
+
._DraggableComponent--isDragging_59z7f_11 > ._DraggableComponent-overlay_59z7f_29 {
|
319
|
+
outline: 2px var(--puck-color-azure-09) solid !important;
|
320
320
|
}
|
321
|
-
._DraggableComponent-
|
321
|
+
._DraggableComponent-loadingOverlay_59z7f_49 {
|
322
322
|
background: var(--puck-color-white);
|
323
323
|
color: var(--puck-color-grey-03);
|
324
324
|
border-radius: 4px;
|
@@ -333,32 +333,32 @@
|
|
333
333
|
opacity: 0.8;
|
334
334
|
z-index: 1;
|
335
335
|
}
|
336
|
-
.
|
336
|
+
._DraggableComponent_59z7f_1:hover:not(._DraggableComponent--isLocked_59z7f_65) > ._DraggableComponent-overlay_59z7f_29 {
|
337
337
|
background: var(--overlay-background);
|
338
338
|
pointer-events: none;
|
339
339
|
}
|
340
|
-
._DraggableComponent--
|
340
|
+
._DraggableComponent--forceHover_59z7f_71 > ._DraggableComponent-overlay_59z7f_29 {
|
341
341
|
background: var(--overlay-background);
|
342
342
|
pointer-events: none;
|
343
343
|
}
|
344
|
-
.
|
344
|
+
._DraggableComponent_59z7f_1:not(._DraggableComponent--isSelected_59z7f_76):hover > ._DraggableComponent-overlay_59z7f_29 {
|
345
345
|
outline: 2px var(--puck-color-azure-09) solid !important;
|
346
346
|
}
|
347
|
-
._DraggableComponent--
|
347
|
+
._DraggableComponent--indicativeHover_59z7f_81 > ._DraggableComponent-overlay_59z7f_29 {
|
348
348
|
pointer-events: none;
|
349
349
|
}
|
350
|
-
.
|
350
|
+
._DraggableComponent_59z7f_1:not(._DraggableComponent--isSelected_59z7f_76):has(._DraggableComponent_59z7f_1:hover > ._DraggableComponent-overlay_59z7f_29) > ._DraggableComponent-overlay_59z7f_29 {
|
351
351
|
display: none;
|
352
352
|
}
|
353
|
-
._DraggableComponent--
|
353
|
+
._DraggableComponent--isSelected_59z7f_76 > ._DraggableComponent-overlay_59z7f_29 {
|
354
354
|
outline: 2px var(--puck-color-azure-07) solid !important;
|
355
355
|
}
|
356
|
-
._DraggableComponent--
|
356
|
+
._DraggableComponent--isSelected_59z7f_76 > ._DraggableComponent-actionsOverlay_59z7f_97 {
|
357
357
|
display: block;
|
358
358
|
position: sticky;
|
359
359
|
z-index: 2;
|
360
360
|
}
|
361
|
-
._DraggableComponent-
|
361
|
+
._DraggableComponent-actions_59z7f_97 {
|
362
362
|
position: absolute;
|
363
363
|
width: auto;
|
364
364
|
padding: 4px;
|
@@ -375,10 +375,10 @@
|
|
375
375
|
box-sizing: border-box;
|
376
376
|
transform-origin: right top;
|
377
377
|
}
|
378
|
-
._DraggableComponent--
|
378
|
+
._DraggableComponent--isSelected_59z7f_76 > ._DraggableComponent-actionsOverlay_59z7f_97 > ._DraggableComponent-actions_59z7f_97 {
|
379
379
|
display: flex;
|
380
380
|
}
|
381
|
-
._DraggableComponent-
|
381
|
+
._DraggableComponent-actionsLabel_59z7f_127 {
|
382
382
|
color: var(--puck-color-grey-08);
|
383
383
|
display: flex;
|
384
384
|
font-size: var(--puck-font-size-xxxs);
|
@@ -392,7 +392,7 @@
|
|
392
392
|
text-overflow: ellipsis;
|
393
393
|
white-space: nowrap;
|
394
394
|
}
|
395
|
-
._DraggableComponent-
|
395
|
+
._DraggableComponent-action_59z7f_97 {
|
396
396
|
background: transparent;
|
397
397
|
border: none;
|
398
398
|
color: var(--puck-color-grey-08);
|
@@ -405,60 +405,60 @@
|
|
405
405
|
justify-content: center;
|
406
406
|
transition: color 50ms ease-in;
|
407
407
|
}
|
408
|
-
._DraggableComponent-
|
408
|
+
._DraggableComponent-action_59z7f_97:focus-visible {
|
409
409
|
outline: 2px solid var(--puck-color-azure-05);
|
410
410
|
outline-offset: -2px;
|
411
411
|
}
|
412
412
|
@media (hover: hover) and (pointer: fine) {
|
413
|
-
._DraggableComponent-
|
413
|
+
._DraggableComponent-action_59z7f_97:hover {
|
414
414
|
color: var(--puck-color-azure-06);
|
415
415
|
transition: none;
|
416
416
|
}
|
417
417
|
}
|
418
|
-
._DraggableComponent-
|
418
|
+
._DraggableComponent-action_59z7f_97:active {
|
419
419
|
color: var(--puck-color-azure-07);
|
420
420
|
transition: none;
|
421
421
|
}
|
422
422
|
|
423
423
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/DropZone/styles.module.css/#css-module-data */
|
424
|
-
.
|
424
|
+
._DropZone_1fmd4_1 {
|
425
425
|
margin-left: auto;
|
426
426
|
margin-right: auto;
|
427
427
|
position: relative;
|
428
428
|
height: 100%;
|
429
|
-
outline-offset: -
|
429
|
+
outline-offset: -2px;
|
430
430
|
width: 100%;
|
431
431
|
}
|
432
|
-
._DropZone-
|
432
|
+
._DropZone-content_1fmd4_10 {
|
433
433
|
min-height: 128px;
|
434
434
|
height: 100%;
|
435
435
|
}
|
436
|
-
._DropZone--
|
436
|
+
._DropZone--userIsDragging_1fmd4_15 ._DropZone-content_1fmd4_10 {
|
437
437
|
pointer-events: all;
|
438
438
|
}
|
439
|
-
._DropZone--
|
439
|
+
._DropZone--userIsDragging_1fmd4_15:not(._DropZone--draggingOverArea_1fmd4_19):not(._DropZone--draggingNewComponent_1fmd4_20) > ._DropZone-content_1fmd4_10 {
|
440
440
|
pointer-events: none;
|
441
441
|
}
|
442
|
-
._DropZone--
|
443
|
-
._DropZone--
|
444
|
-
._DropZone--
|
442
|
+
._DropZone--isAreaSelected_1fmd4_26,
|
443
|
+
._DropZone--draggingOverArea_1fmd4_19:not(:has(._DropZone--hoveringOverArea_1fmd4_27)),
|
444
|
+
._DropZone--hoveringOverArea_1fmd4_27:not(._DropZone--isDisabled_1fmd4_28):not(._DropZone--isRootZone_1fmd4_29):not(._DropZone--hasChildren_1fmd4_30) {
|
445
445
|
background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent);
|
446
446
|
outline: 2px dashed var(--puck-color-azure-08);
|
447
447
|
}
|
448
|
-
.
|
448
|
+
._DropZone_1fmd4_1:not(._DropZone--hasChildren_1fmd4_30) {
|
449
449
|
background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent);
|
450
450
|
outline: 2px dashed var(--puck-color-azure-08);
|
451
451
|
}
|
452
|
-
._DropZone--
|
452
|
+
._DropZone--isDestination_1fmd4_40 {
|
453
453
|
outline: 2px dashed var(--puck-color-azure-04) !important;
|
454
454
|
}
|
455
|
-
._DropZone--
|
455
|
+
._DropZone--isDestination_1fmd4_40:not(._DropZone--isRootZone_1fmd4_29) {
|
456
456
|
background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent) !important;
|
457
457
|
}
|
458
|
-
._DropZone-
|
458
|
+
._DropZone-item_1fmd4_52 {
|
459
459
|
position: relative;
|
460
460
|
}
|
461
|
-
._DropZone-
|
461
|
+
._DropZone-hitbox_1fmd4_56 {
|
462
462
|
position: absolute;
|
463
463
|
bottom: -12px;
|
464
464
|
height: 24px;
|
package/dist/index.js
CHANGED
@@ -29589,7 +29589,7 @@ var import_dnd3 = require("@measured/dnd");
|
|
29589
29589
|
|
29590
29590
|
// css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css#css-module
|
29591
29591
|
init_react_import();
|
29592
|
-
var styles_module_default3 = { "DraggableComponent": "
|
29592
|
+
var styles_module_default3 = { "DraggableComponent": "_DraggableComponent_59z7f_1", "DraggableComponent--isDragging": "_DraggableComponent--isDragging_59z7f_11", "DraggableComponent-contents": "_DraggableComponent-contents_59z7f_16", "DraggableComponent-overlay": "_DraggableComponent-overlay_59z7f_29", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_59z7f_49", "DraggableComponent--isLocked": "_DraggableComponent--isLocked_59z7f_65", "DraggableComponent--forceHover": "_DraggableComponent--forceHover_59z7f_71", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_59z7f_76", "DraggableComponent--indicativeHover": "_DraggableComponent--indicativeHover_59z7f_81", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_59z7f_97", "DraggableComponent-actions": "_DraggableComponent-actions_59z7f_97", "DraggableComponent-actionsLabel": "_DraggableComponent-actionsLabel_59z7f_127", "DraggableComponent-action": "_DraggableComponent-action_59z7f_97" };
|
29593
29593
|
|
29594
29594
|
// ../../node_modules/lucide-react/dist/esm/lucide-react.js
|
29595
29595
|
init_react_import();
|
@@ -30000,7 +30000,7 @@ var DraggableComponent = ({
|
|
30000
30000
|
|
30001
30001
|
// css-module:/home/runner/work/puck/puck/packages/core/components/DropZone/styles.module.css#css-module
|
30002
30002
|
init_react_import();
|
30003
|
-
var styles_module_default4 = { "DropZone": "
|
30003
|
+
var styles_module_default4 = { "DropZone": "_DropZone_1fmd4_1", "DropZone-content": "_DropZone-content_1fmd4_10", "DropZone--userIsDragging": "_DropZone--userIsDragging_1fmd4_15", "DropZone--draggingOverArea": "_DropZone--draggingOverArea_1fmd4_19", "DropZone--draggingNewComponent": "_DropZone--draggingNewComponent_1fmd4_20", "DropZone--isAreaSelected": "_DropZone--isAreaSelected_1fmd4_26", "DropZone--hoveringOverArea": "_DropZone--hoveringOverArea_1fmd4_27", "DropZone--isDisabled": "_DropZone--isDisabled_1fmd4_28", "DropZone--isRootZone": "_DropZone--isRootZone_1fmd4_29", "DropZone--hasChildren": "_DropZone--hasChildren_1fmd4_30", "DropZone--isDestination": "_DropZone--isDestination_1fmd4_40", "DropZone-item": "_DropZone-item_1fmd4_52", "DropZone-hitbox": "_DropZone-hitbox_1fmd4_56" };
|
30004
30004
|
|
30005
30005
|
// components/DropZone/context.tsx
|
30006
30006
|
init_react_import();
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@measured/puck",
|
3
|
-
"version": "0.14.2-canary.
|
3
|
+
"version": "0.14.2-canary.9008b70",
|
4
4
|
"author": "Measured Corporation Ltd <hello@measured.co>",
|
5
5
|
"repository": "measuredco/puck",
|
6
6
|
"bugs": "https://github.com/measuredco/puck/issues",
|
@@ -60,7 +60,7 @@
|
|
60
60
|
},
|
61
61
|
"dependencies": {
|
62
62
|
"@measured/auto-frame-component": "0.1.1",
|
63
|
-
"@measured/dnd": "16.6.0-canary.
|
63
|
+
"@measured/dnd": "16.6.0-canary.f472135",
|
64
64
|
"deep-diff": "^1.0.2",
|
65
65
|
"react-hotkeys-hook": "^4.4.1",
|
66
66
|
"react-spinners": "^0.13.8",
|