@measured/puck 0.8.0-canary.06b145b → 0.8.0-canary.1dc222c

package/dist/index.css

@@ -695,51 +695,52 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
-._SidebarSection_ivnrs_1 {
+._SidebarSection_f1p35_1 {
   display: flex;
   position: relative;
   flex-direction: column;
+  color: black;
 }
-._SidebarSection_ivnrs_1:last-of-type {
+._SidebarSection_f1p35_1:last-of-type {
   flex-grow: 1;
 }
-._SidebarSection-title_ivnrs_11 {
+._SidebarSection-title_f1p35_12 {
   background: white;
   padding: 16px;
   border-bottom: 1px solid var(--puck-color-grey-8);
-  overflow-x: scroll;
+  overflow-x: auto;
 }
-._SidebarSection-content_ivnrs_18 {
+._SidebarSection-content_f1p35_19 {
   border-bottom: 1px solid var(--puck-color-grey-8);
   padding: 16px;
 }
-._SidebarSection--noPadding_ivnrs_23 ._SidebarSection-content_ivnrs_18 {
+._SidebarSection--noPadding_f1p35_24 ._SidebarSection-content_f1p35_19 {
   padding: 0px;
 }
-._SidebarSection_ivnrs_1:last-of-type ._SidebarSection-content_ivnrs_18 {
+._SidebarSection_f1p35_1:last-of-type ._SidebarSection-content_f1p35_19 {
   border-bottom: none;
   flex-grow: 1;
 }
-._SidebarSection-breadcrumbLabel_ivnrs_32 {
+._SidebarSection-breadcrumbLabel_f1p35_33 {
   color: var(--puck-color-azure-3);
   flex-shrink: 0;
 }
-._SidebarSection-breadcrumbLabel_ivnrs_32:hover {
+._SidebarSection-breadcrumbLabel_f1p35_33:hover {
   color: var(--puck-color-azure-4);
   cursor: pointer;
   text-decoration: underline;
 }
-._SidebarSection-breadcrumbs_ivnrs_43 {
+._SidebarSection-breadcrumbs_f1p35_44 {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-._SidebarSection-breadcrumb_ivnrs_32 {
+._SidebarSection-breadcrumb_f1p35_33 {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-._SidebarSection-heading_ivnrs_55 {
+._SidebarSection-heading_f1p35_56 {
   padding-right: 16px;
 }
 

package/dist/index.js

@@ -1357,7 +1357,7 @@ init_react_import();
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css#css-module
 init_react_import();
-var styles_module_default6 = { "SidebarSection": "_SidebarSection_ivnrs_1", "SidebarSection-title": "_SidebarSection-title_ivnrs_11", "SidebarSection-content": "_SidebarSection-content_ivnrs_18", "SidebarSection--noPadding": "_SidebarSection--noPadding_ivnrs_23", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_ivnrs_32", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_ivnrs_43", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_ivnrs_32", "SidebarSection-heading": "_SidebarSection-heading_ivnrs_55" };
+var styles_module_default6 = { "SidebarSection": "_SidebarSection_f1p35_1", "SidebarSection-title": "_SidebarSection-title_f1p35_12", "SidebarSection-content": "_SidebarSection-content_f1p35_19", "SidebarSection--noPadding": "_SidebarSection--noPadding_f1p35_24", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_f1p35_33", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_f1p35_44", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_f1p35_33", "SidebarSection-heading": "_SidebarSection-heading_f1p35_56" };
 
 // components/Heading/index.tsx
 init_react_import();
@@ -2056,6 +2056,8 @@ function Puck({
                     {
                       style: {
                         gridArea: "header",
+                        color: "var(--puck-color-black)",
+                        background: "var(--puck-color-white)",
                         borderBottom: "1px solid var(--puck-color-grey-8)"
                       },
                       children: renderHeader ? renderHeader({
@@ -2189,7 +2191,6 @@ function Puck({
                     "div",
                     {
                       style: {
-                        background: "var(--puck-color-grey-10)",
                         padding: 32,
                         overflowY: "auto",
                         gridArea: "editor",
@@ -2202,8 +2203,8 @@ function Puck({
                         {
                           className: "puck-root",
                           style: {
-                            background: "white",
                             border: "1px solid var(--puck-color-grey-8)",
+                            boxShadow: "0px 0px 0px 3rem var(--puck-color-grey-10)",
                             zoom: 0.75
                           },
                           children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Page, __spreadProps(__spreadValues({ data }, data.root), { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropZone, { zone: rootDroppableId }) }))
@@ -2220,7 +2221,8 @@ function Puck({
                         gridArea: "right",
                         fontFamily: "var(--puck-font-stack)",
                         display: "flex",
-                        flexDirection: "column"
+                        flexDirection: "column",
+                        background: "var(--puck-color-white)"
                       },
                       children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(FieldWrapper, { data, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                         SidebarSection,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.8.0-canary.06b145b",
+  "version": "0.8.0-canary.1dc222c",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",