@measured/puck-plugin-heading-analyzer 0.7.1-canary.9b15c6b → 0.8.0-canary.06b145b

package/dist/index.css

@@ -1,36 +1,51 @@
 /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
-._SidebarSection_1y6bv_1 {
+._SidebarSection_ivnrs_1 {
   display: flex;
   position: relative;
   flex-direction: column;
 }
-._SidebarSection_1y6bv_1:last-of-type {
+._SidebarSection_ivnrs_1:last-of-type {
   flex-grow: 1;
 }
-._SidebarSection-title_1y6bv_11 {
+._SidebarSection-title_ivnrs_11 {
   background: white;
   padding: 16px;
   border-bottom: 1px solid var(--puck-color-grey-8);
+  overflow-x: scroll;
 }
-._SidebarSection-content_1y6bv_17 {
+._SidebarSection-content_ivnrs_18 {
   border-bottom: 1px solid var(--puck-color-grey-8);
   padding: 16px;
 }
-._SidebarSection--noPadding_1y6bv_22 ._SidebarSection-content_1y6bv_17 {
+._SidebarSection--noPadding_ivnrs_23 ._SidebarSection-content_ivnrs_18 {
   padding: 0px;
 }
-._SidebarSection_1y6bv_1:last-of-type ._SidebarSection-content_1y6bv_17 {
+._SidebarSection_ivnrs_1:last-of-type ._SidebarSection-content_ivnrs_18 {
   border-bottom: none;
   flex-grow: 1;
 }
-._SidebarSection-breadcrumb_1y6bv_31 {
+._SidebarSection-breadcrumbLabel_ivnrs_32 {
   color: var(--puck-color-azure-3);
+  flex-shrink: 0;
 }
-._SidebarSection-breadcrumb_1y6bv_31:hover {
+._SidebarSection-breadcrumbLabel_ivnrs_32:hover {
   color: var(--puck-color-azure-4);
   cursor: pointer;
   text-decoration: underline;
 }
+._SidebarSection-breadcrumbs_ivnrs_43 {
+  align-items: center;
+  display: flex;
+  gap: 4px;
+}
+._SidebarSection-breadcrumb_ivnrs_32 {
+  align-items: center;
+  display: flex;
+  gap: 4px;
+}
+._SidebarSection-heading_ivnrs_55 {
+  padding-right: 16px;
+}
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css/#css-module-data */
 ._Heading_1y35v_1 {

package/dist/index.js

@@ -1081,7 +1081,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_default = { "SidebarSection": "_SidebarSection_1y6bv_1", "SidebarSection-title": "_SidebarSection-title_1y6bv_11", "SidebarSection-content": "_SidebarSection-content_1y6bv_17", "SidebarSection--noPadding": "_SidebarSection--noPadding_1y6bv_22", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_1y6bv_31" };
+var styles_module_default = { "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" };
 
 // ../core/lib/get-class-name-factory.ts
 init_react_import();
@@ -1217,29 +1217,18 @@ var SidebarSection = ({
   children,
   title,
   background,
-  breadcrumb,
+  breadcrumbs = [],
   breadcrumbClick,
   noPadding
 }) => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2({ noPadding }), style: { background } }, /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2("title") }, /* @__PURE__ */ import_react.default.createElement(
-    "span",
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2({ noPadding }), style: { background } }, /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2("title") }, /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2("breadcrumbs") }, breadcrumbs.map((breadcrumb, i) => /* @__PURE__ */ import_react.default.createElement("div", { key: i, className: getClassName2("breadcrumb") }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
     {
-      style: {
-        display: "flex",
-        gap: 4,
-        alignItems: "center"
-      }
+      className: getClassName2("breadcrumbLabel"),
+      onClick: () => breadcrumbClick && breadcrumbClick(breadcrumb)
     },
-    breadcrumb && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: getClassName2("breadcrumb"),
-        onClick: breadcrumbClick
-      },
-      breadcrumb
-    ), /* @__PURE__ */ import_react.default.createElement(chevron_right_default, { size: 16 })),
-    /* @__PURE__ */ import_react.default.createElement(Heading, { rank: 2, size: "xs" }, title)
-  )), /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2("content") }, children));
+    breadcrumb.label
+  ), /* @__PURE__ */ import_react.default.createElement(chevron_right_default, { size: 16 }))), /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2("heading") }, /* @__PURE__ */ import_react.default.createElement(Heading, { rank: 2, size: "xs" }, title)))), /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2("content") }, children));
 };
 
 // ../core/components/OutlineList/index.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck-plugin-heading-analyzer",
-  "version": "0.7.1-canary.9b15c6b",
+  "version": "0.8.0-canary.06b145b",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -14,7 +14,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@measured/puck": "^0.7.1-canary.9b15c6b",
+    "@measured/puck": "^0.8.0-canary.06b145b",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^7.32.0",