@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/TextField/styled.cjs

@@ -1,61 +1,37 @@
-"use strict";var e=require("styled-components"),o=require("../../theme/index.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var n=r(e);const i=({hasError:o,inputSize:r})=>e.css`
-  & {
-    --outline-size: ${"sm"===r?"2px":"4px"};
-  }
-
-  &:focus {
-    border-color: #0079d1;
-    box-shadow: 0 0 0 var(--outline-size) #80bce8;
-    outline: 0;
-  }
-
-  &:invalid {
-    border-color: #eb5757;
-    box-shadow: 0 0 0 var(--outline-size) #f7bcbc;
-  }
-
-  &:disabled {
-    box-shadow: none;
-    background-color: #f2f3f5;
-    border-color: #959fa8;
-    color: #637381;
-  }
-
-  ${o&&"\n    &,\n    &:focus {\n      border-color: #EB5757;\n    }\n\n    &:focus {\n      box-shadow: 0 0 0 var(--outline-size) #F7BCBC;\n    }\n  "}
-`,t=n.default.input`
-  font-family: ${o.theme.fontFamily};
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 12px;
-  border-radius: 4px;
-  border: 1px solid #959fa8;
-  color: #1b2126;
-
-  ${({inputSize:e})=>{let o="40px",r="14px";return"sm"===e&&(o="32px",r="12px"),`\n      height: ${o};\n      font-size: ${r};\n    `}}
-
-  ${i}
-
-  /* Hide number arrows/spinners */
-  &::-webkit-outer-spin-button,
-  &::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-  &[type='number'] {
-    -moz-appearance: textfield;
-    width: 8ch;
-    text-align: right;
-  }
-`,s=n.default.textarea`
-  box-sizing: border-box;
-  width: 100%;
-  padding: 8px;
-  border-radius: 4px;
-  border: 1px solid #959fa8;
-  color: #1b2126;
-
-  ${i}
-`;exports.Input=t,exports.Textarea=s;
+'use strict';
+
+var styled = require('styled-components');
+var index = require('../../theme/index.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const pseudoStates = ({ hasError, inputSize }) => styled.css `&{--outline-size:${inputSize === 'sm' ? '2px' : '4px'};}&:focus{border-color:#0079d1;box-shadow:0 0 0 var(--outline-size)#80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 var(--outline-size)#f7bcbc;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;}${hasError &&
+    `
+    &,
+    &:focus {
+      border-color: #EB5757;
+    }
+
+    &:focus {
+      box-shadow: 0 0 0 var(--outline-size) #F7BCBC;
+    }
+  `}`;
+const Input = styled__default.default.input.withConfig({ displayName: "vui--Input", componentId: "vui--3jt15a" }) `font-family:${index.theme.fontFamily};box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${({ inputSize }) => {
+    let height = '40px';
+    let fontSize = '14px';
+    if (inputSize === 'sm') {
+        height = '32px';
+        fontSize = '12px';
+    }
+    return `
+      height: ${height};
+      font-size: ${fontSize};
+    `;
+}} ${pseudoStates} &::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;width:8ch;text-align:right;}`;
+const Textarea = styled__default.default.textarea.withConfig({ displayName: "vui--Textarea", componentId: "vui--1k04ik" }) `box-sizing:border-box;width:100%;padding:8px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${pseudoStates}`;
+
+exports.Input = Input;
+exports.Textarea = Textarea;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/TextField/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/TextField/styled.ts"],"sourcesContent":[null],"names":["css","styled","theme"],"mappings":";;;;;;;;;AAQA,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAc,KAAKA,UAAG,qBAE3C,SAAS,KAAK,IAAI,GAAG,KAAK,GAAG,KAAK,CAAA,0PAAA,EAqBpD,QAAQ;AACV,IAAA;;;;;;;;;AASC,EAAA,CAAA,CAAA,CACF;AAEY,MAAA,KAAK,GAAGC,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAChBC,WAAK,CAAC,UAAU,CAU7B,sJAAA,EAAA,CAAC,EAAE,SAAS,EAAE,KAAI;IAClB,IAAI,MAAM,GAAG,MAAM;IACnB,IAAI,QAAQ,GAAG,MAAM;IAErB,IAAI,SAAS,KAAK,IAAI,EAAE;QACtB,MAAM,GAAG,MAAM;QACf,QAAQ,GAAG,MAAM;AAClB;IAED,OAAO;gBACK,MAAM,CAAA;mBACH,QAAQ,CAAA;KACtB;AACH,CAAC,CAAA,CAAA,EAEC,YAAY,CAAA,oKAAA;AAeH,MAAA,QAAQ,GAAGD,uBAAM,CAAC,QAAQ,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sGAAA,EAQnC,YAAY,CAAA;;;;;"}

package/dist/components/TextField/styled.d.ts

@@ -1,3 +1,2 @@
 export declare const Input: import("styled-components").StyledComponent<"input", any, any, never>;
 export declare const Textarea: import("styled-components").StyledComponent<"textarea", any, any, never>;
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/TextField/styled.js

@@ -1,61 +1,30 @@
-import o,{css as e}from"styled-components";import{theme as r}from"../../theme/index.js";const n=({hasError:o,inputSize:r})=>e`
-  & {
-    --outline-size: ${"sm"===r?"2px":"4px"};
-  }
-
-  &:focus {
-    border-color: #0079d1;
-    box-shadow: 0 0 0 var(--outline-size) #80bce8;
-    outline: 0;
-  }
-
-  &:invalid {
-    border-color: #eb5757;
-    box-shadow: 0 0 0 var(--outline-size) #f7bcbc;
-  }
-
-  &:disabled {
-    box-shadow: none;
-    background-color: #f2f3f5;
-    border-color: #959fa8;
-    color: #637381;
-  }
-
-  ${o&&"\n    &,\n    &:focus {\n      border-color: #EB5757;\n    }\n\n    &:focus {\n      box-shadow: 0 0 0 var(--outline-size) #F7BCBC;\n    }\n  "}
-`,i=o.input`
-  font-family: ${r.fontFamily};
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 12px;
-  border-radius: 4px;
-  border: 1px solid #959fa8;
-  color: #1b2126;
-
-  ${({inputSize:o})=>{let e="40px",r="14px";return"sm"===o&&(e="32px",r="12px"),`\n      height: ${e};\n      font-size: ${r};\n    `}}
-
-  ${n}
-
-  /* Hide number arrows/spinners */
-  &::-webkit-outer-spin-button,
-  &::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-  &[type='number'] {
-    -moz-appearance: textfield;
-    width: 8ch;
-    text-align: right;
-  }
-`,t=o.textarea`
-  box-sizing: border-box;
-  width: 100%;
-  padding: 8px;
-  border-radius: 4px;
-  border: 1px solid #959fa8;
-  color: #1b2126;
-
-  ${n}
-`;export{i as Input,t as Textarea};
+import styled, { css } from 'styled-components';
+import { theme } from '../../theme/index.js';
+
+const pseudoStates = ({ hasError, inputSize }) => css `&{--outline-size:${inputSize === 'sm' ? '2px' : '4px'};}&:focus{border-color:#0079d1;box-shadow:0 0 0 var(--outline-size)#80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 var(--outline-size)#f7bcbc;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;}${hasError &&
+    `
+    &,
+    &:focus {
+      border-color: #EB5757;
+    }
+
+    &:focus {
+      box-shadow: 0 0 0 var(--outline-size) #F7BCBC;
+    }
+  `}`;
+const Input = styled.input.withConfig({ displayName: "vui--Input", componentId: "vui--3jt15a" }) `font-family:${theme.fontFamily};box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${({ inputSize }) => {
+    let height = '40px';
+    let fontSize = '14px';
+    if (inputSize === 'sm') {
+        height = '32px';
+        fontSize = '12px';
+    }
+    return `
+      height: ${height};
+      font-size: ${fontSize};
+    `;
+}} ${pseudoStates} &::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;width:8ch;text-align:right;}`;
+const Textarea = styled.textarea.withConfig({ displayName: "vui--Textarea", componentId: "vui--1k04ik" }) `box-sizing:border-box;width:100%;padding:8px;border-radius:4px;border:1px solid #959fa8;color:#1b2126;${pseudoStates}`;
+
+export { Input, Textarea };
 //# sourceMappingURL=styled.js.map

package/dist/components/TextField/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/TextField/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAQA,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAc,KAAK,GAAG,qBAE3C,SAAS,KAAK,IAAI,GAAG,KAAK,GAAG,KAAK,CAAA,0PAAA,EAqBpD,QAAQ;AACV,IAAA;;;;;;;;;AASC,EAAA,CAAA,CAAA,CACF;AAEY,MAAA,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAChB,KAAK,CAAC,UAAU,CAU7B,sJAAA,EAAA,CAAC,EAAE,SAAS,EAAE,KAAI;IAClB,IAAI,MAAM,GAAG,MAAM;IACnB,IAAI,QAAQ,GAAG,MAAM;IAErB,IAAI,SAAS,KAAK,IAAI,EAAE;QACtB,MAAM,GAAG,MAAM;QACf,QAAQ,GAAG,MAAM;AAClB;IAED,OAAO;gBACK,MAAM,CAAA;mBACH,QAAQ,CAAA;KACtB;AACH,CAAC,CAAA,CAAA,EAEC,YAAY,CAAA,oKAAA;AAeH,MAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sGAAA,EAQnC,YAAY,CAAA;;;;"}

package/dist/components/TextField/types.d.ts

@@ -11,4 +11,3 @@ export type TextFieldProps = CommonAttributes & {
     multiline?: boolean;
 };
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/components/ToastsLayout/ToastsLayout.cjs

@@ -1,2 +1,24 @@
-"use strict";var e=require("react-transition-group"),t=require("react"),a=require("react-dom"),s=require("./components/styled.cjs"),o=require("./components/Toast.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var n=r(t);exports.ToastsLayout=({className:r,e2eClassName:l,toasts:c,minWidth:i="50vw",max:u=3,onClose:m})=>(t.useEffect((()=>{u&&c.length>u&&m(c[0].key)}),[c,u,m]),a.createPortal(n.default.createElement(s.ToastsLayoutContainer,{direction:"vertical",alignX:"center",spacing:4},n.default.createElement(e.TransitionGroup,{component:null},[...c].reverse().map(((t,a)=>n.default.createElement(e.CSSTransition,{key:t.key,timeout:500,classNames:"veeqo-components-toast"},n.default.createElement(o.Toast,{className:r,e2eClassName:l,minWidth:i,last:a===c.length-1,onClose:()=>m(t.key),...t})))))),document.body));
+'use strict';
+
+var reactTransitionGroup = require('react-transition-group');
+var React = require('react');
+var ReactDOM = require('react-dom');
+var styled = require('./components/styled.cjs');
+var Toast = require('./components/Toast.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const ToastsLayout = ({ className, e2eClassName, toasts, minWidth = '50vw', max = 3, onClose, }) => {
+    React.useEffect(() => {
+        if (max && toasts.length > max)
+            onClose(toasts[0].key);
+    }, [toasts, max, onClose]);
+    return ReactDOM.createPortal(React__default.default.createElement(styled.ToastsLayoutContainer, { direction: "vertical", alignX: "center", spacing: 4 },
+        React__default.default.createElement(reactTransitionGroup.TransitionGroup, { component: null }, [...toasts].reverse().map((toast, index) => (React__default.default.createElement(reactTransitionGroup.CSSTransition, { key: toast.key, timeout: 500, classNames: "veeqo-components-toast" },
+            React__default.default.createElement(Toast.Toast, { className: className, e2eClassName: e2eClassName, minWidth: minWidth, last: index === toasts.length - 1, onClose: () => onClose(toast.key), ...toast })))))), document.body);
+};
+
+exports.ToastsLayout = ToastsLayout;
 //# sourceMappingURL=ToastsLayout.cjs.map

package/dist/components/ToastsLayout/ToastsLayout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToastsLayout.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ToastsLayout.cjs","sources":["../../../src/components/ToastsLayout/ToastsLayout.tsx"],"sourcesContent":[null],"names":["useEffect","createPortal","React","ToastsLayoutContainer","TransitionGroup","CSSTransition","Toast"],"mappings":";;;;;;;;;;;;MAOa,YAAY,GAA8B,CAAC,EACtD,SAAS,EACT,YAAY,EACZ,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,GAAG,GAAG,CAAC,EACP,OAAO,GACR,KAAI;IACHA,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,GAAG,IAAI,MAAM,CAAC,MAAM,GAAG,GAAG;YAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;KACvD,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;AAE1B,IAAA,OAAOC,qBAAY,CACjBC,sBAAC,CAAA,aAAA,CAAAC,4BAAqB,IAAC,SAAS,EAAC,UAAU,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAA;AACpE,QAAAD,sBAAA,CAAA,aAAA,CAACE,oCAAe,EAAC,EAAA,SAAS,EAAE,IAAI,IAC7B,CAAC,GAAG,MAAM,CAAC,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MACtCF,qCAACG,kCAAa,EAAA,EAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAC,wBAAwB,EAAA;YAC9EH,sBAAC,CAAA,aAAA,CAAAI,WAAK,IACJ,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,EACjC,OAAO,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAC7B,GAAA,KAAK,GACT,CACY,CACjB,CAAC,CACc,CACI,EACxB,QAAQ,CAAC,IAAI,CACd;AACH;;;;"}

package/dist/components/ToastsLayout/ToastsLayout.d.ts

@@ -1,4 +1,3 @@
 import { FC } from 'react';
 import { ToastsLayoutPropTypes } from './types';
 export declare const ToastsLayout: FC<ToastsLayoutPropTypes>;
-//# sourceMappingURL=ToastsLayout.d.ts.map

package/dist/components/ToastsLayout/ToastsLayout.js

@@ -1,2 +1,18 @@
-import{TransitionGroup as e,CSSTransition as t}from"react-transition-group";import o,{useEffect as m}from"react";import{createPortal as s}from"react-dom";import{ToastsLayoutContainer as a}from"./components/styled.js";import{Toast as n}from"./components/Toast.js";const r=({className:r,e2eClassName:c,toasts:l,minWidth:i="50vw",max:p=3,onClose:d})=>(m((()=>{p&&l.length>p&&d(l[0].key)}),[l,p,d]),s(o.createElement(a,{direction:"vertical",alignX:"center",spacing:4},o.createElement(e,{component:null},[...l].reverse().map(((e,m)=>o.createElement(t,{key:e.key,timeout:500,classNames:"veeqo-components-toast"},o.createElement(n,{className:r,e2eClassName:c,minWidth:i,last:m===l.length-1,onClose:()=>d(e.key),...e})))))),document.body));export{r as ToastsLayout};
+import { TransitionGroup, CSSTransition } from 'react-transition-group';
+import React, { useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { ToastsLayoutContainer } from './components/styled.js';
+import { Toast } from './components/Toast.js';
+
+const ToastsLayout = ({ className, e2eClassName, toasts, minWidth = '50vw', max = 3, onClose, }) => {
+    useEffect(() => {
+        if (max && toasts.length > max)
+            onClose(toasts[0].key);
+    }, [toasts, max, onClose]);
+    return createPortal(React.createElement(ToastsLayoutContainer, { direction: "vertical", alignX: "center", spacing: 4 },
+        React.createElement(TransitionGroup, { component: null }, [...toasts].reverse().map((toast, index) => (React.createElement(CSSTransition, { key: toast.key, timeout: 500, classNames: "veeqo-components-toast" },
+            React.createElement(Toast, { className: className, e2eClassName: e2eClassName, minWidth: minWidth, last: index === toasts.length - 1, onClose: () => onClose(toast.key), ...toast })))))), document.body);
+};
+
+export { ToastsLayout };
 //# sourceMappingURL=ToastsLayout.js.map

package/dist/components/ToastsLayout/ToastsLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastsLayout.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ToastsLayout.js","sources":["../../../src/components/ToastsLayout/ToastsLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;MAOa,YAAY,GAA8B,CAAC,EACtD,SAAS,EACT,YAAY,EACZ,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,GAAG,GAAG,CAAC,EACP,OAAO,GACR,KAAI;IACH,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,GAAG,IAAI,MAAM,CAAC,MAAM,GAAG,GAAG;YAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;KACvD,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;AAE1B,IAAA,OAAO,YAAY,CACjB,KAAC,CAAA,aAAA,CAAA,qBAAqB,IAAC,SAAS,EAAC,UAAU,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAA;AACpE,QAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAC,EAAA,SAAS,EAAE,IAAI,IAC7B,CAAC,GAAG,MAAM,CAAC,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MACtC,oBAAC,aAAa,EAAA,EAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAC,wBAAwB,EAAA;YAC9E,KAAC,CAAA,aAAA,CAAA,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,EACjC,OAAO,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAC7B,GAAA,KAAK,GACT,CACY,CACjB,CAAC,CACc,CACI,EACxB,QAAQ,CAAC,IAAI,CACd;AACH;;;;"}

package/dist/components/ToastsLayout/components/Toast.cjs

@@ -1,2 +1,53 @@
-"use strict";var e=require("react"),o=require("../../../theme/modules/colors.cjs"),t=require("./styled.cjs"),n=require("../../../utils/buildClassnames.cjs"),c=require("../../Button/Button.cjs"),l=require("../../../tempIcons/SuccessIcon.cjs"),r=require("../../../tempIcons/InfoIcon.cjs"),a=require("../../../tempIcons/AttentionIcon.cjs"),s=require("../../../tempIcons/MergeIcon.cjs"),i=require("../../../tempIcons/CrossIcon.cjs");function u(e){return e&&e.__esModule?e:{default:e}}var d=u(e);const m={info:{accentColor:o.colors.brand.blue.base,icon:d.default.createElement(r.InfoIcon,null)},success:{accentColor:o.colors.secondary.green.base,icon:d.default.createElement(l.SuccessIcon,null)},error:{accentColor:o.colors.secondary.red.base,icon:d.default.createElement(a.AttentionIcon,null)},merge:{accentColor:o.colors.secondary.purple.base,icon:d.default.createElement(s.MergeIcon,null)}},I=e=>({container:e?`${e}-toast-container`:void 0,icon:e?`${e}-toast-icon`:void 0,closeIcon:e?`${e}-toast-close-icon`:void 0});exports.Toast=({className:e,e2eClassName:o,type:l,iconSlot:r,text:a,last:s,minWidth:u,cta:f,onClose:C})=>{const b=I(e),p=I(o);return d.default.createElement(t.Toast,{className:n.buildClassnames([null==b?void 0:b.container,null==p?void 0:p.container]),direction:"horizontal",alignY:"center",minWidth:u,last:s},d.default.createElement(t.IconWrap,{color:m[l].accentColor,className:n.buildClassnames([b.icon,p.icon])},null!=r?r:m[l].icon),d.default.createElement(t.ContentStack,{direction:"horizontal",alignY:"center",alignX:"between"},d.default.createElement(t.StyledText,{variant:"body"},a),f),d.default.createElement(c.Button,{variant:"flat",iconSlot:d.default.createElement(i.CrossIcon,{color:"white"}),onClick:C,"aria-label":"Close"}))};
+'use strict';
+
+var React = require('react');
+var colors = require('../../../theme/modules/colors.cjs');
+var styled = require('./styled.cjs');
+var buildClassnames = require('../../../utils/buildClassnames.cjs');
+var Button = require('../../Button/Button.cjs');
+var SuccessIcon = require('../../../tempIcons/SuccessIcon.cjs');
+var InfoIcon = require('../../../tempIcons/InfoIcon.cjs');
+var AttentionIcon = require('../../../tempIcons/AttentionIcon.cjs');
+var MergeIcon = require('../../../tempIcons/MergeIcon.cjs');
+var CrossIcon = require('../../../tempIcons/CrossIcon.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const toastTypes = {
+    info: {
+        accentColor: colors.colors.brand.blue.base,
+        icon: React__default.default.createElement(InfoIcon.InfoIcon, null),
+    },
+    success: {
+        accentColor: colors.colors.secondary.green.base,
+        icon: React__default.default.createElement(SuccessIcon.SuccessIcon, null),
+    },
+    error: {
+        accentColor: colors.colors.secondary.red.base,
+        icon: React__default.default.createElement(AttentionIcon.AttentionIcon, null),
+    },
+    merge: {
+        accentColor: colors.colors.secondary.purple.base,
+        icon: React__default.default.createElement(MergeIcon.MergeIcon, null),
+    },
+};
+const generateClassNames = (prefix) => ({
+    container: prefix ? `${prefix}-toast-container` : undefined,
+    icon: prefix ? `${prefix}-toast-icon` : undefined,
+    closeIcon: prefix ? `${prefix}-toast-close-icon` : undefined,
+});
+const Toast = ({ className, e2eClassName, type, iconSlot, text, last, minWidth, cta, onClose, }) => {
+    const classNames = generateClassNames(className);
+    const e2eClassNames = generateClassNames(e2eClassName);
+    return (React__default.default.createElement(styled.Toast, { className: buildClassnames.buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.container, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.container]), direction: "horizontal", alignY: "center", minWidth: minWidth, last: last },
+        React__default.default.createElement(styled.IconWrap, { color: toastTypes[type].accentColor, className: buildClassnames.buildClassnames([classNames.icon, e2eClassNames.icon]) }, iconSlot !== null && iconSlot !== undefined ? iconSlot : toastTypes[type].icon),
+        React__default.default.createElement(styled.ContentStack, { direction: "horizontal", alignY: "center", alignX: "between" },
+            React__default.default.createElement(styled.StyledText, { variant: "body" }, text),
+            cta),
+        React__default.default.createElement(Button.Button, { variant: "flat", iconSlot: React__default.default.createElement(CrossIcon.CrossIcon, { color: "white" }), onClick: onClose, "aria-label": "Close" })));
+};
+
+exports.Toast = Toast;
 //# sourceMappingURL=Toast.cjs.map

package/dist/components/ToastsLayout/components/Toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Toast.cjs","sources":["../../../../src/components/ToastsLayout/components/Toast.tsx"],"sourcesContent":[null],"names":["colors","React","InfoIcon","SuccessIcon","AttentionIcon","MergeIcon","ToastContainer","buildClassnames","IconWrap","ContentStack","Text","Button","CrossIcon"],"mappings":"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"}

package/dist/components/ToastsLayout/components/Toast.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import { ToastPropTypes } from '../types';
 export declare const Toast: ({ className, e2eClassName, type, iconSlot, text, last, minWidth, cta, onClose, }: ToastPropTypes) => React.JSX.Element;
-//# sourceMappingURL=Toast.d.ts.map

package/dist/components/ToastsLayout/components/Toast.js

@@ -1,2 +1,47 @@
-import e from"react";import{colors as o}from"../../../theme/modules/colors.js";import{Toast as t,IconWrap as n,ContentStack as c,StyledText as r}from"./styled.js";import{buildClassnames as l}from"../../../utils/buildClassnames.js";import{Button as a}from"../../Button/Button.js";import{SuccessIcon as s}from"../../../tempIcons/SuccessIcon.js";import{InfoIcon as i}from"../../../tempIcons/InfoIcon.js";import{AttentionIcon as m}from"../../../tempIcons/AttentionIcon.js";import{MergeIcon as p}from"../../../tempIcons/MergeIcon.js";import{CrossIcon as d}from"../../../tempIcons/CrossIcon.js";const u={info:{accentColor:o.brand.blue.base,icon:e.createElement(i,null)},success:{accentColor:o.secondary.green.base,icon:e.createElement(s,null)},error:{accentColor:o.secondary.red.base,icon:e.createElement(m,null)},merge:{accentColor:o.secondary.purple.base,icon:e.createElement(p,null)}},f=e=>({container:e?`${e}-toast-container`:void 0,icon:e?`${e}-toast-icon`:void 0,closeIcon:e?`${e}-toast-close-icon`:void 0}),I=({className:o,e2eClassName:s,type:i,iconSlot:m,text:p,last:I,minWidth:C,cta:b,onClose:E})=>{const j=f(o),v=f(s);return e.createElement(t,{className:l([null==j?void 0:j.container,null==v?void 0:v.container]),direction:"horizontal",alignY:"center",minWidth:C,last:I},e.createElement(n,{color:u[i].accentColor,className:l([j.icon,v.icon])},null!=m?m:u[i].icon),e.createElement(c,{direction:"horizontal",alignY:"center",alignX:"between"},e.createElement(r,{variant:"body"},p),b),e.createElement(a,{variant:"flat",iconSlot:e.createElement(d,{color:"white"}),onClick:E,"aria-label":"Close"}))};export{I as Toast};
+import React from 'react';
+import { colors } from '../../../theme/modules/colors.js';
+import { Toast as Toast$1, IconWrap, ContentStack, StyledText } from './styled.js';
+import { buildClassnames } from '../../../utils/buildClassnames.js';
+import { Button } from '../../Button/Button.js';
+import { SuccessIcon } from '../../../tempIcons/SuccessIcon.js';
+import { InfoIcon } from '../../../tempIcons/InfoIcon.js';
+import { AttentionIcon } from '../../../tempIcons/AttentionIcon.js';
+import { MergeIcon } from '../../../tempIcons/MergeIcon.js';
+import { CrossIcon } from '../../../tempIcons/CrossIcon.js';
+
+const toastTypes = {
+    info: {
+        accentColor: colors.brand.blue.base,
+        icon: React.createElement(InfoIcon, null),
+    },
+    success: {
+        accentColor: colors.secondary.green.base,
+        icon: React.createElement(SuccessIcon, null),
+    },
+    error: {
+        accentColor: colors.secondary.red.base,
+        icon: React.createElement(AttentionIcon, null),
+    },
+    merge: {
+        accentColor: colors.secondary.purple.base,
+        icon: React.createElement(MergeIcon, null),
+    },
+};
+const generateClassNames = (prefix) => ({
+    container: prefix ? `${prefix}-toast-container` : undefined,
+    icon: prefix ? `${prefix}-toast-icon` : undefined,
+    closeIcon: prefix ? `${prefix}-toast-close-icon` : undefined,
+});
+const Toast = ({ className, e2eClassName, type, iconSlot, text, last, minWidth, cta, onClose, }) => {
+    const classNames = generateClassNames(className);
+    const e2eClassNames = generateClassNames(e2eClassName);
+    return (React.createElement(Toast$1, { className: buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.container, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.container]), direction: "horizontal", alignY: "center", minWidth: minWidth, last: last },
+        React.createElement(IconWrap, { color: toastTypes[type].accentColor, className: buildClassnames([classNames.icon, e2eClassNames.icon]) }, iconSlot !== null && iconSlot !== undefined ? iconSlot : toastTypes[type].icon),
+        React.createElement(ContentStack, { direction: "horizontal", alignY: "center", alignX: "between" },
+            React.createElement(StyledText, { variant: "body" }, text),
+            cta),
+        React.createElement(Button, { variant: "flat", iconSlot: React.createElement(CrossIcon, { color: "white" }), onClick: onClose, "aria-label": "Close" })));
+};
+
+export { Toast };
 //# sourceMappingURL=Toast.js.map

package/dist/components/ToastsLayout/components/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Toast.js","sources":["../../../../src/components/ToastsLayout/components/Toast.tsx"],"sourcesContent":[null],"names":["ToastContainer","Text"],"mappings":"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"}

package/dist/components/ToastsLayout/components/styled.cjs

@@ -1,59 +1,25 @@
-"use strict";var e=require("styled-components"),t=require("../../Stack/Stack.cjs"),o=require("../../BaseContainer/BaseContainer.cjs"),a=require("../../Text/Text.cjs"),s=require("../../../theme/index.cjs"),r=require("../../../theme/modules/sizes.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var i=n(e);const d=i.default(t.Stack)`
-  position: fixed;
-  bottom: 24px;
-  width: 100%;
-  pointer-events: none;
-  z-index: ${s.theme.layers.tooltip};
-`,c=i.default(t.Stack)`
-  background-color: ${s.theme.colors.neutral.ink.dark};
-  padding: 12px 24px 12px 12px;
-  box-shadow: ${s.theme.shadows.lg};
-  border-radius: ${s.theme.radius.md};
-  pointer-events: auto;
-  z-index: 40;
-  min-width: ${({minWidth:e})=>e};
-  max-width: 80vw;
+'use strict';
 
-  &.veeqo-components-toast-enter {
-    transform: translateY(12px);
-    opacity: 0;
-  }
+var styled = require('styled-components');
+var Stack = require('../../Stack/Stack.cjs');
+var BaseContainer = require('../../BaseContainer/BaseContainer.cjs');
+var Text = require('../../Text/Text.cjs');
+var index = require('../../../theme/index.cjs');
+var sizes = require('../../../theme/modules/sizes.cjs');
 
-  &.veeqo-components-toast-enter-active {
-    transform: translateY(0);
-    opacity: 1;
-    transition: 500ms ease;
-  }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-  &.veeqo-components-toast-exit {
-    transform: ${({last:e})=>e?"translateY(0)":"translateX(0)"};
-    opacity: 1;
-  }
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-  &.veeqo-components-toast-exit-active {
-    transform: ${({last:e})=>e?"translateY(12px)":"translateX(12px)"};
-    opacity: 0;
-    transition: 500ms ease;
-  }
-`,l=i.default(o.BaseContainer)`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  height: 40px;
-  width: 40px;
-  border-radius: ${s.theme.radius.md};
-  background-color: ${({color:e})=>e};
-  color: #fff;
+const ToastsLayoutContainer = styled__default.default(Stack.Stack).withConfig({ displayName: "vui--ToastsLayoutContainer", componentId: "vui--1iztsl9" }) `position:fixed;bottom:24px;width:100%;pointer-events:none;z-index:${index.theme.layers.tooltip};`;
+const Toast = styled__default.default(Stack.Stack).withConfig({ displayName: "vui--Toast", componentId: "vui--1o64628" }) `background-color:${index.theme.colors.neutral.ink.dark};padding:12px 24px 12px 12px;box-shadow:${index.theme.shadows.lg};border-radius:${index.theme.radius.md};pointer-events:auto;z-index:40;min-width:${({ minWidth }) => minWidth};max-width:80vw;&.veeqo-components-toast-enter{transform:translateY(12px);opacity:0;}&.veeqo-components-toast-enter-active{transform:translateY(0);opacity:1;transition:500ms ease;}&.veeqo-components-toast-exit{transform:${({ last }) => (last ? 'translateY(0)' : 'translateX(0)')};opacity:1;}&.veeqo-components-toast-exit-active{transform:${({ last }) => (last ? 'translateY(12px)' : 'translateX(12px)')};opacity:0;transition:500ms ease;}`;
+const IconWrap = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--IconWrap", componentId: "vui--1nmtetq" }) `display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:40px;border-radius:${index.theme.radius.md};background-color:${({ color }) => color};color:#fff;svg{width:${sizes.sizes.md};height:${sizes.sizes.md};}`;
+const ContentStack = styled__default.default(Stack.Stack).withConfig({ displayName: "vui--ContentStack", componentId: "vui--fvpujj" }) `flex-grow:1;`;
+const StyledText = styled__default.default(Text.Text).withConfig({ displayName: "vui--StyledText", componentId: "vui--ppieao" }) `color:white;font-size:16px;`;
 
-  svg {
-    width: ${r.sizes.md};
-    height: ${r.sizes.md};
-  }
-`,p=i.default(t.Stack)`
-  flex-grow: 1;
-`,x=i.default(a.Text)`
-  color: white;
-  font-size: 16px;
-`;exports.ContentStack=p,exports.IconWrap=l,exports.StyledText=x,exports.Toast=c,exports.ToastsLayoutContainer=d;
+exports.ContentStack = ContentStack;
+exports.IconWrap = IconWrap;
+exports.StyledText = StyledText;
+exports.Toast = Toast;
+exports.ToastsLayoutContainer = ToastsLayoutContainer;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/ToastsLayout/components/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/ToastsLayout/components/styled.ts"],"sourcesContent":[null],"names":["ToastsLayoutContainer","styled","Stack"],"mappings":"yTAoD6D,MAAAA,EAAAC,EAAAA,QAAAC,EAAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/ToastsLayout/components/styled.ts"],"sourcesContent":[null],"names":["styled","Stack","theme","BaseContainer","sizes","Text"],"mappings":";;;;;;;;;;;;;AAQO,MAAM,qBAAqB,GAAGA,uBAAM,CAACC,WAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,4BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,kEAAA,EAKrCC,WAAK,CAAC,MAAM,CAAC,OAAO;AAGpB,MAAA,KAAK,GAAGF,uBAAM,CAACC,WAAK,CAAC,CAIZ,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAAC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAEnC,wCAAA,EAAAA,WAAK,CAAC,OAAO,CAAC,EAAE,CAAA,eAAA,EACbA,WAAK,CAAC,MAAM,CAAC,EAAE,6CAGnB,CAAC,EAAE,QAAQ,EAAE,KAAK,QAAQ,CAexB,4NAAA,EAAA,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,eAAe,GAAG,eAAe,CAAC,CAAA,2DAAA,EAKxD,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AAMxE,MAAM,QAAQ,GAAGF,uBAAM,CAACG,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+GAAA,EAO1BD,WAAK,CAAC,MAAM,CAAC,EAAE,CACZ,kBAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAI7B,sBAAA,EAAAE,WAAK,CAAC,EAAE,CACP,QAAA,EAAAA,WAAK,CAAC,EAAE;MAIT,YAAY,GAAGJ,uBAAM,CAACC,WAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,YAAA;MAI5B,UAAU,GAAGD,uBAAM,CAACK,SAAI,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2BAAA;;;;;;;;"}

package/dist/components/ToastsLayout/components/styled.d.ts

@@ -8,4 +8,3 @@ export declare const IconWrap: import("styled-components").StyledComponent<"div"
 }, never>;
 export declare const ContentStack: import("styled-components").StyledComponent<"div", any, import("../../Stack/types").StackProps, never>;
 export declare const StyledText: import("styled-components").StyledComponent<"span", any, {} & import("../../Text/types").TextProps, never>;
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/ToastsLayout/components/styled.js

@@ -1,59 +1,15 @@
-import t from"styled-components";import{Stack as o}from"../../Stack/Stack.js";import{BaseContainer as e}from"../../BaseContainer/BaseContainer.js";import{Text as r}from"../../Text/Text.js";import{theme as s}from"../../../theme/index.js";import{sizes as n}from"../../../theme/modules/sizes.js";const a=t(o)`
-  position: fixed;
-  bottom: 24px;
-  width: 100%;
-  pointer-events: none;
-  z-index: ${s.layers.tooltip};
-`,i=t(o)`
-  background-color: ${s.colors.neutral.ink.dark};
-  padding: 12px 24px 12px 12px;
-  box-shadow: ${s.shadows.lg};
-  border-radius: ${s.radius.md};
-  pointer-events: auto;
-  z-index: 40;
-  min-width: ${({minWidth:t})=>t};
-  max-width: 80vw;
-
-  &.veeqo-components-toast-enter {
-    transform: translateY(12px);
-    opacity: 0;
-  }
-
-  &.veeqo-components-toast-enter-active {
-    transform: translateY(0);
-    opacity: 1;
-    transition: 500ms ease;
-  }
-
-  &.veeqo-components-toast-exit {
-    transform: ${({last:t})=>t?"translateY(0)":"translateX(0)"};
-    opacity: 1;
-  }
-
-  &.veeqo-components-toast-exit-active {
-    transform: ${({last:t})=>t?"translateY(12px)":"translateX(12px)"};
-    opacity: 0;
-    transition: 500ms ease;
-  }
-`,m=t(e)`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  height: 40px;
-  width: 40px;
-  border-radius: ${s.radius.md};
-  background-color: ${({color:t})=>t};
-  color: #fff;
-
-  svg {
-    width: ${n.md};
-    height: ${n.md};
-  }
-`,p=t(o)`
-  flex-grow: 1;
-`,d=t(r)`
-  color: white;
-  font-size: 16px;
-`;export{p as ContentStack,m as IconWrap,d as StyledText,i as Toast,a as ToastsLayoutContainer};
+import styled from 'styled-components';
+import { Stack } from '../../Stack/Stack.js';
+import { BaseContainer } from '../../BaseContainer/BaseContainer.js';
+import { Text } from '../../Text/Text.js';
+import { theme } from '../../../theme/index.js';
+import { sizes } from '../../../theme/modules/sizes.js';
+
+const ToastsLayoutContainer = styled(Stack).withConfig({ displayName: "vui--ToastsLayoutContainer", componentId: "vui--1iztsl9" }) `position:fixed;bottom:24px;width:100%;pointer-events:none;z-index:${theme.layers.tooltip};`;
+const Toast = styled(Stack).withConfig({ displayName: "vui--Toast", componentId: "vui--1o64628" }) `background-color:${theme.colors.neutral.ink.dark};padding:12px 24px 12px 12px;box-shadow:${theme.shadows.lg};border-radius:${theme.radius.md};pointer-events:auto;z-index:40;min-width:${({ minWidth }) => minWidth};max-width:80vw;&.veeqo-components-toast-enter{transform:translateY(12px);opacity:0;}&.veeqo-components-toast-enter-active{transform:translateY(0);opacity:1;transition:500ms ease;}&.veeqo-components-toast-exit{transform:${({ last }) => (last ? 'translateY(0)' : 'translateX(0)')};opacity:1;}&.veeqo-components-toast-exit-active{transform:${({ last }) => (last ? 'translateY(12px)' : 'translateX(12px)')};opacity:0;transition:500ms ease;}`;
+const IconWrap = styled(BaseContainer).withConfig({ displayName: "vui--IconWrap", componentId: "vui--1nmtetq" }) `display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:40px;border-radius:${theme.radius.md};background-color:${({ color }) => color};color:#fff;svg{width:${sizes.md};height:${sizes.md};}`;
+const ContentStack = styled(Stack).withConfig({ displayName: "vui--ContentStack", componentId: "vui--fvpujj" }) `flex-grow:1;`;
+const StyledText = styled(Text).withConfig({ displayName: "vui--StyledText", componentId: "vui--ppieao" }) `color:white;font-size:16px;`;
+
+export { ContentStack, IconWrap, StyledText, Toast, ToastsLayoutContainer };
 //# sourceMappingURL=styled.js.map

package/dist/components/ToastsLayout/components/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/ToastsLayout/components/styled.ts"],"sourcesContent":[null],"names":["ToastsLayoutContainer","styled","Stack"],"mappings":"qSAoD6D,MAAAA,EAAAC,EAAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/ToastsLayout/components/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAQO,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,4BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,kEAAA,EAKrC,KAAK,CAAC,MAAM,CAAC,OAAO;AAGpB,MAAA,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAIZ,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAEnC,wCAAA,EAAA,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA,eAAA,EACb,KAAK,CAAC,MAAM,CAAC,EAAE,6CAGnB,CAAC,EAAE,QAAQ,EAAE,KAAK,QAAQ,CAexB,4NAAA,EAAA,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,eAAe,GAAG,eAAe,CAAC,CAAA,2DAAA,EAKxD,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AAMxE,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+GAAA,EAO1B,KAAK,CAAC,MAAM,CAAC,EAAE,CACZ,kBAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAI7B,sBAAA,EAAA,KAAK,CAAC,EAAE,CACP,QAAA,EAAA,KAAK,CAAC,EAAE;MAIT,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,YAAA;MAI5B,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2BAAA;;;;"}

package/dist/components/ToastsLayout/index.d.ts

@@ -1,2 +1 @@
 export { ToastsLayout } from './ToastsLayout';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/ToastsLayout/types.d.ts

@@ -36,4 +36,3 @@ export type Notification = {
     text: string;
     cta?: React.ReactNode;
 };
-//# sourceMappingURL=types.d.ts.map