triafly-ui-kit 1.0.59 → 1.0.61

package/dist/assets/src/components/Ui/ModalWindow/ModalWindow.css

@@ -1 +1 @@
-@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}.modal-window.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-fader);display:flex;z-index:100}.modal-window.position-center{justify-content:center;align-items:center}.modal-window.position-right{justify-content:flex-end;align-items:center}.modal-window.position-left{justify-content:flex-start;align-items:center}.modal-window.position-top{justify-content:center;align-items:flex-start}.modal-window.position-bottom{justify-content:center;align-items:flex-end}.modal-window__body{background:var(--color-bg-island-default);max-height:100vh;position:relative}.modal-window__body.size-sm{border-radius:8px;width:360px;padding:10px 12px}.modal-window__body.size-md{width:460px;border-radius:16px;padding:20px 24px}.modal-window__body.size-lg{width:600px;border-radius:16px;padding:24px 28px}.modal-window__body.size-full{width:100%;height:100%}.modal-window__body.foolHeight{height:100vh;border-radius:0}.modal-window__header{display:flex;justify-content:space-between;padding-bottom:28px;align-items:center;gap:12px}.modal-window__header .btn{background:none}.modal-window__header .btn .icon svg *{fill:var(--color-icon-secondary-default)}.modal-window__header .btn:hover{background:none}.modal-window__header__title{font-size:20px;font-weight:600;flex:1;word-break:break-word;overflow-wrap:break-word;white-space:normal;min-width:0}.modal-window__header__icon{border-radius:100%;height:36px;width:36px;display:flex;align-items:center;justify-content:center}.modal-window__header__icon.status-error{background:var(--color-status-error-background)}.modal-window__header__icon.status-error svg *{color:var(--color-bg-error-default)}.modal-window__header__icon.status-warning{background:var(--color-status-warning-background)}.modal-window__header__icon.status-warning svg *{color:var(--color-status-warning-background)}.modal-window__header__icon.status-success{background:var(--color-status-success-background)}.modal-window__header__icon.status-success svg *{color:var(--color-border-success-default)}.modal-window__header__icon.status-info{background:var(--dark-color-static-brand)}.modal-window__header__icon.status-info svg *{color:var(--light-color-static-brand)}
+@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}.modal-window.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-fader);display:flex;z-index:100}.modal-window.position-center{justify-content:center;align-items:center}.modal-window.position-right{justify-content:flex-end;align-items:center}.modal-window.position-left{justify-content:flex-start;align-items:center}.modal-window.position-top{justify-content:center;align-items:flex-start}.modal-window.position-bottom{justify-content:center;align-items:flex-end}.modal-window__body{background:var(--color-bg-island-default);max-height:100vh;position:relative;width:inherit}.modal-window__body.size-inner{border-radius:16px;padding:24px 28px}.modal-window__body.size-sm{border-radius:8px;width:360px;padding:10px 12px}.modal-window__body.size-md{width:460px;border-radius:16px;padding:20px 24px}.modal-window__body.size-lg{width:600px;border-radius:16px;padding:24px 28px}.modal-window__body.size-full{width:100%;height:100%}.modal-window__body.foolHeight{height:100vh;border-radius:0}.modal-window__header{display:flex;justify-content:space-between;padding-bottom:28px;align-items:center;gap:12px}.modal-window__header .btn{background:none}.modal-window__header .btn .icon svg *{fill:var(--color-icon-secondary-default)}.modal-window__header .btn:hover{background:none}.modal-window__header__title{font-size:20px;font-weight:600;flex:1;word-break:break-word;overflow-wrap:break-word;white-space:normal;min-width:0}.modal-window__header__icon{border-radius:100%;height:36px;width:36px;display:flex;align-items:center;justify-content:center}.modal-window__header__icon.status-error{background:var(--color-status-error-background)}.modal-window__header__icon.status-error svg *{color:var(--color-bg-error-default)}.modal-window__header__icon.status-warning{background:var(--color-status-warning-background)}.modal-window__header__icon.status-warning svg *{color:var(--color-status-warning-background)}.modal-window__header__icon.status-success{background:var(--color-status-success-background)}.modal-window__header__icon.status-success svg *{color:var(--color-border-success-default)}.modal-window__header__icon.status-info{background:var(--dark-color-static-brand)}.modal-window__header__icon.status-info svg *{color:var(--light-color-static-brand)}

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/dist/main.d.ts

@@ -1123,7 +1123,7 @@ declare type SearchInputProps = {
     onChange?: (value: string) => void;
 };
 
-declare type SizeModal = "sm" | "md" | "lg" | "full";
+declare type SizeModal = "sm" | "md" | "lg" | "full" | "inner";
 
 declare type SizeUnit = "B" | "KB" | "MB" | "GB";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "triafly-ui-kit",
-  "version": "1.0.59",
+  "version": "1.0.61",
   "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
-};