@clearstory/drywall-react 4.2.1 → 4.2.3

package/dist/components/Link/Link.theme.js

@@ -1,4 +1,7 @@
 const t = {
+  defaultProps: {
+    color: "info"
+  },
   styleOverrides: {
     root: ({ ownerState: r, theme: o }) => {
       const s = [

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clearstory/drywall-react",
-  "version": "4.2.1",
+  "version": "4.2.3",
   "license": "UNLICENSED",
   "description": "a Clearstory software design system",
   "type": "module",