@clearstory/drywall-react 7.2.0 → 7.2.1

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

@@ -14,7 +14,6 @@ const g = [
   "outlineColor",
   "borderRadius",
   // colors
-  "color",
   "bgcolor",
   "backgroundColor",
   // spacing
@@ -122,29 +121,12 @@ const g = [
   "typography",
   // other common system props
   "spacing"
-], u = {
-  // color: semantic theme colors (primary, secondary, error, etc.)
-  Typography: ["color"],
-  Link: ["color"],
-  Button: ["color"],
-  ButtonGroup: ["color"],
-  IconButton: ["color"],
-  Chip: ["color"],
-  Badge: ["color"],
-  Alert: ["color"],
-  CircularProgress: ["color"],
-  LinearProgress: ["color"],
-  Radio: ["color"],
-  Checkbox: ["color"],
-  Switch: ["color"],
-  SvgIcon: ["color"],
-  FormLabel: ["color"],
-  FormControl: ["color"],
-  ToggleButton: ["color"],
-  ToggleButtonGroup: ["color"],
-  // Container: maxWidth accepts breakpoint values (xs, sm, md, lg, xl), not CSS values
-  Container: ["maxWidth"]
-}, h = {
+], c = {
+  Container: ["maxWidth"],
+  Dialog: ["maxWidth"],
+  InputAdornment: ["position"],
+  TableCell: ["padding"]
+}, f = {
   meta: {
     type: "problem",
     docs: {
@@ -157,55 +139,45 @@ const g = [
     },
     schema: []
   },
-  create(t) {
-    const o = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Set();
+  create(l) {
+    const r = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Set();
     return {
-      ImportDeclaration(l) {
-        const r = l;
-        r.source.value === "@clearstory/drywall-react" && r.specifiers.forEach((e) => {
-          e.type === "ImportSpecifier" && e.imported ? o.set(e.local.name, e.imported.name) : e.type === "ImportNamespaceSpecifier" && p.add(e.local.name);
+      ImportDeclaration(i) {
+        const o = i;
+        o.source.value === "@clearstory/drywall-react" && o.specifiers.forEach((e) => {
+          e.type === "ImportSpecifier" && e.imported ? r.set(e.local.name, e.imported.name) : e.type === "ImportNamespaceSpecifier" && m.add(e.local.name);
         });
       },
-      JSXOpeningElement(l) {
-        const r = l;
-        let e, s;
-        if ("name" in r.name) {
-          if (e = r.name.name, !o.has(e))
+      JSXOpeningElement(i) {
+        const o = i;
+        let e;
+        if ("name" in o.name) {
+          if (e = o.name.name, !r.has(e))
             return;
-          s = o.get(e);
-        } else if (r.name.type === "JSXMemberExpression") {
-          const n = r.name.object.name;
-          if (e = r.name.property.name, s = e, !p.has(n))
+        } else if (o.name.type === "JSXMemberExpression") {
+          const t = o.name.object.name;
+          if (e = o.name.property.name, !m.has(t))
             return;
         } else
           return;
-        const m = [];
-        r.attributes.forEach((n) => {
-          const i = n;
-          if (i.type !== "JSXAttribute" || !i.name)
+        const p = [];
+        o.attributes.forEach((t) => {
+          const n = t;
+          if (n.type !== "JSXAttribute" || !n.name)
             return;
-          const a = i.name.name;
+          const a = n.name.name;
           if (a === "sx" || !g.includes(a))
             return;
-          const d = u[s];
-          if (d && d.includes(a))
-            if (a === "color") {
-              if (i.value) {
-                const c = f(i.value);
-                if (y(c))
-                  return;
-              }
-            } else
-              return;
-          m.push(
-            i
+          const s = r.get(e) ?? e, d = c[s];
+          d && d.includes(a) || p.push(
+            n
           );
-        }), m.forEach((n) => {
-          t.report({
-            node: n,
+        }), p.forEach((t) => {
+          l.report({
+            node: t,
             messageId: "systemProp",
             data: {
-              prop: n.name.name,
+              prop: t.name.name,
               component: e
             }
           });
@@ -214,38 +186,6 @@ const g = [
     };
   }
 };
-function f(t) {
-  if (!t) return null;
-  const o = t;
-  if (o.type === "Literal")
-    return String(o.value);
-  if (o.type === "JSXExpressionContainer" && o.expression) {
-    if (o.expression.type === "Literal")
-      return String(o.expression.value);
-    if (o.expression.type === "Identifier")
-      return o.expression.name || null;
-  }
-  return null;
-}
-function y(t) {
-  return [
-    "inherit",
-    "primary",
-    "secondary",
-    "error",
-    "warning",
-    "info",
-    "success",
-    "default",
-    // Badge, Radio, Checkbox, Switch
-    "action",
-    // SvgIcon
-    "disabled",
-    // SvgIcon
-    "standard"
-    // ToggleButton, ToggleButtonGroup
-  ].includes(t || "");
-}
 export {
-  h as default
+  f as default
 };

package/package.json

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