react-strawberry-toast 1.2.2 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -0
- package/dist/headless.d.mts +1 -0
- package/dist/headless.d.ts +1 -0
- package/dist/index.d.mts +4 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +6 -6
package/README.md
CHANGED
|
@@ -49,6 +49,8 @@ function App() {
|
|
|
49
49
|
| position | Global toast's Position | top-left, top-center, top-right, bottom-left, bottom-center, bottom-right | top-center |
|
|
50
50
|
| containerId | ToastContainer's unique id | String | |
|
|
51
51
|
| reverse | Direction when toast appear | Boolean | false |
|
|
52
|
+
| className | Class of ToastContainer | String | |
|
|
53
|
+
| style | Style of ToastContainer | Object | |
|
|
52
54
|
| gap | Gap Between toasts | Number | 9 |
|
|
53
55
|
| pauseOnActivate | Pause Toast timer when blur events occurs | Boolean | true |
|
|
54
56
|
|
|
@@ -61,6 +63,7 @@ function App() {
|
|
|
61
63
|
| position | Position per toast | top-left, top-center, top-right, bottom-left, bottom-center, bottom-right | top-center |
|
|
62
64
|
| containerId | ID shown in the Toast Container Unique ID | String | |
|
|
63
65
|
| pauseOnHover | Option that sets the timer to stop or not when a hover event occurs | Boolean | true |
|
|
66
|
+
| icon | The icon to be displayed in the toast | ReactNode | |
|
|
64
67
|
| toastType | Toast Type | default, custom, success, error, loading, warn | default |
|
|
65
68
|
| timeOut | Time for toast to disappear | Number | 3000 |
|
|
66
69
|
| removeTimeOut | Time for toast to remove In Toast List | Number | 200 |
|
package/dist/headless.d.mts
CHANGED
package/dist/headless.d.ts
CHANGED
package/dist/index.d.mts
CHANGED
|
@@ -16,6 +16,7 @@ interface ToastBaseState {
|
|
|
16
16
|
updated: number | null;
|
|
17
17
|
}
|
|
18
18
|
interface Options extends BaseOptions {
|
|
19
|
+
icon?: ReactNode;
|
|
19
20
|
position?: Position | null;
|
|
20
21
|
containerId?: string | null;
|
|
21
22
|
pauseOnHover?: boolean;
|
|
@@ -75,13 +76,15 @@ declare const toast: {
|
|
|
75
76
|
};
|
|
76
77
|
|
|
77
78
|
interface ToastContainerProps {
|
|
79
|
+
className?: string;
|
|
80
|
+
style?: React.CSSProperties;
|
|
78
81
|
position?: Position;
|
|
79
82
|
containerId?: string;
|
|
80
83
|
reverse?: boolean;
|
|
81
84
|
gap?: number;
|
|
82
85
|
pauseOnActivate?: boolean;
|
|
83
86
|
}
|
|
84
|
-
declare function ToastContainer({ position: globalPosition, containerId, gap, reverse, pauseOnActivate, }: ToastContainerProps): React.JSX.Element;
|
|
87
|
+
declare function ToastContainer({ className, style, position: globalPosition, containerId, gap, reverse, pauseOnActivate, }: ToastContainerProps): React.JSX.Element;
|
|
85
88
|
|
|
86
89
|
declare const useToasts: () => Array<NonHeadlessToastState>;
|
|
87
90
|
|
package/dist/index.d.ts
CHANGED
|
@@ -16,6 +16,7 @@ interface ToastBaseState {
|
|
|
16
16
|
updated: number | null;
|
|
17
17
|
}
|
|
18
18
|
interface Options extends BaseOptions {
|
|
19
|
+
icon?: ReactNode;
|
|
19
20
|
position?: Position | null;
|
|
20
21
|
containerId?: string | null;
|
|
21
22
|
pauseOnHover?: boolean;
|
|
@@ -75,13 +76,15 @@ declare const toast: {
|
|
|
75
76
|
};
|
|
76
77
|
|
|
77
78
|
interface ToastContainerProps {
|
|
79
|
+
className?: string;
|
|
80
|
+
style?: React.CSSProperties;
|
|
78
81
|
position?: Position;
|
|
79
82
|
containerId?: string;
|
|
80
83
|
reverse?: boolean;
|
|
81
84
|
gap?: number;
|
|
82
85
|
pauseOnActivate?: boolean;
|
|
83
86
|
}
|
|
84
|
-
declare function ToastContainer({ position: globalPosition, containerId, gap, reverse, pauseOnActivate, }: ToastContainerProps): React.JSX.Element;
|
|
87
|
+
declare function ToastContainer({ className, style, position: globalPosition, containerId, gap, reverse, pauseOnActivate, }: ToastContainerProps): React.JSX.Element;
|
|
85
88
|
|
|
86
89
|
declare const useToasts: () => Array<NonHeadlessToastState>;
|
|
87
90
|
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var
|
|
2
|
+
"use strict";var j=Object.create;var I=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var K=(t,o)=>{for(var e in o)I(t,e,{get:o[e],enumerable:!0})},L=(t,o,e,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of q(o))!J.call(t,n)&&n!==e&&I(t,n,{get:()=>o[n],enumerable:!(i=G(o,n))||i.enumerable});return t};var M=(t,o,e)=>(e=t!=null?j(F(t)):{},L(o||!t||!t.__esModule?I(e,"default",{value:t,enumerable:!0}):e,t)),Q=t=>L(I({},"__esModule",{value:!0}),t);var at={};K(at,{ToastContainer:()=>rt,toast:()=>a,toastStore:()=>f,useToasts:()=>C});module.exports=Q(at);var H=()=>{let t=0;return()=>String(t++)};var P=class{state=[];listeners=new Set;activatedToasts=new Set;toastTimers=new Map;constructor(){}subscribe(o){return this.listeners.add(o),()=>{this.listeners.delete(o)}}setState(o){this.state=typeof o=="function"?o(this.state):o,this.listeners.forEach(e=>e())}getSnapShot(){return this.state}};var p="react-strawberry-toast";var D=t=>{let o=r=>{let s=t.toastTimers.get(r);clearTimeout(s),t.toastTimers.delete(r)},e=r=>{t.activatedToasts.add(r)},i=r=>t.activatedToasts.has(r),n=(r,s=200)=>{i(r)&&(t.activatedToasts.delete(r),setTimeout(()=>{t.state=t.state.filter(c=>c.toastId!==r),t.setState([...t.state])},s),o(r))},l=()=>{t.setState([])},y=(r,s,c)=>{t.state=t.state.map(v=>v.toastId===r?{...v,...c,updated:new Date().getTime(),data:s}:v),t.setState([...t.state])},m=r=>{let s=new Date().getTime();t.state=t.state.map(c=>c.toastId===r?{...c,pausedAt:s}:c),o(r),t.setState([...t.state])},u=(r,s)=>{let c=setTimeout(()=>{var A;t.state=t.state.map(w=>w.toastId===r?{...w,isVisible:!1}:w),t.setState([...t.state]);let v=(A=t.state.find(w=>w.toastId===r))==null?void 0:A.removeTimeOut;n(r,v)},s>2147483647?2147483647:s);t.toastTimers.set(r,c)};return{setActive:e,isActive:i,disappear:u,resume:r=>{if(t.toastTimers.has(r))return;let s=t.state.find(v=>v.toastId===r);if(!s)return;let c=s.createdAt+(s.timeOut||3e3)-(s.pausedAt||0);u(r,c)},pause:m,replace:y,remove:n,allClear:l}};var f=new P,Z=H(),g=(t="default")=>(o,e={})=>{let{timeOut:i=3e3,removeTimeOut:n=200,pauseOnHover:l=!0,toastId:y}=e,m=y||Z();if(a.isActive(m))throw new Error("A duplicate custom ID is not available.");let u=new Date().getTime(),d={updated:null,pausedAt:null,icon:e.icon||null,containerId:e.containerId||null,position:e.position||null,timeOut:i>2147483647?2147483647:i,toastId:m,data:o,createdAt:u,toastType:t,pauseOnHover:l,removeTimeOut:n,isVisible:!0};return f.state.push(d),f.setState([...f.state]),m},a=(t,o={})=>g()(t,o),h=D(f);a.setActive=h.setActive;a.isActive=h.isActive;a.disappear=h.disappear;a.resume=h.resume;a.pause=h.pause;a.replace=h.replace;a.remove=h.remove;a.allClear=h.allClear;a.success=g("success");a.error=g("error");a.warn=g("warn");a.loading=g("loading");a.custom=g("custom");a.promise=(t,o,e={})=>{let{loading:i,success:n,error:l}=o,y=a.loading(i,{...e,timeOut:2147483647});t.then(m=>{a.replace(y,typeof n=="function"?n(m):n,{...e,timeOut:e.timeOut||3e3,toastType:"success"})}).catch(m=>{a.replace(y,typeof l=="function"?l(m):l,{...e,timeOut:e.timeOut||3e3,toastType:"error"})})};var O=M(require("react"));var _=M(require("react"));var z=require("react");function W({condition:t,children:o}){let e=z.Children.toArray(o);if(e.length>2)throw new Error("The number of children exceeds two.");return e.find(i=>t?i.key===".0":i.key===".1")}function Y({children:t}){return t}function U({children:t}){return t}var V=({isVisible:t,position:o})=>t?/top/i.test(o)?`${p}__fade-in`:`${p}__fade-in-reverse`:/bottom/i.test(o)?`${p}__fade-out-reverse`:`${p}__fade-out`;var T=M(require("react"));function tt(){return T.default.createElement("svg",{stroke:"none",fill:"none",strokeWidth:"2",viewBox:"0 0 24 24",strokeLinecap:"round",strokeLinejoin:"round",height:"22",width:"22",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{stroke:"none",d:"M0 0h24v24H0z"}),T.default.createElement("path",{d:"M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z",strokeWidth:"0",fill:"#1ab173"}))}function et(){return T.default.createElement("svg",{stroke:"none",fill:"#eb2639",strokeWidth:"2",viewBox:"0 0 24 24",height:"22",width:"22",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M11.953 2C6.465 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.493 2 11.953 2zM13 17h-2v-2h2v2zm0-4h-2V7h2v6z"}))}function ot(){return T.default.createElement("svg",{stroke:"none",fill:"#fcba03",strokeWidth:"0",viewBox:"0 0 1024 1024",height:"22",width:"22",xmlns:"http://www.w3.org/2000/svg"},T.default.createElement("path",{d:"M955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48zM480 416c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v184c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V416zm32 352a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"}))}var S={success:T.default.createElement(tt,null),error:T.default.createElement(et,null),loading:T.default.createElement("div",{className:`${p}__loading`}),warn:T.default.createElement(ot,null)};function X({toastProps:t,pauseOnActivate:o}){let{toastId:e,isVisible:i,timeOut:n,containerId:l,icon:y,updated:m,toastType:u,position:d,data:r,pauseOnHover:s}=t,c=V({isVisible:i,position:d}),v=typeof r=="function"?r({toastId:e,close:()=>a.disappear(e,0),immediatelyClose:()=>{a.disappear(e,0),a.remove(e,0)},icons:{success:S.success,error:S.error,warn:S.warn,loading:S.loading},isVisible:i}):r,A=()=>{s&&a.pause(e)},w=()=>{s&&a.resume(e)};(0,_.useEffect)(()=>{if(!o)return;let E=()=>{a.resume(e)},$=()=>{a.pause(e)};return window.addEventListener("focus",E),window.addEventListener("blur",$),()=>{window.removeEventListener("focus",E),window.removeEventListener("blur",$)}},[]),(0,_.useEffect)(()=>{a.isActive(e)||(a.setActive(e),a.disappear(e,n))},[e]),(0,_.useEffect)(()=>{if(m!==null){let E=n>=2147483647?3e3:n;a.disappear(e,E)}},[m]);let N=y||(u==="custom"||u==="default"?null:S[u]);return _.default.createElement("div",{role:"alert",className:`${p}__toast${/center/i.test(d)&&!l?"-center":""} ${u==="custom"?"":c}`,"data-testid":`container-${l||"default"}`,onMouseEnter:A,onMouseLeave:w},_.default.createElement(W,{condition:u!=="custom"},_.default.createElement(Y,null,_.default.createElement("div",{className:`${p}__toast-content`},N&&_.default.createElement("span",{className:`${p}__toast-icon`},N),v)),_.default.createElement(U,null,v)))}var B=require("react");var C=()=>(0,B.useSyncExternalStore)(f.subscribe.bind(f),f.getSnapShot.bind(f),f.getSnapShot.bind(f));var R=({position:t,reverse:o=!1})=>/top/i.test(t)?o?"column-reverse":"column":/bottom/i.test(t)?o?"column":"column-reverse":"column";function rt({className:t,style:o,position:e="top-center",containerId:i="",gap:n=9,reverse:l=!1,pauseOnActivate:y=!0}){let u=C().reduce((d,r)=>{let s=r.position||e;return r.position=s,d[s]=d[s]||[],d[s].push(r),d},{});return O.default.createElement("div",{id:`${p}__root`},Object.entries(u).map(([d,r])=>{let s=R({position:d,reverse:l});return O.default.createElement("div",{key:d,"data-testid":d,className:`${`${p}__z9999`} ${t||`${p}__toast-container ${p}__${d}`}`,style:o||{flexDirection:s,gap:n}},r.filter(c=>i?c.containerId===i:!c.containerId).map(c=>O.default.createElement(X,{key:c.toastId,toastProps:c,pauseOnActivate:y})))}))}
|
package/dist/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var
|
|
2
|
+
var N=()=>{let t=0;return()=>String(t++)};var I=class{state=[];listeners=new Set;activatedToasts=new Set;toastTimers=new Map;constructor(){}subscribe(a){return this.listeners.add(a),()=>{this.listeners.delete(a)}}setState(a){this.state=typeof a=="function"?a(this.state):a,this.listeners.forEach(o=>o())}getSnapShot(){return this.state}};var c="react-strawberry-toast";var $=t=>{let a=e=>{let s=t.toastTimers.get(e);clearTimeout(s),t.toastTimers.delete(e)},o=e=>{t.activatedToasts.add(e)},i=e=>t.activatedToasts.has(e),d=(e,s=200)=>{i(e)&&(t.activatedToasts.delete(e),setTimeout(()=>{t.state=t.state.filter(n=>n.toastId!==e),t.setState([...t.state])},s),a(e))},l=()=>{t.setState([])},f=(e,s,n)=>{t.state=t.state.map(_=>_.toastId===e?{..._,...n,updated:new Date().getTime(),data:s}:_),t.setState([...t.state])},m=e=>{let s=new Date().getTime();t.state=t.state.map(n=>n.toastId===e?{...n,pausedAt:s}:n),a(e),t.setState([...t.state])},u=(e,s)=>{let n=setTimeout(()=>{var A;t.state=t.state.map(h=>h.toastId===e?{...h,isVisible:!1}:h),t.setState([...t.state]);let _=(A=t.state.find(h=>h.toastId===e))==null?void 0:A.removeTimeOut;d(e,_)},s>2147483647?2147483647:s);t.toastTimers.set(e,n)};return{setActive:o,isActive:i,disappear:u,resume:e=>{if(t.toastTimers.has(e))return;let s=t.state.find(_=>_.toastId===e);if(!s)return;let n=s.createdAt+(s.timeOut||3e3)-(s.pausedAt||0);u(e,n)},pause:m,replace:f,remove:d,allClear:l}};var T=new I,V=N(),x=(t="default")=>(a,o={})=>{let{timeOut:i=3e3,removeTimeOut:d=200,pauseOnHover:l=!0,toastId:f}=o,m=f||V();if(r.isActive(m))throw new Error("A duplicate custom ID is not available.");let u=new Date().getTime(),p={updated:null,pausedAt:null,icon:o.icon||null,containerId:o.containerId||null,position:o.position||null,timeOut:i>2147483647?2147483647:i,toastId:m,data:a,createdAt:u,toastType:t,pauseOnHover:l,removeTimeOut:d,isVisible:!0};return T.state.push(p),T.setState([...T.state]),m},r=(t,a={})=>x()(t,a),b=$(T);r.setActive=b.setActive;r.isActive=b.isActive;r.disappear=b.disappear;r.resume=b.resume;r.pause=b.pause;r.replace=b.replace;r.remove=b.remove;r.allClear=b.allClear;r.success=x("success");r.error=x("error");r.warn=x("warn");r.loading=x("loading");r.custom=x("custom");r.promise=(t,a,o={})=>{let{loading:i,success:d,error:l}=a,f=r.loading(i,{...o,timeOut:2147483647});t.then(m=>{r.replace(f,typeof d=="function"?d(m):d,{...o,timeOut:o.timeOut||3e3,toastType:"success"})}).catch(m=>{r.replace(f,typeof l=="function"?l(m):l,{...o,timeOut:o.timeOut||3e3,toastType:"error"})})};import M from"react";import S,{useEffect as O}from"react";import{Children as X}from"react";function L({condition:t,children:a}){let o=X.toArray(a);if(o.length>2)throw new Error("The number of children exceeds two.");return o.find(i=>t?i.key===".0":i.key===".1")}function H({children:t}){return t}function D({children:t}){return t}var z=({isVisible:t,position:a})=>t?/top/i.test(a)?`${c}__fade-in`:`${c}__fade-in-reverse`:/bottom/i.test(a)?`${c}__fade-out-reverse`:`${c}__fade-out`;import y from"react";function B(){return y.createElement("svg",{stroke:"none",fill:"none",strokeWidth:"2",viewBox:"0 0 24 24",strokeLinecap:"round",strokeLinejoin:"round",height:"22",width:"22",xmlns:"http://www.w3.org/2000/svg"},y.createElement("path",{stroke:"none",d:"M0 0h24v24H0z"}),y.createElement("path",{d:"M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z",strokeWidth:"0",fill:"#1ab173"}))}function R(){return y.createElement("svg",{stroke:"none",fill:"#eb2639",strokeWidth:"2",viewBox:"0 0 24 24",height:"22",width:"22",xmlns:"http://www.w3.org/2000/svg"},y.createElement("path",{d:"M11.953 2C6.465 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.493 2 11.953 2zM13 17h-2v-2h2v2zm0-4h-2V7h2v6z"}))}function j(){return y.createElement("svg",{stroke:"none",fill:"#fcba03",strokeWidth:"0",viewBox:"0 0 1024 1024",height:"22",width:"22",xmlns:"http://www.w3.org/2000/svg"},y.createElement("path",{d:"M955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48zM480 416c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v184c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V416zm32 352a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"}))}var g={success:y.createElement(B,null),error:y.createElement(R,null),loading:y.createElement("div",{className:`${c}__loading`}),warn:y.createElement(j,null)};function W({toastProps:t,pauseOnActivate:a}){let{toastId:o,isVisible:i,timeOut:d,containerId:l,icon:f,updated:m,toastType:u,position:p,data:e,pauseOnHover:s}=t,n=z({isVisible:i,position:p}),_=typeof e=="function"?e({toastId:o,close:()=>r.disappear(o,0),immediatelyClose:()=>{r.disappear(o,0),r.remove(o,0)},icons:{success:g.success,error:g.error,warn:g.warn,loading:g.loading},isVisible:i}):e,A=()=>{s&&r.pause(o)},h=()=>{s&&r.resume(o)};O(()=>{if(!a)return;let E=()=>{r.resume(o)},C=()=>{r.pause(o)};return window.addEventListener("focus",E),window.addEventListener("blur",C),()=>{window.removeEventListener("focus",E),window.removeEventListener("blur",C)}},[]),O(()=>{r.isActive(o)||(r.setActive(o),r.disappear(o,d))},[o]),O(()=>{if(m!==null){let E=d>=2147483647?3e3:d;r.disappear(o,E)}},[m]);let k=f||(u==="custom"||u==="default"?null:g[u]);return S.createElement("div",{role:"alert",className:`${c}__toast${/center/i.test(p)&&!l?"-center":""} ${u==="custom"?"":n}`,"data-testid":`container-${l||"default"}`,onMouseEnter:A,onMouseLeave:h},S.createElement(L,{condition:u!=="custom"},S.createElement(H,null,S.createElement("div",{className:`${c}__toast-content`},k&&S.createElement("span",{className:`${c}__toast-icon`},k),_)),S.createElement(D,null,_)))}import{useSyncExternalStore as G}from"react";var Y=()=>G(T.subscribe.bind(T),T.getSnapShot.bind(T),T.getSnapShot.bind(T));var U=({position:t,reverse:a=!1})=>/top/i.test(t)?a?"column-reverse":"column":/bottom/i.test(t)?a?"column":"column-reverse":"column";function Mt({className:t,style:a,position:o="top-center",containerId:i="",gap:d=9,reverse:l=!1,pauseOnActivate:f=!0}){let u=Y().reduce((p,e)=>{let s=e.position||o;return e.position=s,p[s]=p[s]||[],p[s].push(e),p},{});return M.createElement("div",{id:`${c}__root`},Object.entries(u).map(([p,e])=>{let s=U({position:p,reverse:l});return M.createElement("div",{key:p,"data-testid":p,className:`${`${c}__z9999`} ${t||`${c}__toast-container ${c}__${p}`}`,style:a||{flexDirection:s,gap:d}},e.filter(n=>i?n.containerId===i:!n.containerId).map(n=>M.createElement(W,{key:n.toastId,toastProps:n,pauseOnActivate:f})))}))}export{Mt as ToastContainer,r as toast,T as toastStore,Y as useToasts};
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes l3{to{transform:rotate(1turn)}}@keyframes react-strawberry-toast_fade-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes react-strawberry-toast_fade-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes react-strawberry-toast_fade-in-reverse{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes react-strawberry-toast_fade-out-reverse{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.react-strawberry-toast__fade-in{animation:react-strawberry-toast_fade-in .3s ease-out}.react-strawberry-toast__fade-out{animation:react-strawberry-toast_fade-out .3s ease-out}.react-strawberry-toast__fade-in-reverse{animation:react-strawberry-toast_fade-in-reverse .3s ease-out}.react-strawberry-toast__fade-out-reverse{animation:react-strawberry-toast_fade-out-reverse .3s ease-out}.react-strawberry-toast__loading{width:
|
|
1
|
+
@keyframes l3{to{transform:rotate(1turn)}}@keyframes react-strawberry-toast_fade-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes react-strawberry-toast_fade-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes react-strawberry-toast_fade-in-reverse{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes react-strawberry-toast_fade-out-reverse{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.react-strawberry-toast__z9999{z-index:9999}.react-strawberry-toast__toast-container{pointer-events:auto;position:fixed;z-index:9999;display:flex}.react-strawberry-toast__top-left{top:16px;left:16px}.react-strawberry-toast__top-center{top:16px;left:50%;transform:translate(-50%)}.react-strawberry-toast__top-right{top:16px;right:16px}.react-strawberry-toast__bottom-left{bottom:16px;left:16px}.react-strawberry-toast__bottom-center{bottom:16px;left:50%;transform:translate(-50%)}.react-strawberry-toast__bottom-right{bottom:16px;right:16px}.react-strawberry-toast__toast{display:flex}.react-strawberry-toast__toast-center{display:flex;justify-content:center}.react-strawberry-toast__toast-content{box-sizing:border-box;background-color:#fff;padding:10px;display:flex;align-items:center;gap:5px;border-radius:8px;box-shadow:2px 4px 10px #0000001a;min-height:47px}.react-strawberry-toast__toast-icon{width:20px}.react-strawberry-toast__fade-in{animation:react-strawberry-toast_fade-in .3s ease-out}.react-strawberry-toast__fade-out{animation:react-strawberry-toast_fade-out .3s ease-out}.react-strawberry-toast__fade-in-reverse{animation:react-strawberry-toast_fade-in-reverse .3s ease-out}.react-strawberry-toast__fade-out-reverse{animation:react-strawberry-toast_fade-out-reverse .3s ease-out}.react-strawberry-toast__loading{width:18px;padding:3.5px;aspect-ratio:1;border-radius:50%;background:#6f6f70;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-strawberry-toast",
|
|
3
3
|
"description": "A simple and customizable React toast library",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.3.0",
|
|
5
5
|
"author": "dkpark10",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"keywords": [
|
|
@@ -57,21 +57,21 @@
|
|
|
57
57
|
"test:ui": "vitest --ui",
|
|
58
58
|
"test:coverage": "vitest --coverage",
|
|
59
59
|
"prepare": "husky install",
|
|
60
|
-
"deploy": "pnpm run build && npm publish --access=public"
|
|
60
|
+
"deploy": "pnpm run test && pnpm run build && npm publish --access=public"
|
|
61
61
|
},
|
|
62
62
|
"devDependencies": {
|
|
63
63
|
"@commitlint/cli": "^19.6.1",
|
|
64
64
|
"@commitlint/config-conventional": "^19.6.0",
|
|
65
65
|
"@testing-library/jest-dom": "^6.6.3",
|
|
66
66
|
"@testing-library/react": "^15.0.7",
|
|
67
|
-
"@types/react": "^18
|
|
68
|
-
"@types/react-dom": "^18
|
|
67
|
+
"@types/react": "^18",
|
|
68
|
+
"@types/react-dom": "^18",
|
|
69
69
|
"concurrently": "^9.1.0",
|
|
70
70
|
"esbuild-sass-plugin": "^3.3.1",
|
|
71
71
|
"husky": "^8",
|
|
72
72
|
"jsdom": "^24.0.0",
|
|
73
|
-
"react": "^18
|
|
74
|
-
"react-dom": "^18
|
|
73
|
+
"react": "^18",
|
|
74
|
+
"react-dom": "^18",
|
|
75
75
|
"rollup-preserve-directives": "^1.1.3",
|
|
76
76
|
"sass": "^1.83.0",
|
|
77
77
|
"tsup": "^8.3.5",
|