@measured/puck 0.17.0-canary.552c8f9 → 0.17.0-canary.5e57623

package/dist/index.css

@@ -140,50 +140,61 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */
-._ActionBar_151w5_1 {
+._ActionBar_1lbm7_1 {
+  align-items: center;
+  cursor: default;
   display: flex;
   width: auto;
   padding: 4px;
-  padding-right: 4px;
+  padding-left: 0;
+  padding-right: 0;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   border-radius: 8px;
   background: var(--puck-color-grey-01);
   color: var(--puck-color-white);
   font-family: var(--puck-font-family);
-  gap: 4px;
   min-height: 26px;
 }
-._ActionBar-actionsLabel_151w5_16 {
+._ActionBar-label_1lbm7_18 {
   color: var(--puck-color-grey-08);
-  display: flex;
   font-size: var(--puck-font-size-xxxs);
   font-weight: 500;
-  justify-content: center;
-  align-items: center;
   padding-left: 8px;
   padding-right: 8px;
+  margin-left: 4px;
+  margin-right: 4px;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._ActionBar-group_151w5_29 {
+._ActionBar-action_1lbm7_30 + ._ActionBar-label_1lbm7_18 {
+  padding-left: 0;
+}
+._ActionBar-label_1lbm7_18 + ._ActionBar-action_1lbm7_30 {
+  margin-left: -4px;
+}
+._ActionBar-group_1lbm7_38 {
+  align-items: center;
   border-inline-start: 0.5px solid var(--puck-color-grey-05);
   display: flex;
+  height: 100%;
   padding-left: 4px;
   padding-right: 4px;
 }
-._ActionBar-group_151w5_29:last-of-type {
-  padding-right: 0;
+._ActionBar-group_1lbm7_38:first-of-type {
+  border-inline-start: 0;
 }
-._ActionBar-group_151w5_29:empty {
+._ActionBar-group_1lbm7_38:empty {
   display: none;
 }
-._ActionBar-action_151w5_16 {
+._ActionBar-action_1lbm7_30 {
   background: transparent;
   border: none;
   color: var(--puck-color-grey-08);
   cursor: pointer;
   padding: 6px 8px;
+  margin-left: 4px;
+  margin-right: 4px;
   border-radius: 4px;
   overflow: hidden;
   display: flex;
@@ -191,20 +202,23 @@
   justify-content: center;
   transition: color 50ms ease-in;
 }
-._ActionBar-action_151w5_16:focus-visible {
+._ActionBar-action_1lbm7_30:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: -2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._ActionBar-action_151w5_16:hover {
+  ._ActionBar-action_1lbm7_30:hover {
     color: var(--puck-color-azure-06);
     transition: none;
   }
 }
-._ActionBar-action_151w5_16:active {
+._ActionBar-action_1lbm7_30:active {
   color: var(--puck-color-azure-07);
   transition: none;
 }
+._ActionBar-group_1lbm7_38 * {
+  margin: 0;
+}
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css/#css-module-data */
 ._InputWrapper_1l5m8_1 {
@@ -1177,6 +1191,40 @@ textarea._Input-input_1l5m8_47 {
   transform-origin: right top;
 }
 
+/* components/DraggableComponent/styles.css */
+[data-puck-component] * {
+  pointer-events: none;
+  user-select: none;
+  -webkit-user-select: none;
+}
+[data-puck-component] {
+  cursor: grab;
+  pointer-events: auto !important;
+  user-select: none;
+  -webkit-user-select: none;
+}
+[data-puck-disabled] {
+  cursor: pointer;
+}
+[data-puck-dragging]:not([data-dnd-dragging]) {
+  background: var(--puck-color-azure-06) !important;
+  border: none !important;
+  color: #00000000 !important;
+  opacity: 0.3 !important;
+  outline: none !important;
+  transition: none !important;
+}
+[data-puck-dragging]:not([data-dnd-dragging]) *,
+[data-puck-dragging]:not([data-dnd-dragging])::after,
+[data-puck-dragging]:not([data-dnd-dragging])::before {
+  opacity: 0 !important;
+}
+[data-dnd-dragging] {
+  pointer-events: none !important;
+  outline: 2px var(--puck-color-azure-09) solid !important;
+  outline-offset: -2px !important;
+}
+
 /* css-module:/home/runner/work/puck/puck/packages/core/components/DropZone/styles.module.css/#css-module-data */
 ._DropZone_74ebh_1 {
   --drop-animation-ms: 250ms;

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { F as FieldProps, a as Field, C as Config, D as Data, I as ItemSelector, P as PuckAction, b as DropZoneProps, U as UserGenerics, c as UiState, O as OnAction, d as Permissions, e as Plugin, f as Overrides, V as Viewports, g as IframeConfig, h as InitialHistory, i as DefaultComponentProps, j as DefaultRootFieldProps, H as History, A as AppState, E as ExtractPropsFromConfig, k as ExtractRootPropsFromConfig, l as ComponentDataMap } from './resolve-all-data-Fx9YY5bj.mjs';
-export { W as Adaptor, L as ArrayField, t as ArrayState, a4 as AsFieldProps, B as BaseData, G as BaseField, v as ComponentConfig, y as ComponentData, z as Content, Z as CustomField, a1 as DefaultRootProps, a0 as DefaultRootRenderProps, m as Direction, n as DragAxis, Y as ExternalField, X as ExternalFieldWithAdaptor, r as FieldRenderFunctions, _ as Fields, s as ItemWithId, M as MappedItem, N as NumberField, Q as ObjectField, q as OverrideKey, u as PuckComponent, $ as PuckContext, K as RadioField, x as RootData, R as RootDataWithProps, w as RootDataWithoutProps, S as SelectField, T as TextField, J as TextareaField, o as Viewport, a5 as WithChildren, a2 as WithId, a3 as WithPuckProps, p as overrideKeys, a6 as resolveAllData } from './resolve-all-data-Fx9YY5bj.mjs';
+import { F as FieldProps, a as Field, C as Config, D as Data, I as ItemSelector, P as PuckAction, b as DropZoneProps, U as UserGenerics, c as UiState, O as OnAction, d as Permissions, e as Plugin, f as Overrides, V as Viewports, g as IframeConfig, h as InitialHistory, i as DefaultComponentProps, j as DefaultRootFieldProps, H as History, A as AppState, E as ExtractPropsFromConfig, k as ExtractRootPropsFromConfig, l as ComponentDataMap } from './resolve-all-data-ZKVfUAQq.mjs';
+export { W as Adaptor, L as ArrayField, t as ArrayState, a4 as AsFieldProps, B as BaseData, G as BaseField, v as ComponentConfig, y as ComponentData, z as Content, Z as CustomField, a1 as DefaultRootProps, a0 as DefaultRootRenderProps, m as Direction, n as DragAxis, Y as ExternalField, X as ExternalFieldWithAdaptor, r as FieldRenderFunctions, _ as Fields, s as ItemWithId, M as MappedItem, N as NumberField, Q as ObjectField, q as OverrideKey, u as PuckComponent, $ as PuckContext, K as RadioField, x as RootData, R as RootDataWithProps, w as RootDataWithoutProps, S as SelectField, T as TextField, J as TextareaField, o as Viewport, a5 as WithChildren, a2 as WithId, a3 as WithPuckProps, p as overrideKeys, a6 as resolveAllData } from './resolve-all-data-ZKVfUAQq.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, SyntheticEvent, ReactElement } from 'react';
@@ -16,6 +16,9 @@ declare const ActionBar: {
         label?: string;
         onClick: (e: SyntheticEvent) => void;
     }) => react_jsx_runtime.JSX.Element;
+    Label: ({ label }: {
+        label: string;
+    }) => react_jsx_runtime.JSX.Element;
     Group: ({ children }: {
         children: ReactNode;
     }) => react_jsx_runtime.JSX.Element;
@@ -28,6 +31,9 @@ declare const Action: ({ children, label, onClick, }: {
 declare const Group: ({ children }: {
     children: ReactNode;
 }) => react_jsx_runtime.JSX.Element;
+declare const Label: ({ label }: {
+    label: string;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }: {
     children?: ReactNode;
@@ -233,4 +239,4 @@ declare const usePuck: <UserConfig extends Config = Config>() => {
     selectedItem: ComponentDataMap<ExtractPropsFromConfig<UserConfig>> | null;
 };
 
-export { Action, ActionBar, AppState, AutoField, Button, ComponentDataMap, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, DropZone, type DropZoneDndData, DropZoneProvider, ExtractPropsFromConfig, ExtractRootPropsFromConfig, Field, FieldLabel, FieldProps, Group, History, IconButton, IframeConfig, InitialHistory, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, Render, UiState, UserGenerics, Viewports, dropZoneContext, migrate, transformProps, usePuck };
+export { Action, ActionBar, AppState, AutoField, Button, ComponentDataMap, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, DropZone, type DropZoneDndData, DropZoneProvider, ExtractPropsFromConfig, ExtractRootPropsFromConfig, Field, FieldLabel, FieldProps, Group, History, IconButton, IframeConfig, InitialHistory, Label, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, Render, UiState, UserGenerics, Viewports, dropZoneContext, migrate, transformProps, usePuck };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { F as FieldProps, a as Field, C as Config, D as Data, I as ItemSelector, P as PuckAction, b as DropZoneProps, U as UserGenerics, c as UiState, O as OnAction, d as Permissions, e as Plugin, f as Overrides, V as Viewports, g as IframeConfig, h as InitialHistory, i as DefaultComponentProps, j as DefaultRootFieldProps, H as History, A as AppState, E as ExtractPropsFromConfig, k as ExtractRootPropsFromConfig, l as ComponentDataMap } from './resolve-all-data-Fx9YY5bj.js';
-export { W as Adaptor, L as ArrayField, t as ArrayState, a4 as AsFieldProps, B as BaseData, G as BaseField, v as ComponentConfig, y as ComponentData, z as Content, Z as CustomField, a1 as DefaultRootProps, a0 as DefaultRootRenderProps, m as Direction, n as DragAxis, Y as ExternalField, X as ExternalFieldWithAdaptor, r as FieldRenderFunctions, _ as Fields, s as ItemWithId, M as MappedItem, N as NumberField, Q as ObjectField, q as OverrideKey, u as PuckComponent, $ as PuckContext, K as RadioField, x as RootData, R as RootDataWithProps, w as RootDataWithoutProps, S as SelectField, T as TextField, J as TextareaField, o as Viewport, a5 as WithChildren, a2 as WithId, a3 as WithPuckProps, p as overrideKeys, a6 as resolveAllData } from './resolve-all-data-Fx9YY5bj.js';
+import { F as FieldProps, a as Field, C as Config, D as Data, I as ItemSelector, P as PuckAction, b as DropZoneProps, U as UserGenerics, c as UiState, O as OnAction, d as Permissions, e as Plugin, f as Overrides, V as Viewports, g as IframeConfig, h as InitialHistory, i as DefaultComponentProps, j as DefaultRootFieldProps, H as History, A as AppState, E as ExtractPropsFromConfig, k as ExtractRootPropsFromConfig, l as ComponentDataMap } from './resolve-all-data-ZKVfUAQq.js';
+export { W as Adaptor, L as ArrayField, t as ArrayState, a4 as AsFieldProps, B as BaseData, G as BaseField, v as ComponentConfig, y as ComponentData, z as Content, Z as CustomField, a1 as DefaultRootProps, a0 as DefaultRootRenderProps, m as Direction, n as DragAxis, Y as ExternalField, X as ExternalFieldWithAdaptor, r as FieldRenderFunctions, _ as Fields, s as ItemWithId, M as MappedItem, N as NumberField, Q as ObjectField, q as OverrideKey, u as PuckComponent, $ as PuckContext, K as RadioField, x as RootData, R as RootDataWithProps, w as RootDataWithoutProps, S as SelectField, T as TextField, J as TextareaField, o as Viewport, a5 as WithChildren, a2 as WithId, a3 as WithPuckProps, p as overrideKeys, a6 as resolveAllData } from './resolve-all-data-ZKVfUAQq.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, SyntheticEvent, ReactElement } from 'react';
@@ -16,6 +16,9 @@ declare const ActionBar: {
         label?: string;
         onClick: (e: SyntheticEvent) => void;
     }) => react_jsx_runtime.JSX.Element;
+    Label: ({ label }: {
+        label: string;
+    }) => react_jsx_runtime.JSX.Element;
     Group: ({ children }: {
         children: ReactNode;
     }) => react_jsx_runtime.JSX.Element;
@@ -28,6 +31,9 @@ declare const Action: ({ children, label, onClick, }: {
 declare const Group: ({ children }: {
     children: ReactNode;
 }) => react_jsx_runtime.JSX.Element;
+declare const Label: ({ label }: {
+    label: string;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }: {
     children?: ReactNode;
@@ -233,4 +239,4 @@ declare const usePuck: <UserConfig extends Config = Config>() => {
     selectedItem: ComponentDataMap<ExtractPropsFromConfig<UserConfig>> | null;
 };
 
-export { Action, ActionBar, AppState, AutoField, Button, ComponentDataMap, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, DropZone, type DropZoneDndData, DropZoneProvider, ExtractPropsFromConfig, ExtractRootPropsFromConfig, Field, FieldLabel, FieldProps, Group, History, IconButton, IframeConfig, InitialHistory, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, Render, UiState, UserGenerics, Viewports, dropZoneContext, migrate, transformProps, usePuck };
+export { Action, ActionBar, AppState, AutoField, Button, ComponentDataMap, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, DropZone, type DropZoneDndData, DropZoneProvider, ExtractPropsFromConfig, ExtractRootPropsFromConfig, Field, FieldLabel, FieldProps, Group, History, IconButton, IframeConfig, InitialHistory, Label, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, Render, UiState, UserGenerics, Viewports, dropZoneContext, migrate, transformProps, usePuck };