@zonos/amino 5.4.18 → 5.4.20

package/amino.css

@@ -176,13 +176,3 @@ h6 {
 .no-scroll {
   overflow: hidden;
 }
-
-.toast-container {
-  display: flex;
-  justify-content: center;
-}
-.toasts-wrapper {
-  position: fixed;
-  z-index: 9999999;
-  bottom: var(--amino-space-40);
-}

package/components/button/Button.js

@@ -1 +1 @@
-"use strict";var o=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("clsx"),e=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),m=require("../../styles/constants/theme.js"),_=require("../../utils/getAminoColor.js"),r=require("../../style-inject.es-d4ddeae4.js");function d(o){return o&&o.__esModule?o:{default:o}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var s=d(u),l={spinnerWrapper:"Amino_Button-module__spinnerWrapper--tgOjW",aminoButton:"Amino_Button-module__aminoButton--spa1s",text:"Amino_Button-module__text--uD3sd",onlyIcon:"Amino_Button-module__onlyIcon--HSsiQ",loading:"Amino_Button-module__loading--J6rUt",content:"Amino_Button-module__content--Hw0WG",hasIcon:"Amino_Button-module__hasIcon--WyBHM",iconRight:"Amino_Button-module__iconRight--rHggX","amino-spinner":"Amino_Button-module__amino-spinner--h2J8a",primaryButton:"Amino_Button-module__primaryButton--oqikL",outline:"Amino_Button-module__outline--1SRt-",successButton:"Amino_Button-module__successButton--vCdA9",standardButton:"Amino_Button-module__standardButton--sNzVf",invertedButton:"Amino_Button-module__invertedButton--Aka9O",dangerButton:"Amino_Button-module__dangerButton--0SWdY",warningButton:"Amino_Button-module__warningButton--4wL7z",subtleButton:"Amino_Button-module__subtleButton--9dx3n",linkButton:"Amino_Button-module__linkButton--rrpjp",inlineLinkButton:"Amino_Button-module__inlineLinkButton--3hm2I",textButton:"Amino_Button-module__textButton--NATCk"};r.styleInject(".Amino_Button-module__spinnerWrapper--tgOjW{align-items:center;border-radius:var(--amino-radius-6);bottom:0;display:flex;gap:var(--amino-space-8);justify-content:center;left:0;position:absolute;right:0;top:0}.Amino_Button-module__aminoButton--spa1s{align-items:center;background:var(--amino-button-background-color);border-radius:var(--amino-button-radius);box-sizing:border-box;color:var(--amino-button-color);cursor:pointer;display:flex;flex-direction:row;font-family:var(--amino-font-sans);font-size:var(--amino-font-size-base);font-weight:var(--amino-button-font-weight);height:var(--amino-button-size);justify-content:center;letter-spacing:normal;line-height:var(--amino-button-size);outline:none;padding:var(--amino-button-padding);position:relative;text-shadow:0 2px 4px #0000000a,0 1px 2px #00000005;transition:var(--amino-transition),visibility 0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:var(--amino-button-width)}.Amino_Button-module__aminoButton--spa1s svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s .Amino_Button-module__text--uD3sd{padding:0 var(--amino-space-4)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ{padding:0;width:var(--amino-button-size)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ .Amino_Button-module__text--uD3sd{padding:0}.Amino_Button-module__aminoButton--spa1s:active svg path:not([data-is-secondary-color]),.Amino_Button-module__aminoButton--spa1s:focus svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s:focus{outline:none}.Amino_Button-module__aminoButton--spa1s:active:not([disabled]){transform:scale(.99)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__loading--J6rUt .Amino_Button-module__content--Hw0WG{visibility:hidden}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM.Amino_Button-module__iconRight--rHggX svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:2px;margin-right:0;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:0;margin-right:2px;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not([disabled]):hover{background-image:var(--amino-button-hover-background-color)}.Amino_Button-module__aminoButton--spa1s[disabled]{cursor:not-allowed;opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{box-shadow:var(--amino-shadow-button-primary)}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):active{background:var(--amino-blue-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-primary) inset;color:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-blue-50);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-blue-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-primary) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{box-shadow:var(--amino-shadow-button-success)}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):active{background:var(--amino-green-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):focus{box-shadow:0 0 0 1px var(--amino-success) inset,var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-success) inset;color:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-green-50);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-green-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-success) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf{box-shadow:var(--amino-shadow-button-standard)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-gray-300) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-gray-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-gray-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O{background:var(--amino-gray-1000);box-shadow:var(--amino-shadow-button-standard);color:var(--amino-gray-0)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):hover{background:var(--amino-gray-900)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):active{background:var(--amino-gray-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O[disabled]{box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{box-shadow:var(--amino-shadow-button-danger)}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{color:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):active{background:var(--amino-red-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-danger) inset;color:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-red-50);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-red-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-danger) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{box-shadow:var(--amino-shadow-button-warning)}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{color:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):active{background:var(--amino-orange-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-warning) inset;color:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-orange-50);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-orange-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-warning) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):hover{background:var(--amino-gray-50)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp{color:var(--amino-blue-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):active{background:var(--amino-blue-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):hover{background:var(--amino-blue-50)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):focus{box-shadow:var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I{color:var(--amino-blue-600);display:inline-flex;line-height:inherit;padding:0}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I:not([disabled]):active,.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk{color:var(--amino-button-text-button-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk[disabled]{color:var(--amino-button-text-button-disabled-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk.Amino_Button-module__loading--J6rUt{color:#0000}");exports.Button=function(u){var r,d=u.background,B=u.children,c=u.className,p=u.color,A=u.disabled,b=void 0!==A&&A,g=u.fitContentWidth,v=u.hoverBackground,h=u.icon,w=u.iconRight,k=u.loading,x=void 0!==k&&k,y=u.loadingText,f=u.noRipple,S=void 0!==f&&f,W=u.outline,R=void 0!==W&&W,j=u.size,L=void 0===j?"sm":j,z=u.spinnerColor,C=u.style,q=u.tag,H=void 0===q?"button":q,N=u.themeOverride,O=u.type,I=void 0===O?"button":O,Y=u.variant,G=void 0===Y?"standard":Y,V=o.__rest(u,["background","children","className","color","disabled","fitContentWidth","hoverBackground","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","themeOverride","type","variant"]),T=H,J=function(){switch(L){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},Q=s.default("amino-button",l.aminoButton,"plain"===G?"":l["".concat(G,"Button")],R&&l.outline,c||"",h&&!B?l.onlyIcon:"",w?l.iconRight:"",h?l.hasIcon:"",x?l.loading:""),D=t.useRef(null),M=a.useRipple({disabled:b||x,rippleEnabled:!S&&!["plain","text","inlineLink"].includes(G),rippleRef:D}),U=M.getRippleHandlers,E=M.rippleEnabled,X={className:Q,disabled:b||x,size:L},F=o.__assign(o.__assign(o.__assign({type:I},X),V),U(V));return n.jsxs(T,o.__assign({"data-theme":N,style:o.__assign(o.__assign({},C),{"--amino-button-background-color":function(){if(d)return _.getAminoColor(d)||"";switch(G){case"primary":return m.theme.primary;case"success":return m.theme.success;case"warning":return m.theme.warning;case"danger":return m.theme.danger;case"inverted":return m.theme.gray0;case"standard":return m.theme.raisedSurfaceColor;case"subtle":case"inlineLink":return"none";default:return""}}(),"--amino-button-color":function(){if(p)return _.getAminoColor(p)||"";switch(G){case"primary":case"success":case"warning":case"danger":case"inverted":return m.theme.gray0;case"link":case"inlineLink":return m.theme.primary;case"subtle":return m.theme.textColorSecondary;default:return m.theme.textColor}}(),"--amino-button-font-weight":function(){switch(L){case"lg":case"xl":return 600;default:return 500}}(),"--amino-button-hover-background-color":function(){if(v&&"inherit"!==v){var o=_.getAminoColor(v);return"linear-gradient(".concat(o,", ").concat(o,")")}switch(G){case"primary":return m.theme.buttonPrimaryHover;case"success":return m.theme.buttonSuccessHover;case"warning":return m.theme.buttonWarningHover;case"danger":return m.theme.buttonDangerHover;case"standard":return m.theme.buttonStandardHover;case"subtle":case"inverted":return m.theme.gray100;case"link":return m.theme.blue100;case"text":return m.theme.gray500;default:return""}}(),"--amino-button-padding":function(){switch(L){case"sm":return"".concat(m.theme.space4," ").concat(m.theme.space8);case"lg":case"xl":return"".concat(m.theme.space12," ").concat(m.theme.space24);default:return"".concat(m.theme.space8," ").concat(m.theme.space16)}}(),"--amino-button-radius":function(){switch(L){case"sm":return"".concat(m.theme.radius6);case"lg":case"xl":return"".concat(m.theme.radius10);default:return"".concat(m.theme.radius8)}}(),"--amino-button-size":"var(--amino-size-".concat(L,")"),"--amino-button-text-button-color":V.href?m.theme.primary:m.theme.textColorSecondary,"--amino-button-text-button-disabled-color":V.href?m.theme.blue300:m.theme.gray300,"--amino-button-text-button-hover-color":V.href?m.theme.blue500:m.theme.gray500,"--amino-button-width":g?"fit-content":"auto"}),tabIndex:"div"===H?0:void 0},F,{children:[(r=z||function(){switch(G){case"primary":return R?"info":"white";case"success":return R?"success":"white";case"warning":return R?"warning":"white";case"danger":return R?"danger":"white";case"inverted":return"white";case"link":case"inlineLink":return"info";default:return"black"}}(),n.jsxs(n.Fragment,{children:[!w&&n.jsx("span",{className:l.content,children:h}),n.jsx("div",{className:s.default(l.content,l.text),children:B}),w&&n.jsx("span",{className:l.content,children:h}),"plain"!==G&&"text"!==G&&x&&n.jsxs("span",{className:l.spinnerWrapper,children:[n.jsx(i.Spinner,{color:r,size:J()}),y]})]})),E&&n.jsx(e.RippleGroup,{ref:D})]}))};
+"use strict";var o=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("clsx"),e=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),m=require("../../styles/constants/theme.js"),_=require("../../utils/getAminoColor.js"),d=require("../../style-inject.es-d4ddeae4.js");function r(o){return o&&o.__esModule?o:{default:o}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var s=r(u),l={spinnerWrapper:"Amino_Button-module__spinnerWrapper--tgOjW",aminoButton:"Amino_Button-module__aminoButton--spa1s",text:"Amino_Button-module__text--uD3sd",onlyIcon:"Amino_Button-module__onlyIcon--HSsiQ",loading:"Amino_Button-module__loading--J6rUt",content:"Amino_Button-module__content--Hw0WG",hasIcon:"Amino_Button-module__hasIcon--WyBHM",iconRight:"Amino_Button-module__iconRight--rHggX","amino-spinner":"Amino_Button-module__amino-spinner--h2J8a",primaryButton:"Amino_Button-module__primaryButton--oqikL",outline:"Amino_Button-module__outline--1SRt-",successButton:"Amino_Button-module__successButton--vCdA9",standardButton:"Amino_Button-module__standardButton--sNzVf",invertedButton:"Amino_Button-module__invertedButton--Aka9O",dangerButton:"Amino_Button-module__dangerButton--0SWdY",warningButton:"Amino_Button-module__warningButton--4wL7z",subtleButton:"Amino_Button-module__subtleButton--9dx3n",linkButton:"Amino_Button-module__linkButton--rrpjp",inlineLinkButton:"Amino_Button-module__inlineLinkButton--3hm2I",textButton:"Amino_Button-module__textButton--NATCk"};d.styleInject(".Amino_Button-module__spinnerWrapper--tgOjW{align-items:center;border-radius:var(--amino-radius-6);bottom:0;display:flex;gap:var(--amino-space-8);justify-content:center;left:0;position:absolute;right:0;top:0}.Amino_Button-module__aminoButton--spa1s{align-items:center;background:var(--amino-button-background-color);border-radius:var(--amino-button-radius);box-sizing:border-box;color:var(--amino-button-color);cursor:pointer;display:flex;flex-direction:row;font-family:var(--amino-font-sans);font-size:var(--amino-font-size-base);font-weight:var(--amino-button-font-weight);height:var(--amino-button-size);justify-content:center;letter-spacing:normal;line-height:var(--amino-button-size);outline:none;padding:var(--amino-button-padding);position:relative;text-shadow:0 2px 4px #0000000a,0 1px 2px #00000005;transition:var(--amino-transition),visibility 0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:var(--amino-button-width)}.Amino_Button-module__aminoButton--spa1s svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s .Amino_Button-module__text--uD3sd{padding:0 var(--amino-space-4)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ{padding:0;width:var(--amino-button-size)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ .Amino_Button-module__text--uD3sd{padding:0}.Amino_Button-module__aminoButton--spa1s:active svg path:not([data-is-secondary-color]),.Amino_Button-module__aminoButton--spa1s:focus svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s:focus{outline:none}.Amino_Button-module__aminoButton--spa1s:active:not([disabled]){transform:scale(.99)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__loading--J6rUt .Amino_Button-module__content--Hw0WG{visibility:hidden}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM.Amino_Button-module__iconRight--rHggX svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:2px;margin-right:0;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:0;margin-right:2px;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not([disabled]):hover{background-image:var(--amino-button-hover-background-color)}.Amino_Button-module__aminoButton--spa1s[disabled]{cursor:not-allowed;opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{box-shadow:var(--amino-shadow-button-primary)}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):active{background:var(--amino-blue-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-primary) inset;color:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-blue-50);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-blue-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-primary) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{box-shadow:var(--amino-shadow-button-success)}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):active{background:var(--amino-green-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):focus{box-shadow:0 0 0 1px var(--amino-success) inset,var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-success) inset;color:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-green-50);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-green-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-success) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf{box-shadow:var(--amino-shadow-button-standard)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-gray-300) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-gray-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-gray-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O{background:var(--amino-gray-1000);box-shadow:var(--amino-shadow-button-standard);color:var(--amino-gray-0)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):hover{background:var(--amino-gray-900)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):active{background:var(--amino-gray-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O[disabled]{box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{box-shadow:var(--amino-shadow-button-danger)}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{color:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):active{background:var(--amino-red-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-danger) inset;color:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-red-50);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-red-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-danger) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{box-shadow:var(--amino-shadow-button-warning)}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{color:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):active{background:var(--amino-orange-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-warning) inset;color:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-orange-50);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-orange-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-warning) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):hover{background:var(--amino-gray-50)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):active{background:var(--amino-blue-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):hover{background:var(--amino-blue-50)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):focus{box-shadow:var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I{display:inline-flex;line-height:inherit;padding:0}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I:not([disabled]):active,.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk{color:var(--amino-button-text-button-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk[disabled]{color:var(--amino-button-text-button-disabled-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk.Amino_Button-module__loading--J6rUt{color:#0000}");exports.Button=function(u){var d,r=u.background,B=u.children,c=u.className,p=u.color,A=u.disabled,b=void 0!==A&&A,g=u.fitContentWidth,v=u.hoverBackground,h=u.icon,w=u.iconRight,k=u.loading,x=void 0!==k&&k,y=u.loadingText,f=u.noRipple,S=void 0!==f&&f,W=u.outline,R=void 0!==W&&W,j=u.size,L=void 0===j?"sm":j,z=u.spinnerColor,C=u.style,q=u.tag,H=void 0===q?"button":q,N=u.themeOverride,O=u.type,I=void 0===O?"button":O,Y=u.variant,G=void 0===Y?"standard":Y,V=o.__rest(u,["background","children","className","color","disabled","fitContentWidth","hoverBackground","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","themeOverride","type","variant"]),T=H,J=function(){switch(L){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},Q=s.default("amino-button",l.aminoButton,"plain"===G?"":l["".concat(G,"Button")],R&&l.outline,c||"",h&&!B?l.onlyIcon:"",w?l.iconRight:"",h?l.hasIcon:"",x?l.loading:""),D=t.useRef(null),M=a.useRipple({disabled:b||x,rippleEnabled:!S&&!["plain","text","inlineLink"].includes(G),rippleRef:D}),U=M.getRippleHandlers,E=M.rippleEnabled,X={className:Q,disabled:b||x,size:L},F=o.__assign(o.__assign(o.__assign({type:I},X),V),U(V));return n.jsxs(T,o.__assign({"data-theme":N,style:o.__assign(o.__assign({},C),{"--amino-button-background-color":function(){if(r)return _.getAminoColor(r)||"";switch(G){case"primary":return m.theme.primary;case"success":return m.theme.success;case"warning":return m.theme.warning;case"danger":return m.theme.danger;case"inverted":return m.theme.gray0;case"standard":return m.theme.raisedSurfaceColor;case"subtle":case"inlineLink":return"none";default:return""}}(),"--amino-button-color":function(){if(p)return _.getAminoColor(p)||"";switch(G){case"primary":case"success":case"warning":case"danger":case"inverted":return m.theme.gray0;case"link":case"inlineLink":return m.theme.blue600;case"subtle":return m.theme.textColorSecondary;default:return m.theme.textColor}}(),"--amino-button-font-weight":function(){switch(L){case"lg":case"xl":return 600;default:return 500}}(),"--amino-button-hover-background-color":function(){if(v&&"inherit"!==v){var o=_.getAminoColor(v);return"linear-gradient(".concat(o,", ").concat(o,")")}switch(G){case"primary":return m.theme.buttonPrimaryHover;case"success":return m.theme.buttonSuccessHover;case"warning":return m.theme.buttonWarningHover;case"danger":return m.theme.buttonDangerHover;case"standard":return m.theme.buttonStandardHover;case"subtle":case"inverted":return m.theme.gray100;case"link":return m.theme.blue100;case"text":return m.theme.gray500;default:return""}}(),"--amino-button-padding":function(){switch(L){case"sm":return"".concat(m.theme.space4," ").concat(m.theme.space8);case"lg":case"xl":return"".concat(m.theme.space12," ").concat(m.theme.space24);default:return"".concat(m.theme.space8," ").concat(m.theme.space16)}}(),"--amino-button-radius":function(){switch(L){case"sm":return"".concat(m.theme.radius6);case"lg":case"xl":return"".concat(m.theme.radius10);default:return"".concat(m.theme.radius8)}}(),"--amino-button-size":"var(--amino-size-".concat(L,")"),"--amino-button-text-button-color":V.href?m.theme.primary:m.theme.textColorSecondary,"--amino-button-text-button-disabled-color":V.href?m.theme.blue300:m.theme.gray300,"--amino-button-text-button-hover-color":V.href?m.theme.blue500:m.theme.gray500,"--amino-button-width":g?"fit-content":"auto"}),tabIndex:"div"===H?0:void 0},F,{children:[(d=z||function(){switch(G){case"primary":return R?"info":"white";case"success":return R?"success":"white";case"warning":return R?"warning":"white";case"danger":return R?"danger":"white";case"inverted":return"white";case"link":case"inlineLink":return"info";default:return"black"}}(),n.jsxs(n.Fragment,{children:[!w&&n.jsx("span",{className:l.content,children:h}),n.jsx("div",{className:s.default(l.content,l.text),children:B}),w&&n.jsx("span",{className:l.content,children:h}),"plain"!==G&&"text"!==G&&x&&n.jsxs("span",{className:l.spinnerWrapper,children:[n.jsx(i.Spinner,{color:d,size:J()}),y]})]})),E&&n.jsx(e.RippleGroup,{ref:D})]}))};

package/components/flex/Flex.d.ts

@@ -1,6 +1,6 @@
-import type { CSSProperties, ReactNode } from 'react';
+import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';
 import type { BaseProps } from "../../types/BaseProps";
-export type FlexProps = BaseProps & {
+export type FlexProps = BaseProps & HTMLAttributes<HTMLDivElement> & {
     /**
      * @default 'stretch'
      */
@@ -39,4 +39,4 @@ export type FlexProps = BaseProps & {
      */
     padding?: number;
 };
-export declare const Flex: ({ alignItems, children, childrenFlex, className, flexDirection, flexWrap, fullHeight, fullWidth, gap, justifyContent, padding, style, }: FlexProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Flex: ({ alignItems, children, childrenFlex, className, flexDirection, flexWrap, fullHeight, fullWidth, gap, justifyContent, padding, style, ...rest }: FlexProps) => import("react/jsx-runtime").JSX.Element;

package/components/flex/Flex.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),i=require("react/jsx-runtime"),l=require("clsx"),r=require("../../style-inject.es-d4ddeae4.js");function a(e){return e&&e.__esModule?e:{default:e}}var n=a(l),o="Amino_Flex-module__flexWrapper--RLOkf",p="Amino_Flex-module__fullWidth--qdBi7",t="Amino_Flex-module__fullHeight--h1TZi";r.styleInject(".Amino_Flex-module__flexWrapper--RLOkf{align-items:var(--amino-flex-wrapper-align-items);display:flex;flex-direction:var(--amino-flex-wrapper-flex-direction);flex-wrap:var(--amino-flex-wrapper-flex-wrap);gap:var(--amino-flex-wrapper-gap);justify-content:var(--amino-flex-wrapper-justify-content);padding:var(--amino-flex-wrapper-padding)}.Amino_Flex-module__flexWrapper--RLOkf>*{flex:var(--amino-flex-wrapper-flex-children)}.Amino_Flex-module__flexWrapper--RLOkf.Amino_Flex-module__fullWidth--qdBi7{width:100%}.Amino_Flex-module__flexWrapper--RLOkf.Amino_Flex-module__fullHeight--h1TZi{height:100%}");exports.Flex=function(l){var r=l.alignItems,a=void 0===r?"stretch":r,f=l.children,x=l.childrenFlex,d=void 0===x?"initial":x,m=l.className,s=l.flexDirection,_=void 0===s?"row":s,u=l.flexWrap,c=void 0===u?"nowrap":u,v=l.fullHeight,w=void 0!==v&&v,g=l.fullWidth,h=void 0!==g&&g,F=l.gap,j=void 0===F?8:F,y=l.justifyContent,A=void 0===y?"flex-start":y,W=l.padding,q=void 0===W?0:W,k=l.style;return i.jsx("div",{className:n.default(m,o,h&&p,w&&t),style:e.__assign(e.__assign({},k),{"--amino-flex-wrapper-align-items":a,"--amino-flex-wrapper-flex-children":d,"--amino-flex-wrapper-flex-direction":_,"--amino-flex-wrapper-flex-wrap":c,"--amino-flex-wrapper-gap":"".concat(j,"px"),"--amino-flex-wrapper-justify-content":A,"--amino-flex-wrapper-padding":"".concat(q,"px")}),children:f})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),i=require("react/jsx-runtime"),l=require("clsx"),r=require("../../style-inject.es-d4ddeae4.js");function a(e){return e&&e.__esModule?e:{default:e}}var n=a(l),t="Amino_Flex-module__flexWrapper--RLOkf",o="Amino_Flex-module__fullWidth--qdBi7",p="Amino_Flex-module__fullHeight--h1TZi";r.styleInject(".Amino_Flex-module__flexWrapper--RLOkf{align-items:var(--amino-flex-wrapper-align-items);display:flex;flex-direction:var(--amino-flex-wrapper-flex-direction);flex-wrap:var(--amino-flex-wrapper-flex-wrap);gap:var(--amino-flex-wrapper-gap);justify-content:var(--amino-flex-wrapper-justify-content);padding:var(--amino-flex-wrapper-padding)}.Amino_Flex-module__flexWrapper--RLOkf>*{flex:var(--amino-flex-wrapper-flex-children)}.Amino_Flex-module__flexWrapper--RLOkf.Amino_Flex-module__fullWidth--qdBi7{width:100%}.Amino_Flex-module__flexWrapper--RLOkf.Amino_Flex-module__fullHeight--h1TZi{height:100%}");exports.Flex=function(l){var r=l.alignItems,a=void 0===r?"stretch":r,f=l.children,x=l.childrenFlex,d=void 0===x?"initial":x,s=l.className,m=l.flexDirection,_=void 0===m?"row":m,u=l.flexWrap,c=void 0===u?"nowrap":u,g=l.fullHeight,h=void 0!==g&&g,v=l.fullWidth,w=void 0!==v&&v,F=l.gap,j=void 0===F?8:F,y=l.justifyContent,W=void 0===y?"flex-start":y,A=l.padding,q=void 0===A?0:A,k=l.style,L=e.__rest(l,["alignItems","children","childrenFlex","className","flexDirection","flexWrap","fullHeight","fullWidth","gap","justifyContent","padding","style"]);return i.jsx("div",e.__assign({},L,{className:n.default(s,t,w&&o,h&&p),style:e.__assign(e.__assign({},k),{"--amino-flex-wrapper-align-items":a,"--amino-flex-wrapper-flex-children":d,"--amino-flex-wrapper-flex-direction":_,"--amino-flex-wrapper-flex-wrap":c,"--amino-flex-wrapper-gap":"".concat(j,"px"),"--amino-flex-wrapper-justify-content":W,"--amino-flex-wrapper-padding":"".concat(q,"px")}),children:f}))};

package/components/toast/Toast.d.ts

@@ -3,11 +3,16 @@ import type { Intent } from "../../types";
 import type { BaseProps } from "../../types/BaseProps";
 export type Direction = 'top' | 'right' | 'bottom' | 'left';
 export type ToastProps = BaseProps & {
+    actions?: ReactNode;
     children: ReactNode;
     direction?: Direction;
     /** Dismiss delay (default 6000 ms) */
     duration?: number;
     intent?: Extract<Intent, 'success' | 'warning' | 'error' | 'info'>;
+    /** If true, toast will be shown in the persistent stack */
+    isPersistent?: boolean;
     toastKey: string;
+    /** Only used for persistent toasts */
+    onDismiss?: (e: React.MouseEvent<HTMLButtonElement>) => void;
 };
-export declare const Toast: ({ children, direction, intent, style, toastKey, }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toast: ({ actions, children, direction, intent, isPersistent, onDismiss, style, toastKey, }: ToastProps) => import("react/jsx-runtime").JSX.Element;

package/components/toast/Toast.js

@@ -1 +1 @@
-"use strict";var o=require("../../_tslib-bd4862e8.js"),a=require("react"),n=require("react/jsx-runtime"),e=require("clsx"),i=require("framer-motion"),t=require("../../icons/CheckCircleIcon.js"),r=require("../../icons/InfoIcon.js"),s=require("../../icons/RemoveCircleIcon.js"),m=require("../../icons/WarningIcon.js"),_=require("../../style-inject.es-d4ddeae4.js");function c(o){return o&&o.__esModule?o:{default:o}}require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var d=c(e),l="Amino_Toast-module__aminoToast--Q7M1O",u="Amino_Toast-module__aminoSuccessToast--M03g9",g="Amino_Toast-module__aminoErrorToast--8Xban",T="Amino_Toast-module__aminoWarningToast--rFQsd",f="Amino_Toast-module__aminoInfoToast--HSKJi";_.styleInject(".Amino_Toast-module__aminoToast--Q7M1O{align-items:center;background:linear-gradient(90deg,#94969e66 0,#94969e00 50%),var(--amino-gray-1000);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-large);color:var(--amino-gray-0);display:flex;font-weight:500;gap:12px;padding:16px;-webkit-user-select:none;user-select:none;z-index:999999}.Amino_Toast-module__aminoToast--Q7M1O svg{color:var(--amino-gray-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O{background:linear-gradient(90deg,#94969e3d 0,#94969e00 50%),var(--amino-gray-50);color:var(--amino-gray-1000)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O svg{color:var(--amino-gray-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9{background:linear-gradient(90deg,#56c76f66 0,#56c76f00 50%),var(--amino-gray-1000)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9 svg{color:var(--amino-green-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9{background:linear-gradient(90deg,#56c76f3d 0,#56c76f00 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9 svg{color:var(--amino-green-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban{background:linear-gradient(90deg,#f95c6766 0,#f95c6700 50%),var(--amino-gray-1000)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban svg{color:var(--amino-red-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban{background:linear-gradient(90deg,#f95c673d 0,#f95c6700 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban svg{color:var(--amino-red-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd{background:linear-gradient(90deg,#f88c5366 0,#f88c5300 50%),var(--amino-gray-1000)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd svg{color:var(--amino-orange-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd{background:linear-gradient(90deg,#f88c533d 0,#f88c5300 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd svg{color:var(--amino-orange-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi{background:linear-gradient(90deg,#5f92f666 0,#5f92f600 50%),var(--amino-gray-1000)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi svg{color:var(--amino-blue-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi{background:linear-gradient(90deg,#5f92f63d 0,#5f92f600 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi svg{color:var(--amino-blue-600)}");exports.Toast=function(e){var _=e.children,c=e.direction,v=e.intent,A=e.style,h=e.toastKey,y=function(){switch(c){case"top":return{opacity:0,translateX:0,translateY:-10};case"bottom":return{opacity:0,translateX:0,translateY:10};case"left":return{opacity:0,translateX:-10,translateY:0};default:return{opacity:0,translateX:10,translateY:0}}},M={animate:{opacity:1,translateX:0,translateY:0},exit:y(),initial:y()},Q=function(){switch(v){case"success":return{class:u,icon:n.jsx(t.CheckCircleIcon,{})};case"error":return{class:g,icon:n.jsx(s.RemoveCircleIcon,{})};case"warning":return{class:T,icon:n.jsx(m.WarningIcon,{})};case"info":return{class:f,icon:n.jsx(r.InfoIcon,{})};default:return{class:l,icon:n.jsx(r.InfoIcon,{})}}}();return a.createElement(i.motion.div,o.__assign({className:d.default(l,Q.class),layout:!0,style:A},M,{key:h}),Q.icon,_)};
+"use strict";var o=require("../../_tslib-bd4862e8.js"),a=require("react"),n=require("react/jsx-runtime"),e=require("clsx"),i=require("framer-motion"),t=require("../button/Button.js"),s=require("../flex/Flex.js"),r=require("../../icons/CheckCircleIcon.js"),m=require("../../icons/InfoIcon.js"),_=require("../../icons/RemoveCircleIcon.js"),l=require("../../icons/RemoveIcon.js"),u=require("../../icons/WarningIcon.js"),c=require("../../style-inject.es-d4ddeae4.js");function d(o){return o&&o.__esModule?o:{default:o}}require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var T=d(e),g="Amino_Toast-module__aminoToast--Q7M1O",A="Amino_Toast-module__persistentToast--A93HB",f="Amino_Toast-module__dismissButton--HfPB9",v="Amino_Toast-module__aminoSuccessToast--M03g9",h="Amino_Toast-module__aminoErrorToast--8Xban",j="Amino_Toast-module__aminoWarningToast--rFQsd",M="Amino_Toast-module__aminoInfoToast--HSKJi";c.styleInject(".Amino_Toast-module__aminoToast--Q7M1O{background:linear-gradient(90deg,#94969e66 0,#94969e00 50%),var(--amino-gray-1000);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-large);color:var(--amino-gray-0);flex:1;font-weight:500;padding:16px;-webkit-user-select:none;user-select:none;z-index:999999}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__persistentToast--A93HB{cursor:pointer}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__persistentToast--A93HB:hover{transform:scale(.95)}.Amino_Toast-module__aminoToast--Q7M1O .Amino_Toast-module__dismissButton--HfPB9{height:24px}.Amino_Toast-module__aminoToast--Q7M1O svg{color:var(--amino-gray-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O{background:linear-gradient(90deg,#94969e3d 0,#94969e00 50%),var(--amino-gray-50);color:var(--amino-gray-1000)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O svg{color:var(--amino-gray-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9{background:linear-gradient(90deg,#56c76f66 0,#56c76f00 50%),var(--amino-gray-1000)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9 svg{color:var(--amino-green-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9{background:linear-gradient(90deg,#56c76f3d 0,#56c76f00 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9 svg{color:var(--amino-green-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban{background:linear-gradient(90deg,#f95c6766 0,#f95c6700 50%),var(--amino-gray-1000)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban svg{color:var(--amino-red-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban{background:linear-gradient(90deg,#f95c673d 0,#f95c6700 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban svg{color:var(--amino-red-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd{background:linear-gradient(90deg,#f88c5366 0,#f88c5300 50%),var(--amino-gray-1000)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd svg{color:var(--amino-orange-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd{background:linear-gradient(90deg,#f88c533d 0,#f88c5300 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd svg{color:var(--amino-orange-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi{background:linear-gradient(90deg,#5f92f666 0,#5f92f600 50%),var(--amino-gray-1000)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi svg{color:var(--amino-blue-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi{background:linear-gradient(90deg,#5f92f63d 0,#5f92f600 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi svg{color:var(--amino-blue-600)}");exports.Toast=function(e){var c=e.actions,d=e.children,Q=e.direction,b=e.intent,p=e.isPersistent,x=e.onDismiss,y=e.style,O=e.toastKey,I=function(){switch(Q){case"top":return{opacity:0,translateX:0,translateY:-10};case"bottom":return{opacity:0,translateX:0,translateY:10};case"left":return{opacity:0,translateX:-10,translateY:0};default:return{opacity:0,translateX:10,translateY:0}}},q={animate:{opacity:1,translateX:0,translateY:0},exit:I(),initial:I()},k=function(){switch(b){case"success":return{class:v,icon:n.jsx(r.CheckCircleIcon,{})};case"error":return{class:h,icon:n.jsx(_.RemoveCircleIcon,{})};case"warning":return{class:j,icon:n.jsx(u.WarningIcon,{})};case"info":return{class:M,icon:n.jsx(m.InfoIcon,{})};default:return{class:g,icon:n.jsx(m.InfoIcon,{})}}}();return a.createElement(i.motion.div,o.__assign({className:T.default(g,k.class,p&&A),layout:!0,style:o.__assign({},y)},q,{key:O}),n.jsxs(s.Flex,{alignItems:"flex-start",gap:12,justifyContent:"space-between",children:[n.jsxs(s.Flex,{gap:12,children:[n.jsx("div",{children:k.icon}),n.jsx("div",{children:d})]}),n.jsxs(s.Flex,{alignItems:"flex-start",className:"toast-actions",gap:12,children:[c,p&&n.jsx(t.Button,{className:f,icon:n.jsx(l.RemoveIcon,{}),onClick:function(o){return null==x?void 0:x(o)},variant:"plain"})]})]}))};

package/components/toast/ToastContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),r=require("react"),o=require("clsx"),n=require("framer-motion"),s=require("uuid"),i=require("../flex/Flex.js"),a=require("./Toast.js"),c=require("../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");var l=u(o),d="Amino_ToastContext-module__toastsWrapper--W5SKw";c.styleInject(".Amino_ToastContext-module__toastsWrapper--W5SKw{align-items:center;bottom:var(--amino-toast-context-bottom);display:flex;flex-direction:column;gap:24px;left:var(--amino-toast-context-left)}");var m=r.createContext((function(e,t){}));exports.ToastContext=m,exports.ToastContextProvider=function(o){var c=o.children,u=e.__read(r.useState([]),2),x=u[0],f=u[1],_=e.__read(r.useState({bottom:"",left:""}),2),j=_[0],p=_[1],v=r.useCallback((function(t,r){f((function(o){return e.__spreadArray(e.__spreadArray([],e.__read(o),!1),[{props:r,toast:t,uuid:s.v4()}],!1)})),setTimeout((function(){return f((function(e){return e.slice(1)}))}),(null==r?void 0:r.duration)||6e3)}),[f]),q=r.useCallback((function(e,t,r){r&&p({bottom:r.bottom||"",left:r.left||""}),v(e,t)}),[v]);return t.jsxs(m.Provider,{value:q,children:[c,t.jsx("div",{className:"toast-container",style:{"--amino-toast-context-bottom":j.bottom||"40px","--amino-toast-context-left":j.left||"auto"},children:t.jsx("div",{className:l.default(d,"toasts-wrapper"),children:t.jsx(n.AnimatePresence,{children:x.map((function(e){var r=e.props,o=e.toast,n=e.uuid,s="toast-".concat(o,"-").concat(n);return t.jsx(i.Flex,{children:t.jsx(a.Toast,{direction:null==r?void 0:r.direction,intent:null==r?void 0:r.intent,toastKey:s,children:o})},s)}))})})})]})};
+"use strict";var t=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),o=require("react"),n=require("clsx"),s=require("framer-motion"),r=require("uuid"),i=require("../button/Button.js"),a=require("../flex/Flex.js"),u=require("./Toast.js"),l=require("../../icons/RemoveIcon.js"),d=require("../../style-inject.es-d4ddeae4.js");function _(t){return t&&t.__esModule?t:{default:t}}require("../button/RippleGroup.js"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");var m=_(n),p="Amino_ToastContext-module__toastContainer--v8ymm",c="Amino_ToastContext-module__toastsWrapper--W5SKw",x="Amino_ToastContext-module__regularToastsWrapper--onKC-",T="Amino_ToastContext-module__persistentToastsWrapper--5dhd9",f="Amino_ToastContext-module__clearAllButton--r43o-",h="Amino_ToastContext-module__expanded--mPeFN",C="Amino_ToastContext-module__persistentToast--yMpFG";d.styleInject(".Amino_ToastContext-module__toastContainer--v8ymm{bottom:var(--amino-toast-context-bottom);display:flex;flex-direction:column;justify-content:flex-end;left:var(--amino-toast-context-left);position:fixed;width:100%;z-index:9999999}.Amino_ToastContext-module__toastsWrapper--W5SKw{align-items:center;display:flex;flex-direction:column;gap:16px}.Amino_ToastContext-module__regularToastsWrapper--onKC-{margin-bottom:16px}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9{margin:0 auto;max-height:60vh;max-width:600px;min-height:var(--amino-toast-persistent-height);position:relative;width:100%;z-index:1000}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:hover{cursor:pointer}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__clearAllButton--r43o-{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000000f;border-radius:var(--amino-radius-4);margin-left:auto}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9.Amino_ToastContext-module__expanded--mPeFN{position:relative;width:100%}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9.Amino_ToastContext-module__expanded--mPeFN .Amino_ToastContext-module__clearAllButton--r43o-{margin-bottom:-8px}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__persistentToast--yMpFG{width:100%;z-index:8}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__persistentToast--yMpFG:first-of-type{z-index:10}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__persistentToast--yMpFG:nth-of-type(2){z-index:9}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG{filter:brightness(2);opacity:0;position:absolute;scale:.5;transform-origin:bottom center;transition:all .3s cubic-bezier(.4,0,.2,1)}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG:first-of-type{bottom:0;filter:brightness(1);opacity:1;scale:1}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG:nth-of-type(2){bottom:-8px;filter:brightness(1.5);opacity:1;scale:.9}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG:nth-of-type(3){bottom:-16px;filter:brightness(2);opacity:.8;scale:.8}");var A=o.createContext((function(t,e){}));exports.ToastContext=A,exports.ToastContextProvider=function(n){var d=n.children,_=t.__read(o.useState([]),2),v=_[0],b=_[1],y=t.__read(o.useState([]),2),j=y[0],g=y[1],q=t.__read(o.useState(!1),2),W=q[0],F=q[1],P=t.__read(o.useState({bottom:"",left:""}),2),N=P[0],k=P[1],I=o.useCallback((function(e,o){var n={isPersistent:null==o?void 0:o.isPersistent,props:o,toast:e,uuid:r.v4()};(null==o?void 0:o.isPersistent)?g((function(e){return t.__spreadArray([n],t.__read(e),!1)})):(b((function(e){return t.__spreadArray(t.__spreadArray([],t.__read(e),!1),[n],!1)})),setTimeout((function(){return b((function(t){return t.slice(1)}))}),(null==o?void 0:o.duration)||6e3))}),[b,g]),w=o.useCallback((function(t,e,o){o&&k({bottom:o.bottom||"",left:o.left||""}),I(t,e)}),[I]),G=function(t,e){t.stopPropagation(),function(t){g((function(e){return e.filter((function(e){return e.uuid!==t}))}))}(e)},M=function(t){var e=t.currentTarget.querySelector(".toast-actions");e&&!e.contains(t.target)&&F((function(t){return!t}))},S=o.useRef(null),B=t.__read(o.useState(0),2),K=B[0],R=B[1],z=j.find(Boolean);return o.useEffect((function(){S.current&&R(S.current.offsetHeight)}),[z]),e.jsxs(A.Provider,{value:w,children:[d,e.jsxs("div",{className:p,style:{"--amino-toast-context-bottom":N.bottom||"40px","--amino-toast-context-left":N.left||"auto","--amino-toast-persistent-height":j.length>0&&!W?"".concat(K+40,"px"):"unset"},children:[e.jsx("div",{className:m.default(c,x),children:e.jsx(s.AnimatePresence,{children:v.map((function(t){var o=t.props,n=t.toast,s=t.uuid,r="toast-".concat(n,"-").concat(s);return e.jsx(a.Flex,{children:e.jsx(u.Toast,{direction:null==o?void 0:o.direction,intent:null==o?void 0:o.intent,toastKey:r,children:n})},r)}))})}),e.jsxs("div",{className:m.default(c,T,W&&h),children:[!!j.length&&e.jsx(i.Button,{className:f,icon:e.jsx(l.RemoveIcon,{}),onClick:function(){g([]),F(!1)},variant:"text",children:"Clear all"}),e.jsx(s.AnimatePresence,{children:j.map((function(o,n){var s=o.props,r=o.toast,i=o.uuid,l="persistent-toast-".concat(r,"-").concat(i);return e.jsx("div",{ref:0===n?S:null,className:C,onClick:M,onKeyDown:function(t){"Enter"!==t.key&&" "!==t.key||M(t)},role:"button",tabIndex:0,children:e.jsx(a.Flex,{fullWidth:!0,children:e.jsx(u.Toast,t.__assign({isPersistent:!0,onDismiss:function(t){var e;null===(e=null==s?void 0:s.onDismiss)||void 0===e||e.call(s,t),G(t,i)},toastKey:l},s,{children:0===n||W?r:""}))})},l)}))})]})]})]})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.4.18",
+  "version": "5.4.20",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",

package/utils/hooks/useNotify.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("../../components/toast/ToastContext.js");require("../../_tslib-bd4862e8.js"),require("react/jsx-runtime"),require("clsx"),require("framer-motion"),require("uuid"),require("../../components/flex/Flex.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../components/toast/Toast.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");exports.useNotify=function(){return e.useContext(r.ToastContext)};
+"use strict";var e=require("react"),r=require("../../components/toast/ToastContext.js");require("../../_tslib-bd4862e8.js"),require("react/jsx-runtime"),require("clsx"),require("framer-motion"),require("uuid"),require("../../components/button/Button.js"),require("../../components/button/RippleGroup.js"),require("../../components/button/_Ripple.js"),require("../getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../components/button/useRipple.js"),require("../../components/spinner/Spinner.js"),require("../../components/flex/Flex.js"),require("../../components/toast/Toast.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/WarningIcon.js");exports.useNotify=function(){return e.useContext(r.ToastContext)};