@situaction/traq-ui-ste 1.1.3 → 1.1.5

package/dist/components/icon-button/IconButton.js

@@ -1,45 +1,45 @@
-import { jsx as p } from "react/jsx-runtime";
-import '../../styles/IconButton.css';const c = "_button_kop64_23", a = "_flexHorizontalCenter_kop64_177", t = {
+import { jsx as l } from "react/jsx-runtime";
+import '../../styles/IconButton.css';const c = "_button_guiy8_23", g = "_flexHorizontalCenter_guiy8_177", t = {
   button: c,
-  "button-round": "_button-round_kop64_51",
-  "button-primary": "_button-primary_kop64_54",
-  "button-secondary": "_button-secondary_kop64_68",
-  "button-tertiary": "_button-tertiary_kop64_84",
-  "button-ghost": "_button-ghost_kop64_100",
-  "button-icon": "_button-icon_kop64_116",
-  "button-icon-selected": "_button-icon-selected_kop64_128",
-  "button-error": "_button-error_kop64_137",
-  "button-size-xl": "_button-size-xl_kop64_150",
-  "button-size-l": "_button-size-l_kop64_155",
-  "button-size-m": "_button-size-m_kop64_160",
-  "button-size-s": "_button-size-s_kop64_165",
-  "button-size-menu": "_button-size-menu_kop64_170",
-  flexHorizontalCenter: a
+  "button-round": "_button-round_guiy8_51",
+  "button-primary": "_button-primary_guiy8_54",
+  "button-secondary": "_button-secondary_guiy8_68",
+  "button-tertiary": "_button-tertiary_guiy8_84",
+  "button-ghost": "_button-ghost_guiy8_100",
+  "button-icon": "_button-icon_guiy8_116",
+  "button-icon-selected": "_button-icon-selected_guiy8_128",
+  "button-error": "_button-error_guiy8_137",
+  "button-size-xl": "_button-size-xl_guiy8_150",
+  "button-size-l": "_button-size-l_guiy8_155",
+  "button-size-m": "_button-size-m_guiy8_160",
+  "button-size-s": "_button-size-s_guiy8_165",
+  "button-size-menu": "_button-size-menu_guiy8_170",
+  flexHorizontalCenter: g
 }, z = ({
   mode: o = "primary",
   size: n = "m",
-  error: e,
-  selected: _,
-  round: u,
-  disabled: r,
-  children: b,
-  onClick: s
+  error: u,
+  selected: e,
+  round: _,
+  disabled: i,
+  children: r,
+  onClick: b
 }) => {
-  const i = () => e ? "error" : o, l = [
+  const s = () => u ? "error" : o, y = [
     t.button,
-    t[`button-${i()}`],
-    u && t["button-round"],
+    t[`button-${s()}`],
+    _ && t["button-round"],
     t[`button-size-${n}`],
-    _ && o === "icon" && t["button-icon-selected"],
+    e && o === "icon" && t["button-icon-selected"],
     t.flexHorizontalCenter
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ l(
     "button",
     {
-      className: l,
-      onClick: s,
-      disabled: r,
-      children: b
+      className: y,
+      onClick: b,
+      disabled: i,
+      children: r
     }
   );
 };

package/dist/components/input/Input.js

@@ -1,42 +1,42 @@
 import { jsxs as a, jsx as t, Fragment as c } from "react/jsx-runtime";
 import { useState as p, useRef as _ } from "react";
-import '../../styles/Input.css';const j = "_flexHorizontalBetween_1og0n_145", N = "_flexHorizontal_1og0n_145", e = {
-  "input-style": "_input-style_1og0n_40",
-  "input-style-disabled": "_input-style-disabled_1og0n_52",
-  "input-style-focused": "_input-style-focused_1og0n_63",
-  "input-style-secondary": "_input-style-secondary_1og0n_70",
-  "input-style-ghost": "_input-style-ghost_1og0n_84",
-  "input-style-error": "_input-style-error_1og0n_87",
-  "input-container": "_input-container_1og0n_97",
-  "input-style-size-xl": "_input-style-size-xl_1og0n_101",
-  "input-style-size-l": "_input-style-size-l_1og0n_111",
-  "input-style-size-m": "_input-style-size-m_1og0n_121",
-  "input-style-size-s": "_input-style-size-s_1og0n_131",
-  "input-style-radius": "_input-style-radius_1og0n_141",
-  flexHorizontalBetween: j,
+import '../../styles/Input.css';const F = "_flexHorizontalBetween_ez84j_145", N = "_flexHorizontal_ez84j_145", e = {
+  "input-style": "_input-style_ez84j_40",
+  "input-style-disabled": "_input-style-disabled_ez84j_52",
+  "input-style-focused": "_input-style-focused_ez84j_63",
+  "input-style-secondary": "_input-style-secondary_ez84j_70",
+  "input-style-ghost": "_input-style-ghost_ez84j_84",
+  "input-style-error": "_input-style-error_ez84j_87",
+  "input-container": "_input-container_ez84j_97",
+  "input-style-size-xl": "_input-style-size-xl_ez84j_101",
+  "input-style-size-l": "_input-style-size-l_ez84j_111",
+  "input-style-size-m": "_input-style-size-m_ez84j_121",
+  "input-style-size-s": "_input-style-size-s_ez84j_131",
+  "input-style-radius": "_input-style-radius_ez84j_141",
+  flexHorizontalBetween: F,
   flexHorizontal: N
 }, R = ({
   sizeStyle: y = "m",
   labelUnit: l,
   status: n = "default",
-  childrenLeft: o,
-  childrenRight: i,
-  round: d,
+  childrenLeft: i,
+  childrenRight: o,
+  round: z,
   disabled: u,
-  defaultValue: f,
-  ...g
+  defaultValue: d,
+  ...f
 }) => {
-  const [z, r] = p(!1), [h, x] = p(f || ""), m = _(null), s = _(null), B = () => r(!0), C = () => r(!1), H = (F) => {
-    x(F.target.value);
-  }, S = () => {
+  const [j, r] = p(!1), [h, x] = p(d || ""), m = _(null), s = _(null), g = () => r(!0), B = () => r(!1), C = (w) => {
+    x(w.target.value);
+  }, H = () => {
     s.current && s.current.focus();
-  }, v = [
+  }, S = [
     e["input-style"],
     e[`input-style-size-${y}`],
-    d && e["input-style-radius"],
+    z && e["input-style-radius"],
     e.flexHorizontalBetween
-  ].filter(Boolean).join(" "), w = [
-    z && e["input-style-focused"],
+  ].filter(Boolean).join(" "), v = [
+    j && e["input-style-focused"],
     u && e["input-style-disabled"],
     n === "secondary" && e["input-style-secondary"],
     n === "ghost" && e["input-style-ghost"]
@@ -45,33 +45,33 @@ import '../../styles/Input.css';const j = "_flexHorizontalBetween_1og0n_145", N
     "div",
     {
       ref: m,
-      className: `input-style ${v} ${(() => {
+      className: `input-style ${S} ${(() => {
         switch (n) {
           case "error":
             return e["input-style-error"];
           default:
-            return w;
+            return v;
         }
       })()}`,
-      onFocus: B,
-      onBlur: C,
-      onClick: S,
+      onFocus: g,
+      onBlur: B,
+      onClick: H,
       children: [
-        o && /* @__PURE__ */ t(c, { children: o }),
+        i && /* @__PURE__ */ t(c, { children: i }),
         /* @__PURE__ */ t("div", { className: e["input-container"], children: /* @__PURE__ */ t(
           "input",
           {
             autoCorrect: "false",
             disabled: u,
             value: h,
-            onChange: H,
+            onChange: C,
             ref: s,
-            ...g
+            ...f
           }
         ) }),
         /* @__PURE__ */ a(c, { children: [
           l && /* @__PURE__ */ t("div", { children: l }),
-          i && /* @__PURE__ */ t("span", { className: e.flexHorizontal, children: i })
+          o && /* @__PURE__ */ t("span", { className: e.flexHorizontal, children: o })
         ] })
       ]
     }

package/dist/components/tag/Tag.js

@@ -1,40 +1,40 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { useEffect as d } from "react";
-import { IconButton as f } from "../icon-button/IconButton.js";
-import '../../styles/Tag.css';const u = "_tag_nyjfz_6", m = "_flexHorizontalCenter_nyjfz_64", y = "_flexHorizontal_nyjfz_64", e = {
-  tag: u,
-  "tag-children": "_tag-children_nyjfz_16",
-  "tag-size-xl": "_tag-size-xl_nyjfz_23",
-  "tag-size-xl-round": "_tag-size-xl-round_nyjfz_27",
-  "tag-size-l": "_tag-size-l_nyjfz_33",
-  "tag-size-l-round": "_tag-size-l-round_nyjfz_37",
-  "tag-size-m": "_tag-size-m_nyjfz_43",
-  "tag-size-m-round": "_tag-size-m-round_nyjfz_47",
-  "tag-size-s": "_tag-size-s_nyjfz_53",
-  "tag-size-s-round": "_tag-size-s-round_nyjfz_57",
-  flexHorizontalCenter: m,
-  flexHorizontal: y
-}, a = ["light", "dark", "grey", "blue-grey", "blue", "blue-situaction", "purple", "pink", "gold", "brown", "emerald"], v = ({
-  label: o,
-  color: t,
+import { IconButton as u } from "../icon-button/IconButton.js";
+import '../../styles/Tag.css';const m = "_tag_ez0so_6", x = "_flexHorizontalCenter_ez0so_64", f = "_flexHorizontal_ez0so_64", t = {
+  tag: m,
+  "tag-children": "_tag-children_ez0so_16",
+  "tag-size-xl": "_tag-size-xl_ez0so_23",
+  "tag-size-xl-round": "_tag-size-xl-round_ez0so_27",
+  "tag-size-l": "_tag-size-l_ez0so_33",
+  "tag-size-l-round": "_tag-size-l-round_ez0so_37",
+  "tag-size-m": "_tag-size-m_ez0so_43",
+  "tag-size-m-round": "_tag-size-m-round_ez0so_47",
+  "tag-size-s": "_tag-size-s_ez0so_53",
+  "tag-size-s-round": "_tag-size-s-round_ez0so_57",
+  flexHorizontalCenter: x,
+  flexHorizontal: f
+}, s = ["light", "dark", "grey", "blue-grey", "blue", "blue-situaction", "purple", "pink", "gold", "brown", "emerald"], y = ({
+  label: a,
+  color: e,
   deletable: l = !1,
-  size: s = "m",
+  size: n = "m",
   children: i,
   onClick: r
 }) => {
   d(() => {
-    t && !a.includes(t) && console.warn(`Warning: The color "${t}" is not a valid option. Expected one of: ${a.join(", ")}.`);
-  }, [t]);
+    e && !s.includes(e) && console.warn(`Warning: The color "${e}" is not a valid option. Expected one of: ${s.join(", ")}.`);
+  }, [e]);
   const z = [
-    e.tag,
-    i && !o && e[`tag-size-${s}-round`],
-    e[`tag-size-${s}`],
-    e.flexHorizontalCenter
+    t.tag,
+    i && !a && t[`tag-size-${n}-round`],
+    t[`tag-size-${n}`],
+    t.flexHorizontalCenter
   ].join(" "), g = {
-    "--dynamic-background": t && a.includes(t) ? `var(--color-${t}-200)` : "var(--color-blue-situaction-200)",
-    "--dynamic-color-text": t && a.includes(t) ? `var(--color-${t}-950)` : "var(--color-blue-situaction-950)"
+    "--dynamic-background": e && s.includes(e) ? `var(--color-${e}-200)` : "var(--color-blue-situaction-200)",
+    "--dynamic-color-text": e && s.includes(e) ? `var(--color-${e}-950)` : "var(--color-blue-situaction-950)"
   }, _ = {
-    color: t ? `var(--color${t}-950)` : "var(--color-blue-situaction-950)"
+    color: e ? `var(--color${e}-950)` : "var(--color-blue-situaction-950)"
   };
   return /* @__PURE__ */ c(
     "div",
@@ -42,9 +42,9 @@ import '../../styles/Tag.css';const u = "_tag_nyjfz_6", m = "_flexHorizontalCent
       className: z,
       style: g,
       children: [
-        i && /* @__PURE__ */ n("div", { className: `${e.flexHorizontalCenter} ${e["tag-children"]}`, children: i }),
-        o && /* @__PURE__ */ n("label", { className: e.flexHorizontal, children: o }),
-        l && /* @__PURE__ */ n(f, { mode: "ghost", size: "s", onClick: () => r, children: /* @__PURE__ */ n(
+        i && /* @__PURE__ */ o("div", { className: `${t.flexHorizontalCenter} ${t["tag-children"]}`, children: i }),
+        a && /* @__PURE__ */ o("label", { className: t.flexHorizontal, children: a }),
+        l && /* @__PURE__ */ o(u, { mode: "ghost", size: "s", onClick: () => r, children: /* @__PURE__ */ o(
           "svg",
           {
             style: _,
@@ -53,7 +53,7 @@ import '../../styles/Tag.css';const u = "_tag_nyjfz_6", m = "_flexHorizontalCent
             height: "9",
             fill: "currentColor",
             viewBox: "0 0 256 256",
-            children: /* @__PURE__ */ n(
+            children: /* @__PURE__ */ o(
               "path",
               {
                 d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"
@@ -66,5 +66,5 @@ import '../../styles/Tag.css';const u = "_tag_nyjfz_6", m = "_flexHorizontalCent
   );
 };
 export {
-  v as Tag
+  y as Tag
 };

package/dist/components/theme/ThemeContext.d.ts

@@ -17,6 +17,7 @@ interface ThemeContextType {
     toggleMode: () => void;
     setMode: Dispatch<SetStateAction<Mode>>;
     customVariables: Record<string, string>[] | undefined;
+    setCustomVariables: Dispatch<SetStateAction<Record<string, string>[]>>;
     changeCustomVariables: (customVariables: Record<string, string>[]) => void;
 }
 interface ThemeProviderProps {

package/dist/components/theme/ThemeContext.js

@@ -1,41 +1,45 @@
 import { jsx as u } from "react/jsx-runtime";
-import { createContext as w, useState as i, useEffect as E, useContext as P } from "react";
-import { baseTheme as m } from "./createTheme.js";
-import { variables_dark as T } from "./variables_dark.js";
-import { variables_light as g } from "./variables_light.js";
+import { createContext as M, useState as s, useEffect as c, useContext as w } from "react";
+import { baseTheme as l } from "./createTheme.js";
+import { variables_dark as E } from "./variables_dark.js";
+import { variables_light as f } from "./variables_light.js";
 import { primary as p } from "./primary.js";
-import '../../styles/ThemeContext.css';const C = w(void 0), z = ({ children: o, theme: v, mode: x, customVariables: r }) => {
-  var l, y;
-  const [t] = i(v ?? m), [n, s] = i(x ?? "light"), [a, h] = i(r ?? [p, g]);
-  E(() => {
-    h(r ?? [p, n === "light" ? g : T]);
-  }, [n, r]);
-  const b = () => {
-    s((e) => e === "light" ? "dark" : "light");
-  }, F = (e) => {
-    h(e);
-  }, M = (e) => e.length ? e.reduce((d, f) => (Object.keys(f).forEach((c) => {
-    d[c] = f[c];
-  }), d), {}) : e, S = {
-    "--font-family": ((l = t == null ? void 0 : t.typography) == null ? void 0 : l.fontFamily) ?? m.typography.fontFamily,
-    "--font-family-secondary": ((y = t == null ? void 0 : t.typography) == null ? void 0 : y.fontFamilySecondary) ?? m.typography.fontFamilySecondary,
-    ...M(a)
-  };
-  return /* @__PURE__ */ u(C.Provider, { value: {
-    theme: t,
-    mode: n,
-    toggleMode: b,
-    setMode: s,
-    customVariables: a,
-    changeCustomVariables: F
-  }, children: /* @__PURE__ */ u("div", { style: { ...S, height: "100%" }, children: o }) });
-}, A = () => {
-  const o = P(C);
-  if (o === void 0)
+import '../../styles/ThemeContext.css';const g = M(void 0), O = ({ children: n, theme: C, mode: b, customVariables: y }) => {
+  const [e] = s(C ?? l), [a, d] = s(b ?? "light"), [i, m] = s(y ?? [p, f]), [v, x] = s();
+  c(() => {
+    y || m([p, a === "light" ? f : E]);
+  }, [a]);
+  const S = () => {
+    d((t) => t === "light" ? "dark" : "light");
+  }, V = (t) => {
+    m(t);
+  }, F = (t) => t.length ? t.reduce((o, r) => (Object.keys(r).forEach((h) => {
+    o[h] = r[h];
+  }), o), {}) : t;
+  return c(() => {
+    var o, r;
+    const t = {
+      "--font-family": ((o = e == null ? void 0 : e.typography) == null ? void 0 : o.fontFamily) ?? l.typography.fontFamily,
+      "--font-family-secondary": ((r = e == null ? void 0 : e.typography) == null ? void 0 : r.fontFamilySecondary) ?? l.typography.fontFamilySecondary,
+      ...F(i)
+    };
+    x(t);
+  }, [i]), /* @__PURE__ */ u(g.Provider, { value: {
+    theme: e,
+    mode: a,
+    toggleMode: S,
+    setMode: d,
+    customVariables: i,
+    setCustomVariables: m,
+    changeCustomVariables: V
+  }, children: /* @__PURE__ */ u("div", { style: { ...v, height: "100%" }, children: n }) });
+}, q = () => {
+  const n = w(g);
+  if (n === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
-  return o;
+  return n;
 };
 export {
-  z as ThemeProvider,
-  A as useTheme
+  O as ThemeProvider,
+  q as useTheme
 };

package/dist/components/theme/variables_dark.d.ts

@@ -1,7 +1,7 @@
 export declare const variables_dark: {
     '--breadcrumb-icon-step': string;
-    '--button-focus-mode': string;
     '--button-primary-default-text': string;
+    '--button-focus-mode': string;
     '--button-primary-default-icon': string;
     '--button-primary-default-background': string;
     '--button-secondary-default-text': string;
@@ -84,8 +84,8 @@ export declare const variables_dark: {
     '--table-header-cell-border': string;
     '--table-base-cell-text': string;
     '--table-base-cell-icons': string;
-    '--table-base-cell-border': string;
     '--tags-nb-equip-text': string;
+    '--table-base-cell-border': string;
     '--tags-nb-equip-background-primary': string;
     '--tags-nb-equip-background-secondary': string;
     '--tags-hors-stock-background': string;

package/dist/components/theme/variables_dark.js

@@ -1,7 +1,7 @@
 const r = {
-  "--breadcrumb-icon-step": "var(--color-purple-dark-400)",
-  "--button-focus-mode": "var(--color-light-100)",
+  "--breadcrumb-icon-step": "var(--color-light-60)",
   "--button-primary-default-text": "var(--color-light-100)",
+  "--button-focus-mode": "var(--color-light-100)",
   "--button-primary-default-icon": "var(--color-light-100)",
   "--button-primary-default-background": "var(--color-purple-trans-50)",
   "--button-secondary-default-text": "var(--color-light-100)",
@@ -12,8 +12,8 @@ const r = {
   "--button-primary-pressed-icon": "var(--color-light-100)",
   "--button-primary-pressed-background": "var(--color-purple-trans-30)",
   "--button-primary-hover-background": "var(--color-purple-trans-40)",
-  "--button-primary-disabled-text": "var(--color-light-40)",
-  "--button-primary-disabled-icon": "var(--color-light-40)",
+  "--button-primary-disabled-text": "var(--color-light-60)",
+  "--button-primary-disabled-icon": "var(--color-light-60)",
   "--button-primary-disabled-background": "var(--color-light-5)",
   "--button-primary-disabled-border": "var(--color-light-10)",
   "--button-primary-hover-text": "var(--color-light-100)",
@@ -27,8 +27,8 @@ const r = {
   "--button-secondary-pressed-icon": "var(--color-light-100)",
   "--button-secondary-pressed-border": "var(--color-purple-trans-50)",
   "--button-secondary-disabled-background": "var(--color-light-5)",
-  "--button-secondary-disabled-text": "var(--color-light-40)",
-  "--button-secondary-disabled-icon": "var(--color-light-40)",
+  "--button-secondary-disabled-text": "var(--color-light-60)",
+  "--button-secondary-disabled-icon": "var(--color-light-60)",
   "--button-secondary-disabled-border": "var(--color-light-10)",
   "--button-tertiary-default-text": "var(--color-light-100)",
   "--button-tertiary-default-icon": "var(--color-light-100)",
@@ -42,8 +42,8 @@ const r = {
   "--button-tertiary-pressed-icon": "var(--color-light-100)",
   "--button-tertiary-pressed-border": "var(--color-purple-trans-50)",
   "--button-tertiary-disabled-background": "var(--color-light-5)",
-  "--button-tertiary-disabled-text": "var(--color-light-40)",
-  "--button-tertiary-disabled-icon": "var(--color-light-40)",
+  "--button-tertiary-disabled-text": "var(--color-light-60)",
+  "--button-tertiary-disabled-icon": "var(--color-light-60)",
   "--button-tertiary-disabled-border": "var(--color-light-10)",
   "--button-ghost-default-text": "var(--color-light-100)",
   "--button-ghost-default-icon": "var(--color-light-100)",
@@ -53,8 +53,8 @@ const r = {
   "--button-ghost-pressed-background": "var(--color-purple-trans-40)",
   "--button-ghost-pressed-text": "var(--color-light-100)",
   "--button-ghost-pressed-icon": "var(--color-light-100)",
-  "--button-ghost-disabled-text": "var(--color-light-40)",
-  "--button-ghost-disabled-icon": "var(--color-light-40)",
+  "--button-ghost-disabled-text": "var(--color-light-60)",
+  "--button-ghost-disabled-icon": "var(--color-light-60)",
   "--button-destructive-default-text": "var(--color-light-100)",
   "--button-destructive-default-icon": "var(--color-light-100)",
   "--button-destructive-default-background": "var(--color-error-500)",
@@ -65,27 +65,27 @@ const r = {
   "--button-destructive-pressed-text": "var(--color-light-100)",
   "--button-destructive-pressed-icon": "var(--color-light-100)",
   "--button-destructive-disabled-background": "var(--color-light-5)",
-  "--button-destructive-disabled-text": "var(--color-light-40)",
+  "--button-destructive-disabled-text": "var(--color-light-60)",
   "--button-destructive-disabled-icon": "var(--color-light-40)",
   "--button-destructive-disabled-border": "var(--color-light-10)",
   "--checkbox-default-uncoched-default-stroke": "var(--color-light-100)",
   "--checkbox-default-uncoched-hover-stroke": "var(--color-light-100)",
-  "--checkbox-default-uncoched-hover-background": "var(--color-light-20)",
+  "--checkbox-default-uncoched-hover-background": "var(--color-light-40)",
   "--checkbox-default-coched-default-coche": "var(--color-purple-dark-950)",
   "--checkbox-default-coched-default-background": "var(--color-light-100)",
   "--checkbox-default-coched-hover-background": "var(--color-light-100)",
   "--checkbox-default-coched-hover-coche": "var(--color-purple-dark-950)",
-  "--checkbox-disabled-uncoched-default-hover-stroke": "var(--color-light-20)",
-  "--checkbox-disabled-coched-default-hover-background": "var(--color-light-20)",
+  "--checkbox-disabled-uncoched-default-hover-stroke": "var(--color-light-40)",
+  "--checkbox-disabled-coched-default-hover-background": "var(--color-light-40)",
   "--checkbox-disabled-coched-default-hover-coche": "var(--color-light-50)",
   "--table-header-cell-text": "var(--color-light-100)",
   "--table-header-cell-icons": "var(--color-light-100)",
-  "--table-header-cell-background": "var(--color-purple-trans-20)",
+  "--table-header-cell-background": "rgb(61, 57, 75)",
   "--table-header-cell-border": "var(--color-purple-trans-50)",
   "--table-base-cell-text": "var(--color-light-100)",
   "--table-base-cell-icons": "var(--color-light-100)",
-  "--table-base-cell-border": "var(--color-purple-trans-50)",
   "--tags-nb-equip-text": "var(--color-light-100)",
+  "--table-base-cell-border": "var(--color-purple-trans-50)",
   "--tags-nb-equip-background-primary": "var(--color-purple-trans-50)",
   "--tags-nb-equip-background-secondary": "var(--color-purple-trans-50)",
   "--tags-hors-stock-background": "var(--color-error-200)",
@@ -102,12 +102,12 @@ const r = {
   "--pagination-text": "var(--color-light-100)",
   "--tags-filter-disabled-background": "var(--color-light-20)",
   "--tags-filter-disabled-text": "var(--color-light-50)",
-  "--text-button-disabled-icons": "var(--color-purple-trans-50)",
-  "--text-button-disabled-text": "var(--color-purple-trans-50)",
-  "--text-button-inactive-icons": "var(--color-purple-dark-400)",
-  "--text-button-inactive-text": "var(--color-purple-dark-400)",
-  "--text-button-inactive-hover-icons": "var(--color-light-60)",
-  "--text-button-inactive-hover-text": "var(--color-light-60)",
+  "--text-button-disabled-icons": "var(--color-light-40)",
+  "--text-button-disabled-text": "var(--color-light-40)",
+  "--text-button-inactive-icons": "var(--color-light-60)",
+  "--text-button-inactive-text": "var(--color-light-60)",
+  "--text-button-inactive-hover-icons": "var(--color-light-100)",
+  "--text-button-inactive-hover-text": "var(--color-light-100)",
   "--text-button-active-icons": "var(--color-light-100)",
   "--text-button-active-text": "var(--color-light-100)",
   "--tabs-line-border": "var(--color-purple-trans-50)",
@@ -124,11 +124,11 @@ const r = {
   "--input-primary-error-text": "var(--color-light-100)",
   "--input-primary-actived-icons": "var(--color-light-100)",
   "--input-primary-actived-text": "var(--color-light-100)",
-  "--input-primary-disabled-icons": "var(--color-light-40)",
+  "--input-primary-disabled-icons": "var(--color-light-60)",
   "--input-primary-disabled-text": "var(--color-light-40)",
-  "--input-primary-disabled-background": "var(--color-dark-10)",
-  "--input-primary-default-icons": "var(--color-purple-dark-400)",
-  "--input-primary-default-text": "var(--color-purple-dark-400)",
+  "--input-primary-disabled-background": "var(--color-dark-20)",
+  "--input-primary-default-icons": "var(--color-light-60)",
+  "--input-primary-default-text": "var(--color-light-60)",
   "--icon-selector-button-default-icon": "var(--color-light-100)",
   "--icon-selector-button-hover-icon": "var(--color-light-100)",
   "--icon-selector-button-hover-background": "var(--color-purple-trans-20)",
@@ -144,9 +144,9 @@ const r = {
   "--input-secondary-active-icons": "var(--color-light-100)",
   "--input-secondary-active-text": "var(--color-light-100)",
   "--input-secondary-default-border": "var(--color-purple-trans-50)",
-  "--input-secondary-default-icons": "var(--color-purple-dark-300)",
-  "--input-secondary-default-text": "var(--color-purple-dark-300)",
-  "--input-secondary-default-background": "var(--color-purple-trans-20)",
+  "--input-secondary-default-icons": "var(--color-light-60)",
+  "--input-secondary-default-text": "var(--color-light-60)",
+  "--input-secondary-default-background": "var(--color-purple-trans-10)",
   "--button-drawer-default-background": "var(--color-blue-gray-800)",
   "--button-drawer-default-icon": "var(--color-light-100)",
   "--button-drawer-hover-background": "var(--color-blue-gray-700)",

package/dist/components/theme/variables_light.d.ts

@@ -1,7 +1,7 @@
 export declare const variables_light: {
     '--breadcrumb-icon-step': string;
-    '--button-focus-mode': string;
     '--button-primary-default-text': string;
+    '--button-focus-mode': string;
     '--button-primary-default-icon': string;
     '--button-primary-default-background': string;
     '--button-secondary-default-text': string;
@@ -84,8 +84,8 @@ export declare const variables_light: {
     '--table-header-cell-border': string;
     '--table-base-cell-text': string;
     '--table-base-cell-icons': string;
-    '--table-base-cell-border': string;
     '--tags-nb-equip-text': string;
+    '--table-base-cell-border': string;
     '--tags-nb-equip-background-primary': string;
     '--tags-nb-equip-background-secondary': string;
     '--tags-hors-stock-background': string;