@measured/puck 0.10.0-canary.74cd3a7 → 0.10.0-canary.ca4f4be

package/dist/index.css

@@ -723,32 +723,33 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/ComponentList/styles.module.css/#css-module-data */
-._ComponentList_bvy0z_1 {
+._ComponentList_1f52d_1 {
+  display: grid;
   font-family: var(--puck-font-stack);
+  grid-template-columns: 1fr;
   max-width: 100%;
+  grid-gap: 12px;
 }
-._ComponentList-item_bvy0z_6 {
+._ComponentList-item_1f52d_9 {
   background: white;
   padding: 12px;
   display: flex;
   border: 1px var(--puck-color-grey-8) solid;
-  border-radius: 4px;
+  border-radius: 8px;
   font-size: var(--puck-font-size-xxs);
   justify-content: space-between;
   align-items: center;
   gap: 12px;
   cursor: grab;
-  margin-bottom: 12px;
 }
-._ComponentList-item_bvy0z_6:last-of-type {
+._ComponentList-item_1f52d_9:last-of-type {
   margin-bottom: 0px;
 }
-._ComponentList-itemIcon_bvy0z_24 {
+._ComponentList-itemIcon_1f52d_26 {
   color: var(--puck-color-grey-4);
 }
-._ComponentList_bvy0z_1:not(._ComponentList--isDraggingFrom_bvy0z_28) ._ComponentList-item_bvy0z_6:hover {
+._ComponentList_1f52d_1:not(._ComponentList--isDraggingFrom_1f52d_30) ._ComponentList-item_1f52d_9:hover {
   background-color: var(--puck-color-azure-9);
-  color: var(--puck-color-azure-4);
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */

package/dist/index.js

@@ -327,7 +327,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment11 = REACT_FRAGMENT_TYPE;
+        var Fragment10 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -386,7 +386,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element;
         exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment11;
+        exports.Fragment = Fragment10;
         exports.Lazy = Lazy;
         exports.Memo = Memo;
         exports.Portal = Portal;
@@ -3140,14 +3140,7 @@ var Draggable2 = ({
           children: children(provided, snapshot)
         })
       ),
-      showShadow && snapshot.isDragging && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "div",
-        {
-          className: className && className(provided, snapshot),
-          style: { transform: "none !important" },
-          children: children(provided, snapshot)
-        }
-      )
+      showShadow && snapshot.isDragging && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { transform: "none !important" }, children: children(provided, snapshot) })
     ] });
   } });
 };
@@ -3732,7 +3725,7 @@ init_react_import();
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/ComponentList/styles.module.css#css-module
 init_react_import();
-var styles_module_default7 = { "ComponentList": "_ComponentList_bvy0z_1", "ComponentList-item": "_ComponentList-item_bvy0z_6", "ComponentList-itemIcon": "_ComponentList-itemIcon_bvy0z_24", "ComponentList--isDraggingFrom": "_ComponentList--isDraggingFrom_bvy0z_28" };
+var styles_module_default7 = { "ComponentList": "_ComponentList_1f52d_1", "ComponentList-item": "_ComponentList-item_1f52d_9", "ComponentList-itemIcon": "_ComponentList-itemIcon_1f52d_26", "ComponentList--isDraggingFrom": "_ComponentList--isDraggingFrom_1f52d_30" };
 
 // components/ComponentList/index.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -3754,16 +3747,15 @@ var ComponentList = ({ config }) => {
               index: i,
               showShadow: true,
               disableAnimations: true,
-              className: () => getClassName14("item"),
-              children: () => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+              children: () => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: getClassName14("item"), children: [
                 componentKey,
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: getClassName14("itemIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DragIcon, {}) })
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: getClassName14("itemIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(grid_default, { size: 18 }) })
               ] })
             },
             componentKey
           );
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { style: { display: "none" }, children: provided.placeholder })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { display: "none" }, children: provided.placeholder })
       ]
     })
   ) });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.10.0-canary.74cd3a7",
+  "version": "0.10.0-canary.ca4f4be",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",