@clearstory/drywall-react 4.2.4 → 5.0.0

package/dist/{containerClasses-D9GgrugO.js → containerClasses-BOpxBboC.js}

@@ -1,11 +1,11 @@
 import { P as e } from "./index-CyAhC1RZ.js";
-import { s as y } from "./styled-SBTDGe0C.js";
+import { s as y } from "./styled-BGhco0UA.js";
 import * as T from "react";
 import { c as v } from "./clsx-OuTLNxxd.js";
 import { jsx as O } from "react/jsx-runtime";
-import { s as k } from "./styled-BH7aTmBf.js";
-import { u as G } from "./useThemeProps-BXLYmQ1k.js";
-import { c as u, m as R } from "./createTheme-C8al1H6l.js";
+import { s as k } from "./styled-BKha85Jg.js";
+import { u as G } from "./useThemeProps-Dz0XskTc.js";
+import { h as u, m as R } from "./createTheme-DHUIafsh.js";
 import { c as M } from "./composeClasses-2Ou-RZJr.js";
 import { g as x } from "./generateUtilityClass-BhfUaMgk.js";
 import { u as j } from "./DefaultPropsProvider-Hks9kyHW.js";
@@ -25,21 +25,21 @@ const P = R(), S = k("div", {
   defaultTheme: P
 }), U = (o, s) => {
   const i = (n) => x(s, n), {
-    classes: m,
+    classes: c,
     fixed: l,
     disableGutters: d,
     maxWidth: t
   } = o, a = {
     root: ["root", t && `maxWidth${u(String(t))}`, l && "fixed", d && "disableGutters"]
   };
-  return M(a, i, m);
+  return M(a, i, c);
 };
 function D(o = {}) {
   const {
     // This will allow adding custom styled fn (for example for custom sx style function)
     createStyledComponent: s = S,
     useThemeProps: i = $,
-    componentName: m = "MuiContainer"
+    componentName: c = "MuiContainer"
   } = o, l = s(({
     theme: t,
     ownerState: a
@@ -61,8 +61,8 @@ function D(o = {}) {
     theme: t,
     ownerState: a
   }) => a.fixed && Object.keys(t.breakpoints.values).reduce((n, p) => {
-    const c = p, r = t.breakpoints.values[c];
-    return r !== 0 && (n[t.breakpoints.up(c)] = {
+    const m = p, r = t.breakpoints.values[m];
+    return r !== 0 && (n[t.breakpoints.up(m)] = {
       maxWidth: `${r}${t.breakpoints.unit}`
     }), n;
   }, {}), ({
@@ -87,28 +87,28 @@ function D(o = {}) {
     }
   })), d = /* @__PURE__ */ T.forwardRef(function(a, n) {
     const p = i(a), {
-      className: c,
+      className: m,
       component: r = "div",
       disableGutters: b = !1,
       fixed: g = !1,
-      maxWidth: C = "lg",
+      maxWidth: h = "lg",
       classes: L,
-      ...h
+      ...C
     } = p, f = {
       ...p,
       component: r,
       disableGutters: b,
       fixed: g,
-      maxWidth: C
-    }, W = U(f, m);
+      maxWidth: h
+    }, W = U(f, c);
     return (
       // @ts-ignore theme is injected by the styled util
       /* @__PURE__ */ O(l, {
         as: r,
         ownerState: f,
-        className: v(W.root, c),
+        className: v(W.root, m),
         ref: n,
-        ...h
+        ...C
       })
     );
   });

package/dist/{createSvgIcon-CE5_EBKI.js → createSvgIcon-BSvHnj9_.js}

@@ -1,6 +1,6 @@
 import * as r from "react";
 import { jsx as m } from "react/jsx-runtime";
-import { S as n } from "./SvgIcon-BH0vQ_GU.js";
+import { S as n } from "./SvgIcon-BY0YatF5.js";
 function p(t, e) {
   function o(c, i) {
     return /* @__PURE__ */ m(n, {

package/dist/{createTheme-C8al1H6l.js → createTheme-DHUIafsh.js}

@@ -2282,12 +2282,12 @@ function pn(e = {}, ...t) {
 export {
   dt as a,
   De as b,
-  lt as c,
+  pn as c,
   Ne as d,
   Tr as e,
-  pn as f,
+  Oe as f,
   qe as g,
-  Oe as h,
+  lt as h,
   K as i,
   Gr as j,
   Jr as k,

package/dist/defaultTheme-BvWB-Z-U.js

@@ -0,0 +1,5 @@
+import { c as e } from "./createTheme-DHUIafsh.js";
+const a = e();
+export {
+  a as d
+};

package/dist/eslint-config/no-system-props.js

@@ -1,4 +1,4 @@
-const b = [
+const g = [
   // borders
   "border",
   "borderTop",
@@ -122,11 +122,11 @@ const b = [
   "typography",
   // other common system props
   "spacing"
-], S = ["Box", "Stack", "Typography", "Link"], $ = {
+], d = ["Box", "Stack", "Typography", "Link"], u = {
   Typography: ["color"],
   // semantic colors only
   Link: ["color"]
-}, j = {
+}, h = {
   meta: {
     type: "problem",
     docs: {
@@ -134,73 +134,58 @@ const b = [
       category: "Best Practices",
       recommended: !0
     },
-    fixable: "code",
     messages: {
       systemProp: 'System prop "{{prop}}" should be moved to the sx prop on {{component}} component'
     },
     schema: []
   },
-  create(p) {
-    const o = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set(), g = p.getSourceCode();
+  create(n) {
+    const o = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set();
     return {
-      ImportDeclaration(m) {
-        const t = m;
-        t.source.value === "@clearstory/drywall-react" && t.specifiers.forEach((r) => {
-          r.type === "ImportSpecifier" && r.imported && S.includes(r.imported.name) ? o.add(r.local.name) : r.type === "ImportNamespaceSpecifier" && u.add(r.local.name);
+      ImportDeclaration(l) {
+        const r = l;
+        r.source.value === "@clearstory/drywall-react" && r.specifiers.forEach((e) => {
+          e.type === "ImportSpecifier" && e.imported && d.includes(e.imported.name) ? o.add(e.local.name) : e.type === "ImportNamespaceSpecifier" && s.add(e.local.name);
         });
       },
-      JSXOpeningElement(m) {
-        const t = m;
-        let r;
-        if ("name" in t.name) {
-          if (r = t.name.name, !o.has(r))
+      JSXOpeningElement(l) {
+        const r = l;
+        let e;
+        if ("name" in r.name) {
+          if (e = r.name.name, !o.has(e))
             return;
-        } else if (t.name.type === "JSXMemberExpression") {
-          const l = t.name.object.name;
-          if (r = t.name.property.name, !u.has(l) || !S.includes(r))
+        } else if (r.name.type === "JSXMemberExpression") {
+          const t = r.name.object.name;
+          if (e = r.name.property.name, !s.has(t) || !d.includes(e))
             return;
         } else
           return;
-        const a = [];
-        let x = null;
-        t.attributes.forEach((l) => {
-          const e = l;
-          if (e.type !== "JSXAttribute" || !e.name)
+        const p = [];
+        r.attributes.forEach((t) => {
+          const i = t;
+          if (i.type !== "JSXAttribute" || !i.name)
             return;
-          const d = e.name.name;
-          if (d === "sx") {
-            x = e;
+          const a = i.name.name;
+          if (a === "sx" || !g.includes(a))
             return;
-          }
-          if (!b.includes(d))
-            return;
-          const y = $[r];
-          if (y && y.includes(d))
-            if (d === "color" && e.value) {
-              const h = w(e.value);
-              if (C(h))
+          const m = u[e];
+          if (m && m.includes(a))
+            if (a === "color" && i.value) {
+              const c = f(i.value);
+              if (y(c))
                 return;
             } else
               return;
-          a.push(
-            e
+          p.push(
+            i
           );
-        }), a.forEach((l) => {
-          p.report({
-            node: l,
+        }), p.forEach((t) => {
+          n.report({
+            node: t,
             messageId: "systemProp",
             data: {
-              prop: l.name.name,
-              component: r
-            },
-            fix(e) {
-              return I(
-                e,
-                m,
-                a,
-                x,
-                g
-              );
+              prop: t.name.name,
+              component: e
             }
           });
         });
@@ -208,9 +193,9 @@ const b = [
     };
   }
 };
-function w(p) {
-  if (!p) return null;
-  const o = p;
+function f(n) {
+  if (!n) return null;
+  const o = n;
   if (o.type === "Literal")
     return String(o.value);
   if (o.type === "JSXExpressionContainer" && o.expression) {
@@ -221,7 +206,7 @@ function w(p) {
   }
   return null;
 }
-function C(p) {
+function y(n) {
   return [
     "inherit",
     "primary",
@@ -230,56 +215,8 @@ function C(p) {
     "warning",
     "info",
     "success"
-  ].includes(p || "");
-}
-function I(p, o, u, g, m) {
-  const t = o, r = "name" in t.name ? t.name.name : t.name.type === "JSXMemberExpression" ? `${t.name.object.name}.${t.name.property.name}` : "UnknownComponent", a = u.map((i) => {
-    const n = i.name.name, s = i.value;
-    if (!s)
-      return `${n}: true`;
-    const c = s;
-    if (c.type === "Literal")
-      return `${n}: ${JSON.stringify(c.value)}`;
-    if (c.type === "JSXExpressionContainer" && c.expression) {
-      const f = m.getText(c.expression);
-      return `${n}: ${f}`;
-    }
-    return `${n}: true`;
-  }), x = new Set(
-    u.map((i) => i.name.name)
-  ), l = [];
-  t.attributes.forEach((i) => {
-    const n = i;
-    if (n.type !== "JSXAttribute" || !n.name) {
-      l.push(m.getText(i));
-      return;
-    }
-    const s = n.name.name;
-    x.has(s) || s === "sx" && g || l.push(m.getText(i));
-  });
-  let e;
-  if (g) {
-    const i = m.getText(g.value);
-    if (i.startsWith("{") && i.endsWith("}")) {
-      const n = i.slice(1, -1).trim();
-      if (n.startsWith("{") && n.endsWith("}")) {
-        const s = n.slice(1, -1).trim(), c = s.includes("...");
-        s ? c ? e = `sx={{ ${a.join(", ")}, ...${n} }}` : e = `sx={{ ${a.join(", ")}, ${s} }}` : e = `sx={{ ${a.join(", ")} }}`;
-      } else if (n.startsWith("[") && n.endsWith("]"))
-        e = `sx={[{ ${a.join(", ")} }, ...${n}]}`;
-      else {
-        const s = n.trimStart(), f = /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(
-          s
-        ) ? s : n;
-        e = `sx={[{ ${a.join(", ")} }, ...(Array.isArray(${f}) ? ${f} : [${f}])]}`;
-      }
-    } else
-      e = `sx={{ ${a.join(", ")} }}`;
-  } else
-    e = `sx={{ ${a.join(", ")} }}`;
-  const d = [...l, e], y = d.length > 0 ? " " + d.join(" ") : "", h = `<${r}${y}${t.selfClosing ? " />" : ">"}`;
-  return [p.replaceText(o, h)];
+  ].includes(n || "");
 }
 export {
-  j as default
+  h as default
 };

package/dist/{extendSxProp-DPJMnqJC.js → extendSxProp-BK1wn2VP.js}

@@ -1,4 +1,4 @@
-import { i as c, h as l } from "./createTheme-C8al1H6l.js";
+import { i as c, f as l } from "./createTheme-DHUIafsh.js";
 const a = (t) => {
   const s = {
     systemProps: {},

package/dist/getActiveElement-DQsgVmYn.js

@@ -0,0 +1,9 @@
+function l(t) {
+  let e = t.activeElement;
+  for (; e?.shadowRoot?.activeElement != null; )
+    e = e.shadowRoot.activeElement;
+  return e;
+}
+export {
+  l as a
+};

package/dist/icons/ClearstoryIcon.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as o } from "../createSvgIcon-CE5_EBKI.js";
+import { c as o } from "../createSvgIcon-BSvHnj9_.js";
 const c = o(
   /* @__PURE__ */ r("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ r("path", { d: "M11.105 22.206H3.011L3 15.177l8.115-7.884-.01 14.913ZM21 22.207h-7.878V1.793L21 9.678v12.529Z" }) }),
   "Clearstory"

package/dist/icons/InternalOnlyIcon.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as C } from "react/jsx-runtime";
-import { c as l } from "../createSvgIcon-CE5_EBKI.js";
+import { c as l } from "../createSvgIcon-BSvHnj9_.js";
 const t = l(
   /* @__PURE__ */ r("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: [
     /* @__PURE__ */ C(

package/dist/icons/MoneyBucketIcon.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as c } from "react/jsx-runtime";
-import { c as v } from "../createSvgIcon-CE5_EBKI.js";
+import { c as v } from "../createSvgIcon-BSvHnj9_.js";
 const o = v(
   /* @__PURE__ */ a("svg", { viewBox: "0 0 24 24", children: [
     /* @__PURE__ */ c(

package/dist/icons/MoreCircleOutlineIcon.js

@@ -1,5 +1,5 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { c as r } from "../createSvgIcon-CE5_EBKI.js";
+import { c as r } from "../createSvgIcon-BSvHnj9_.js";
 const n = r(
   /* @__PURE__ */ o(
     "svg",

package/dist/icons/index.js

@@ -2,11 +2,11 @@ import { ClearstoryIcon as n } from "./ClearstoryIcon.js";
 import { InternalOnlyIcon as c } from "./InternalOnlyIcon.js";
 import { MoneyBucketIcon as I } from "./MoneyBucketIcon.js";
 import { MoreCircleOutlineIcon as t } from "./MoreCircleOutlineIcon.js";
-import { A as l, a as d, b as u, c as C, d as p, e as A, f as w, h as f, g as O, i as m, j as h, k as y, l as g, m as k, n as D, o as x, B as b, p as B, q as M, r as P, C as R, s as L, t as T, u as v, v as F, w as E, x as S, y as U, z as N, D as V, E as H, F as K, G as W, H as z, I as G, J as Z, K as j, L as q, M as J, N as Q, O as X, P as Y, Q as _, R as $, S as aa, T as oa, U as na, V as sa, W as ca, X as ea, Y as Ia, Z as ra, _ as ta, $ as ia, a0 as la, a1 as da, a2 as ua, a3 as Ca, a4 as pa, a5 as Aa, a6 as wa, a7 as fa, a8 as Oa, a9 as ma, aa as ha, ac as ya, ab as ga, ad as ka, ae as Da, af as xa, ag as ba, ah as Ba, ai as Ma, aj as Pa, ak as Ra, al as La, am as Ta, an as va, ao as Fa, ap as Ea, aq as Sa, ar as Ua, as as Na, at as Va, au as Ha, av as Ka, aw as Wa, ax as za, ay as Ga, az as Za, aA as ja, aB as qa, aC as Ja, aD as Qa, aE as Xa, aF as Ya, aG as _a, aJ as $a, aI as ao, aH as oo, aK as no, aL as so, aM as co, aN as eo, aO as Io, aP as ro, aQ as to, aR as io, aS as lo, aT as uo, aU as Co, aV as po, aW as Ao } from "../ZoomOut-Ci4YyGNB.js";
-import { A as fo, C as Oo } from "../Clear-Bnp01YyW.js";
-import { C as ho, E as yo, I as go, W as ko } from "../WarningAmberOutlined-GOlm4GU9.js";
-import { C as xo } from "../Close-DeDd1tSW.js";
-import { I as Bo } from "../Info-Cykl51qM.js";
+import { A as l, a as d, b as u, c as C, d as p, e as A, f as w, h as f, g as O, i as m, j as h, k as y, l as g, m as k, n as D, o as x, B as b, p as B, q as M, r as P, C as R, s as L, t as T, u as v, v as F, w as E, x as S, y as U, z as N, D as V, E as H, F as K, G as W, H as z, I as G, J as Z, K as j, L as q, M as J, N as Q, O as X, P as Y, Q as _, R as $, S as aa, T as oa, U as na, V as sa, W as ca, X as ea, Y as Ia, Z as ra, _ as ta, $ as ia, a0 as la, a1 as da, a2 as ua, a3 as Ca, a4 as pa, a5 as Aa, a6 as wa, a7 as fa, a8 as Oa, a9 as ma, aa as ha, ac as ya, ab as ga, ad as ka, ae as Da, af as xa, ag as ba, ah as Ba, ai as Ma, aj as Pa, ak as Ra, al as La, am as Ta, an as va, ao as Fa, ap as Ea, aq as Sa, ar as Ua, as as Na, at as Va, au as Ha, av as Ka, aw as Wa, ax as za, ay as Ga, az as Za, aA as ja, aB as qa, aC as Ja, aD as Qa, aE as Xa, aF as Ya, aG as _a, aJ as $a, aI as ao, aH as oo, aK as no, aL as so, aM as co, aN as eo, aO as Io, aP as ro, aQ as to, aR as io, aS as lo, aT as uo, aU as Co, aV as po, aW as Ao } from "../ZoomOut-D7iBSQjt.js";
+import { A as fo, C as Oo } from "../Clear-C7q09Ww4.js";
+import { C as ho, E as yo, I as go, W as ko } from "../WarningAmberOutlined-DA3_ce6m.js";
+import { C as xo } from "../Close-28GNVfyf.js";
+import { I as Bo } from "../Info-DYeQDm-h.js";
 export {
   l as AccessTimeIcon,
   d as AccountCircleIcon,

package/dist/{index-CFunVsti.js → index-B0sssNPS.js}

@@ -221,7 +221,7 @@ $.forEach(function(t) {
   x[t] = x(t);
 });
 /**
- * @mui/styled-engine v7.3.5
+ * @mui/styled-engine v7.3.6
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/dist/{index-DKMUcCLE.js → index-BCBnk-9Z.js}

@@ -1,6 +1,6 @@
 import { T as y } from "./emotion-element-f0de968e.browser.esm-CX7iy5u6.js";
 import * as d from "react";
-import { a as v } from "./useTheme-Ixs7c498.js";
+import { a as v } from "./useTheme-DNEoTUfV.js";
 import { g } from "./getThemeProps-EVOScHVn.js";
 import { u as E } from "./useEnhancedEffect-CJGo-L3B.js";
 function M(n, s, t, o, c) {

package/dist/{index-CSb2qOUI.js → index-C-86S9Tq.js}

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
 import { P as o } from "./index-CyAhC1RZ.js";
-import { d as a } from "./defaultTheme-DDzCZLdJ.js";
+import { d as a } from "./defaultTheme-BvWB-Z-U.js";
 import { T as s } from "./emotion-element-f0de968e.browser.esm-CX7iy5u6.js";
-import { G as f } from "./GlobalStyles-BdRA9CMx.js";
-import { e as i } from "./extendSxProp-DPJMnqJC.js";
+import { G as f } from "./GlobalStyles-24Nh1HWp.js";
+import { e as i } from "./extendSxProp-BK1wn2VP.js";
 function t(r) {
   return /* @__PURE__ */ e(f, {
     ...r,