@measured/puck 0.14.2-canary.4dbd487 → 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.
Files changed (3) hide show
  1. package/dist/index.css +37 -37
  2. package/dist/index.js +3 -3
  3. 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
- ._DraggableComponent_1542z_1 {
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--isDragging_1542z_11 {
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-contents_1542z_16 {
294
+ ._DraggableComponent-contents_59z7f_16 {
295
295
  position: relative;
296
296
  pointer-events: none;
297
297
  z-index: 0;
298
298
  }
299
- ._DraggableComponent-contents_1542z_16::before,
300
- ._DraggableComponent-contents_1542z_16::after {
299
+ ._DraggableComponent-contents_59z7f_16::before,
300
+ ._DraggableComponent-contents_59z7f_16::after {
301
301
  content: " ";
302
302
  display: table;
303
303
  }
304
- ._DraggableComponent-overlay_1542z_29 {
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
- ._DraggableComponent_1542z_1:focus-visible > ._DraggableComponent-overlay_1542z_29 {
315
+ ._DraggableComponent_59z7f_1:focus-visible > ._DraggableComponent-overlay_59z7f_29 {
316
316
  outline: 1px solid var(--puck-color-azure-05);
317
317
  }
318
- ._DraggableComponent--isDragging_1542z_11 > ._DraggableComponent-overlay_1542z_29 {
319
- outline: 1px var(--puck-color-azure-09) solid !important;
318
+ ._DraggableComponent--isDragging_59z7f_11 > ._DraggableComponent-overlay_59z7f_29 {
319
+ outline: 2px var(--puck-color-azure-09) solid !important;
320
320
  }
321
- ._DraggableComponent-loadingOverlay_1542z_49 {
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
- ._DraggableComponent_1542z_1:hover:not(._DraggableComponent--isLocked_1542z_65) > ._DraggableComponent-overlay_1542z_29 {
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--forceHover_1542z_71 > ._DraggableComponent-overlay_1542z_29 {
340
+ ._DraggableComponent--forceHover_59z7f_71 > ._DraggableComponent-overlay_59z7f_29 {
341
341
  background: var(--overlay-background);
342
342
  pointer-events: none;
343
343
  }
344
- ._DraggableComponent_1542z_1:not(._DraggableComponent--isSelected_1542z_76):hover > ._DraggableComponent-overlay_1542z_29 {
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--indicativeHover_1542z_81 > ._DraggableComponent-overlay_1542z_29 {
347
+ ._DraggableComponent--indicativeHover_59z7f_81 > ._DraggableComponent-overlay_59z7f_29 {
348
348
  pointer-events: none;
349
349
  }
350
- ._DraggableComponent_1542z_1:not(._DraggableComponent--isSelected_1542z_76):has(._DraggableComponent_1542z_1:hover > ._DraggableComponent-overlay_1542z_29) > ._DraggableComponent-overlay_1542z_29 {
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--isSelected_1542z_76 > ._DraggableComponent-overlay_1542z_29 {
353
+ ._DraggableComponent--isSelected_59z7f_76 > ._DraggableComponent-overlay_59z7f_29 {
354
354
  outline: 2px var(--puck-color-azure-07) solid !important;
355
355
  }
356
- ._DraggableComponent--isSelected_1542z_76 > ._DraggableComponent-actionsOverlay_1542z_97 {
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-actions_1542z_97 {
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--isSelected_1542z_76 > ._DraggableComponent-actionsOverlay_1542z_97 > ._DraggableComponent-actions_1542z_97 {
378
+ ._DraggableComponent--isSelected_59z7f_76 > ._DraggableComponent-actionsOverlay_59z7f_97 > ._DraggableComponent-actions_59z7f_97 {
379
379
  display: flex;
380
380
  }
381
- ._DraggableComponent-actionsLabel_1542z_127 {
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-action_1542z_97 {
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-action_1542z_97:focus-visible {
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-action_1542z_97:hover {
413
+ ._DraggableComponent-action_59z7f_97:hover {
414
414
  color: var(--puck-color-azure-06);
415
415
  transition: none;
416
416
  }
417
417
  }
418
- ._DraggableComponent-action_1542z_97:active {
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
- ._DropZone_w4btq_1 {
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: -1px;
429
+ outline-offset: -2px;
430
430
  width: 100%;
431
431
  }
432
- ._DropZone-content_w4btq_10 {
432
+ ._DropZone-content_1fmd4_10 {
433
433
  min-height: 128px;
434
434
  height: 100%;
435
435
  }
436
- ._DropZone--userIsDragging_w4btq_15 ._DropZone-content_w4btq_10 {
436
+ ._DropZone--userIsDragging_1fmd4_15 ._DropZone-content_1fmd4_10 {
437
437
  pointer-events: all;
438
438
  }
439
- ._DropZone--userIsDragging_w4btq_15:not(._DropZone--draggingOverArea_w4btq_19):not(._DropZone--draggingNewComponent_w4btq_20) > ._DropZone-content_w4btq_10 {
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--isAreaSelected_w4btq_26,
443
- ._DropZone--draggingOverArea_w4btq_19:not(:has(._DropZone--hoveringOverArea_w4btq_27)),
444
- ._DropZone--hoveringOverArea_w4btq_27:not(._DropZone--isDisabled_w4btq_28):not(._DropZone--isRootZone_w4btq_29):not(._DropZone--hasChildren_w4btq_30) {
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
- ._DropZone_w4btq_1:not(._DropZone--hasChildren_w4btq_30) {
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--isDestination_w4btq_40 {
452
+ ._DropZone--isDestination_1fmd4_40 {
453
453
  outline: 2px dashed var(--puck-color-azure-04) !important;
454
454
  }
455
- ._DropZone--isDestination_w4btq_40:not(._DropZone--isRootZone_w4btq_29) {
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-item_w4btq_52 {
458
+ ._DropZone-item_1fmd4_52 {
459
459
  position: relative;
460
460
  }
461
- ._DropZone-hitbox_w4btq_56 {
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": "_DraggableComponent_1542z_1", "DraggableComponent--isDragging": "_DraggableComponent--isDragging_1542z_11", "DraggableComponent-contents": "_DraggableComponent-contents_1542z_16", "DraggableComponent-overlay": "_DraggableComponent-overlay_1542z_29", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_1542z_49", "DraggableComponent--isLocked": "_DraggableComponent--isLocked_1542z_65", "DraggableComponent--forceHover": "_DraggableComponent--forceHover_1542z_71", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_1542z_76", "DraggableComponent--indicativeHover": "_DraggableComponent--indicativeHover_1542z_81", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_1542z_97", "DraggableComponent-actions": "_DraggableComponent-actions_1542z_97", "DraggableComponent-actionsLabel": "_DraggableComponent-actionsLabel_1542z_127", "DraggableComponent-action": "_DraggableComponent-action_1542z_97" };
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": "_DropZone_w4btq_1", "DropZone-content": "_DropZone-content_w4btq_10", "DropZone--userIsDragging": "_DropZone--userIsDragging_w4btq_15", "DropZone--draggingOverArea": "_DropZone--draggingOverArea_w4btq_19", "DropZone--draggingNewComponent": "_DropZone--draggingNewComponent_w4btq_20", "DropZone--isAreaSelected": "_DropZone--isAreaSelected_w4btq_26", "DropZone--hoveringOverArea": "_DropZone--hoveringOverArea_w4btq_27", "DropZone--isDisabled": "_DropZone--isDisabled_w4btq_28", "DropZone--isRootZone": "_DropZone--isRootZone_w4btq_29", "DropZone--hasChildren": "_DropZone--hasChildren_w4btq_30", "DropZone--isDestination": "_DropZone--isDestination_w4btq_40", "DropZone-item": "_DropZone-item_w4btq_52", "DropZone-hitbox": "_DropZone-hitbox_w4btq_56" };
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();
@@ -33382,7 +33382,7 @@ var Canvas = () => {
33382
33382
  {
33383
33383
  className: getClassName24("root"),
33384
33384
  style: {
33385
- width: iframe.enabled ? ui.viewports.current.width : void 0,
33385
+ width: iframe.enabled ? ui.viewports.current.width : "100%",
33386
33386
  height: zoomConfig.rootHeight,
33387
33387
  transform: iframe.enabled ? `scale(${zoomConfig.zoom})` : void 0,
33388
33388
  transition: showTransition ? "width 150ms ease-out, height 150ms ease-out, transform 150ms ease-out" : "",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@measured/puck",
3
- "version": "0.14.2-canary.4dbd487",
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.c7c88e8",
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",