@liner-fe/design-token 2.5.48 → 2.5.49

package/lib/index.d.ts

@@ -1,6 +1,8 @@
-import * as recoil from 'recoil';
+import * as jotai from 'jotai';
 
-declare const theme: recoil.RecoilState<boolean>;
+declare const themeAtom: jotai.PrimitiveAtom<boolean> & {
+    init: boolean;
+};
 declare const useDarkTheme: () => {
     setDarkTheme: () => void;
     setLightTheme: () => void;
@@ -310,4 +312,4 @@ declare const breakpoint: {
     xxxl: string;
 };
 
-export { breakpoint, breakpointOrigin, classNames, theme, useDarkTheme, vars };
+export { breakpoint, breakpointOrigin, classNames, themeAtom, useDarkTheme, vars };

package/lib/index.js

@@ -2,13 +2,10 @@ var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
 // src/hooks/useDarkTheme.ts
-import { atom, useRecoilState } from "recoil";
-var theme = atom({
-  key: "dark-theme",
-  default: false
-});
+import { atom, useAtom } from "jotai";
+var themeAtom = atom(false);
 var useDarkTheme = /* @__PURE__ */ __name(() => {
-  const [isDarkMode, setIsDarkMode] = useRecoilState(theme);
+  const [isDarkMode, setIsDarkMode] = useAtom(themeAtom);
   const setDarkTheme = /* @__PURE__ */ __name(() => {
     document.documentElement.setAttribute("color-theme", "dark");
     localStorage.setItem("theme", "dark");
@@ -62,7 +59,7 @@ export {
   breakpoint,
   breakpointOrigin,
   classNames,
-  theme,
+  themeAtom,
   useDarkTheme,
   vars
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/design-token",
-  "version": "2.5.48",
+  "version": "2.5.49",
   "type": "module",
   "devDependencies": {
     "@eslint/js": "^9.36.0",
@@ -11,17 +11,13 @@
     "globals": "^16.4.0",
     "prettier": "^3.6.2",
     "react": "18.2.0",
-    "recoil": "^0.5.2",
+    "jotai": "^2.11.0",
     "tsup": "^8.5.0",
     "tsx": "^4.21.0",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.45.0",
     "@liner-fe/design-token-primitive": "^0.2.45"
   },
-  "peerDependencies": {
-    "react": "^18",
-    "recoil": "^0.5.2"
-  },
   "publishConfig": {
     "access": "public"
   },

package/src/hooks/useDarkTheme.ts

@@ -1,12 +1,9 @@
-import { atom, useRecoilState } from 'recoil';
+import { atom, useAtom } from 'jotai';
 
-export const theme = atom({
-  key: 'dark-theme',
-  default: false,
-});
+export const themeAtom = atom(false);
 
 export const useDarkTheme = () => {
-  const [isDarkMode, setIsDarkMode] = useRecoilState(theme);
+  const [isDarkMode, setIsDarkMode] = useAtom(themeAtom);
 
   const setDarkTheme = () => {
     document.documentElement.setAttribute('color-theme', 'dark');