@situaction/traq-ui-ste 1.0.18 → 1.0.19

package/dist/components/theme/ThemeContext.js

@@ -1,32 +1,27 @@
-import { jsx as v } from "react/jsx-runtime";
-import { createContext as F, useState as g, useEffect as P, useContext as S } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import { createContext as k, useState as h, useContext as w } from "react";
 import { baseTheme as r } from "./createTheme.js";
-import '../../styles/ThemeContext.css';const f = F(void 0), M = ({ children: y, theme: e, mode: h }) => {
-  const [o] = g(e ?? r), [t, $] = g(h ?? "light"), x = () => {
-    $((a) => a === "light" ? "dark" : "light");
-  }, b = (a) => [950, 900, 800, 700, 600, 500, 400, 300, 200, 100, 50].reduce((l, i) => (l[`--primary-color-${i}`] = `var(--color-${a}-${i})`, l), {});
-  return P(() => {
-    var c, l, i, s, p, d, m, n;
-    const a = {
-      "--font-family": ((c = o == null ? void 0 : o.typography) == null ? void 0 : c.fontFamily) ?? r.typography.fontFamily,
-      "--font-family-secondary": ((l = o == null ? void 0 : o.typography) == null ? void 0 : l.fontFamilySecondary) ?? r.typography.fontFamilySecondary,
-      ...b(((i = o == null ? void 0 : o.color) == null ? void 0 : i.primary) ?? r.color.primary),
-      "--primary-dark-color-disabled": e === void 0 ? "var(--color-blue-grey-800)" : "var(--color-dark-10)",
-      "--primary-color": t === "light" ? `var(--color-${((s = o == null ? void 0 : o.color) == null ? void 0 : s.primary) ?? r.color.primary}-900)` : `var(--color-${((p = o == null ? void 0 : o.color) == null ? void 0 : p.primary) ?? r.color.primary}-200)`,
-      "--secondary-color": t === "light" ? `var(--color-${((d = o == null ? void 0 : o.color) == null ? void 0 : d.primary) ?? r.color.primary}-200)` : `var(--color-${((m = o == null ? void 0 : o.color) == null ? void 0 : m.primary) ?? r.color.primary}-900)`,
-      "--color-text": t === "light" ? `var(--color-${((n = o == null ? void 0 : o.color) == null ? void 0 : n.primary) ?? r.color.primary}-900)` : "var(--color-light-100)"
-    };
-    Object.entries(a).forEach(([C, E]) => {
-      document.documentElement.style.setProperty(C, E);
-    });
-  }, [o, t]), /* @__PURE__ */ v(f.Provider, { value: { theme: o, mode: t, toggleMode: x }, children: /* @__PURE__ */ v("div", { style: { height: "100%" }, children: y }) });
-}, j = () => {
-  const y = S(f);
-  if (y === void 0)
+import '../../styles/ThemeContext.css';const $ = k(void 0), V = ({ children: a, theme: t, mode: x }) => {
+  var y, c, p, s, d, m, e, n;
+  const [o] = h(t ?? r), [l, b] = h(x ?? "light"), C = () => {
+    b((i) => i === "light" ? "dark" : "light");
+  }, F = (i) => [950, 900, 800, 700, 600, 500, 400, 300, 200, 100, 50].reduce((v, g) => (v[`--primary-color-${g}`] = `var(--color-${i}-${g})`, v), {}), S = {
+    "--font-family": ((y = o == null ? void 0 : o.typography) == null ? void 0 : y.fontFamily) ?? r.typography.fontFamily,
+    "--font-family-secondary": ((c = o == null ? void 0 : o.typography) == null ? void 0 : c.fontFamilySecondary) ?? r.typography.fontFamilySecondary,
+    ...F(((p = o == null ? void 0 : o.color) == null ? void 0 : p.primary) ?? r.color.primary),
+    "--primary-dark-color-disabled": t === void 0 ? "var(--color-blue-grey-800)" : "var(--color-dark-10)",
+    "--primary-color": l === "light" ? `var(--color-${((s = o == null ? void 0 : o.color) == null ? void 0 : s.primary) ?? r.color.primary}-900)` : `var(--color-${((d = o == null ? void 0 : o.color) == null ? void 0 : d.primary) ?? r.color.primary}-200)`,
+    "--secondary-color": l === "light" ? `var(--color-${((m = o == null ? void 0 : o.color) == null ? void 0 : m.primary) ?? r.color.primary}-200)` : `var(--color-${((e = o == null ? void 0 : o.color) == null ? void 0 : e.primary) ?? r.color.primary}-900)`,
+    "--color-text": l === "light" ? `var(--color-${((n = o == null ? void 0 : o.color) == null ? void 0 : n.primary) ?? r.color.primary}-900)` : "var(--color-light-100)"
+  };
+  return /* @__PURE__ */ f($.Provider, { value: { theme: o, mode: l, toggleMode: C }, children: /* @__PURE__ */ f("div", { style: { ...S, height: "100%" }, children: a }) });
+}, q = () => {
+  const a = w($);
+  if (a === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
-  return y;
+  return a;
 };
 export {
-  M as ThemeProvider,
-  j as useTheme
+  V as ThemeProvider,
+  q as useTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@situaction/traq-ui-ste",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "description": "library react component Situaction",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",