design-system-silkhaus 4.0.0-beta.color-names.4 → 4.0.0-beta.color-names.6

package/dist/index.js

@@ -19,8 +19,8 @@ var ze = (e, t) => {
       t.indexOf(n) < 0 && V0.call(e, n) && (r[n] = e[n]);
   return r;
 };
-import { j as u, t as Ve, c as AC, d as Re, e as xe, u as Lp, g as HC, h as Ap, i as Hp, k as Fp, l as qp, F as Vp, A as wa, m as $p, o as Bp, n as Wp, C as Fr, p as zp, q as wt, r as af, s as FC, v as of, w as Up, x as qC, y as VC, z as $C, a as W0, B as C2, D as BC } from "./index-cVxmO35M.js";
-import { E as B$, G as W$, H as z$ } from "./index-cVxmO35M.js";
+import { j as u, t as Ve, c as AC, d as Re, e as xe, u as Lp, g as HC, h as Ap, i as Hp, k as Fp, l as qp, F as Vp, A as wa, m as $p, o as Bp, n as Wp, C as Fr, p as zp, q as wt, r as af, s as FC, v as of, w as Up, x as qC, y as VC, z as $C, a as W0, B as C2, D as BC } from "./index-CS40ZeSb.js";
+import { E as B$, G as W$, H as z$ } from "./index-CS40ZeSb.js";
 import * as ee from "react";
 import de, { useState as Le, useMemo as Pr, useEffect as Ge, useCallback as Ze, forwardRef as wr, createContext as sf, useRef as mt, useContext as fa, useDebugValue as z0, useLayoutEffect as lf, isValidElement as _n, useSyncExternalStore as WC, cloneElement as w2 } from "react";
 import Ne from "moment";
@@ -49,7 +49,10 @@ function Ei(e) {
   }), r;
 }
 const U0 = {
-  primary: "ds-bg-Background-accentPrimary-100 ds-text-Text-textPrimaryInverse ds-rounded-sm hover:ds-text-Text-textPrimaryInverse hover:ds-bg-Background-accentPrimary-highlight active:ds-bg-Background-accentPrimary-darkened focus:ds-rounded-none focus:ds-bg-Background-accentPrimary-100 focus:ds-border focus:ds-border-Fills-inversePrimary focus:ds-shadow-[0px_0px_0px_1px_rgba(109,54,169,1)] disabled:focus:ds-shadow-none disabled:ds-bg-Background-accentPrimary-20",
+  primary: (
+    // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
+    "ds-bg-Background-accentPrimary-100 ds-text-Text-textPrimaryInverse ds-rounded-sm hover:ds-text-Text-textPrimaryInverse hover:ds-bg-Background-accentPrimary-highlight active:ds-bg-Background-accentPrimary-darkened focus:ds-rounded-none focus:ds-bg-Background-accentPrimary-100 focus:ds-border focus:ds-border-Fills-inversePrimary focus:ds-shadow-[0px_0px_0px_1px_rgba(109,54,169,1)] disabled:focus:ds-shadow-none disabled:ds-bg-Background-accentPrimary-20"
+  ),
   secondary: "ds-text-Background-accentPrimary-100 ds-rounded-sm ds-border ds-border-Fills-secondary hover:ds-text-Background-accentPrimary-100 hover:ds-border hover:ds-bg-Background-accentPrimary-5 hover:ds-border-Fills-primary active:ds-text-Background-accentPrimary-100 active:ds-border active:ds-border-Fills-Background-accentPrimary-100 active:ds-bg-Background-accentPrimary-5 focus:ds-bg-Background-accentPrimary-5 focus:ds-bg-Background-accentPrimary-5 focus:ds-text-accentPrimary-100 focus:ds-border-2 focus:ds-border-Background-accentPrimary-100 disabled:ds-border disabled:ds-border-Fills-tertiary disabled:ds-text-Text-tertiary disabled:ds-bg-transparent",
   tertiary: "ds-text-Text-secondary ds-rounded-sm hover:ds-bg-Fills-quinary active:ds-bg-Fills-quinary focus:ds-bg-Fills-quaternary disabled:ds-text-Fills-quaternary disabled:ds-bg-Fills-quinary",
   quaternary: "ds-text-accentPrimary-100 ds-rounded-sm hover:ds-bg-Background-accentPrimary-5 active:ds-bg-Background-accentPrimary-5 focus:ds-bg-Background-accentPrimary-100 focus:ds-text-Text-textPrimaryInverse disabled:ds-text-Background-accentPrimary-20",
@@ -5069,7 +5072,9 @@ const cw = de.forwardRef(
               className: Ve(
                 Re(
                   "ds-z-10 ds-mx-[2.5px] ds-block ds-h-[4px] ds-w-[5px] ds-rounded-[1px]",
+                  // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
                   s !== r && "ds-bg-[rgba(255,255,255,0.5)]",
+                  // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
                   s === r && "ds-bg-[rgba(255,255,255,0.8)]"
                 )
               )
@@ -5286,7 +5291,9 @@ const sv = de.forwardRef(
   ({
     progress: e,
     text: t = "",
+    // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
     borderColor: r = "rgba(0, 0, 0, 0.1)",
+    // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
     progressColor: n = "#542686",
     size: a = "48px",
     strokeWidth: i = 3,
@@ -22956,7 +22963,9 @@ const sM = de.forwardRef(
       overflow: "hidden",
       height: "100vh",
       "& .DayPicker_weekHeader": {
+        // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
         backgroundColor: "#f0f2f5",
+        // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
         boxShadow: "0 6px 12px 0 rgba(0, 0, 0, 0.12)"
       },
       "& .DayPicker_weekHeader_li ": {
@@ -22966,6 +22975,7 @@ const sM = de.forwardRef(
         paddingTop: "25px"
       },
       "& .info-panel": {
+        // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
         boxShadow: "0 -6px 12px 0 rgba(0, 0, 0, 0.12)",
         position: "relative",
         zIndex: 10
@@ -23522,7 +23532,8 @@ const HM = wr((e, t) => {
               {
                 className: Re(
                   !l && "ds-p-6",
-                  l && "ds-relative ds-flex ds-items-center ds-justify-center ds-px-8 ds-py-4 ds-shadow-[0px_2px_8px_0px_rgba(0,0,0,0.08)]"
+                  l && // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
+                  "ds-relative ds-flex ds-items-center ds-justify-center ds-px-8 ds-py-4 ds-shadow-[0px_2px_8px_0px_rgba(0,0,0,0.08)]"
                 ),
                 children: [
                   /* @__PURE__ */ u.jsx(
@@ -23699,7 +23710,9 @@ const k$ = ({
   ),
   r && /* @__PURE__ */ u.jsx("div", { children: r })
 ] }), qM = {
+  // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
   light: "ds-bg-[rgba(255,255,255,0.64)] ds-text-Text-primary",
+  // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
   dark: "ds-bg-[rgba(0,0,0,0.24)] ds-text-Fills-inversePrimary",
   amenity: "ds-bg-Fills-quinary ds-text-Text-secondary"
 }, A2 = wr(
@@ -26363,8 +26376,10 @@ const Bk = de.forwardRef(
       ref: I,
       className: xe(
         "ds-box-border ds-w-full ds-overflow-hidden ds-rounded",
-        (!m || y === "none") && "ds-border-2 ds-border-Fills-quaternary ds-bg-Background-primary hover:ds-shadow-[0_12px_24px_0_rgba(0,0,0,0.12)]",
-        m && y === "selected" && "ds-border-2 ds-border-accentPrimary-100 ds-bg-accentPrimary-5 ds-bg-opacity-50 hover:ds-shadow-[0_12px_24px_0_rgba(0,0,0,0.12)]",
+        (!m || y === "none") && // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
+        "ds-border-2 ds-border-Fills-quaternary ds-bg-Background-primary hover:ds-shadow-[0_12px_24px_0_rgba(0,0,0,0.12)]",
+        m && y === "selected" && // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
+        "ds-border-2 ds-border-accentPrimary-100 ds-bg-accentPrimary-5 ds-bg-opacity-50 hover:ds-shadow-[0_12px_24px_0_rgba(0,0,0,0.12)]",
         m && y && [
           "added"
           /* Added */
@@ -31469,6 +31484,7 @@ const Cb = ({
       ref: a,
       className: Ve(
         Re(
+          // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
           "ds-mt-4 ds-h-[117px] ds-w-[145px] ds-flex-col ds-items-start ds-justify-center ds-gap-2 ds-rounded ds-border-[1px] ds-bg-Background-primary ds-p-4 ds-shadow-[0px_12px_24px_0px_rgba(0,0,0,0.12)] ds-tablet:ds-flex",
           t
         )
@@ -31688,7 +31704,10 @@ const cp = () => /* @__PURE__ */ u.jsx("div", { className: "ds-absolute ds-left-
             /* @__PURE__ */ u.jsx(
               "span",
               {
-                className: "ds-z-[2] ds-ml-2 ds-inline-flex ds-h-[32px] ds-w-[48px] ds-cursor-pointer ds-items-center ds-justify-center ds-border-[1px] ds-border-solid ds-border-[#00000040]",
+                className: (
+                  // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
+                  "ds-z-[2] ds-ml-2 ds-inline-flex ds-h-[32px] ds-w-[48px] ds-cursor-pointer ds-items-center ds-justify-center ds-border-[1px] ds-border-solid ds-border-[#00000040]"
+                ),
                 onClick: d,
                 children: /* @__PURE__ */ u.jsx(_2, { className: "ds-size-4" })
               }
@@ -32107,6 +32126,7 @@ const E$ = pt, R$ = (e) => {
       "div",
       {
         className: xe(
+          // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
           "ds-flex ds-max-h-dvh ds-flex-col ds-items-center ds-bg-Background-primary ds-p-4 ds-pb-8 ds-shadow-[0px_12px_24px_0px_rgba(0,0,0,0.12)] ds-tablet:ds-max-h-[80dvh] ds-tablet:ds-max-w-[496px] ds-tablet:ds-rounded ds-tablet:ds-pb-4",
           n
         ),
@@ -33132,6 +33152,7 @@ const j$ = ({
           {
             ref: h,
             className: xe(
+              // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
               "ds-absolute ds-z-[1000] ds-m-0 ds-mt-2 ds-max-h-60 ds-w-full ds-min-w-max ds-list-none ds-overflow-y-auto ds-rounded-sm ds-border ds-border-Fills-primary ds-bg-Background-primary ds-shadow-[0px_12px_24px_0px_rgba(0,0,0,0.12)]"
             ),
             children: e.map((y) => /* @__PURE__ */ u.jsx(
@@ -33264,6 +33285,7 @@ const j$ = ({
     className: xe(
       "ds-flex ds-items-center ds-gap-1 ds-rounded-sm ds-bg-Fills-quaternary ds-px-4 ds-py-2 ds-text-mediumFootnoteEmphasized",
       {
+        // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
         "group-hover:ds-bg-[rgba(0,0,0,0.15)]": !e,
         "ds-pointer-events-none": e
       }
@@ -33349,6 +33371,7 @@ const j$ = ({
           className: xe(
             "ds-group ds-size-6 ds-flex-shrink-0 ds-appearance-none ds-rounded-full ds-border ds-border-Fills-primary checked:ds-border-4 checked:ds-border-Fills-inversePrimary checked:ds-bg-Background-primaryInverse checked:ds-ring-1 checked:ds-ring-Fills-primary",
             s,
+            // eslint-disable-next-line tailwind/no-restricted-token -- Cannot use design system any design system color token here
             { "ds-cursor-not-allowed ds-border-gray-400 ds-bg-gray-200": r },
             { "ds-cursor-pointer": !r }
           ),
@@ -33453,6 +33476,7 @@ const $H = ({
     "div",
     {
       className: xe(
+        // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
         "ds-flex ds-flex-row ds-gap-1 ds-rounded ds-bg-[#F2F2F2] ds-px-2 ds-py-1",
         t
       ),
@@ -33462,6 +33486,7 @@ const $H = ({
           onClick: () => o(l.value),
           className: xe(
             "transition-colors ds-flex ds-flex-row ds-items-center ds-justify-center ds-gap-1 ds-rounded ds-px-4 ds-py-1 hover:ds-cursor-pointer",
+            // eslint-disable-next-line tailwind/no-restricted-token -- Cannot use design system any design system color token here
             a === l.value ? "ds-bg-Background-primary" : "hover:ds-bg-gray-200"
           ),
           children: [
@@ -33481,6 +33506,7 @@ const A$ = (e) => {
     "div",
     {
       className: xe(
+        // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
         "ds-flex ds-gap-4 ds-bg-Background-primary ds-p-4 hover:ds-bg-[#F6F8FC]",
         s && "ds-cursor-pointer",
         t
@@ -33575,6 +33601,7 @@ const w0 = ({
         style: y
       }, k()), {
         className: Ve(
+          // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
           "ds-z-[29999] ds-rounded ds-bg-Background-primary ds-shadow-[0px_4px_18px_0px_rgba(0,0,0,0.17)]",
           r
         ),
@@ -34970,6 +34997,7 @@ const q$ = ({
         root: {
           width: "100dvw",
           height: "100dvh",
+          // eslint-disable-next-line tailwind/no-restricted-token -- Cannot use design system any design system color token here
           background: "black"
         },
         container: {
@@ -35396,44 +35424,47 @@ const kq = ({
   cancelLabel: t,
   onApply: r,
   onCancel: n
-}) => /* @__PURE__ */ u.jsxs("div", { className: "ds-flex ds-items-center ds-gap-4 ds-bg-Background-primary ds-p-4 ds-shadow-[0px_-1px_1px_0px_rgba(0,0,0,0.25)] ds-tablet:ds-justify-end ds-tablet:ds-border-t ds-tablet:ds-border-Fills-quintiary ds-tablet:ds-shadow-none", children: [
-  /* @__PURE__ */ u.jsx(
-    C2,
-    {
-      color: "secondary",
-      onClick: n,
-      className: "ds-hidden ds-tablet:ds-flex",
-      children: t
-    }
-  ),
-  /* @__PURE__ */ u.jsx(
-    C2,
-    {
-      color: "primary",
-      onClick: r,
-      className: "ds-hidden ds-tablet:ds-flex",
-      children: e
-    }
-  ),
-  /* @__PURE__ */ u.jsx(
-    wt,
-    {
-      color: "secondary",
-      onClick: n,
-      className: "ds-flex-grow ds-tablet:ds-hidden",
-      children: t
-    }
-  ),
-  /* @__PURE__ */ u.jsx(
-    wt,
-    {
-      color: "primary",
-      onClick: r,
-      className: "ds-flex-grow ds-tablet:ds-hidden",
-      children: e
-    }
-  )
-] }), Eq = ({
+}) => (
+  // eslint-disable-next-line tailwind/no-hardcoded-colors -- TODO: use tailwind classes with design system tokens instead of hardcoded colors
+  /* @__PURE__ */ u.jsxs("div", { className: "ds-flex ds-items-center ds-gap-4 ds-bg-Background-primary ds-p-4 ds-shadow-[0px_-1px_1px_0px_rgba(0,0,0,0.25)] ds-tablet:ds-justify-end ds-tablet:ds-border-t ds-tablet:ds-border-Fills-quintiary ds-tablet:ds-shadow-none", children: [
+    /* @__PURE__ */ u.jsx(
+      C2,
+      {
+        color: "secondary",
+        onClick: n,
+        className: "ds-hidden ds-tablet:ds-flex",
+        children: t
+      }
+    ),
+    /* @__PURE__ */ u.jsx(
+      C2,
+      {
+        color: "primary",
+        onClick: r,
+        className: "ds-hidden ds-tablet:ds-flex",
+        children: e
+      }
+    ),
+    /* @__PURE__ */ u.jsx(
+      wt,
+      {
+        color: "secondary",
+        onClick: n,
+        className: "ds-flex-grow ds-tablet:ds-hidden",
+        children: t
+      }
+    ),
+    /* @__PURE__ */ u.jsx(
+      wt,
+      {
+        color: "primary",
+        onClick: r,
+        className: "ds-flex-grow ds-tablet:ds-hidden",
+        children: e
+      }
+    )
+  ] })
+), Eq = ({
   trigger: e,
   getSelectedValueDisplayText: t,
   value: r,