@situaction/traq-ui-ste 1.0.26 → 1.0.27

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

@@ -1,4 +1,4 @@
-import { ReactNode, FC } from 'react';
+import { ReactNode, FC, Dispatch, SetStateAction } from 'react';
 
 type Mode = 'light' | 'dark';
 interface Theme {
@@ -15,6 +15,7 @@ interface ThemeContextType {
     theme: Theme;
     mode: Mode;
     toggleMode: () => void;
+    setMode: Dispatch<SetStateAction<Mode>>;
 }
 interface ThemeProviderProps {
     children: ReactNode;

package/dist/components/theme/ThemeContext.js

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

package/package.json

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