@situaction/traq-ui-ste 1.1.2 → 1.1.3

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

@@ -17,7 +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 {
     children: ReactNode;

package/dist/components/theme/ThemeContext.js

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

package/package.json

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