triafly-ui-kit 1.0.59 → 1.0.60

package/dist/assets/src/context/ToastContext/ToastContext.css

@@ -0,0 +1 @@
+.toast-provider{position:fixed;bottom:20px;right:20px;z-index:101;display:flex;flex-direction:column;gap:10px}.toast-provider__element{color:var(--color-text-primary-inversed);padding:20px 24px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;min-width:250px;max-width:400px;font-size:16px;box-shadow:0 6px 15px -2px var(--effect-shadow-L, rgba(18, 18, 18, .08));animation:fadeIn .5s ease-in-out;background-color:var(--color-bg-neutral-basic-inversed)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

package/dist/context/ToastContext/ToastContext.js

@@ -1,14 +1,14 @@
-import { jsxs as v, jsx as l } from "react/jsx-runtime";
-import { createContext as f, useState as h, useCallback as u, useMemo as w, useContext as g } from "react";
-import C from "react-dom";
-import m from "../../src/context/ToastContext/ToastContext.module.scss.js";
-const T = f(void 0), y = () => {
-  const o = g(T);
+import { jsxs as p, jsx as l } from "react/jsx-runtime";
+import { createContext as x, useState as f, useCallback as u, useMemo as h, useContext as w } from "react";
+import g from "react-dom";
+import '../../assets/src/context/ToastContext/ToastContext.css';/* empty css                                               */
+const m = x(void 0), j = () => {
+  const o = w(m);
   if (!o)
     throw new Error("useToast must be used within a ToastProvider");
   return o;
 }, M = ({ children: o }) => {
-  const [r, n] = h([]), p = 3, c = 4e3, i = u((t) => {
+  const [r, n] = f([]), T = 3, c = 4e3, i = u((t) => {
     n((e) => e.filter((s) => s.id !== t));
   }, []), d = u(
     (t) => {
@@ -19,22 +19,22 @@ const T = f(void 0), y = () => {
       };
       n((s) => {
         const a = [...s, e];
-        return a.length > p ? a.slice(1) : a;
+        return a.length > T ? a.slice(1) : a;
       }), setTimeout(() => i(e.id), c);
     },
     [i]
   );
   console.log("тест addToast"), console.log("toasts", r);
-  const x = w(() => ({ addToast: d }), [d]);
-  return /* @__PURE__ */ v(T.Provider, { value: x, children: [
+  const v = h(() => ({ addToast: d }), [d]);
+  return /* @__PURE__ */ p(m.Provider, { value: v, children: [
     o,
-    C.createPortal(
-      /* @__PURE__ */ l("div", { className: m.Wrapper, children: r.map((t) => /* @__PURE__ */ l("div", { className: m.Toast, children: t.message }, t.id)) }),
+    g.createPortal(
+      /* @__PURE__ */ l("div", { className: "toast-provider", children: r.map((t) => /* @__PURE__ */ l("div", { className: "toast-provider__element", children: t.message }, t.id)) }),
       document.body
     )
   ] });
 };
 export {
   M as ToastProvider,
-  y as useToast
+  j as useToast
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "triafly-ui-kit",
-  "version": "1.0.59",
+  "version": "1.0.60",
   "description": "UI Kit from Triafly",
   "main": "./dist/main.js",
   "module": "./dist/main.js",

package/dist/assets/src/context/ToastContext/ToastContext.module.css

@@ -1 +0,0 @@
-._Wrapper_12sk9_1{position:fixed;bottom:20px;right:20px;z-index:101;display:flex;flex-direction:column;gap:10px}._Toast_12sk9_11{color:var(--color-text-primary-inversed);padding:20px 24px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;min-width:250px;max-width:400px;font-size:16px;box-shadow:0 6px 15px -2px var(--effect-shadow-L, rgba(18, 18, 18, .08));animation:_fadeIn_12sk9_1 .5s ease-in-out;background-color:var(--color-bg-neutral-basic-inversed)}@keyframes _fadeIn_12sk9_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

package/dist/src/context/ToastContext/ToastContext.module.scss.js

@@ -1,9 +0,0 @@
-import '../../../assets/src/context/ToastContext/ToastContext.module.css';const s = "_Wrapper_12sk9_1", t = "_Toast_12sk9_11", a = {
-  Wrapper: s,
-  Toast: t
-};
-export {
-  t as Toast,
-  s as Wrapper,
-  a as default
-};