@liner-fe/prism 2.12.5 → 2.12.7

package/lib/index.d.ts

@@ -9,7 +9,7 @@ import { ToastProps } from '@radix-ui/react-toast';
 import * as _artsy_fresnel_dist_Media from '@artsy/fresnel/dist/Media';
 import { breakpointOrigin } from '@liner-fe/design-token';
 import { Popover as Popover$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, RadioGroup, Select as Select$1, Label as Label$1 } from 'radix-ui';
-import * as recoil from 'recoil';
+import * as jotai from 'jotai';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { PopoverProps, PopoverPortalProps } from '@radix-ui/react-popover';
 import { IllustProps } from '@liner-fe/illust';
@@ -463,7 +463,9 @@ declare const SingleSnackbar: (props: SnackbarPropWithId & {
     position: "left" | "right";
 }) => react_jsx_runtime.JSX.Element;
 
-declare const snackbarAtom: recoil.RecoilState<SnackbarPropWithId[]>;
+declare const snackbarAtom: jotai.PrimitiveAtom<SnackbarPropWithId[]> & {
+    init: SnackbarPropWithId[];
+};
 declare const useSnackbar: () => {
     open: (info: SnackbarProp) => void;
 };

package/lib/index.js

@@ -329,19 +329,16 @@ var Button = forwardRef((props, ref) => /* @__PURE__ */ jsx2(DefaultButton, { ..
 Button.displayName = "Button";
 
 // src/hooks/useToast.ts
-import { atom, useSetRecoilState } from "recoil";
+import { atom, useSetAtom } from "jotai";
 
 // src/types/generateRandomId.ts
 var generateRandomId = /* @__PURE__ */ __name(() => Date.now() + Math.random(), "generateRandomId");
 
 // src/hooks/useToast.ts
 import { millisecondsInSecond } from "date-fns/constants";
-var toastAtom = atom({
-  default: [],
-  key: "toastAtoms"
-});
+var toastAtom = atom([]);
 var useToast = /* @__PURE__ */ __name(() => {
-  const setToasts = useSetRecoilState(toastAtom);
+  const setToasts = useSetAtom(toastAtom);
   return {
     open: /* @__PURE__ */ __name((toast) => {
       const toastId = generateRandomId();
@@ -417,7 +414,7 @@ var Paragraph = forwardRef2(
 );
 
 // src/components/Toast/index.tsx
-import { useRecoilValue, useSetRecoilState as useSetRecoilState2 } from "recoil";
+import { useAtomValue, useSetAtom as useSetAtom2 } from "jotai";
 import Lottie from "lottie-web";
 
 // src/lottie/loading.json
@@ -898,7 +895,7 @@ import { millisecondsInSecond as millisecondsInSecond2 } from "date-fns/constant
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 import { createElement } from "react";
 var Toaster = /* @__PURE__ */ __name(() => {
-  const list = useRecoilValue(toastAtom);
+  const list = useAtomValue(toastAtom);
   return /* @__PURE__ */ jsxs3(Provider, { children: [
     list.map((props) => (
       // eslint-disable-next-line react/prop-types
@@ -908,7 +905,7 @@ var Toaster = /* @__PURE__ */ __name(() => {
   ] });
 }, "Toaster");
 var SingleToast = /* @__PURE__ */ __name((props) => {
-  const setToast = useSetRecoilState2(toastAtom);
+  const setToast = useSetAtom2(toastAtom);
   const timerRef = useRef();
   const { message, icon, button, timer, toastId, isLoading } = props;
   const [isOpen, setIsOpen] = useState(true);
@@ -2202,17 +2199,14 @@ var style_module_default14 = {
 
 // src/components/Snackbar/index.tsx
 import { Toast } from "radix-ui";
-import { useRecoilValue as useRecoilValue2, useSetRecoilState as useSetRecoilState4 } from "recoil";
+import { useAtomValue as useAtomValue2, useSetAtom as useSetAtom4 } from "jotai";
 
 // src/hooks/useSnackbar.ts
-import { atom as atom2, useSetRecoilState as useSetRecoilState3 } from "recoil";
+import { atom as atom2, useSetAtom as useSetAtom3 } from "jotai";
 import { millisecondsInSecond as millisecondsInSecond3 } from "date-fns/constants";
-var snackbarAtom = atom2({
-  key: "snackbarAtom",
-  default: []
-});
+var snackbarAtom = atom2([]);
 var useSnackbar = /* @__PURE__ */ __name(() => {
-  const setSnackbar = useSetRecoilState3(snackbarAtom);
+  const setSnackbar = useSetAtom3(snackbarAtom);
   return {
     open: /* @__PURE__ */ __name((info) => {
       const snackbarId = generateRandomId();
@@ -2438,7 +2432,7 @@ import { Fragment as Fragment7, jsx as jsx26, jsxs as jsxs12 } from "react/jsx-r
 import { createElement as createElement3 } from "react";
 var { Provider: Provider2, Root: Root2, Viewport: Viewport2 } = Toast;
 var Snackbar = /* @__PURE__ */ __name(() => {
-  const list = useRecoilValue2(snackbarAtom);
+  const list = useAtomValue2(snackbarAtom);
   const rightSnackbars = list.filter((snackbar) => snackbar.position !== "left");
   const leftSnackbars = list.filter((snackbar) => snackbar.position === "left");
   return /* @__PURE__ */ jsxs12(Fragment7, { children: [
@@ -2459,7 +2453,7 @@ var Snackbar = /* @__PURE__ */ __name(() => {
   ] });
 }, "Snackbar");
 var SingleSnackbar = /* @__PURE__ */ __name((props) => {
-  const setSnackbar = useSetRecoilState4(snackbarAtom);
+  const setSnackbar = useSetAtom4(snackbarAtom);
   const timerRef = useRef3();
   const { snackbarId, description, title, timer } = props;
   const [isOpen, setIsOpen] = useState5(true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/prism",
-  "version": "2.12.5",
+  "version": "2.12.7",
   "type": "module",
   "sideEffects": false,
   "dependencies": {
@@ -15,10 +15,10 @@
     "radix-ui": "^1.4.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "recoil": "^0.5.2",
-    "@liner-fe/design-token": "^2.5.48",
-    "@liner-fe/design-token-primitive": "^0.2.45",
+    "jotai": "^2.11.0",
+    "@liner-fe/design-token": "^2.5.50",
     "@liner-fe/icon": "^0.2.73",
+    "@liner-fe/design-token-primitive": "^0.2.46",
     "@liner-fe/illust": "^0.2.12"
   },
   "devDependencies": {