@measured/puck 0.14.2-canary.4dbd487 → 0.14.2-canary.9008b70

Sign up to get free protection for your applications and to get access to all the features.
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",