design-system-silkhaus 3.12.0 → 3.13.0-beta.lint-rule.1

package/dist/eslint-rules/tailwind/no-restricted-classes.js

@@ -0,0 +1,79 @@
+export default {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'Restrict listed names in tailwind tokens',
+      recommended: false,
+    },
+    messages: {
+      disallowedToken:
+        "Avoid using '{{ token }}' in token names. Use a semantic design token name instead.",
+    },
+    schema: [],
+  },
+
+  create(context) {
+    const DISALLOWED_TOKENS = [
+      'white',
+      'black',
+      'red',
+      'green',
+      'grey',
+      'gray',
+      'eggplant',
+      'carrot',
+      'teal',
+      'mustard',
+    ];
+
+    const regex = new RegExp(`\\b(${DISALLOWED_TOKENS.join('|')})\\b`, 'i');
+
+    function reportIfTokenUsed(node, value) {
+      const match = regex.exec(value);
+      if (match) {
+        context.report({
+          node,
+          messageId: 'disallowedToken',
+          data: {
+            token: match[1],
+          },
+        });
+      }
+    }
+
+    return {
+      Literal(node) {
+        if (typeof node.value === 'string') {
+          reportIfTokenUsed(node, node.value);
+        }
+      },
+      JSXAttribute(node) {
+        if (
+          node.name &&
+          ['class', 'className', 'style'].includes(node.name.name) &&
+          node.value &&
+          node.value.type === 'Literal' &&
+          typeof node.value.value === 'string'
+        ) {
+          reportIfTokenUsed(node.value, node.value.value);
+        }
+
+        // Also handle JSXExpressionContainer e.g. className={"my-class red-text"}
+        if (
+          node.value &&
+          node.value.type === 'JSXExpressionContainer' &&
+          node.value.expression &&
+          node.value.expression.type === 'Literal' &&
+          typeof node.value.expression.value === 'string'
+        ) {
+          reportIfTokenUsed(node.value.expression, node.value.expression.value);
+        }
+      },
+      TemplateLiteral(node) {
+        node.quasis.forEach((quasi) => {
+          reportIfTokenUsed(quasi, quasi.value.cooked || '');
+        });
+      },
+    };
+  },
+};

package/dist/index.js

@@ -35050,7 +35050,12 @@ const HV = ({ isOpen: e, setOpen: t, images: r, index: n }) => {
       return;
   }
 }, Np = ({ className: e, minDate: t, maxDate: r, value: n, year: a, onChange: i }) => {
-  const o = Array.from({ length: 12 }, (d, c) => c), s = (d, c, f, h, p) => Rp({ month: d, year: c }, f, h) ? p ? rn({ month: d, year: c }, p.startDate) && (!p.endDate || rn({ month: d, year: c }, p.endDate)) ? "selected" : rn({ month: d, year: c }, p.startDate) ? "selected-start" : p.endDate && rn({ month: d, year: c }, p.endDate) ? "selected-end" : p.endDate && Rp({ month: d, year: c }, p.startDate, p.endDate) ? "in-range" : "unselected" : "unselected" : "disabled", l = (d) => {
+  const o = Array.from({ length: 12 }, (d, c) => c), s = (d, c, f, h, p) => {
+    if (!Rp({ month: d, year: c }, f, h)) return "disabled";
+    if (!p) return "unselected";
+    const { startDate: m, endDate: g } = p;
+    return rn({ month: d, year: c }, m) && (!g || rn({ month: d, year: c }, g)) ? "selected" : rn({ month: d, year: c }, m) ? "selected-start" : g && rn({ month: d, year: c }, g) ? "selected-end" : g && Rp({ month: d, year: c }, m, g) ? "in-range" : "unselected";
+  }, l = (d) => {
     i && (!n || !Ip(n) ? i({ startDate: { month: d, year: a } }, "custom") : Ip(n) && (xq({ month: d, year: a }, n.startDate) ? i({ startDate: { month: d, year: a } }, "custom") : i({ startDate: n.startDate, endDate: { month: d, year: a } }, "custom")));
   };
   return /* @__PURE__ */ u.jsx("div", { className: xe("ds-flex ds-flex-wrap ds-gap-y-1", e), children: o.map((d) => /* @__PURE__ */ u.jsx(
@@ -35066,8 +35071,8 @@ const HV = ({ isOpen: e, setOpen: t, images: r, index: n }) => {
 }, Pq = {
   unselected: "ds-bg-white",
   selected: "ds-bg-accentEggplant-100 ds-text-white ds-rounded",
-  "selected-start": "ds-bg-accentEggplant-100 ds-text-white ds-rounded-l",
-  "selected-end": "ds-bg-accentEggplant-100 ds-text-white ds-rounded-r",
+  "selected-start": "ds-bg-accentEggplant-100 ds-text-white ds-rounded-l rtl:ds-rounded-r rtl:ds-rounded-l-none",
+  "selected-end": "ds-bg-accentEggplant-100 ds-text-white ds-rounded-r rtl:ds-rounded-l rtl:ds-rounded-r-none",
   "in-range": "ds-bg-accentEggplant-5 ds-text-accentEggplant-100",
   disabled: "ds-bg-white ds-text-Text-tertiary ds-pointer-events-none"
 }, Dq = ({ state: e = "unselected", value: t, className: r, onClick: n }) => /* @__PURE__ */ u.jsx(
@@ -35224,7 +35229,7 @@ const HV = ({ isOpen: e, setOpen: t, images: r, index: n }) => {
         e === t && "ds-cursor-not-allowed ds-opacity-20"
       ),
       onClick: () => e !== t && n(e - 1),
-      children: /* @__PURE__ */ u.jsx(df, { className: "ds-size-4" })
+      children: /* @__PURE__ */ u.jsx(df, { className: "ds-size-4 rtl:ds-rotate-180" })
     }
   ),
   /* @__PURE__ */ u.jsx(jn, { variant: "mediumCaption1Emphasized", children: e }),
@@ -35236,7 +35241,7 @@ const HV = ({ isOpen: e, setOpen: t, images: r, index: n }) => {
         e === r && "ds-cursor-not-allowed ds-opacity-20"
       ),
       onClick: () => e !== r && n(e + 1),
-      children: /* @__PURE__ */ u.jsx(cf, { className: "ds-size-4" })
+      children: /* @__PURE__ */ u.jsx(cf, { className: "ds-size-4 rtl:ds-rotate-180" })
     }
   )
 ] }), Tq = (e) => {