@zonos/amino 5.5.25 → 5.5.27

package/components/button/Button.js

@@ -1 +1 @@
-"use strict";var o=require("../../tslib.es6-5672428a.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("../../utils/getTestId.js"),r=require("../../style-inject.es-d4ddeae4.js");function s(o){return o&&o.__esModule?o:{default:o}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var l=s(u),B={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;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:80%}.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:80%}.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-shadow-button-primary-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL[disabled]{background:var(--amino-gray-500);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);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:unset}.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)}.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:var(--amino-shadow-button-success-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9[disabled]{background:var(--amino-gray-500);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);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:unset}.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)}.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-raised-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-shadow-raised-focus)}.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;border:1px solid var(--amino-gray-300);box-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:#0000000a;background-image:unset}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:#ffffff14}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):focus{box-shadow:0 0 0 4px #00000014}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):focus{box-shadow:0 0 0 4px #dce1ff3d}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O{background:var(--amino-gray-1000);box-shadow:var(--amino-shadow-raised-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-shadow-raised-focus)}.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-shadow-button-danger-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY[disabled]{background:var(--amino-gray-500);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);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:unset}.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)}.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__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:before{content:none}.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-shadow-button-warning-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z[disabled]{background:var(--amino-gray-500);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);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:unset}.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 r,s=u.background,c=u.children,A=u.className,p=u.color,b=u.disabled,g=void 0!==b&&b,v=u.fitContentWidth,h=u.hoverBackground,w=u.icon,k=u.iconRight,f=u.loading,x=void 0!==f&&f,y=u.loadingText,S=u.noRipple,W=void 0!==S&&S,R=u.outline,j=void 0!==R&&R,z=u.size,L=void 0===z?"sm":z,C=u.spinnerColor,q=u.style,N=u.tag,I=void 0===N?"button":N,H=u.testId,O=u.themeOverride,Y=u.type,V=void 0===Y?"button":Y,T=u.variant,G=void 0===T?"standard":T,J=o.__rest(u,["background","children","className","color","disabled","fitContentWidth","hoverBackground","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","testId","themeOverride","type","variant"]),M=I,Q=o.__read(t.useState(""),2),D=Q[0],U=Q[1],E=t.useCallback((function(o){U((null==o?void 0:o.textContent)||"")}),[]),X=t.useMemo((function(){return d.getTestId({componentName:"button",name:D})}),[D]),F=function(){switch(L){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},P=l.default("amino-button",B.aminoButton,"plain"===G?"":B["".concat(G,"Button")],j&&B.outline,A||"",w&&!c?B.onlyIcon:"",k?B.iconRight:"",w?B.hasIcon:"",x?B.loading:""),K=t.useRef(null),Z=a.useRipple({disabled:g||x,rippleEnabled:!W&&!["plain","text","inlineLink"].includes(G),rippleRef:K}),$=Z.getRippleHandlers,oo=Z.rippleEnabled,no={className:P,disabled:g||x,size:L},to=o.__assign(o.__assign(o.__assign({type:V},no),J),$(J));return n.jsxs(M,o.__assign({ref:E,"data-testid":H||X,"data-theme":O,style:o.__assign(o.__assign({},q),{"--amino-button-background-color":function(){if(s)return _.getAminoColor(s)||"";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(h&&"inherit"!==h){var o=_.getAminoColor(h);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":J.href?m.theme.primary:m.theme.textColorSecondary,"--amino-button-text-button-disabled-color":J.href?m.theme.blue300:m.theme.gray300,"--amino-button-text-button-hover-color":J.href?m.theme.blue500:m.theme.gray500,"--amino-button-width":v?"fit-content":"auto"}),tabIndex:"div"===I?0:void 0},to,{children:[(r=C||function(){switch(G){case"primary":return j?"info":"white";case"success":return j?"success":"white";case"warning":return j?"warning":"white";case"danger":return j?"danger":"white";case"inverted":return"white";case"link":case"inlineLink":return"info";default:return"black"}}(),n.jsxs(n.Fragment,{children:[!k&&n.jsx("span",{className:B.content,children:w}),n.jsx("div",{className:l.default(B.content,B.text),children:c}),k&&n.jsx("span",{className:B.content,children:w}),"plain"!==G&&"text"!==G&&x&&n.jsxs("span",{className:B.spinnerWrapper,children:[n.jsx(i.Spinner,{color:r,size:F()}),y]})]})),oo&&n.jsx(e.RippleGroup,{ref:K})]}))};
+"use strict";var o=require("../../tslib.es6-5672428a.js"),t=require("react/jsx-runtime"),n=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("../../utils/getTestId.js"),s=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 l=r(u),B={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"};s.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;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:80%}.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:80%}.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);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[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-shadow-button-primary-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL[disabled]{background:var(--amino-gray-500);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-blue-600);color:var(--amino-blue-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.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:unset}.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-blue-600)}.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);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[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:var(--amino-shadow-button-success-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9[disabled]{background:var(--amino-gray-500);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-green-600);color:var(--amino-green-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.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:unset}.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-green-600)}.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-raised-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-shadow-raised-focus)}.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;border:1px solid var(--amino-gray-300);box-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:#0000000a;background-image:unset}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:#ffffff14}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):focus{box-shadow:0 0 0 4px #00000014}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):focus{box-shadow:0 0 0 4px #dce1ff3d}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O{background:var(--amino-gray-1000);box-shadow:var(--amino-shadow-raised-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-shadow-raised-focus)}.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);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[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-shadow-button-danger-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY[disabled]{background:var(--amino-gray-500);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-red-600);color:var(--amino-red-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.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:unset}.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-red-600)}.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__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:before{content:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{box-shadow:var(--amino-shadow-button-warning);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[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-shadow-button-warning-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z[disabled]{background:var(--amino-gray-500);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-orange-600);color:var(--amino-orange-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.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:unset}.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-orange-600) 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 s,r=u.background,c=u.children,p=u.className,A=u.color,b=u.disabled,g=void 0!==b&&b,h=u.fitContentWidth,v=u.hoverBackground,w=u.icon,x=u.iconRight,f=u.loading,k=void 0!==f&&f,y=u.loadingText,S=u.noRipple,W=void 0!==S&&S,R=u.outline,j=void 0!==R&&R,L=u.size,z=void 0===L?"sm":L,C=u.spinnerColor,q=u.style,N=u.tag,I=void 0===N?"button":N,H=u.testId,O=u.themeOverride,Y=u.type,V=void 0===Y?"button":Y,T=u.variant,G=void 0===T?"standard":T,J=o.__rest(u,["background","children","className","color","disabled","fitContentWidth","hoverBackground","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","testId","themeOverride","type","variant"]),M=I,Q=o.__read(n.useState(""),2),D=Q[0],U=Q[1],E=n.useCallback((function(o){U((null==o?void 0:o.textContent)||"")}),[]),X=n.useMemo((function(){return d.getTestId({componentName:"button",name:D})}),[D]),F=function(){switch(z){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},P=l.default("amino-button",B.aminoButton,"plain"===G?"":B["".concat(G,"Button")],j&&B.outline,p||"",w&&!c?B.onlyIcon:"",x?B.iconRight:"",w?B.hasIcon:"",k?B.loading:""),K=n.useRef(null),Z=a.useRipple({disabled:g||k,rippleEnabled:!W&&!["plain","text","inlineLink"].includes(G),rippleRef:K}),$=Z.getRippleHandlers,oo=Z.rippleEnabled,to={className:P,disabled:g||k,size:z},no=o.__assign(o.__assign(o.__assign({type:V},to),J),$(J));return t.jsxs(M,o.__assign({ref:E,"data-testid":H||X,"data-theme":O,style:o.__assign(o.__assign({},q),{"--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(A)return _.getAminoColor(A)||"";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(z){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(z){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(z){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(z,")"),"--amino-button-text-button-color":J.href?m.theme.primary:m.theme.textColorSecondary,"--amino-button-text-button-disabled-color":J.href?m.theme.blue300:m.theme.gray300,"--amino-button-text-button-hover-color":J.href?m.theme.blue500:m.theme.gray500,"--amino-button-width":h?"fit-content":"auto"}),tabIndex:"div"===I?0:void 0},no,{children:[(s=C||function(){switch(G){case"primary":return j?"info":"white";case"success":return j?"success":"white";case"warning":return j?"warning":"white";case"danger":return j?"danger":"white";case"inverted":return"white";case"link":case"inlineLink":return"info";default:return"black"}}(),t.jsxs(t.Fragment,{children:[!x&&t.jsx("span",{className:B.content,children:w}),t.jsx("div",{className:l.default(B.content,B.text),children:c}),x&&t.jsx("span",{className:B.content,children:w}),"plain"!==G&&"text"!==G&&k&&t.jsxs("span",{className:B.spinnerWrapper,children:[t.jsx(i.Spinner,{color:s,size:F()}),y]})]})),oo&&t.jsx(e.RippleGroup,{ref:K})]}))};

package/components/list-item/ListItem.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),i=require("../text/Text.js"),o=require("../../style-inject.es-d4ddeae4.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../../tslib.es6-5672428a.js"),require("../../styles/constants/theme.js");var n=m(t),s="Amino_ListItem-module__aminoListItem--1LE7t",a="Amino_ListItem-module__hasIcon--2Imem",l="Amino_ListItem-module__disabled--bb--n",r="Amino_ListItem-module__selected--Ih4MV",_="Amino_ListItem-module__withClick--4KRpm",d="Amino_ListItem-module__textContainer--n4vsF",u="Amino_ListItem-module__icon--zwqup";o.styleInject(".Amino_ListItem-module__aminoListItem--1LE7t{align-items:center;border-radius:var(--amino-radius-8);display:flex;flex-direction:row;gap:var(--amino-space-16);line-height:16px;min-height:var(--amino-size-xl);padding:var(--amino-space-8) var(--amino-space-16)}.Amino_ListItem-module__aminoListItem--1LE7t .__icon-wrapper{display:none}.Amino_ListItem-module__aminoListItem--1LE7t .__icon-wrapper.Amino_ListItem-module__hasIcon--2Imem{display:inline-block}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n).Amino_ListItem-module__selected--Ih4MV{background-color:var(--amino-blue-100)}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n).Amino_ListItem-module__selected--Ih4MV *{color:var(--amino-blue-800)}.Amino_ListItem-module__aminoListItem--1LE7t:active,.Amino_ListItem-module__aminoListItem--1LE7t:focus,.Amino_ListItem-module__aminoListItem--1LE7t:hover{background-color:var(--amino-hover-color);outline:none}.Amino_ListItem-module__aminoListItem--1LE7t.Amino_ListItem-module__disabled--bb--n{color:var(--amino-gray-600);cursor:not-allowed}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n):not(.Amino_ListItem-module__selected--Ih4MV).Amino_ListItem-module__withClick--4KRpm:hover{background-color:var(--amino-hover-color);cursor:pointer}.Amino_ListItem-module__textContainer--n4vsF{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;gap:2px}.Amino_ListItem-module__icon--zwqup{border-radius:var(--amino-radius-6);height:var(--amino-space-32);margin-right:var(--amino-space-16);width:var(--amino-space-32)}");var c=function(t){var i=t.icon,o=t.iconComponent,m=t.label;return i?e.jsx("img",{alt:m,className:u,src:i}):o?e.jsx(e.Fragment,{children:o}):null};exports.ListItem=function(t){var o=t.className,m=t.decorator,u=t.disabled,L=t.label,I=t.onClick,p=t.rightDecorator,b=t.selected,v=t.style,h=t.subtitle;return e.jsxs("button",{className:n.default(o,s,u&&l,b&&r,!!I&&_),onClick:function(e){return!u&&(null==I?void 0:I(e))},style:v,type:"button",children:[e.jsxs("div",{className:n.default("__icon-wrapper",m&&a),children:[m,e.jsx(c,{label:"string"==typeof L?L:""})]}),e.jsxs("div",{className:d,children:[e.jsx(i.Text,{type:"label",children:L}),h&&e.jsx(i.Text,{type:"caption",children:h})]}),p]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),i=require("../text/Text.js"),o=require("../../style-inject.es-d4ddeae4.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../../tslib.es6-5672428a.js"),require("../../styles/constants/theme.js");var n=m(t),s="Amino_ListItem-module__aminoListItem--1LE7t",a="Amino_ListItem-module__hasIcon--2Imem",l="Amino_ListItem-module__disabled--bb--n",r="Amino_ListItem-module__selected--Ih4MV",_="Amino_ListItem-module__withClick--4KRpm",d="Amino_ListItem-module__textContainer--n4vsF",u="Amino_ListItem-module__icon--zwqup";o.styleInject(".Amino_ListItem-module__aminoListItem--1LE7t{align-items:center;border-radius:var(--amino-radius-8);display:flex;flex-direction:row;gap:var(--amino-space-16);line-height:16px;min-height:var(--amino-size-xl);padding:var(--amino-space-8) var(--amino-space-16)}.Amino_ListItem-module__aminoListItem--1LE7t .__icon-wrapper{display:none}.Amino_ListItem-module__aminoListItem--1LE7t .__icon-wrapper.Amino_ListItem-module__hasIcon--2Imem{display:inline-block}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n).Amino_ListItem-module__selected--Ih4MV{background-color:var(--amino-blue-50)}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n).Amino_ListItem-module__selected--Ih4MV *{color:var(--amino-blue-800)}.Amino_ListItem-module__aminoListItem--1LE7t:active,.Amino_ListItem-module__aminoListItem--1LE7t:focus,.Amino_ListItem-module__aminoListItem--1LE7t:hover{background-color:var(--amino-hover-color);outline:none}.Amino_ListItem-module__aminoListItem--1LE7t.Amino_ListItem-module__disabled--bb--n{color:var(--amino-gray-600);cursor:not-allowed}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n):not(.Amino_ListItem-module__selected--Ih4MV).Amino_ListItem-module__withClick--4KRpm:hover{background-color:var(--amino-hover-color);cursor:pointer}.Amino_ListItem-module__textContainer--n4vsF{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;gap:2px}.Amino_ListItem-module__icon--zwqup{border-radius:var(--amino-radius-6);height:var(--amino-space-32);margin-right:var(--amino-space-16);width:var(--amino-space-32)}");var c=function(t){var i=t.icon,o=t.iconComponent,m=t.label;return i?e.jsx("img",{alt:m,className:u,src:i}):o?e.jsx(e.Fragment,{children:o}):null};exports.ListItem=function(t){var o=t.className,m=t.decorator,u=t.disabled,L=t.label,I=t.onClick,p=t.rightDecorator,b=t.selected,v=t.style,h=t.subtitle;return e.jsxs("button",{className:n.default(o,s,u&&l,b&&r,!!I&&_),onClick:function(e){return!u&&(null==I?void 0:I(e))},style:v,type:"button",children:[e.jsxs("div",{className:n.default("__icon-wrapper",m&&a),children:[m,e.jsx(c,{label:"string"==typeof L?L:""})]}),e.jsxs("div",{className:d,children:[e.jsx(i.Text,{type:"label",children:L}),h&&e.jsx(i.Text,{type:"caption",children:h})]}),p]})};

package/package.json

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

package/styles/constants/theme.d.ts

@@ -31,161 +31,161 @@ export declare const theme: {
     readonly glass1000: "var(--amino-glass-1000)";
     /** @info white  */
     readonly gray0: "var(--amino-gray-0)";
-    /** @info #F4F5F6  */
+    /** @info #F0F2F4  */
     readonly gray50: "var(--amino-gray-50)";
-    /** @info #E8EAEE  */
+    /** @info #E3E4E8  */
     readonly gray100: "var(--amino-gray-100)";
-    /** @info #DFE2E7  */
+    /** @info #C8CAD2  */
     readonly gray200: "var(--amino-gray-200)";
-    /** @info #BCC3CD  */
+    /** @info #ABAEB5  */
     readonly gray300: "var(--amino-gray-300)";
-    /** @info #8A95A8  */
+    /** @info #9598A2  */
     readonly gray400: "var(--amino-gray-400)";
-    /** @info #68748D  */
+    /** @info #7D7F8C  */
     readonly gray500: "var(--amino-gray-500)";
-    /** @info #555D72  */
+    /** @info #6A6E7A  */
     readonly gray600: "var(--amino-gray-600)";
-    /** @info #454C5E  */
+    /** @info #585A65  */
     readonly gray700: "var(--amino-gray-700)";
-    /** @info #343846  */
+    /** @info #454751  */
     readonly gray800: "var(--amino-gray-800)";
-    /** @info #272A35  */
+    /** @info #32353E  */
     readonly gray900: "var(--amino-gray-900)";
-    /** @info #1E2029  */
+    /** @info #1F212A  */
     readonly gray950: "var(--amino-gray-950)";
-    /** @info #0F1015  */
+    /** @info #101117  */
     readonly gray1000: "var(--amino-gray-1000)";
-    /** @info #E7F0FE  */
+    /** @info #ECF7FF  */
     readonly blue50: "var(--amino-blue-50)";
-    /** @info #DAE7FC  */
+    /** @info #D2ECFF  */
     readonly blue100: "var(--amino-blue-100)";
-    /** @info #C2D6FB  */
+    /** @info #A8DCFE  */
     readonly blue200: "var(--amino-blue-200)";
-    /** @info #98B6F8  */
+    /** @info #56C4FF  */
     readonly blue300: "var(--amino-blue-300)";
-    /** @info #678FF3  */
+    /** @info #00A8F8  */
     readonly blue400: "var(--amino-blue-400)";
-    /** @info #446FEE  */
+    /** @info #0089EA  */
     readonly blue500: "var(--amino-blue-500)";
-    /** @info #2E55E2  */
+    /** @info #006CD3  */
     readonly blue600: "var(--amino-blue-600)";
-    /** @info #2544D0  */
+    /** @info #0055BA  */
     readonly blue700: "var(--amino-blue-700)";
-    /** @info #2438A9  */
+    /** @info #00439F  */
     readonly blue800: "var(--amino-blue-800)";
-    /** @info #232E85  */
+    /** @info #003172  */
     readonly blue900: "var(--amino-blue-900)";
-    /** @info #1A1F51  */
+    /** @info #072047  */
     readonly blue950: "var(--amino-blue-950)";
-    /** @info #E6FEFD  */
+    /** @info #E9F9F8  */
     readonly cyan50: "var(--amino-cyan-50)";
-    /** @info #D6FFFE  */
+    /** @info #B8FAF5  */
     readonly cyan100: "var(--amino-cyan-100)";
-    /** @info #C0F2F2  */
+    /** @info #7BEAE3  */
     readonly cyan200: "var(--amino-cyan-200)";
-    /** @info #9BE7E9  */
+    /** @info #00D5D1  */
     readonly cyan300: "var(--amino-cyan-300)";
-    /** @info #66D5DB  */
+    /** @info #00BCBA  */
     readonly cyan400: "var(--amino-cyan-400)";
-    /** @info #3EC4D0  */
+    /** @info #00A0A1  */
     readonly cyan500: "var(--amino-cyan-500)";
-    /** @info #2CA0AF  */
+    /** @info #007F80  */
     readonly cyan600: "var(--amino-cyan-600)";
-    /** @info #29818E  */
+    /** @info #00686A  */
     readonly cyan700: "var(--amino-cyan-700)";
-    /** @info #25646F  */
+    /** @info #005559  */
     readonly cyan800: "var(--amino-cyan-800)";
-    /** @info #1D464E  */
+    /** @info #003E40  */
     readonly cyan900: "var(--amino-cyan-900)";
-    /** @info #152D32  */
+    /** @info #00272A  */
     readonly cyan950: "var(--amino-cyan-950)";
-    /** @info #FFECEB  */
+    /** @info #FFF1F3  */
     readonly red50: "var(--amino-red-50)";
-    /** @info #FEE5E5  */
+    /** @info #FFDDE0  */
     readonly red100: "var(--amino-red-100)";
-    /** @info #FCCFD0  */
+    /** @info #FBC1C6  */
     readonly red200: "var(--amino-red-200)";
-    /** @info #FAA7AB  */
+    /** @info #FF8D98  */
     readonly red300: "var(--amino-red-300)";
-    /** @info #F67681  */
+    /** @info #FF5464  */
     readonly red400: "var(--amino-red-400)";
-    /** @info #EE4559  */
+    /** @info #E7293C  */
     readonly red500: "var(--amino-red-500)";
-    /** @info #DD314B  */
+    /** @info #C41524  */
     readonly red600: "var(--amino-red-600)";
-    /** @info #B81835  */
+    /** @info #A3101B  */
     readonly red700: "var(--amino-red-700)";
-    /** @info #9A1734  */
+    /** @info #8B0C18  */
     readonly red800: "var(--amino-red-800)";
-    /** @info #75142D  */
+    /** @info #620812  */
     readonly red900: "var(--amino-red-900)";
-    /** @info #49081A  */
+    /** @info #410509  */
     readonly red950: "var(--amino-red-950)";
-    /** @info #FEF4E7  */
+    /** @info #FDF3E8  */
     readonly orange50: "var(--amino-orange-50)";
-    /** @info #FDEBD7  */
+    /** @info #FFE7CA  */
     readonly orange100: "var(--amino-orange-100)";
-    /** @info #F9D3AF  */
+    /** @info #FFD29F  */
     readonly orange200: "var(--amino-orange-200)";
-    /** @info #F5B27C  */
+    /** @info #FFBA77  */
     readonly orange300: "var(--amino-orange-300)";
-    /** @info #F08E47  */
+    /** @info #FF9B55  */
     readonly orange400: "var(--amino-orange-400)";
-    /** @info #EC6F23  */
+    /** @info #FF7D35  */
     readonly orange500: "var(--amino-orange-500)";
-    /** @info #E5611A  */
+    /** @info #E74F00  */
     readonly orange600: "var(--amino-orange-600)";
-    /** @info #B74A17  */
+    /** @info #B73500  */
     readonly orange700: "var(--amino-orange-700)";
-    /** @info #923C1A  */
+    /** @info #972800  */
     readonly orange800: "var(--amino-orange-800)";
-    /** @info #763018  */
+    /** @info #6E1D00  */
     readonly orange900: "var(--amino-orange-900)";
-    /** @info #3F160B  */
+    /** @info #460C00  */
     readonly orange950: "var(--amino-orange-950)";
-    /** @info #F0FAEF  */
+    /** @info #EAFAEE  */
     readonly green50: "var(--amino-green-50)";
-    /** @info #E0F8E0  */
+    /** @info #C9F9D8  */
     readonly green100: "var(--amino-green-100)";
-    /** @info #C3EFC5  */
+    /** @info #99EAB5  */
     readonly green200: "var(--amino-green-200)";
-    /** @info #93E29A  */
+    /** @info #63D591  */
     readonly green300: "var(--amino-green-300)";
-    /** @info #5DCB6A  */
+    /** @info #00C46F  */
     readonly green400: "var(--amino-green-400)";
-    /** @info #37B04A  */
+    /** @info #00A859  */
     readonly green500: "var(--amino-green-500)";
-    /** @info #2CA041  */
+    /** @info #008544  */
     readonly green600: "var(--amino-green-600)";
-    /** @info #237234  */
+    /** @info #006D3A  */
     readonly green700: "var(--amino-green-700)";
-    /** @info #205B2F  */
+    /** @info #005A2F  */
     readonly green800: "var(--amino-green-800)";
-    /** @info #1C4B29  */
+    /** @info #004123  */
     readonly green900: "var(--amino-green-900)";
-    /** @info #0A2914  */
+    /** @info #002A15  */
     readonly green950: "var(--amino-green-950)";
-    /** @info #FCF0FF  */
+    /** @info #F9F2FD  */
     readonly purple50: "var(--amino-purple-50)";
-    /** @info #FAE8FF  */
+    /** @info #F3DFFF  */
     readonly purple100: "var(--amino-purple-100)";
-    /** @info #F4D4FF  */
+    /** @info #E8C4FE  */
     readonly purple200: "var(--amino-purple-200)";
-    /** @info #E9B2FF  */
+    /** @info #D998FF  */
     readonly purple300: "var(--amino-purple-300)";
-    /** @info #D782FE  */
+    /** @info #C96DFF  */
     readonly purple400: "var(--amino-purple-400)";
-    /** @info #C052FA  */
+    /** @info #B43AFF  */
     readonly purple500: "var(--amino-purple-500)";
-    /** @info #A126ED  */
+    /** @info #9817E2  */
     readonly purple600: "var(--amino-purple-600)";
-    /** @info #871ED2  */
+    /** @info #7F00C0  */
     readonly purple700: "var(--amino-purple-700)";
-    /** @info #6C1EAB  */
+    /** @info #6A089A  */
     readonly purple800: "var(--amino-purple-800)";
-    /** @info #4E1881  */
+    /** @info #4C126B  */
     readonly purple900: "var(--amino-purple-900)";
-    /** @info #2F055C  */
+    /** @info #34084E  */
     readonly purple950: "var(--amino-purple-950)";
     /** @info #FFFFFFBB */
     readonly transparentWhite: "var(--amino-transparent-white)";
@@ -245,9 +245,9 @@ export declare const theme: {
     readonly shadowInputErrorFocus: "var(--amino-shadow-input-error-focus)";
     /** @info 0px 1px 3px 0px rgba(110, 110, 120, 0.12), 0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset, 0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset */
     readonly shadowSelectBase: "var(--amino-shadow-select-base)";
-    /** @info 0px 1px 3px 0px rgba(68, 94, 238, 0.40), 0px 0px 0px 1px #445EEE inset, 0px -1px 1px 1px rgba(68, 94, 238, 0.12) inset */
+    /** @info 0px 1px 3px 0px oklch(62% 0.226011 249.91 / 0.04), 0px 0px 0px 1px var(--amino-blue-500) inset, 0px -1px 1px 1px oklch(62% 0.226011 249.91 / 0.12) inset */
     readonly shadowSelectActive: "var(--amino-shadow-select-active)";
-    /** @info 0px 1px 3px 0px rgba(221, 49, 78, 0.40), 0px 0px 0px 1px #DD314E inset, 0px -1px 1px 1px rgba(221, 49, 78, 0.12) inset */
+    /** @info 0px 1px 3px 0px oklch(64% 0.277484 24.49 / 0.04), 0px 0px 0px 1px var(--amino-red-500) inset, 0px -1px 1px 1px oklch(64% 0.277484 24.49 / 0.12) inset */
     readonly shadowSelectError: "var(--amino-shadow-select-error)";
     /** @info 0.6 */
     readonly opacityDisabled: "var(--amino-opacity-disabled)";
@@ -409,21 +409,21 @@ export declare const theme: {
     readonly surfaceColor: "var(--amino-surface-color)";
     /** @info var(--amino-gray-50) */
     readonly surfaceColorSecondary: "var(--amino-surface-color-secondary)";
-    /** @info #000000 */
+    /** @info oklch(0% 0 0) */
     readonly backdropColor: "var(--amino-backdrop-color)";
     /** @info var(--amino-gray-0) */
     readonly raisedSurfaceColor: "var(--amino-raised-surface-color)";
     /** @info var(--amino-gray-50) */
     readonly raisedColorSecondary: "var(--amino-raised-color-secondary)";
-    /** @info #FFFFFF */
+    /** @info oklch(98% 0.001972 243.25) */
     readonly pureBackgroundColor: "var(--amino-pure-background-color)";
-    /** @info linear-gradient(180deg, #446FEE 0%, #2E55E2 100%) */
+    /** @info linear-gradient(180deg, var(--amino-blue-500) 0%, var(--amino-blue-600) 100%) */
     readonly buttonPrimaryHover: "var(--amino-button-primary-hover)";
-    /** @info linear-gradient(180deg, #37B04A 0%, #2CA041 100%) */
+    /** @info linear-gradient(180deg, var(--amino-green-500) 0%, var(--amino-green-600) 100%) */
     readonly buttonSuccessHover: "var(--amino-button-success-hover)";
-    /** @info linear-gradient(180deg, #EE4559 0%, #DD314B 100%) */
+    /** @info linear-gradient(180deg, var(--amino-red-500) 0%, var(--amino-red-600) 100%) */
     readonly buttonDangerHover: "var(--amino-button-danger-hover)";
-    /** @info linear-gradient(180deg, #EC6F23 0%, #E5611A 100%) */
+    /** @info linear-gradient(180deg, var(--amino-orange-500) 0%, var(--amino-orange-600) 100%) */
     readonly buttonWarningHover: "var(--amino-button-warning-hover)";
     /** @info linear-gradient(180deg, var(--amino-gray-0) 0%, var(--amino-gray-50) 100%) */
     readonly buttonStandardHover: "var(--amino-button-standard-hover)";

package/theme.css

@@ -16,85 +16,85 @@
   --amino-glass-900: #101116c6;
   --amino-glass-950: #101116dd;
   --amino-glass-1000: #101116ef;
-  --amino-gray-0: #ffffff;
-  --amino-gray-50: #f4f5f6;
-  --amino-gray-100: #e8eaee;
-  --amino-gray-200: #dfe2e7;
-  --amino-gray-300: #bcc3cd;
-  --amino-gray-400: #8a95a8;
-  --amino-gray-500: #68748d;
-  --amino-gray-600: #555d72;
-  --amino-gray-700: #454c5e;
-  --amino-gray-800: #343846;
-  --amino-gray-900: #272a35;
-  --amino-gray-950: #1e2029;
-  --amino-gray-1000: #0f1015;
-  --amino-blue-50: #e7f0fe;
-  --amino-blue-100: #dae7fc;
-  --amino-blue-200: #c2d6fb;
-  --amino-blue-300: #98b6f8;
-  --amino-blue-400: #678ff3;
-  --amino-blue-500: #446fee;
-  --amino-blue-600: #2e55e2;
-  --amino-blue-700: #2544d0;
-  --amino-blue-800: #2438a9;
-  --amino-blue-900: #232e85;
-  --amino-blue-950: #1a1f51;
-  --amino-cyan-50: #e6fefd;
-  --amino-cyan-100: #d6fffe;
-  --amino-cyan-200: #c0f2f2;
-  --amino-cyan-300: #9be7e9;
-  --amino-cyan-400: #66d5db;
-  --amino-cyan-500: #3ec4d0;
-  --amino-cyan-600: #2ca0af;
-  --amino-cyan-700: #29818e;
-  --amino-cyan-800: #25646f;
-  --amino-cyan-900: #1d464e;
-  --amino-cyan-950: #152d32;
-  --amino-red-50: #ffeceb;
-  --amino-red-100: #fee5e5;
-  --amino-red-200: #fccfd0;
-  --amino-red-300: #faa7ab;
-  --amino-red-400: #f67681;
-  --amino-red-500: #ee4559;
-  --amino-red-600: #dd314b;
-  --amino-red-700: #b81835;
-  --amino-red-800: #9a1734;
-  --amino-red-900: #75142d;
-  --amino-red-950: #49081a;
-  --amino-orange-50: #fef4e7;
-  --amino-orange-100: #fdebd7;
-  --amino-orange-200: #f9d3af;
-  --amino-orange-300: #f5b27c;
-  --amino-orange-400: #f08e47;
-  --amino-orange-500: #ec6f23;
-  --amino-orange-600: #e5611a;
-  --amino-orange-700: #b74a17;
-  --amino-orange-800: #923c1a;
-  --amino-orange-900: #763018;
-  --amino-orange-950: #3f160b;
-  --amino-green-50: #f0faef;
-  --amino-green-100: #e0f8e0;
-  --amino-green-200: #c3efc5;
-  --amino-green-300: #93e29a;
-  --amino-green-400: #5dcb6a;
-  --amino-green-500: #37b04a;
-  --amino-green-600: #2ca041;
-  --amino-green-700: #237234;
-  --amino-green-800: #205b2f;
-  --amino-green-900: #1c4b29;
-  --amino-green-950: #0a2914;
-  --amino-purple-50: #fcf0ff;
-  --amino-purple-100: #fae8ff;
-  --amino-purple-200: #f4d4ff;
-  --amino-purple-300: #e9b2ff;
-  --amino-purple-400: #d782fe;
-  --amino-purple-500: #c052fa;
-  --amino-purple-600: #a126ed;
-  --amino-purple-700: #871ed2;
-  --amino-purple-800: #6c1eab;
-  --amino-purple-900: #4e1881;
-  --amino-purple-950: #2f055c;
+  --amino-gray-0: oklch(100% 0 0);
+  --amino-gray-50: oklch(96% 0.003331 261.35);
+  --amino-gray-100: oklch(92% 0.005062 273.22);
+  --amino-gray-200: oklch(84% 0.011268 273.09);
+  --amino-gray-300: oklch(75% 0.011129 271.29);
+  --amino-gray-400: oklch(68% 0.014659 274.38);
+  --amino-gray-500: oklch(60% 0.018887 276.3);
+  --amino-gray-600: oklch(54% 0.01915 271.63);
+  --amino-gray-700: oklch(47% 0.017851 275.24);
+  --amino-gray-800: oklch(40% 0.018521 275.1);
+  --amino-gray-900: oklch(33% 0.016878 273.86);
+  --amino-gray-950: oklch(25% 0.016174 272.24);
+  --amino-gray-1000: oklch(18% 0.011432 274.76);
+  --amino-blue-50: oklch(97% 0.017389 239.88);
+  --amino-blue-100: oklch(93% 0.041011 240.3);
+  --amino-blue-200: oklch(87% 0.071746 237.49);
+  --amino-blue-300: oklch(78% 0.141686 235.48);
+  --amino-blue-400: oklch(70% 0.188568 240.58);
+  --amino-blue-500: oklch(62% 0.226011 249.91);
+  --amino-blue-600: oklch(54% 0.211254 255.29);
+  --amino-blue-700: oklch(47% 0.205528 258.03);
+  --amino-blue-800: oklch(41% 0.173938 259.15);
+  --amino-blue-900: oklch(33% 0.122779 258.07);
+  --amino-blue-950: oklch(25% 0.080185 259.83);
+  --amino-cyan-50: oklch(97% 0.017 190.88);
+  --amino-cyan-100: oklch(94% 0.065935 190.63);
+  --amino-cyan-200: oklch(87% 0.103334 189.72);
+  --amino-cyan-300: oklch(79% 0.142433 191.93);
+  --amino-cyan-400: oklch(72% 0.152499 193.32);
+  --amino-cyan-500: oklch(64% 0.142342 195.02);
+  --amino-cyan-600: oklch(54% 0.119823 196.23);
+  --amino-cyan-700: oklch(47% 0.100918 197.08);
+  --amino-cyan-800: oklch(41% 0.083129 199.67);
+  --amino-cyan-900: oklch(33% 0.063245 198.09);
+  --amino-cyan-950: oklch(25% 0.051787 202.18);
+  --amino-red-50: oklch(97% 0.019692 9.85);
+  --amino-red-100: oklch(93% 0.047334 10.87);
+  --amino-red-200: oklch(87% 0.083764 12.35);
+  --amino-red-300: oklch(78% 0.168153 14.12);
+  --amino-red-400: oklch(70% 0.2448 18.87);
+  --amino-red-500: oklch(62% 0.259372 22.58);
+  --amino-red-600: oklch(54% 0.236786 24.85);
+  --amino-red-700: oklch(47% 0.206217 25.19);
+  --amino-red-800: oklch(42% 0.184017 24.52);
+  --amino-red-900: oklch(33% 0.141081 22.75);
+  --amino-red-950: oklch(25% 0.104671 23.17);
+  --amino-orange-50: oklch(97% 0.018 69.58);
+  --amino-orange-100: oklch(94% 0.058354 72.48);
+  --amino-orange-200: oklch(89% 0.086733 69.61);
+  --amino-orange-300: oklch(84% 0.145977 64.61);
+  --amino-orange-400: oklch(78% 0.185903 53.72);
+  --amino-orange-500: oklch(73% 0.225333 46.37);
+  --amino-orange-600: oklch(65% 0.222275 39.73);
+  --amino-orange-700: oklch(52% 0.191613 37.13);
+  --amino-orange-800: oklch(45% 0.165664 36.28);
+  --amino-orange-900: oklch(36% 0.120891 37.49);
+  --amino-orange-950: oklch(26% 0.093286 35.49);
+  --amino-green-50: oklch(97% 0.023 155);
+  --amino-green-100: oklch(94% 0.066871 155);
+  --amino-green-200: oklch(87% 0.108534 155);
+  --amino-green-300: oklch(79% 0.143365 155);
+  --amino-green-400: oklch(72% 0.198803 154.62);
+  --amino-green-500: oklch(64% 0.2083 152.99);
+  --amino-green-600: oklch(54% 0.181753 152.47);
+  --amino-green-700: oklch(47% 0.148899 153.7);
+  --amino-green-800: oklch(41% 0.121278 154.23);
+  --amino-green-900: oklch(33% 0.091183 155.77);
+  --amino-green-950: oklch(25% 0.070757 155.78);
+  --amino-purple-50: oklch(97% 0.016 311.1);
+  --amino-purple-100: oklch(93% 0.052302 312.71);
+  --amino-purple-200: oklch(87% 0.087084 312.56);
+  --amino-purple-300: oklch(78% 0.17267 312.45);
+  --amino-purple-400: oklch(70% 0.236851 311.17);
+  --amino-purple-500: oklch(62% 0.294753 308.42);
+  --amino-purple-600: oklch(54% 0.26576 307.14);
+  --amino-purple-700: oklch(47% 0.241613 306.98);
+  --amino-purple-800: oklch(41% 0.202611 309.03);
+  --amino-purple-900: oklch(33% 0.144737 310.22);
+  --amino-purple-950: oklch(26% 0.118974 308.41);
   --amino-transparent-white: #ffffffbb;
   --amino-transparent-black: #101116bb;
   --amino-transparent-gray-600: #6a6d771f;
@@ -197,12 +197,13 @@
   --amino-shadow-select-base: 0px 1px 3px 0px rgba(110, 110, 120, 0.12),
     0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,
     0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;
-  --amino-shadow-select-active: 0px 1px 3px 0px rgba(68, 94, 238, 0.4),
-    0px 0px 0px 1px #445eee inset,
-    0px -1px 1px 1px rgba(68, 94, 238, 0.12) inset;
-  --amino-shadow-select-error: 0px 1px 3px 0px rgba(221, 49, 78, 0.4),
-    0px 0px 0px 1px #dd314e inset,
-    0px -1px 1px 1px rgba(221, 49, 78, 0.12) inset;
+  --amino-shadow-select-active: 0px 1px 3px 0px
+      oklch(62% 0.226011 249.91 / 0.04),
+    0px 0px 0px 1px var(--amino-blue-500) inset,
+    0px -1px 1px 1px oklch(62% 0.226011 249.91 / 0.12) inset;
+  --amino-shadow-select-error: 0px 1px 3px 0px oklch(64% 0.277484 24.49 / 0.04),
+    0px 0px 0px 1px var(--amino-red-500) inset,
+    0px -1px 1px 1px oklch(64% 0.277484 24.49 / 0.12) inset;
   --amino-opacity-disabled: 0.6;
   --amino-space-negative-80: -5rem;
   --amino-space-negative-76: -4.75rem;
@@ -286,29 +287,29 @@
     var(--amino-button-focus-ring);
   --amino-surface-color: var(--amino-gray-0);
   --amino-surface-color-secondary: var(--amino-gray-50);
-  --amino-backdrop-color: #000000;
+  --amino-backdrop-color: oklch(0% 0 0);
   --amino-raised-surface-color: var(--amino-gray-0);
   --amino-raised-color-secondary: var(--amino-gray-50);
-  --amino-pure-background-color: #ffffff;
+  --amino-pure-background-color: oklch(98% 0.001972 243.25);
   --amino-button-primary-hover: linear-gradient(
     180deg,
-    #446fee 0%,
-    #2e55e2 100%
+    var(--amino-blue-500) 0%,
+    var(--amino-blue-600) 100%
   );
   --amino-button-success-hover: linear-gradient(
     180deg,
-    #37b04a 0%,
-    #2ca041 100%
+    var(--amino-green-500) 0%,
+    var(--amino-green-600) 100%
   );
   --amino-button-danger-hover: linear-gradient(
     180deg,
-    #ee4559 0%,
-    #dd314b 100%
+    var(--amino-red-500) 0%,
+    var(--amino-red-600) 100%
   );
   --amino-button-warning-hover: linear-gradient(
     180deg,
-    #ec6f23 0%,
-    #e5611a 100%
+    var(--amino-orange-500) 0%,
+    var(--amino-orange-600) 100%
   );
   --amino-button-standard-hover: linear-gradient(
     180deg,
@@ -380,85 +381,85 @@
   --amino-glass-900: #ffffffd8;
   --amino-glass-950: #ffffffea;
   --amino-glass-1000: #fffffff4;
-  --amino-gray-0: #0f1015;
-  --amino-gray-50: #1e2029;
-  --amino-gray-100: #272a35;
-  --amino-gray-200: #343846;
-  --amino-gray-300: #454c5e;
-  --amino-gray-400: #555d72;
-  --amino-gray-500: #68748d;
-  --amino-gray-600: #8a95a8;
-  --amino-gray-700: #bcc3cd;
-  --amino-gray-800: #dfe2e7;
-  --amino-gray-900: #e8eaee;
-  --amino-gray-950: #f4f5f6;
-  --amino-gray-1000: #ffffff;
-  --amino-blue-50: #1a1f51;
-  --amino-blue-100: #232e85;
-  --amino-blue-200: #2438a9;
-  --amino-blue-300: #2544d0;
-  --amino-blue-400: #2e55e2;
-  --amino-blue-500: #446fee;
-  --amino-blue-600: #678ff3;
-  --amino-blue-700: #98b6f8;
-  --amino-blue-800: #c2d6fb;
-  --amino-blue-900: #dae7fc;
-  --amino-blue-950: #e7f0fe;
-  --amino-cyan-50: #152d32;
-  --amino-cyan-100: #1d464e;
-  --amino-cyan-200: #25646f;
-  --amino-cyan-300: #29818e;
-  --amino-cyan-400: #2ca0af;
-  --amino-cyan-500: #3ec4d0;
-  --amino-cyan-600: #66d5db;
-  --amino-cyan-700: #9be7e9;
-  --amino-cyan-800: #c0f2f2;
-  --amino-cyan-900: #d6fffe;
-  --amino-cyan-950: #e6fefd;
-  --amino-red-50: #49081a;
-  --amino-red-100: #75142d;
-  --amino-red-200: #9a1734;
-  --amino-red-300: #b81835;
-  --amino-red-400: #dd314b;
-  --amino-red-500: #ee4559;
-  --amino-red-600: #f67681;
-  --amino-red-700: #faa7ab;
-  --amino-red-800: #fccfd0;
-  --amino-red-900: #fee5e5;
-  --amino-red-950: #ffeceb;
-  --amino-orange-50: #3f160b;
-  --amino-orange-100: #763018;
-  --amino-orange-200: #923c1a;
-  --amino-orange-300: #b74a17;
-  --amino-orange-400: #e5611a;
-  --amino-orange-500: #ec6f23;
-  --amino-orange-600: #f08e47;
-  --amino-orange-700: #f5b27c;
-  --amino-orange-800: #f9d3af;
-  --amino-orange-900: #fdebd7;
-  --amino-orange-950: #fef4e7;
-  --amino-green-50: #0a2914;
-  --amino-green-100: #1c4b29;
-  --amino-green-200: #205b2f;
-  --amino-green-300: #237234;
-  --amino-green-400: #2ca041;
-  --amino-green-500: #37b04a;
-  --amino-green-600: #5dcb6a;
-  --amino-green-700: #93e29a;
-  --amino-green-800: #c3efc5;
-  --amino-green-900: #e0f8e0;
-  --amino-green-950: #f0faef;
-  --amino-purple-50: #2f055c;
-  --amino-purple-100: #4e1881;
-  --amino-purple-200: #6c1eab;
-  --amino-purple-300: #871ed2;
-  --amino-purple-400: #a126ed;
-  --amino-purple-500: #c052fa;
-  --amino-purple-600: #d782fe;
-  --amino-purple-700: #e9b2ff;
-  --amino-purple-800: #f4d4ff;
-  --amino-purple-900: #fae8ff;
-  --amino-purple-950: #fcf0ff;
+  --amino-gray-0: oklch(18% 0.011432 274.76);
+  --amino-gray-50: oklch(25% 0.016174 272.24);
+  --amino-gray-100: oklch(33% 0.016878 273.86);
+  --amino-gray-200: oklch(40% 0.018521 275.1);
+  --amino-gray-300: oklch(47% 0.017851 275.24);
+  --amino-gray-400: oklch(54% 0.01915 271.63);
+  --amino-gray-500: oklch(60% 0.018887 276.3);
+  --amino-gray-600: oklch(68% 0.014659 274.38);
+  --amino-gray-700: oklch(75% 0.011129 271.29);
+  --amino-gray-800: oklch(84% 0.011268 273.09);
+  --amino-gray-900: oklch(92% 0.005062 273.22);
+  --amino-gray-950: oklch(96% 0.003331 261.35);
+  --amino-gray-1000: oklch(100% 0 0);
+  --amino-blue-50: oklch(25% 0.080185 259.83);
+  --amino-blue-100: oklch(33% 0.122779 258.07);
+  --amino-blue-200: oklch(41% 0.173938 259.15);
+  --amino-blue-300: oklch(47% 0.205528 258.03);
+  --amino-blue-400: oklch(54% 0.211254 255.29);
+  --amino-blue-500: oklch(62% 0.226011 249.91);
+  --amino-blue-600: oklch(70% 0.188568 240.58);
+  --amino-blue-700: oklch(82% 0.111111 235.48);
+  --amino-blue-800: oklch(88% 0.066667 237.49);
+  --amino-blue-900: oklch(93% 0.041011 240.3);
+  --amino-blue-950: oklch(97% 0.017389 239.88);
+  --amino-cyan-50: oklch(25% 0.051787 202.18);
+  --amino-cyan-100: oklch(33% 0.063245 198.09);
+  --amino-cyan-200: oklch(41% 0.083129 199.67);
+  --amino-cyan-300: oklch(47% 0.100918 197.08);
+  --amino-cyan-400: oklch(54% 0.119823 196.23);
+  --amino-cyan-500: oklch(64% 0.142342 195.02);
+  --amino-cyan-600: oklch(72% 0.152499 193.32);
+  --amino-cyan-700: oklch(79% 0.143365 191.93);
+  --amino-cyan-800: oklch(87% 0.103334 189.72);
+  --amino-cyan-900: oklch(94% 0.065935 190.63);
+  --amino-cyan-950: oklch(97% 0.017 190.88);
+  --amino-red-50: oklch(25% 0.104671 23.17);
+  --amino-red-100: oklch(33% 0.141081 22.75);
+  --amino-red-200: oklch(42% 0.184017 24.52);
+  --amino-red-300: oklch(47% 0.206217 25.19);
+  --amino-red-400: oklch(54% 0.236786 24.85);
+  --amino-red-500: oklch(62% 0.259372 22.58);
+  --amino-red-600: oklch(70% 0.2448 18.87);
+  --amino-red-700: oklch(78% 0.168153 14.12);
+  --amino-red-800: oklch(87% 0.083764 12.35);
+  --amino-red-900: oklch(93% 0.047334 10.87);
+  --amino-red-950: oklch(97% 0.019692 9.85);
+  --amino-orange-50: oklch(26% 0.093286 35.49);
+  --amino-orange-100: oklch(36% 0.120891 37.49);
+  --amino-orange-200: oklch(45% 0.165664 36.28);
+  --amino-orange-300: oklch(52% 0.191613 37.13);
+  --amino-orange-400: oklch(63% 0.222275 39.73);
+  --amino-orange-500: oklch(73% 0.225333 46.37);
+  --amino-orange-600: oklch(78% 0.185903 53.72);
+  --amino-orange-700: oklch(84% 0.145977 64.61);
+  --amino-orange-800: oklch(89% 0.086733 69.61);
+  --amino-orange-900: oklch(94% 0.058354 72.48);
+  --amino-orange-950: oklch(97% 0.018 69.58);
+  --amino-green-50: oklch(25% 0.070757 155.78);
+  --amino-green-100: oklch(33% 0.091183 155.77);
+  --amino-green-200: oklch(41% 0.121278 154.23);
+  --amino-green-300: oklch(47% 0.148899 153.7);
+  --amino-green-400: oklch(54% 0.181753 152.47);
+  --amino-green-500: oklch(64% 0.2083 152.99);
+  --amino-green-600: oklch(72% 0.198803 154.62);
+  --amino-green-700: oklch(79% 0.143365 155);
+  --amino-green-800: oklch(87% 0.108534 155);
+  --amino-green-900: oklch(94% 0.066871 155);
+  --amino-green-950: oklch(97% 0.023 155);
+  --amino-purple-50: oklch(26% 0.118974 308.41);
+  --amino-purple-100: oklch(33% 0.144737 310.22);
+  --amino-purple-200: oklch(41% 0.202611 309.03);
+  --amino-purple-300: oklch(47% 0.241613 306.98);
+  --amino-purple-400: oklch(54% 0.26576 307.14);
+  --amino-purple-500: oklch(62% 0.294753 308.42);
+  --amino-purple-600: oklch(70% 0.236851 311.17);
+  --amino-purple-700: oklch(78% 0.17267 312.45);
+  --amino-purple-800: oklch(87% 0.087084 312.56);
+  --amino-purple-900: oklch(93% 0.052302 312.71);
+  --amino-purple-950: oklch(97% 0.016 311.1);
   --amino-transparent-white: #101116bb;
   --amino-transparent-black: #ffffffbb;
   --amino-transparent-gray-600: #94969e1f;
@@ -570,11 +571,13 @@
     0px 1px 3px 0px rgba(0, 0, 0, 0.8),
     0px 0px 0px 1px rgba(148, 150, 158, 0.12) inset;
   --amino-shadow-select-active: 0px 0px 0px 1px #000,
-    0px -1px 1px 1px rgba(114, 146, 243, 0.24) inset,
-    0px 0px 0px 1px #7292f3 inset, 0px 1px 3px 0px rgba(114, 146, 243, 0.4);
+    0px -1px 1px 1px oklch(62% 0.226011 249.91 / 0.24) inset,
+    0px 0px 0px 1px var(--amino-blue-500) inset,
+    0px 1px 3px 0px oklch(62% 0.226011 249.91 / 0.4);
   --amino-shadow-select-error: 0px 0px 0px 1px #000,
-    0px -1px 1px 1px rgba(235, 92, 108, 0.24) inset,
-    0px 0px 0px 1px #eb5c6c inset, 0px 1px 3px 0px rgba(235, 92, 108, 0.6);
+    0px -1px 1px 1px oklch(64% 0.277484 24.49 / 0.24) inset,
+    0px 0px 0px 1px var(--amino-red-500) inset,
+    0px 1px 3px 0px oklch(64% 0.277484 24.49 / 0.6);
   --amino-border: 1px solid var(--amino-border-color);
   --amino-border-blue: 1px solid var(--amino-blue-500);
   --amino-border-red: 1px solid var(--amino-red-500);
@@ -616,29 +619,29 @@
     var(--amino-button-focus-ring);
   --amino-surface-color: var(--amino-gray-50);
   --amino-surface-color-secondary: var(--amino-gray-100);
-  --amino-backdrop-color: #000000;
+  --amino-backdrop-color: oklch(0% 0 0);
   --amino-raised-surface-color: #272a3599;
   --amino-raised-color-secondary: var(--amino-gray-0);
-  --amino-pure-background-color: #000000;
+  --amino-pure-background-color: oklch(0% 0 0);
   --amino-button-primary-hover: linear-gradient(
     180deg,
-    #446fee 0%,
-    #2e55e2 100%
+    var(--amino-blue-500) 0%,
+    var(--amino-blue-400) 100%
   );
   --amino-button-success-hover: linear-gradient(
     180deg,
-    #37b04a 0%,
-    #2ca041 100%
+    var(--amino-green-500) 0%,
+    var(--amino-green-400) 100%
   );
   --amino-button-danger-hover: linear-gradient(
     180deg,
-    #ee4559 0%,
-    #dd314b 100%
+    var(--amino-red-500) 0%,
+    var(--amino-red-400) 100%
   );
   --amino-button-warning-hover: linear-gradient(
     180deg,
-    #ec6f23 0%,
-    #e5611a 100%
+    var(--amino-orange-500) 0%,
+    var(--amino-orange-400) 100%
   );
   --amino-button-standard-hover: linear-gradient(
     180deg,