@lax-wp/design-system 0.5.14 → 0.5.15

package/dist/components/cards/card-main/CardMain.d.ts

@@ -11,6 +11,8 @@ export type CardMainProps = {
     mode?: string | null;
     /** Display ID to show in banner */
     displayId?: string | null;
+    /** Whether the main sidebar is expanded */
+    isMainSideBarOpen?: boolean;
 };
 /**
  * CardMain component for main content areas with optional edit/comparison banners

package/dist/index.es.js

@@ -17274,9 +17274,10 @@ const m2 = ({
   noBanner: a,
   noScrollbar: i,
   mode: o,
-  displayId: l
+  displayId: l,
+  isMainSideBarOpen: s = !1
 }) => {
-  const s = o === we.EDIT || o === we.FOCUS_EDIT ? "edit" : o === we.COMPARISON ? "compare" : null, c = cA(() => s === "edit" && l && !a || s === "compare", [s, l, a]);
+  const c = o === we.EDIT || o === we.FOCUS_EDIT ? "edit" : o === we.COMPARISON ? "compare" : null, d = cA(() => c === "edit" && l && !a || c === "compare", [c, l, a]);
   return Qa(), /* @__PURE__ */ P(bA, { children: [
     /* @__PURE__ */ n(ot, { title: A }),
     /* @__PURE__ */ P(
@@ -17285,17 +17286,18 @@ const m2 = ({
         className: q(
           "relative h-[calc(100vh-56px)] overflow-y-auto flex flex-col bg-primary-800 dark:bg-black-800",
           `ease-in-out duration-${ei}`,
+          s ? "lg:ml-sidebar-width ml-[60px]" : "ml-[60px]",
           r
         ),
         children: [
-          s === "edit" && l && !a ? /* @__PURE__ */ n(Tt, { status: "warning", children: `You're currently editing ${l || ""}` }) : s === "compare" ? /* @__PURE__ */ n(Tt, { status: "success", children: "You are now in Comparison Mode" }) : null,
+          c === "edit" && l && !a ? /* @__PURE__ */ n(Tt, { status: "warning", children: `You're currently editing ${l || ""}` }) : c === "compare" ? /* @__PURE__ */ n(Tt, { status: "success", children: "You are now in Comparison Mode" }) : null,
           /* @__PURE__ */ n(
             "div",
             {
               className: q(
                 `flex-1 overflow-y-auto overflow-x-hidden bg-gray-50 dark:bg-black-700 ${i ? "hide-scrollbar" : ""}`,
                 t ? "p-0" : "p-base",
-                c ? "rounded-tl-none" : "!rounded-tl-xl"
+                d ? "rounded-tl-none" : "!rounded-tl-xl"
               ),
               id: "app-body-container",
               children: e