npm - @zonos/amino - Versions diffs - 5.5.14 → 5.5.16 - Mend

@zonos/amino 5.5.14 → 5.5.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/components/button/Button.js +1 -1
package/components/button/button-group/ButtonGroup.js +1 -1
package/components/filter/filter-date/FilterDate.js +1 -1
package/components/help-text/HelpText.js +1 -1
package/components/input/input-type/_InputBase.js +1 -1
package/components/select/_StyledReactSelect.js +1 -1
package/components/toggle/Toggle.js +1 -1
package/package.json +1 -1
package/styles/constants/theme.d.ts +32 -8
package/styles/constants/theme.js +1 -1
package/theme.css +166 -43
package/theme.scss +13 -1

package/components/button/Button.js CHANGED Viewed

	@@ -1 +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;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: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-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: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) 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: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) 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:unset}.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: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) 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: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,p=u.className,A=u.color,b=u.disabled,g=void 0!==b&&b,v=u.fitContentWidth,h=u.hoverBackground,w=u.icon,k=u.iconRight,x=u.loading,y=void 0!==x&&x,f=u.loadingText,S=u.noRipple,W=void 0!==S&&S,R=u.outline,j=void 0!==R&&R,L=u.size,C=void 0===L?"sm":L,z=u.spinnerColor,q=u.style,I=u.tag,H=void 0===I?"button":I,N=u.testId,O=u.themeOverride,Y=u.type,T=void 0===Y?"button":Y,G=u.variant,V=void 0===G?"standard":G,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=H,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(C){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},P=l.default("amino-button",B.aminoButton,"plain"===V?"":B["".concat(V,"Button")],j&&B.outline,p\|\|"",w&&!c?B.onlyIcon:"",k?B.iconRight:"",w?B.hasIcon:"",y?B.loading:""),K=t.useRef(null),Z=a.useRipple({disabled:g\|\|y,rippleEnabled:!W&&!["plain","text","inlineLink"].includes(V),rippleRef:K}),$=Z.getRippleHandlers,oo=Z.rippleEnabled,no={className:P,disabled:g\|\|y,size:C},to=o.__assign(o.__assign(o.__assign({type:T},no),J),$(J));return n.jsxs(M,o.__assign({ref:E,"data-testid":N\|\|X,"data-theme":O,style:o.__assign(o.__assign({},q),{"--amino-button-background-color":function(){if(s)return _.getAminoColor(s)\|\|"";switch(V){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(V){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(C){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(V){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(C){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(C){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(C,")"),"--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"===H?0:void 0},to,{children:[(r=z\|\|function(){switch(V){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"!==V&&"text"!==V&&y&&n.jsxs("span",{className:B.spinnerWrapper,children:[n.jsx(i.Spinner,{color:r,size:F()}),f]})]})),oo&&n.jsx(e.RippleGroup,{ref:K})]}))};
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})]}))};

package/components/button/button-group/ButtonGroup.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var t=require("react/jsx-runtime"),o=require("../../flex/Flex.js"),u=require("../../../style-inject.es-d4ddeae4.js");require("../../../tslib.es6-5672428a.js"),require("clsx");var r="Amino_ButtonGroup-module__buttonGroup--sNViN";u.styleInject(".Amino_ButtonGroup-module__buttonGroup--sNViN{border-radius:var(--amino-radius-6);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Amino_ButtonGroup-module__buttonGroup--sNViN .menu-button-action :focus,.Amino_ButtonGroup-module__buttonGroup--sNViN>.tooltip-wrapper :focus,.Amino_ButtonGroup-module__buttonGroup--sNViN>:focus{z-~~index~~:1}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child),.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child) .menu-button-action ,.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child).tooltip-wrapper {border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child),.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child) .menu-button-action ,.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child).tooltip-wrapper {border-bottom-right-radius:0;border-top-right-radius:0}");exports.ButtonGroup=function(u){var i=u.children;return t.jsx(o.Flex,{className:r,gap:0,children:i})};
1	+ "use strict";var o=require("react/jsx-runtime"),t=require("../../flex/Flex.js"),u=require("../../../style-inject.es-d4ddeae4.js");require("../../../tslib.es6-5672428a.js"),require("clsx");var n="Amino_ButtonGroup-module__buttonGroup--sNViN";u.styleInject('.Amino_ButtonGroup-module__buttonGroup--sNViN{border-radius:var(--amino-radius-6);box-shadow:var(--amino-shadow-raised-standard);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Amino_ButtonGroup-module__buttonGroup--sNViN .menu-button-action ,.Amino_ButtonGroup-module__buttonGroup--sNViN .menu-button-action :focus,.Amino_ButtonGroup-module__buttonGroup--sNViN>,.Amino_ButtonGroup-module__buttonGroup--sNViN>.tooltip-wrapper>,.Amino_ButtonGroup-module__buttonGroup--sNViN>.tooltip-wrapper>:focus,.Amino_ButtonGroup-module__buttonGroup--sNViN>:focus{box-shadow:none!important}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child),.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child) .menu-button-action ,.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child).tooltip-wrapper>{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child){position:relative}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child):after{background:#00000029;bottom:0;content:"";position:absolute;right:0;top:0;width:1px;z-index:1}[data-theme=night] .Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child):after{background:#ffffff1f}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child),.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child) .menu-button-action ,.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child).tooltip-wrapper>*{border-bottom-right-radius:0;border-top-right-radius:0}');exports.ButtonGroup=function(u){var r=u.children;return o.jsx(t.Flex,{className:n,gap:0,children:r})};

package/components/filter/filter-date/FilterDate.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("../../../tslib.es6-5672428a.js"),t=require("react/jsx-runtime"),r=require("react"),a=require("dayjs"),n=require("./DateControls.js"),i=require("./filterDateReducer.js"),u=require("../useFilterWrapper.js"),s=require("../../../DateControlsWrapper-4900e6bb.js");function o(e){return e&&e.__esModule?e:{default:e}}require("./_DateControls/_IsAfter.js"),require("../../input/Input.js"),require("clsx"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_InputBase.js"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("./_DateControls/_IsBefore.js"),require("./_DateControls/_IsBeforeOrOn.js"),require("./_DateControls/_IsBetween.js"),require("./_DateControls/_IsEqualTo.js"),require("./_DateControls/_IsInTheLast.js"),require("../../select/Select.js"),require("../../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js"),require("./_DateControls/_IsOnOrAfter.js"),require("../../../icons/ArrowRightIcon.js"),require("lodash/cloneDeep"),require("zod"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../utils/hooks/useStateUrl.js"),require("../FilterWrapper.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");var l=o(a);exports.FilterDate=function(a){var o=a.dispatch,c=a.dropdownTitle,p=a.filter,d=a.label,q=e.__read(r.useState(p.dateData),2),j=q[0],y=q[1],g=e.__read(r.useState(p.dateRangeType),2),D=g[0],f=g[1],m=e.__read(r.useState(""),2),C=m[0],h=m[1],v=function(e){var t=e.date,r=e.type;switch(D){case"is between":case"is equal to":return"begin"===r?l.default(t).subtract(1,"days").format(s.defaultDateFormat):"end"===r?l.default(t).add(1,"days").format(s.defaultDateFormat):t;case"is on or after":return"end"===r?t:l.default(t).subtract(1,"days").format(s.defaultDateFormat);case"is before or on":return"begin"===r?t:l.default(t).add(1,"days").format(s.defaultDateFormat);default:return t}},I=r.useCallback((function(e){o({name:"dateRangeType",type:"change",value:D}),o({name:"dateData.dateBegin",type:"change",value:v({date:e.dateBegin,type:"begin"})\|\|null}),o({name:"dateData.dateEnd",type:"change",value:v({date:e.dateEnd,type:"end"})\|\|null}),o({name:"dateData.lastCount",type:"change",value:e.lastCount}),o({name:"dateData.lastUnit",type:"change",value:e.lastUnit})}),[o,D]),_=r.useCallback((function(){o({name:"dateRangeType",type:"change",value:D}),o({name:"dateData.dateBegin",type:"change",value:v({date:j.dateBegin,type:"begin"})}),o({name:"dateData.dateEnd",type:"change",value:v({date:j.dateEnd,type:"end"})}),o({name:"dateData.lastCount",type:"change",value:j.lastCount}),o({name:"dateData.lastUnit",type:"change",value:j.lastUnit}),o({name:"isActive",type:"change",value:!0})}),[o,j.dateBegin,j.dateEnd,j.lastCount,j.lastUnit,D]),b=r.useCallback((function(e){e(C)}),[C]),T=r.useCallback((function(e){_(),b(e)}),[_,b]);return(0,u.useFilterWrapper({dropdownTitle:c,isActive:p.isActive,label:d,onApply:T,onApplyFilterText:b,onClose:function(){y(p.dateData),f(p.dateRangeType)},onRemove:function(){o({name:"isActive",type:"change",value:!1}),o({name:"dateRangeType",type:"change",value:D}),I(i.initialFilterDateState.dateData),y(i.initialFilterDateState.dateData),f(i.initialFilterDateState.dateRangeType)},setActive:function(e){return o({name:"isActive",type:"change",value:e})}}).renderWrapper)(t.jsx(n.DateControls,{onChange:y,onChangeFilterText:function(e){h(e)},rangeType:D,setRangeType:f,value:j}))};
1	+ "use strict";var e=require("../../../tslib.es6-5672428a.js"),t=require("react/jsx-runtime"),r=require("react"),a=require("dayjs"),n=require("./DateControls.js"),i=require("./filterDateReducer.js"),u=require("../useFilterWrapper.js"),s=require("../../../DateControlsWrapper-4900e6bb.js");function o(e){return e&&e.__esModule?e:{default:e}}require("./_DateControls/_IsAfter.js"),require("../../input/Input.js"),require("clsx"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_InputBase.js"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("./_DateControls/_IsBefore.js"),require("./_DateControls/_IsBeforeOrOn.js"),require("./_DateControls/_IsBetween.js"),require("./_DateControls/_IsEqualTo.js"),require("./_DateControls/_IsInTheLast.js"),require("../../select/Select.js"),require("../../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js"),require("./_DateControls/_IsOnOrAfter.js"),require("../../../icons/ArrowRightIcon.js"),require("lodash/cloneDeep"),require("zod"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../utils/hooks/useStateUrl.js"),require("../FilterWrapper.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");var l=o(a);exports.FilterDate=function(a){var o=a.dispatch,c=a.dropdownTitle,p=a.filter,d=a.label,q=e.__read(r.useState(p.dateData),2),j=q[0],y=q[1],g=e.__read(r.useState(p.dateRangeType),2),D=g[0],f=g[1],m=e.__read(r.useState(""),2),C=m[0],h=m[1],v=function(e){var t=e.date,r=e.type;if(!t)return null;switch(D){case"is between":case"is equal to":return"begin"===r?l.default(t).subtract(1,"days").format(s.defaultDateFormat):"end"===r?l.default(t).add(1,"days").format(s.defaultDateFormat):t;case"is on or after":return"end"===r?t:l.default(t).subtract(1,"days").format(s.defaultDateFormat);case"is before or on":return"begin"===r?t:l.default(t).add(1,"days").format(s.defaultDateFormat);default:return t}},I=r.useCallback((function(e){o({name:"dateRangeType",type:"change",value:D}),o({name:"dateData.dateBegin",type:"change",value:v({date:e.dateBegin,type:"begin"})\|\|null}),o({name:"dateData.dateEnd",type:"change",value:v({date:e.dateEnd,type:"end"})\|\|null}),o({name:"dateData.lastCount",type:"change",value:e.lastCount}),o({name:"dateData.lastUnit",type:"change",value:e.lastUnit})}),[o,D]),_=r.useCallback((function(){o({name:"dateRangeType",type:"change",value:D}),o({name:"dateData.dateBegin",type:"change",value:v({date:j.dateBegin,type:"begin"})}),o({name:"dateData.dateEnd",type:"change",value:v({date:j.dateEnd,type:"end"})}),o({name:"dateData.lastCount",type:"change",value:j.lastCount}),o({name:"dateData.lastUnit",type:"change",value:j.lastUnit}),o({name:"isActive",type:"change",value:!0})}),[o,j.dateBegin,j.dateEnd,j.lastCount,j.lastUnit,D]),b=r.useCallback((function(e){e(C)}),[C]),T=r.useCallback((function(e){_(),b(e)}),[_,b]);return(0,u.useFilterWrapper({dropdownTitle:c,isActive:p.isActive,label:d,onApply:T,onApplyFilterText:b,onClose:function(){y(p.dateData),f(p.dateRangeType)},onRemove:function(){o({name:"isActive",type:"change",value:!1}),o({name:"dateRangeType",type:"change",value:D}),I(i.initialFilterDateState.dateData),y(i.initialFilterDateState.dateData),f(i.initialFilterDateState.dateRangeType)},setActive:function(e){return o({name:"isActive",type:"change",value:e})}}).renderWrapper)(t.jsx(n.DateControls,{onChange:y,onChangeFilterText:function(e){h(e)},rangeType:D,setRangeType:f,value:j}))};

package/components/help-text/HelpText.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("react/jsx-runtime"),t=require("clsx"),s=require("../text/Text.js"),r=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../tslib.es6-5672428a.js"),require("../../styles/constants/theme.js");var i=l(t),n="Amino_HelpText-module__styledHelpText--z3-rS";r.styleInject(".Amino_HelpText-module__styledHelpText--z3-rS{margin-top:var(--amino-space-8)}");exports.HelpText=function(t){var r=t.className,l=t.error,a=void 0!==l&&l,c=t.helpText,o=t.style,u=t.withoutMargin,d=void 0!==u&&u;return c?a&&"string"==typeof c?e.jsx("div",{className:i.default(r,!d&&n),style:o,children:e.jsx(s.Text,{color:"~~red700~~",type:"caption",children:c})}):"string"==typeof c?e.jsx("div",{className:i.default(r,!d&&n),style:o,children:e.jsx(s.Text,{type:"caption",children:c})}):e.jsx("div",{className:i.default(r,!d&&n),style:o,children:c}):null};
1	+ "use strict";var e=require("react/jsx-runtime"),t=require("clsx"),s=require("../text/Text.js"),r=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../tslib.es6-5672428a.js"),require("../../styles/constants/theme.js");var i=l(t),n="Amino_HelpText-module__styledHelpText--z3-rS";r.styleInject(".Amino_HelpText-module__styledHelpText--z3-rS{margin-top:var(--amino-space-8)}");exports.HelpText=function(t){var r=t.className,l=t.error,a=void 0!==l&&l,c=t.helpText,o=t.style,u=t.withoutMargin,d=void 0!==u&&u;return c?a&&"string"==typeof c?e.jsx("div",{className:i.default(r,!d&&n),style:o,children:e.jsx(s.Text,{color:"red600",type:"caption",children:c})}):"string"==typeof c?e.jsx("div",{className:i.default(r,!d&&n),style:o,children:e.jsx(s.Text,{type:"caption",children:c})}):e.jsx("div",{className:i.default(r,!d&&n),style:o,children:c}):null};

package/components/input/input-type/_InputBase.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("../../../tslib.es6-5672428a.js"),a=require("react/jsx-runtime"),r=require("react"),n=require("clsx"),i=require("../../../style-inject.es-d4ddeae4.js"),o={inputWrapper:"Amino__InputBase-module__inputWrapper--1ENOH",input:"Amino__InputBase-module__input--lRqSN",prefix:"Amino__InputBase-module__prefix--zRivu",suffix:"Amino__InputBase-module__suffix--aO4YM",valuePrefix:"Amino__InputBase-module__valuePrefix---iZ7M",sm:"Amino__InputBase-module__sm--PsKLo",md:"Amino__InputBase-module__md--L72e-",lg:"Amino__InputBase-module__lg--Fa1Qo",xl:"Amino__InputBase-module__xl--SxAu6",label:"Amino__InputBase-module__label--lovKk",textInputWrapper:"Amino__InputBase-module__textInputWrapper--td6qr"};i.styleInject(".Amino__InputBase-module__inputWrapper--1ENOH{align-items:center;background:#0000;border:~~1px solid~~ var(--amino-~~gray~~-~~200~~);~~border~~-~~radius~~:var(--amino-input-~~border-radius~~);display:flex;flex:none;width:100%}.Amino__InputBase-module__inputWrapper--1ENOH:has(~~input~~:focus){~~border~~-~~color~~:var(--amino-~~gray~~-~~400~~)}.Amino__InputBase-module__inputWrapper--1ENOH.has-error,.Amino__InputBase-module__inputWrapper--1ENOH.has-error:has(~~input~~:focus){~~border~~-~~color~~:var(--amino-~~red~~-~~600~~)}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__input--lRqSN{background:var(--amino-input-background);background:#0000;border:0;border-radius:inherit;font-weight:500;height:inherit;outline:none;padding:0 var(--amino-space-16);width:100%}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__input--lRqSN::placeholder{color:var(--amino-gray-~~600~~)}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__prefix--zRivu,.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__suffix--aO4YM{align-items:center;display:flex;padding:0 var(--amino-space-8)}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__valuePrefix---iZ7M{color:var(--amino-gray-800);padding-left:var(--amino-space-8);white-space:nowrap}.Amino__InputBase-module__inputWrapper--1ENOH.Amino__InputBase-module__sm--PsKLo{height:32px}.Amino__InputBase-module__inputWrapper--1ENOH.Amino__InputBase-module__md--L72e-{height:40px}.Amino__InputBase-module__inputWrapper--1ENOH.Amino__InputBase-module__lg--Fa1Qo{height:48px}.Amino__InputBase-module__inputWrapper--1ENOH.Amino__InputBase-module__xl--SxAu6{height:56px}.Amino__InputBase-module__label--lovKk{color:var(--amino-text-color-secondary);display:block;flex:none;margin-bottom:var(--amino-space-8)}.Amino__InputBase-module__label--lovKk.has-error{color:var(--amino-red-~~700~~)}.Amino__InputBase-module__textInputWrapper--td6qr{display:flex;flex-direction:column;width:100%}");var _=r.forwardRef((function(r,i){var _=r.className,u=r.disabled,p=r.error,l=r.label;r.noBorder;var s=r.placeholder,t=r.prefix,m=r.size,d=r.suffix,c=r.value,x=r.valuePrefix,I=e.__rest(r,["className","disabled","error","label","noBorder","placeholder","prefix","size","suffix","value","valuePrefix"]);return a.jsxs("div",{className:o.textInputWrapper,children:[l&&a.jsx("label",{className:n.clsx(o.label,p&&"has-error"),children:l}),a.jsxs("div",{className:n.clsx(o.inputWrapper,m&&o["".concat(m)],p&&"has-error",_),children:[t&&a.jsx("div",{className:o.prefix,children:t}),x&&a.jsx("div",{className:o.valuePrefix,children:x}),a.jsx("input",e.__assign({ref:i,className:o.input,disabled:u,placeholder:s,value:c\|\|""},I)),d&&a.jsx("div",{className:o.suffix,children:d})]})]})}));exports.InputBase=_;
1	+ "use strict";var e=require("../../../tslib.es6-5672428a.js"),a=require("react/jsx-runtime"),n=require("react"),i=require("clsx"),r=require("../../../style-inject.es-d4ddeae4.js"),o={inputWrapper:"Amino__InputBase-module__inputWrapper--1ENOH",input:"Amino__InputBase-module__input--lRqSN",prefix:"Amino__InputBase-module__prefix--zRivu",suffix:"Amino__InputBase-module__suffix--aO4YM",valuePrefix:"Amino__InputBase-module__valuePrefix---iZ7M",sm:"Amino__InputBase-module__sm--PsKLo",md:"Amino__InputBase-module__md--L72e-",lg:"Amino__InputBase-module__lg--Fa1Qo",xl:"Amino__InputBase-module__xl--SxAu6",label:"Amino__InputBase-module__label--lovKk",textInputWrapper:"Amino__InputBase-module__textInputWrapper--td6qr"};r.styleInject(".Amino__InputBase-module__inputWrapper--1ENOH{align-items:center;background:#0000;border-radius:var(--amino-input-border-radius);box-shadow:var(--amino-shadow-input-base);display:flex;flex:none;width:100%}.Amino__InputBase-module__inputWrapper--1ENOH:has(.Amino__InputBase-module__input--lRqSN:focus){box-shadow:var(--amino-shadow-input-focus)}.Amino__InputBase-module__inputWrapper--1ENOH.has-error{box-shadow:var(--amino-shadow-input-error)}.Amino__InputBase-module__inputWrapper--1ENOH.has-error:has(.Amino__InputBase-module__input--lRqSN:focus){box-shadow:var(--amino-shadow-input-error-focus)}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__input--lRqSN{background:var(--amino-input-background);background:#0000;border:none;border-radius:inherit;font-weight:500;height:inherit;outline:none;padding:0 var(--amino-space-16);width:100%}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__input--lRqSN::placeholder{color:var(--amino-gray-500);font-weight:400}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__prefix--zRivu,.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__suffix--aO4YM{align-items:center;display:flex;padding:0 var(--amino-space-8)}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__prefix--zRivu{margin-right:-8px;padding-right:0}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__valuePrefix---iZ7M{color:var(--amino-gray-800);padding-left:var(--amino-space-12);white-space:nowrap}.Amino__InputBase-module__inputWrapper--1ENOH.Amino__InputBase-module__sm--PsKLo{height:32px}.Amino__InputBase-module__inputWrapper--1ENOH.Amino__InputBase-module__md--L72e-{height:40px}.Amino__InputBase-module__inputWrapper--1ENOH.Amino__InputBase-module__lg--Fa1Qo{height:48px}.Amino__InputBase-module__inputWrapper--1ENOH.Amino__InputBase-module__xl--SxAu6{height:56px}.Amino__InputBase-module__label--lovKk{color:var(--amino-text-color-secondary);display:block;flex:none;margin-bottom:var(--amino-space-8)}.Amino__InputBase-module__label--lovKk.has-error{color:var(--amino-red-600)}.Amino__InputBase-module__textInputWrapper--td6qr{display:flex;flex-direction:column;width:100%}");var _=n.forwardRef((function(n,r){var _=n.className,u=n.disabled,p=n.error,s=n.label;n.noBorder;var l=n.placeholder,t=n.prefix,m=n.size,d=n.suffix,x=n.value,c=n.valuePrefix,I=e.__rest(n,["className","disabled","error","label","noBorder","placeholder","prefix","size","suffix","value","valuePrefix"]);return a.jsxs("div",{className:o.textInputWrapper,children:[s&&a.jsx("label",{className:i.clsx(o.label,p&&"has-error"),children:s}),a.jsxs("div",{className:i.clsx(o.inputWrapper,m&&o["".concat(m)],p&&"has-error",_),children:[t&&a.jsx("div",{className:o.prefix,children:t}),c&&a.jsx("div",{className:o.valuePrefix,children:c}),a.jsx("input",e.__assign({ref:r,className:o.input,disabled:u,placeholder:l,value:x\|\|""},I)),d&&a.jsx("div",{className:o.suffix,children:d})]})]})}));exports.InputBase=_;

package/components/select/_StyledReactSelect.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("../../tslib.es6-5672428a.js"),t=require("react/jsx-runtime"),o=require("react"),l=require("react-intersection-observer"),i=require("react-select"),n=require("clsx"),a=require("../checkbox/Checkbox.js"),r=require("../help-text/HelpText.js"),s=require("../../icons/CheckmarkIcon.js"),c=require("../../icons/DoubleChevronIcon.js"),d=require("../../icons/RemoveCircleIcon.js"),_=require("../../icons/RemoveIcon.js"),u=require("../../styles/constants/theme.js"),m=require("../../utils/getTestId.js"),p=require("../../style-inject.es-d4ddeae4.js");function g(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("../../global.module-569e4fd5.js"),require("../../icons/icon-base/_IconBase.js");var S=g(i),h=g(n),v={iconWrapper:"Amino__StyledReactSelect-module__iconWrapper--o6af4",hasLabel:"Amino__StyledReactSelect-module__hasLabel--2uysz",hasIcon:"Amino__StyledReactSelect-module__hasIcon--ua8Qm",hasValue:"Amino__StyledReactSelect-module__hasValue--QzRR6",isDisabled:"Amino__StyledReactSelect-module__isDisabled--WwkVj",styledSelectWrapper:"Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S",reactSelectControl:"Amino__StyledReactSelect-module__reactSelectControl--0sbFa",hasError:"Amino__StyledReactSelect-module__hasError--DJ10C",strongLabel:"Amino__StyledReactSelect-module__strongLabel--iF71N",checkboxOptionIconWrapper:"Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF",styledSelectOptionWrapper:"Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9",isFocused:"Amino__StyledReactSelect-module__isFocused--cvHNw",selectedSingleOptionWrapper:"Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x",sm:"Amino__StyledReactSelect-module__sm--uRxwS",md:"Amino__StyledReactSelect-module__md--05qsU",lg:"Amino__StyledReactSelect-module__lg--iGesU",xl:"Amino__StyledReactSelect-module__xl--4TfG5"};p.styleInject(".Amino__StyledReactSelect-module__iconWrapper--o6af4{align-items:center;color:var(--amino-gray-700);display:flex;height:24px;justify-content:space-evenly;margin-left:var(--amino-space-8);margin-right:-2px;width:24px}.Amino__StyledReactSelect-module__hasLabel--2uysz{color:var(--amino-text-color-secondary);display:block;margin-bottom:8px}.Amino__StyledReactSelect-module__hasIcon--ua8Qm,.Amino__StyledReactSelect-module__hasValue--QzRR6{align-items:center;display:flex}.Amino__StyledReactSelect-module__isDisabled--WwkVj{opacity:var(--amino-opacity-disabled)}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S .Amino__StyledReactSelect-module__reactSelectControl--0sbFa+div{z-index:20}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S.Amino__StyledReactSelect-module__hasError--DJ10C .Amino__StyledReactSelect-module__reactSelectControl--0sbFa{box-shadow:var(--amino-shadow-select-error)!important}.Amino__StyledReactSelect-module__strongLabel--iF71N{font-weight:600}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF{align-items:center;color:var(--amino-styled-react-select-color);display:flex}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF svg{color:var(--amino-gray-1000);margin-right:4px}.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj).Amino__StyledReactSelect-module__isFocused--cvHNw,.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj):hover{background-color:var(--amino-gray-50)!important}[data-theme=night] .Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj).Amino__StyledReactSelect-module__isFocused--cvHNw,[data-theme=night] .Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj):hover{background-color:var(--amino-gray-100)!important}.Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x{align-items:center;display:flex;justify-content:space-between}.Amino__StyledReactSelect-module__sm--uRxwS{height:32px}.Amino__StyledReactSelect-module__md--05qsU{height:40px}.Amino__StyledReactSelect-module__lg--iGesU{height:48px}.Amino__StyledReactSelect-module__xl--4TfG5{height:56px}");var y=function(e){switch(e){case"sm":return"".concat(u.theme.radius6);case"lg":case"xl":return"".concat(u.theme.radius10);default:return"".concat(u.theme.radius8)}},x=function(o){return t.jsx(i.components.ClearIndicator,e.__assign({},o,{children:t.jsx(d.RemoveCircleIcon,{size:24})}))},b=function(o){return t.jsx(i.components.DropdownIndicator,e.__assign({},o,{children:t.jsx(c.DoubleChevronIcon,{size:24})}))},f=function(o){var l=o.children,i=o.className,n=o.getStyles,a=o.hasValue,r=o.innerProps,s=o.innerRef,c=o.isDisabled,d=o.isFocused,_=o.selectProps,u=_.icon,m=_.label,p=_.size,g=_.value;return t.jsxs("div",e.__assign({ref:s,className:h.default([i,a&&v.hasValue,u&&v.hasIcon,d&&v.isFocused,c&&v.isDisabled,m\|\|Array.isArray(g)&&g.length>1?v.hasLabel:"",p&&v[p],v.reactSelectControl,"react-select-control"]),style:n("control",o)},r,{children:[u&&t.jsx("div",{className:v.iconWrapper,children:u}),l]}))},R=function(e){var o=e.children,l=e.color,i=e.icon;return t.jsxs("div",{className:v.checkboxOptionIconWrapper,style:{"--amino-styled-react-select-color":l\|\|"inherit"},children:[i,o]})},A=function(o){var l=o.children,n=e.__rest(o,["children"]);return t.jsx(i.components.MultiValueLabel,e.__assign({},n,{children:t.jsx(R,{icon:n.data.icon,children:l})}))},j=function(o){var l=o.innerProps;return t.jsx("div",e.__assign({},l,{role:"button",children:t.jsx(_.RemoveIcon,{size:14})}))},W=function(o){var i=o.children,n=o.className,r=o.data,c=o.getStyles,d=o.innerProps,_=o.innerRef,u=o.isDisabled,m=o.isFocused,p=o.isSelected,g=o.selectProps,S=l.useInView({fallbackInView:!0,triggerOnce:!0}),h=S.inView,y=S.ref,x=g,b=x.customOption,f=x.hasGroups,A=c("option",o),j=A.color,W=e.__rest(A,["color"]);f&&(W.paddingLeft=48);return t.jsx("div",e.__assign({ref:_},d,{children:t.jsx("div",{className:[n,v.styledSelectOptionWrapper,m&&v.isFocused,u&&v.isDisabled].join(" "),style:W,children:g.isMulti?t.jsx(a.Checkbox,{checked:p,disabled:u,icon:r.icon,label:r.label,labelDescription:r.labelDescription,onChange:function(){}}):b?b(r.value):t.jsxs("div",{ref:y,className:v.selectedSingleOptionWrapper,children:[h&&t.jsx(R,{color:j,icon:r.icon,children:i}),p&&t.jsx(s.CheckmarkIcon,{color:"blue600",size:24})]})})}))};exports.CheckboxOptionComponent=W,exports.StyledReactSelect=function(l){var i=l.closeOnOutsideScroll,n=void 0!==i&&i,a=l.components,s=l.customOption,c=l.error,d=l.hasGroups,_=l.helpText,p=l.icon,g=l.label,R=l.menuPosition,C=void 0===R?"fixed":R,I=l.placeholder,w=l.size,k=void 0===w?"md":w,O=l.style,L=e.__rest(l,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","style"]),V={customOption:s,hasGroups:d,icon:p,label:g,size:k},q=o.useMemo((function(){return m.getTestId({componentName:"select",name:g})}),[g]),N=o.useRef(null),D=o.useMemo((function(){return!!n&&function(e){var t,o;return!(e.target instanceof HTMLElement)\|\|!(null===(o=null===(t=N.current)\|\|void 0===t?void 0:t.menuListRef)\|\|void 0===o?void 0:o.isEqualNode(e.target))}}),[n]),z=L.styles,F=e.__rest(L,["styles"]),T=function(t){return{clearIndicator:function(o,l){var i;return e.__assign(e.__assign(e.__assign({},o),{color:u.theme.gray700,paddingLeft:14,paddingRight:4}),null===(i=null==t?void 0:t.clearIndicator)\|\|void 0===i?void 0:i.call(t,o,l))},control:function(o,l){var i,n=l.selectProps.size;return e.__assign(e.__assign(e.__assign({},o),{backgroundColor:u.theme.raisedSurfaceColor,borderColor:"unset",borderRadius:y(n),borderWidth:0,boxShadow:l.isFocused?"".concat(u.theme.shadowSelectActive):"".concat(u.theme.shadowSelectBase),color:u.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:"var(--amino-size-".concat(n,")"),minHeight:"var(--amino-size-".concat(n,")")}),null===(i=null==t?void 0:t.control)\|\|void 0===i?void 0:i.call(t,o,l))},dropdownIndicator:function(o,l){var i;return e.__assign(e.__assign(e.__assign({},o),{color:u.theme.gray900,paddingLeft:4,paddingRight:10}),null===(i=null==t?void 0:t.dropdownIndicator)\|\|void 0===i?void 0:i.call(t,o,l))},group:function(o,l){var i;return e.__assign(e.__assign(e.__assign({},o),{paddingBottom:0,paddingTop:0}),null===(i=null==t?void 0:t.group)\|\|void 0===i?void 0:i.call(t,o,l))},indicatorSeparator:function(o,l){var i;return e.__assign(e.__assign(e.__assign({},o),{width:0}),null===(i=null==t?void 0:t.indicatorSeparator)\|\|void 0===i?void 0:i.call(t,o,l))},input:function(o,l){var i;return e.__assign(e.__assign(e.__assign({},o),{color:u.theme.textColor,opacity:.8}),null===(i=null==t?void 0:t.input)\|\|void 0===i?void 0:i.call(t,o,l))},menu:function(o,l){var i;return e.__assign(e.__assign(e.__assign({},o),{background:u.theme.surfaceColor,borderRadius:12,boxShadow:u.theme.v3ShadowLarge,marginTop:4}),null===(i=null==t?void 0:t.menu)\|\|void 0===i?void 0:i.call(t,o,l))},menuList:function(o,l){var i;return e.__assign(e.__assign(e.__assign({},o),{padding:8}),null===(i=null==t?void 0:t.menuList)\|\|void 0===i?void 0:i.call(t,o,l))},multiValue:function(o,l){var i;return e.__assign(e.__assign(e.__assign({},o),{alignItems:"center",background:u.theme.gray100,borderRadius:u.theme.radius4,fontWeight:600,maxHeight:20,minWidth:"inherit",paddingRight:2}),null===(i=null==t?void 0:t.multiValue)\|\|void 0===i?void 0:i.call(t,o,l))},multiValueLabel:function(o,l){var i;return e.__assign(e.__assign(e.__assign({},o),{color:u.theme.textColor}),null===(i=null==t?void 0:t.multiValueLabel)\|\|void 0===i?void 0:i.call(t,o,l))},option:function(o,l){var i;return e.__assign(e.__assign(e.__assign({},o),{backgroundColor:"inherit",borderRadius:"8px",color:l.isSelected?u.theme.blue600:u.theme.textColor,cursor:"pointer",fontWeight:l.isSelected?500:400,paddingBottom:7,paddingLeft:8,paddingRight:12,paddingTop:7}),null===(i=null==t?void 0:t.option)\|\|void 0===i?void 0:i.call(t,o,l))},placeholder:function(o,l){var i;return e.__assign(e.__assign(e.__assign({},o),{".has-label.is-focused &":{opacity:1},color:"var(--amino-text-disabled)",fontSize:"var(--amino-font-size-base)",fontWeight:400,opacity:1}),null===(i=null==t?void 0:t.placeholder)\|\|void 0===i?void 0:i.call(t,o,l))},singleValue:function(o,l){var i;return e.__assign(e.__assign(e.__assign({},o),{color:u.theme.textColor,fontWeight:500}),null===(i=null==t?void 0:t.singleValue)\|\|void 0===i?void 0:i.call(t,o,l))},valueContainer:function(o,l){var i;return e.__assign(e.__assign(e.__assign({},o),{".has-icon &":{paddingLeft:0},flexWrap:"nowrap",padding:"unset",paddingLeft:12}),null===(i=null==t?void 0:t.valueContainer)\|\|void 0===i?void 0:i.call(t,o,l))}}}(z);return t.jsxs("div",{className:h.default(v.styledSelectWrapper,c&&v.hasError),"data-testid":q,children:[g&&t.jsx("label",{className:v.hasLabel,children:g}),t.jsx(S.default,e.__assign({ref:N,closeMenuOnScroll:D,components:e.__assign({ClearIndicator:x,Control:f,DropdownIndicator:b,MultiValueLabel:A,MultiValueRemove:j,Option:W},a),menuPosition:C,placeholder:I\|\|"",styles:e.__assign(e.__assign({},O),T)},F,V)),t.jsx(r.HelpText,{error:c,helpText:_})]})};
1	+ "use strict";var e=require("../../tslib.es6-5672428a.js"),t=require("react/jsx-runtime"),o=require("react"),l=require("react-intersection-observer"),n=require("react-select"),i=require("clsx"),a=require("../checkbox/Checkbox.js"),r=require("../help-text/HelpText.js"),s=require("../../icons/CheckmarkIcon.js"),c=require("../../icons/DoubleChevronIcon.js"),d=require("../../icons/RemoveCircleIcon.js"),_=require("../../icons/RemoveIcon.js"),u=require("../../styles/constants/theme.js"),m=require("../../utils/getTestId.js"),p=require("../../style-inject.es-d4ddeae4.js");function S(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("../../global.module-569e4fd5.js"),require("../../icons/icon-base/_IconBase.js");var h=S(n),g=S(i),v={iconWrapper:"Amino__StyledReactSelect-module__iconWrapper--o6af4",hasLabel:"Amino__StyledReactSelect-module__hasLabel--2uysz",hasIcon:"Amino__StyledReactSelect-module__hasIcon--ua8Qm",hasValue:"Amino__StyledReactSelect-module__hasValue--QzRR6",isDisabled:"Amino__StyledReactSelect-module__isDisabled--WwkVj",styledSelectWrapper:"Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S",reactSelectControl:"Amino__StyledReactSelect-module__reactSelectControl--0sbFa",isFocused:"Amino__StyledReactSelect-module__isFocused--cvHNw",menuIsOpen:"Amino__StyledReactSelect-module__menuIsOpen--DlQj5",hasError:"Amino__StyledReactSelect-module__hasError--DJ10C",strongLabel:"Amino__StyledReactSelect-module__strongLabel--iF71N",checkboxOptionIconWrapper:"Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF",styledSelectOptionWrapper:"Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9",selectedSingleOptionWrapper:"Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x",sm:"Amino__StyledReactSelect-module__sm--uRxwS",md:"Amino__StyledReactSelect-module__md--05qsU",lg:"Amino__StyledReactSelect-module__lg--iGesU",xl:"Amino__StyledReactSelect-module__xl--4TfG5"};p.styleInject(".Amino__StyledReactSelect-module__iconWrapper--o6af4{align-items:center;color:var(--amino-gray-700);display:flex;height:24px;justify-content:space-evenly;margin-left:var(--amino-space-8);margin-right:-2px;width:24px}.Amino__StyledReactSelect-module__hasLabel--2uysz{color:var(--amino-text-color-secondary);display:block;margin-bottom:8px}.Amino__StyledReactSelect-module__hasIcon--ua8Qm,.Amino__StyledReactSelect-module__hasValue--QzRR6{align-items:center;display:flex}.Amino__StyledReactSelect-module__isDisabled--WwkVj{opacity:var(--amino-opacity-disabled)}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S .Amino__StyledReactSelect-module__reactSelectControl--0sbFa+div{z-index:20}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S .Amino__StyledReactSelect-module__reactSelectControl--0sbFa.Amino__StyledReactSelect-module__isFocused--cvHNw{box-shadow:var(--amino-shadow-raised-standard)!important}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S .Amino__StyledReactSelect-module__reactSelectControl--0sbFa.Amino__StyledReactSelect-module__isFocused--cvHNw:not(.Amino__StyledReactSelect-module__menuIsOpen--DlQj5){box-shadow:var(--amino-shadow-raised-focus)!important}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S.Amino__StyledReactSelect-module__hasError--DJ10C .Amino__StyledReactSelect-module__hasLabel--2uysz{color:var(--amino-red-600)}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S.Amino__StyledReactSelect-module__hasError--DJ10C .Amino__StyledReactSelect-module__reactSelectControl--0sbFa{box-shadow:var(--amino-shadow-raised-error)!important}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S.Amino__StyledReactSelect-module__hasError--DJ10C .Amino__StyledReactSelect-module__reactSelectControl--0sbFa.Amino__StyledReactSelect-module__isFocused--cvHNw:not(.Amino__StyledReactSelect-module__menuIsOpen--DlQj5){box-shadow:var(--amino-shadow-raised-error-focus)!important}.Amino__StyledReactSelect-module__strongLabel--iF71N{font-weight:600}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF{align-items:center;color:var(--amino-styled-react-select-color);display:flex}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF svg{color:var(--amino-gray-1000);margin-right:4px}.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj).Amino__StyledReactSelect-module__isFocused--cvHNw,.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj):hover{background-color:var(--amino-gray-50)!important}[data-theme=night] .Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj).Amino__StyledReactSelect-module__isFocused--cvHNw,[data-theme=night] .Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj):hover{background-color:var(--amino-gray-100)!important}.Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x{align-items:center;display:flex;justify-content:space-between}.Amino__StyledReactSelect-module__sm--uRxwS{height:32px}.Amino__StyledReactSelect-module__md--05qsU{height:40px}.Amino__StyledReactSelect-module__lg--iGesU{height:48px}.Amino__StyledReactSelect-module__xl--4TfG5{height:56px}");var y=function(e){switch(e){case"sm":return"".concat(u.theme.radius6);case"lg":case"xl":return"".concat(u.theme.radius10);default:return"".concat(u.theme.radius8)}},R=function(o){return t.jsx(n.components.ClearIndicator,e.__assign({},o,{children:t.jsx(d.RemoveCircleIcon,{size:24})}))},b=function(o){return t.jsx(n.components.DropdownIndicator,e.__assign({},o,{children:t.jsx(c.DoubleChevronIcon,{size:24})}))},x=function(o){var l=o.children,n=o.className,i=o.getStyles,a=o.hasValue,r=o.innerProps,s=o.innerRef,c=o.isDisabled,d=o.isFocused,_=o.menuIsOpen,u=o.selectProps,m=u.icon,p=u.label,S=u.size,h=u.value;return t.jsxs("div",e.__assign({ref:s,className:g.default([n,a&&v.hasValue,m&&v.hasIcon,d&&v.isFocused,c&&v.isDisabled,_&&v.menuIsOpen,p\|\|Array.isArray(h)&&h.length>1?v.hasLabel:"",S&&v[S],v.reactSelectControl,"react-select-control"]),style:i("control",o)},r,{children:[m&&t.jsx("div",{className:v.iconWrapper,children:m}),l]}))},f=function(e){var o=e.children,l=e.color,n=e.icon;return t.jsxs("div",{className:v.checkboxOptionIconWrapper,style:{"--amino-styled-react-select-color":l\|\|"inherit"},children:[n,o]})},A=function(o){var l=o.children,i=e.__rest(o,["children"]);return t.jsx(n.components.MultiValueLabel,e.__assign({},i,{children:t.jsx(f,{icon:i.data.icon,children:l})}))},j=function(o){var l=o.innerProps;return t.jsx("div",e.__assign({},l,{role:"button",children:t.jsx(_.RemoveIcon,{size:14})}))},W=function(o){var n=o.children,i=o.className,r=o.data,c=o.getStyles,d=o.innerProps,_=o.innerRef,u=o.isDisabled,m=o.isFocused,p=o.isSelected,S=o.selectProps,h=l.useInView({fallbackInView:!0,triggerOnce:!0}),g=h.inView,y=h.ref,R=S,b=R.customOption,x=R.hasGroups,A=c("option",o),j=A.color,W=e.__rest(A,["color"]);x&&(W.paddingLeft=48);return t.jsx("div",e.__assign({ref:_},d,{children:t.jsx("div",{className:[i,v.styledSelectOptionWrapper,m&&v.isFocused,u&&v.isDisabled].join(" "),style:W,children:S.isMulti?t.jsx(a.Checkbox,{checked:p,disabled:u,icon:r.icon,label:r.label,labelDescription:r.labelDescription,onChange:function(){}}):b?b(r.value):t.jsxs("div",{ref:y,className:v.selectedSingleOptionWrapper,children:[g&&t.jsx(f,{color:j,icon:r.icon,children:n}),p&&t.jsx(s.CheckmarkIcon,{color:"blue600",size:24})]})})}))};exports.CheckboxOptionComponent=W,exports.StyledReactSelect=function(l){var n=l.closeOnOutsideScroll,i=void 0!==n&&n,a=l.components,s=l.customOption,c=l.error,d=l.hasGroups,_=l.helpText,p=l.icon,S=l.label,f=l.menuPosition,w=void 0===f?"fixed":f,I=l.placeholder,C=l.size,O=void 0===C?"md":C,k=l.style,D=e.__rest(l,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","style"]),F={customOption:s,hasGroups:d,icon:p,label:S,size:O},L=o.useMemo((function(){return m.getTestId({componentName:"select",name:S})}),[S]),N=o.useRef(null),V=o.useMemo((function(){return!!i&&function(e){var t,o;return!(e.target instanceof HTMLElement)\|\|!(null===(o=null===(t=N.current)\|\|void 0===t?void 0:t.menuListRef)\|\|void 0===o?void 0:o.isEqualNode(e.target))}}),[i]),q=D.styles,z=e.__rest(D,["styles"]),T=function(t){return{clearIndicator:function(o,l){var n;return e.__assign(e.__assign(e.__assign({},o),{color:u.theme.gray700,paddingLeft:14,paddingRight:4}),null===(n=null==t?void 0:t.clearIndicator)\|\|void 0===n?void 0:n.call(t,o,l))},control:function(o,l){var n,i=l.selectProps.size;return e.__assign(e.__assign(e.__assign({},o),{backgroundColor:u.theme.raisedSurfaceColor,borderColor:"unset",borderRadius:y(i),borderWidth:0,boxShadow:l.isFocused?"".concat(u.theme.shadowRaisedFocus):"".concat(u.theme.shadowRaisedStandard),color:u.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:"var(--amino-size-".concat(i,")"),minHeight:"var(--amino-size-".concat(i,")")}),null===(n=null==t?void 0:t.control)\|\|void 0===n?void 0:n.call(t,o,l))},dropdownIndicator:function(o,l){var n;return e.__assign(e.__assign(e.__assign({},o),{color:u.theme.gray900,paddingLeft:4,paddingRight:10}),null===(n=null==t?void 0:t.dropdownIndicator)\|\|void 0===n?void 0:n.call(t,o,l))},group:function(o,l){var n;return e.__assign(e.__assign(e.__assign({},o),{paddingBottom:0,paddingTop:0}),null===(n=null==t?void 0:t.group)\|\|void 0===n?void 0:n.call(t,o,l))},indicatorSeparator:function(o,l){var n;return e.__assign(e.__assign(e.__assign({},o),{width:0}),null===(n=null==t?void 0:t.indicatorSeparator)\|\|void 0===n?void 0:n.call(t,o,l))},input:function(o,l){var n;return e.__assign(e.__assign(e.__assign({},o),{color:u.theme.textColor,opacity:.8}),null===(n=null==t?void 0:t.input)\|\|void 0===n?void 0:n.call(t,o,l))},menu:function(o,l){var n;return e.__assign(e.__assign(e.__assign({},o),{background:u.theme.surfaceColor,borderRadius:12,boxShadow:u.theme.v3ShadowLarge,marginTop:4}),null===(n=null==t?void 0:t.menu)\|\|void 0===n?void 0:n.call(t,o,l))},menuList:function(o,l){var n;return e.__assign(e.__assign(e.__assign({},o),{padding:8}),null===(n=null==t?void 0:t.menuList)\|\|void 0===n?void 0:n.call(t,o,l))},multiValue:function(o,l){var n;return e.__assign(e.__assign(e.__assign({},o),{alignItems:"center",background:u.theme.gray100,borderRadius:u.theme.radius4,fontWeight:600,maxHeight:20,minWidth:"inherit",paddingRight:2}),null===(n=null==t?void 0:t.multiValue)\|\|void 0===n?void 0:n.call(t,o,l))},multiValueLabel:function(o,l){var n;return e.__assign(e.__assign(e.__assign({},o),{color:u.theme.textColor}),null===(n=null==t?void 0:t.multiValueLabel)\|\|void 0===n?void 0:n.call(t,o,l))},option:function(o,l){var n;return e.__assign(e.__assign(e.__assign({},o),{backgroundColor:"inherit",borderRadius:"8px",color:l.isSelected?u.theme.blue600:u.theme.textColor,cursor:"pointer",fontWeight:l.isSelected?500:400,paddingBottom:7,paddingLeft:8,paddingRight:12,paddingTop:7}),null===(n=null==t?void 0:t.option)\|\|void 0===n?void 0:n.call(t,o,l))},placeholder:function(o,l){var n;return e.__assign(e.__assign(e.__assign({},o),{".has-label.is-focused &":{opacity:1},color:"var(--amino-gray-500)",fontSize:"var(--amino-font-size-base)",fontWeight:400,opacity:1}),null===(n=null==t?void 0:t.placeholder)\|\|void 0===n?void 0:n.call(t,o,l))},singleValue:function(o,l){var n;return e.__assign(e.__assign(e.__assign({},o),{color:u.theme.textColor,fontWeight:500}),null===(n=null==t?void 0:t.singleValue)\|\|void 0===n?void 0:n.call(t,o,l))},valueContainer:function(o,l){var n;return e.__assign(e.__assign(e.__assign({},o),{".has-icon &":{paddingLeft:0},flexWrap:"nowrap",padding:"unset",paddingLeft:12}),null===(n=null==t?void 0:t.valueContainer)\|\|void 0===n?void 0:n.call(t,o,l))}}}(q);return t.jsxs("div",{className:g.default(v.styledSelectWrapper,c&&v.hasError),"data-testid":L,children:[S&&t.jsx("label",{className:v.hasLabel,children:S}),t.jsx(h.default,e.__assign({ref:N,closeMenuOnScroll:V,components:e.__assign({ClearIndicator:R,Control:x,DropdownIndicator:b,MultiValueLabel:A,MultiValueRemove:j,Option:W},a),menuPosition:w,placeholder:I\|\|"",styles:e.__assign(e.__assign({},k),T)},z,F)),t.jsx(r.HelpText,{error:c,helpText:_})]})};

package/components/toggle/Toggle.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("../../tslib.es6-5672428a.js"),o=require("react/jsx-runtime"),r=require("react"),l=require("clsx"),i=require("framer-motion"),n=require("../../style-inject.es-d4ddeae4.js");function _(e){return e&&e.__esModule?e:{default:e}}var d=_(l),t="Amino_Toggle-module__shrinkWrapper--osh3J",a="Amino_Toggle-module__wrapper--NF4v5",p="Amino_Toggle-module__selectedSlider--WsUDo",u="Amino_Toggle-module__optionWrapper--0wrNp",m="Amino_Toggle-module__selected--badUt",g="Amino_Toggle-module__fullWidth--vw3dd";n.styleInject(".Amino_Toggle-module__shrinkWrapper--osh3J{display:inline-flex}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__wrapper--NF4v5{background-color~~:var(--amino-gray-50)~~;border-radius:6px;display:flex;position:relative}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__selectedSlider--WsUDo{background-color:var(--amino-raised-surface-color);border-radius:6px;box-shadow:var(--amino-shadow-~~button~~-standard);height:100%;position:absolute;z-index:1}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp{border-radius:6px;color:var(--amino-text-color-secondary);cursor:pointer;font-size:var(--amino-font-size-base);font-weight:500;padding:4px 12px;text-align:center;z-index:2}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp:focus{outline:none}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp.Amino_Toggle-module__selected--badUt,.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp:hover:not(.Amino_Toggle-module__selected--badUt){color:var(--amino-text-color)}.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd,.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd .Amino_Toggle-module__wrapper--NF4v5{width:100%}.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd .Amino_Toggle-module__wrapper--NF4v5 .Amino_Toggle-module__optionWrapper--0wrNp{flex-grow:1}.Amino_Toggle-module__shrinkWrapper--osh3J.sm .Amino_Toggle-module__optionWrapper--0wrNp{padding:6px 12px}.Amino_Toggle-module__shrinkWrapper--osh3J.md .Amino_Toggle-module__optionWrapper--0wrNp{padding:10px 12px}.Amino_Toggle-module__shrinkWrapper--osh3J.lg .Amino_Toggle-module__optionWrapper--0wrNp{padding:14px}.Amino_Toggle-module__shrinkWrapper--osh3J.xl .Amino_Toggle-module__optionWrapper--0wrNp{padding:18px 16px}");exports.Toggle=function(l){var n=l.className,_=l.fullWidth,s=void 0!==_&&_,h=l.onChange,c=l.options,A=l.size,T=void 0===A?"sm":A,f=l.style,v=l.value,W=r.useRef(null),x=r.useRef(null),w=e.__read(r.useState({left:0,width:0}),2),N=w[0],k=w[1],b=e.__read(r.useState(!1),2),J=b[0],j=b[1];return r.useEffect((function(){var e,o,r=function(e,o){if(!o\|\|!e)return{left:0,width:0};var r=o.width;return{left:o.left-e.left,width:r}}((null===(e=W.current)\|\|void 0===e?void 0:e.getBoundingClientRect())\|\|null,(null===(o=x.current)\|\|void 0===o?void 0:o.getBoundingClientRect())\|\|null);k(r)}),[v,T]),o.jsx("div",{className:d.default(n,t,s&&g,T),style:f,children:o.jsxs("div",{ref:W,className:a,children:[o.jsx(i.motion.div,{animate:{width:N.width,x:N.left},className:p,initial:!1,onAnimationComplete:function(){j(!0)},transition:{duration:J?.2:0}}),c.map((function(e){var r=e.value===v;return o.jsx("button",{ref:r?x:null,className:d.default([u,r&&m]),onClick:function(){return h(e.value)},type:"button",children:e.label},e.value)}))]})})};
1	+ "use strict";var e=require("../../tslib.es6-5672428a.js"),o=require("react/jsx-runtime"),r=require("react"),l=require("clsx"),i=require("framer-motion"),n=require("../../style-inject.es-d4ddeae4.js");function _(e){return e&&e.__esModule?e:{default:e}}var d=_(l),t="Amino_Toggle-module__shrinkWrapper--osh3J",a="Amino_Toggle-module__wrapper--NF4v5",p="Amino_Toggle-module__selectedSlider--WsUDo",g="Amino_Toggle-module__optionWrapper--0wrNp",u="Amino_Toggle-module__selected--badUt",m="Amino_Toggle-module__fullWidth--vw3dd";n.styleInject(".Amino_Toggle-module__shrinkWrapper--osh3J{display:inline-flex}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__wrapper--NF4v5{background-color:#050a280f;border-radius:6px;display:flex;height:32px;position:relative}[data-theme=night] .Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__wrapper--NF4v5{background-color:#dce1ff1a}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__selectedSlider--WsUDo{background-color:var(--amino-raised-surface-color);border-radius:6px;box-shadow:var(--amino-shadow-raised-standard);height:100%;height:30px;margin-top:1px;position:absolute;z-index:1}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp{border-radius:6px;color:var(--amino-text-color-secondary);cursor:pointer;font-size:var(--amino-font-size-base);font-weight:500;padding:4px 12px;text-align:center;z-index:2}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp:focus{outline:none}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp.Amino_Toggle-module__selected--badUt,.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp:hover:not(.Amino_Toggle-module__selected--badUt){color:var(--amino-text-color)}.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd,.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd .Amino_Toggle-module__wrapper--NF4v5{width:100%}.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd .Amino_Toggle-module__wrapper--NF4v5 .Amino_Toggle-module__optionWrapper--0wrNp{flex-grow:1}.Amino_Toggle-module__shrinkWrapper--osh3J.sm .Amino_Toggle-module__optionWrapper--0wrNp{padding:6px 12px}.Amino_Toggle-module__shrinkWrapper--osh3J.md .Amino_Toggle-module__optionWrapper--0wrNp{padding:10px 12px}.Amino_Toggle-module__shrinkWrapper--osh3J.lg .Amino_Toggle-module__optionWrapper--0wrNp{padding:14px}.Amino_Toggle-module__shrinkWrapper--osh3J.xl .Amino_Toggle-module__optionWrapper--0wrNp{padding:18px 16px}");exports.Toggle=function(l){var n=l.className,_=l.fullWidth,s=void 0!==_&&_,h=l.onChange,c=l.options,A=l.size,T=void 0===A?"sm":A,f=l.style,v=l.value,x=r.useRef(null),W=r.useRef(null),w=e.__read(r.useState({left:0,width:0}),2),k=w[0],N=w[1],b=e.__read(r.useState(!1),2),J=b[0],j=b[1];return r.useEffect((function(){var e,o,r=function(e,o){if(!o\|\|!e)return{left:0,width:0};var r=o.width;return{left:o.left-e.left,width:r}}((null===(e=x.current)\|\|void 0===e?void 0:e.getBoundingClientRect())\|\|null,(null===(o=W.current)\|\|void 0===o?void 0:o.getBoundingClientRect())\|\|null);N(r)}),[v,T]),o.jsx("div",{className:d.default(n,t,s&&m,T),style:f,children:o.jsxs("div",{ref:x,className:a,children:[o.jsx(i.motion.div,{animate:{width:k.width,x:k.left},className:p,initial:!1,onAnimationComplete:function(){j(!0)},transition:{duration:J?.2:0}}),c.map((function(e){var r=e.value===v;return o.jsx("button",{ref:r?W:null,className:d.default([g,r&&u]),onClick:function(){return h(e.value)},type:"button",children:e.label},e.value)}))]})})};

package/package.json CHANGED Viewed

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

package/styles/constants/theme.d.ts CHANGED Viewed

@@ -205,20 +205,44 @@ export declare const theme: {
     readonly v3ShadowXxl: "var(--amino-v3-shadow-xxl)";
     /** @info 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 1px 0px 0px rgba(255, 255, 255, 1), inset 0px 0px 8px rgba(0, 0, 0, 0.02), inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06), inset 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 1px 1px rgba(0, 0, 0, 0.04) */
     readonly v3ShadowInset: "var(--amino-v3-shadow-inset)";
-    /** @info 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset, 0px 1px 3px 0px rgba(68, 111, 238, 0.40), 0px -1px 1px 0px rgba(0, 0, 0, 0.20) inset */
+    /** @info 0px 0px 0px 1px var(--amino-primary), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.0), 0px -1px 0px 0px rgba(255, 255, 255, 0.08) inset, 0px 2px 2px -1px rgba(47, 54, 159, 0.24), 0px 4px 4px -2px rgba(47, 54, 159, 0.12) */
     readonly shadowButtonPrimary: "var(--amino-shadow-button-primary)";
-    /** @info 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset, 0px 1px 3px 0px rgba(55, 176, 74, 0.40), 0px -1px 1px 0px rgba(0, 0, 0, 0.20) inset */
+    /** @info 0px 0px 0px 1px var(--amino-primary), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.12), 0px -1px 0px 0px rgba(255, 255, 255, 0.08) inset, 0px 2px 2px -1px rgba(47, 54, 159, 0.24), 0px 4px 4px -2px rgba(47, 54, 159, 0.12) */
+    readonly shadowButtonPrimaryFocus: "var(--amino-shadow-button-primary-focus)";
+    /** @info 0px 0px 0px 1px var(--amino-green-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.00), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(1, 87, 31, 0.24), 0px 4px 4px -2px rgba(1, 87, 31, 0.12) */
     readonly shadowButtonSuccess: "var(--amino-shadow-button-success)";
-    /** @info 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset, 0px 1px 3px 0px rgba(238, 69, 89, 0.40), 0px -1px 1px 0px rgba(0, 0, 0, 0.20) inset */
+    /** @info 0px 0px 0px 1px var(--amino-green-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.12), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(1, 87, 31, 0.24), 0px 4px 4px -2px rgba(1, 87, 31, 0.12) */
+    readonly shadowButtonSuccessFocus: "var(--amino-shadow-button-success-focus)";
+    /** @info 0px 0px 0px 1px var(--amino-red-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.00), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(138, 2, 13, 0.24), 0px 4px 4px -2px rgba(138, 2, 13, 0.12) */
     readonly shadowButtonDanger: "var(--amino-shadow-button-danger)";
-    /** @info 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset, 0px 1px 3px 0px rgba(236, 111, 35, 0.40), 0px -1px 1px 0px rgba(0, 0, 0, 0.20) inset */
+    /** @info 0px 0px 0px 1px var(--amino-red-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.12), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(138, 2, 13, 0.24), 0px 4px 4px -2px rgba(138, 2, 13, 0.12) */
+    readonly shadowButtonDangerFocus: "var(--amino-shadow-button-danger-focus)";
+    /** @info 0px 0px 0px 1px var(--amino-orange-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.00), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(123, 41, 5, 0.24), 0px 4px 4px -2px rgba(123, 41, 5, 0.12) */
     readonly shadowButtonWarning: "var(--amino-shadow-button-warning)";
+    /** @info 0px 0px 0px 1px var(--amino-orange-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.12), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(123, 41, 5, 0.24), 0px 4px 4px -2px rgba(123, 41, 5, 0.12) */
+    readonly shadowButtonWarningFocus: "var(--amino-shadow-button-warning-focus)";
     /** @info 0 0 0 2px var(--amino-blue-500) */
     readonly buttonFocusRing: "var(--amino-button-focus-ring)";
-    /** @info 0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset, 0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset, 0px 1px 3px 0px rgba(110, 110, 120, 0.12) */
-    readonly shadowButtonStandard: "var(--amino-shadow-button-standard)";
-    /** @info 0px 1px 3px 0px rgba(16, 17, 22, 0.2), 0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset */
+    /** @info 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08), 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 0px 4px rgba(0, 0, 0, 0.00) */
+    readonly shadowRaisedStandard: "var(--amino-shadow-raised-standard)";
+    /** @info 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08), 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 0px 4px rgba(0, 0, 0, 0.00) */
+    readonly shadowRaisedActive: "var(--amino-shadow-raised-active)";
+    /** @info 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08), 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 0px 4px rgba(0, 0, 0, 0.08) */
+    readonly shadowRaisedFocus: "var(--amino-shadow-raised-focus)";
+    /** @info 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08), 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px var(--amino-red-600), 0px 0px 0px 4px rgba(221, 49, 75, 0.00) */
+    readonly shadowRaisedError: "var(--amino-shadow-raised-error)";
+    /** @info 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08), 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px var(--amino-red-600), 0px 0px 0px 4px rgba(221, 49, 75, 0.12) */
+    readonly shadowRaisedErrorFocus: "var(--amino-shadow-raised-error-focus)";
+    /** @info 0px 0px 0px 1px var(--amino-gray-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.00), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(0, 0, 0, 0.24), 0px 4px 4px -2px rgba(0, 0, 0, 0.12), 0px 0px 0px 4px rgba(0, 0, 0, 0.00) */
     readonly shadowButtonDisabled: "var(--amino-shadow-button-disabled)";
+    /** @info 0px 0px 0px 1px var(--amino-gray-200), 0px 0px 0px 4px rgba(0, 0, 0, 0.00) */
+    readonly shadowInputBase: "var(--amino-shadow-input-base)";
+    /** @info 0px 0px 0px 1px var(--amino-gray-300), 0px 0px 0px 4px rgba(0, 0, 0, 0.08) */
+    readonly shadowInputFocus: "var(--amino-shadow-input-focus)";
+    /** @info 0px 0px 0px 1px var(--amino-red-600), 0px 0px 0px 4px rgba(221, 49, 75, 0.00) */
+    readonly shadowInputError: "var(--amino-shadow-input-error)";
+    /** @info 0px 0px 0px 1px var(--amino-red-600), 0px 0px 0px 4px rgba(221, 49, 75, 0.12) */
+    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 */
@@ -399,7 +423,7 @@ export declare const theme: {
     readonly buttonDangerHover: "var(--amino-button-danger-hover)";
     /** @info linear-gradient(180deg, #EC6F23 0%, #E5611A 100%) */
     readonly buttonWarningHover: "var(--amino-button-warning-hover)";
-    /** @info linear-gradient(180deg, #FFFFFF 0%, #E8EAEE 100%); */
+    /** @info linear-gradient(180deg, var(--amino-gray-0) 0%, var(--amino-gray-50) 100%) */
     readonly buttonStandardHover: "var(--amino-button-standard-hover)";
     /** @info rgba(0, 0, 0, 0.3) */
     readonly spinnerTrackBlack: "var(--amino-spinner-track-black)";

package/styles/constants/theme.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";exports.theme={transition:"var(--amino-transition)",typeScaleBase:"var(--amino-type-scale-base)",glass0:"var(--amino-glass-0)",glass50:"var(--amino-glass-50)",glass100:"var(--amino-glass-100)",glass200:"var(--amino-glass-200)",glass300:"var(--amino-glass-300)",glass400:"var(--amino-glass-400)",glass500:"var(--amino-glass-500)",glass600:"var(--amino-glass-600)",glass700:"var(--amino-glass-700)",glass800:"var(--amino-glass-800)",glass900:"var(--amino-glass-900)",glass950:"var(--amino-glass-950)",glass1000:"var(--amino-glass-1000)",gray0:"var(--amino-gray-0)",gray50:"var(--amino-gray-50)",gray100:"var(--amino-gray-100)",gray200:"var(--amino-gray-200)",gray300:"var(--amino-gray-300)",gray400:"var(--amino-gray-400)",gray500:"var(--amino-gray-500)",gray600:"var(--amino-gray-600)",gray700:"var(--amino-gray-700)",gray800:"var(--amino-gray-800)",gray900:"var(--amino-gray-900)",gray950:"var(--amino-gray-950)",gray1000:"var(--amino-gray-1000)",blue50:"var(--amino-blue-50)",blue100:"var(--amino-blue-100)",blue200:"var(--amino-blue-200)",blue300:"var(--amino-blue-300)",blue400:"var(--amino-blue-400)",blue500:"var(--amino-blue-500)",blue600:"var(--amino-blue-600)",blue700:"var(--amino-blue-700)",blue800:"var(--amino-blue-800)",blue900:"var(--amino-blue-900)",blue950:"var(--amino-blue-950)",cyan50:"var(--amino-cyan-50)",cyan100:"var(--amino-cyan-100)",cyan200:"var(--amino-cyan-200)",cyan300:"var(--amino-cyan-300)",cyan400:"var(--amino-cyan-400)",cyan500:"var(--amino-cyan-500)",cyan600:"var(--amino-cyan-600)",cyan700:"var(--amino-cyan-700)",cyan800:"var(--amino-cyan-800)",cyan900:"var(--amino-cyan-900)",cyan950:"var(--amino-cyan-950)",red50:"var(--amino-red-50)",red100:"var(--amino-red-100)",red200:"var(--amino-red-200)",red300:"var(--amino-red-300)",red400:"var(--amino-red-400)",red500:"var(--amino-red-500)",red600:"var(--amino-red-600)",red700:"var(--amino-red-700)",red800:"var(--amino-red-800)",red900:"var(--amino-red-900)",red950:"var(--amino-red-950)",orange50:"var(--amino-orange-50)",orange100:"var(--amino-orange-100)",orange200:"var(--amino-orange-200)",orange300:"var(--amino-orange-300)",orange400:"var(--amino-orange-400)",orange500:"var(--amino-orange-500)",orange600:"var(--amino-orange-600)",orange700:"var(--amino-orange-700)",orange800:"var(--amino-orange-800)",orange900:"var(--amino-orange-900)",orange950:"var(--amino-orange-950)",green50:"var(--amino-green-50)",green100:"var(--amino-green-100)",green200:"var(--amino-green-200)",green300:"var(--amino-green-300)",green400:"var(--amino-green-400)",green500:"var(--amino-green-500)",green600:"var(--amino-green-600)",green700:"var(--amino-green-700)",green800:"var(--amino-green-800)",green900:"var(--amino-green-900)",green950:"var(--amino-green-950)",purple50:"var(--amino-purple-50)",purple100:"var(--amino-purple-100)",purple200:"var(--amino-purple-200)",purple300:"var(--amino-purple-300)",purple400:"var(--amino-purple-400)",purple500:"var(--amino-purple-500)",purple600:"var(--amino-purple-600)",purple700:"var(--amino-purple-700)",purple800:"var(--amino-purple-800)",purple900:"var(--amino-purple-900)",purple950:"var(--amino-purple-950)",transparentWhite:"var(--amino-transparent-white)",transparentBlack:"var(--amino-transparent-black)",transparentGray600:"var(--amino-transparent-gray-600)",v3ShadowBase:"var(--amino-v3-shadow-base)",v3ShadowMedium:"var(--amino-v3-shadow-medium)",v3ShadowLarge:"var(--amino-v3-shadow-large)",v3ShadowXl:"var(--amino-v3-shadow-xl)",v3ShadowXxl:"var(--amino-v3-shadow-xxl)",v3ShadowInset:"var(--amino-v3-shadow-inset)",shadowButtonPrimary:"var(--amino-shadow-button-primary)",shadowButtonSuccess:"var(--amino-shadow-button-success)",shadowButtonDanger:"var(--amino-shadow-button-danger)",shadowButtonWarning:"var(--amino-shadow-button-warning)",buttonFocusRing:"var(--amino-button-focus-ring)",shadowButtonStandard:"var(--amino-shadow-button-standard)",shadowButtonDisabled:"var(--amino-shadow-button-disabled)",shadowSelectBase:"var(--amino-shadow-select-base)",shadowSelectActive:"var(--amino-shadow-select-active)",shadowSelectError:"var(--amino-shadow-select-error)",opacityDisabled:"var(--amino-opacity-disabled)",spaceNegative80:"var(--amino-space-negative-80)",spaceNegative76:"var(--amino-space-negative-76)",spaceNegative72:"var(--amino-space-negative-72)",spaceNegative68:"var(--amino-space-negative-68)",spaceNegative64:"var(--amino-space-negative-64)",spaceNegative60:"var(--amino-space-negative-60)",spaceNegative56:"var(--amino-space-negative-56)",spaceNegative52:"var(--amino-space-negative-52)",spaceNegative48:"var(--amino-space-negative-48)",spaceNegative44:"var(--amino-space-negative-44)",spaceNegative40:"var(--amino-space-negative-40)",spaceNegative36:"var(--amino-space-negative-36)",spaceNegative32:"var(--amino-space-negative-32)",spaceNegative28:"var(--amino-space-negative-28)",spaceNegative24:"var(--amino-space-negative-24)",spaceNegative20:"var(--amino-space-negative-20)",spaceNegative16:"var(--amino-space-negative-16)",spaceNegative12:"var(--amino-space-negative-12)",spaceNegative8:"var(--amino-space-negative-8)",spaceNegative4:"var(--amino-space-negative-4)",space0:"var(--amino-space-0)",space4:"var(--amino-space-4)",space8:"var(--amino-space-8)",space12:"var(--amino-space-12)",space16:"var(--amino-space-16)",space20:"var(--amino-space-20)",space24:"var(--amino-space-24)",space28:"var(--amino-space-28)",space32:"var(--amino-space-32)",space36:"var(--amino-space-36)",space40:"var(--amino-space-40)",space44:"var(--amino-space-44)",space48:"var(--amino-space-48)",space52:"var(--amino-space-52)",space56:"var(--amino-space-56)",space60:"var(--amino-space-60)",space64:"var(--amino-space-64)",space68:"var(--amino-space-68)",space72:"var(--amino-space-72)",space76:"var(--amino-space-76)",space80:"var(--amino-space-80)",border:"var(--amino-border)",borderBlue:"var(--amino-border-blue)",borderRed:"var(--amino-border-red)",borderCyan:"var(--amino-border-cyan)",borderOrange:"var(--amino-border-orange)",borderGreen:"var(--amino-border-green)",borderPurple:"var(--amino-border-purple)",borderAmber:"var(--amino-border-amber)",borderTransparent:"var(--amino-border-transparent)",borderSubtle:"var(--amino-border-subtle)",sidebarColor:"var(--amino-sidebar-color)",headerColor:"var(--amino-header-color)",danger:"var(--amino-danger)",dangerDark:"var(--amino-danger-dark)",error:"var(--amino-error)",primary:"var(--amino-primary)",primaryLight:"var(--amino-primary-light)",primaryDark:"var(--amino-primary-dark)",success:"var(--amino-success)",successDark:"var(--amino-success-dark)",warning:"var(--amino-warning)",warningDark:"var(--amino-warning-dark)",glowError:"var(--amino-glow-error)",glowBlue:"var(--amino-glow-blue)",glowCyan:"var(--amino-glow-cyan)",glowRed:"var(--amino-glow-red)",glowOrange:"var(--amino-glow-orange)",glowGreen:"var(--amino-glow-green)",glowPurple:"var(--amino-glow-purple)",pageBackground:"var(--amino-page-background)",borderColor:"var(--amino-border-color)",hoverColor:"var(--amino-hover-color)",textColor:"var(--amino-text-color)",textColorSecondary:"var(--amino-text-color-secondary)",focusButtonStandard:"var(--amino-focus-button-standard)",focusButton:"var(--amino-focus-button)",surfaceColor:"var(--amino-surface-color)",surfaceColorSecondary:"var(--amino-surface-color-secondary)",backdropColor:"var(--amino-backdrop-color)",raisedSurfaceColor:"var(--amino-raised-surface-color)",raisedColorSecondary:"var(--amino-raised-color-secondary)",buttonPrimaryHover:"var(--amino-button-primary-hover)",buttonSuccessHover:"var(--amino-button-success-hover)",buttonDangerHover:"var(--amino-button-danger-hover)",buttonWarningHover:"var(--amino-button-warning-hover)",buttonStandardHover:"var(--amino-button-standard-hover)",spinnerTrackBlack:"var(--amino-spinner-track-black)",spinnerStrokeBlack:"var(--amino-spinner-stroke-black)",spinnerTrackWhite:"var(--amino-spinner-track-white)",spinnerStrokeWhite:"var(--amino-spinner-stroke-white)",appbarHeight:"var(--amino-appbar-height)",sidebarWidth:"var(--amino-sidebar-width)",elevation0:"var(--amino-elevation-0)",elevation100:"var(--amino-elevation-100)",elevation200:"var(--amino-elevation-200)",elevation300:"var(--amino-elevation-300)",elevation400:"var(--amino-elevation-400)",elevation500:"var(--amino-elevation-500)",dialogElevation:"var(--amino-dialog-elevation)",toastElevation:"var(--amino-toast-elevation)",appbarElevation:"var(--amino-appbar-elevation)",sizeXl:"var(--amino-size-xl)",sizeLg:"var(--amino-size-lg)",sizeMd:"var(--amino-size-md)",sizeSm:"var(--amino-size-sm)",radius4:"var(--amino-radius-4)",radius6:"var(--amino-radius-6)",radius8:"var(--amino-radius-8)",radius10:"var(--amino-radius-10)",radius12:"var(--amino-radius-12)",fontSize3xl:"var(--amino-font-size-3xl)",fontSize2xl:"var(--amino-font-size-2xl)",fontSizeXl:"var(--amino-font-size-xl)",fontSizeL:"var(--amino-font-size-l)",fontSizeBaseDocs:"var(--amino-font-size-base-docs)",fontSizeBase:"var(--amino-font-size-base)",fontSizeS:"var(--amino-font-size-s)",fontSizeXs:"var(--amino-font-size-xs)",lineHeight3xl:"var(--amino-line-height-3xl)",lineHeight2xl:"var(--amino-line-height-2xl)",lineHeightXl:"var(--amino-line-height-xl)",lineHeightL:"var(--amino-line-height-l)",lineHeightBase:"var(--amino-line-height-base)",lineHeightS:"var(--amino-line-height-s)",lineHeightXs:"var(--amino-line-height-xs)",fontSans:"var(--amino-font-sans)",fontMono:"var(--amino-font-mono)",fontHarmonizedCodes:"var(--amino-font-harmonized-codes)",inputBackground:"var(--amino-input-background)"};
1	+ "use strict";exports.theme={transition:"var(--amino-transition)",typeScaleBase:"var(--amino-type-scale-base)",glass0:"var(--amino-glass-0)",glass50:"var(--amino-glass-50)",glass100:"var(--amino-glass-100)",glass200:"var(--amino-glass-200)",glass300:"var(--amino-glass-300)",glass400:"var(--amino-glass-400)",glass500:"var(--amino-glass-500)",glass600:"var(--amino-glass-600)",glass700:"var(--amino-glass-700)",glass800:"var(--amino-glass-800)",glass900:"var(--amino-glass-900)",glass950:"var(--amino-glass-950)",glass1000:"var(--amino-glass-1000)",gray0:"var(--amino-gray-0)",gray50:"var(--amino-gray-50)",gray100:"var(--amino-gray-100)",gray200:"var(--amino-gray-200)",gray300:"var(--amino-gray-300)",gray400:"var(--amino-gray-400)",gray500:"var(--amino-gray-500)",gray600:"var(--amino-gray-600)",gray700:"var(--amino-gray-700)",gray800:"var(--amino-gray-800)",gray900:"var(--amino-gray-900)",gray950:"var(--amino-gray-950)",gray1000:"var(--amino-gray-1000)",blue50:"var(--amino-blue-50)",blue100:"var(--amino-blue-100)",blue200:"var(--amino-blue-200)",blue300:"var(--amino-blue-300)",blue400:"var(--amino-blue-400)",blue500:"var(--amino-blue-500)",blue600:"var(--amino-blue-600)",blue700:"var(--amino-blue-700)",blue800:"var(--amino-blue-800)",blue900:"var(--amino-blue-900)",blue950:"var(--amino-blue-950)",cyan50:"var(--amino-cyan-50)",cyan100:"var(--amino-cyan-100)",cyan200:"var(--amino-cyan-200)",cyan300:"var(--amino-cyan-300)",cyan400:"var(--amino-cyan-400)",cyan500:"var(--amino-cyan-500)",cyan600:"var(--amino-cyan-600)",cyan700:"var(--amino-cyan-700)",cyan800:"var(--amino-cyan-800)",cyan900:"var(--amino-cyan-900)",cyan950:"var(--amino-cyan-950)",red50:"var(--amino-red-50)",red100:"var(--amino-red-100)",red200:"var(--amino-red-200)",red300:"var(--amino-red-300)",red400:"var(--amino-red-400)",red500:"var(--amino-red-500)",red600:"var(--amino-red-600)",red700:"var(--amino-red-700)",red800:"var(--amino-red-800)",red900:"var(--amino-red-900)",red950:"var(--amino-red-950)",orange50:"var(--amino-orange-50)",orange100:"var(--amino-orange-100)",orange200:"var(--amino-orange-200)",orange300:"var(--amino-orange-300)",orange400:"var(--amino-orange-400)",orange500:"var(--amino-orange-500)",orange600:"var(--amino-orange-600)",orange700:"var(--amino-orange-700)",orange800:"var(--amino-orange-800)",orange900:"var(--amino-orange-900)",orange950:"var(--amino-orange-950)",green50:"var(--amino-green-50)",green100:"var(--amino-green-100)",green200:"var(--amino-green-200)",green300:"var(--amino-green-300)",green400:"var(--amino-green-400)",green500:"var(--amino-green-500)",green600:"var(--amino-green-600)",green700:"var(--amino-green-700)",green800:"var(--amino-green-800)",green900:"var(--amino-green-900)",green950:"var(--amino-green-950)",purple50:"var(--amino-purple-50)",purple100:"var(--amino-purple-100)",purple200:"var(--amino-purple-200)",purple300:"var(--amino-purple-300)",purple400:"var(--amino-purple-400)",purple500:"var(--amino-purple-500)",purple600:"var(--amino-purple-600)",purple700:"var(--amino-purple-700)",purple800:"var(--amino-purple-800)",purple900:"var(--amino-purple-900)",purple950:"var(--amino-purple-950)",transparentWhite:"var(--amino-transparent-white)",transparentBlack:"var(--amino-transparent-black)",transparentGray600:"var(--amino-transparent-gray-600)",v3ShadowBase:"var(--amino-v3-shadow-base)",v3ShadowMedium:"var(--amino-v3-shadow-medium)",v3ShadowLarge:"var(--amino-v3-shadow-large)",v3ShadowXl:"var(--amino-v3-shadow-xl)",v3ShadowXxl:"var(--amino-v3-shadow-xxl)",v3ShadowInset:"var(--amino-v3-shadow-inset)",shadowButtonPrimary:"var(--amino-shadow-button-primary)",shadowButtonPrimaryFocus:"var(--amino-shadow-button-primary-focus)",shadowButtonSuccess:"var(--amino-shadow-button-success)",shadowButtonSuccessFocus:"var(--amino-shadow-button-success-focus)",shadowButtonDanger:"var(--amino-shadow-button-danger)",shadowButtonDangerFocus:"var(--amino-shadow-button-danger-focus)",shadowButtonWarning:"var(--amino-shadow-button-warning)",shadowButtonWarningFocus:"var(--amino-shadow-button-warning-focus)",buttonFocusRing:"var(--amino-button-focus-ring)",shadowRaisedStandard:"var(--amino-shadow-raised-standard)",shadowRaisedActive:"var(--amino-shadow-raised-active)",shadowRaisedFocus:"var(--amino-shadow-raised-focus)",shadowRaisedError:"var(--amino-shadow-raised-error)",shadowRaisedErrorFocus:"var(--amino-shadow-raised-error-focus)",shadowButtonDisabled:"var(--amino-shadow-button-disabled)",shadowInputBase:"var(--amino-shadow-input-base)",shadowInputFocus:"var(--amino-shadow-input-focus)",shadowInputError:"var(--amino-shadow-input-error)",shadowInputErrorFocus:"var(--amino-shadow-input-error-focus)",shadowSelectBase:"var(--amino-shadow-select-base)",shadowSelectActive:"var(--amino-shadow-select-active)",shadowSelectError:"var(--amino-shadow-select-error)",opacityDisabled:"var(--amino-opacity-disabled)",spaceNegative80:"var(--amino-space-negative-80)",spaceNegative76:"var(--amino-space-negative-76)",spaceNegative72:"var(--amino-space-negative-72)",spaceNegative68:"var(--amino-space-negative-68)",spaceNegative64:"var(--amino-space-negative-64)",spaceNegative60:"var(--amino-space-negative-60)",spaceNegative56:"var(--amino-space-negative-56)",spaceNegative52:"var(--amino-space-negative-52)",spaceNegative48:"var(--amino-space-negative-48)",spaceNegative44:"var(--amino-space-negative-44)",spaceNegative40:"var(--amino-space-negative-40)",spaceNegative36:"var(--amino-space-negative-36)",spaceNegative32:"var(--amino-space-negative-32)",spaceNegative28:"var(--amino-space-negative-28)",spaceNegative24:"var(--amino-space-negative-24)",spaceNegative20:"var(--amino-space-negative-20)",spaceNegative16:"var(--amino-space-negative-16)",spaceNegative12:"var(--amino-space-negative-12)",spaceNegative8:"var(--amino-space-negative-8)",spaceNegative4:"var(--amino-space-negative-4)",space0:"var(--amino-space-0)",space4:"var(--amino-space-4)",space8:"var(--amino-space-8)",space12:"var(--amino-space-12)",space16:"var(--amino-space-16)",space20:"var(--amino-space-20)",space24:"var(--amino-space-24)",space28:"var(--amino-space-28)",space32:"var(--amino-space-32)",space36:"var(--amino-space-36)",space40:"var(--amino-space-40)",space44:"var(--amino-space-44)",space48:"var(--amino-space-48)",space52:"var(--amino-space-52)",space56:"var(--amino-space-56)",space60:"var(--amino-space-60)",space64:"var(--amino-space-64)",space68:"var(--amino-space-68)",space72:"var(--amino-space-72)",space76:"var(--amino-space-76)",space80:"var(--amino-space-80)",border:"var(--amino-border)",borderBlue:"var(--amino-border-blue)",borderRed:"var(--amino-border-red)",borderCyan:"var(--amino-border-cyan)",borderOrange:"var(--amino-border-orange)",borderGreen:"var(--amino-border-green)",borderPurple:"var(--amino-border-purple)",borderAmber:"var(--amino-border-amber)",borderTransparent:"var(--amino-border-transparent)",borderSubtle:"var(--amino-border-subtle)",sidebarColor:"var(--amino-sidebar-color)",headerColor:"var(--amino-header-color)",danger:"var(--amino-danger)",dangerDark:"var(--amino-danger-dark)",error:"var(--amino-error)",primary:"var(--amino-primary)",primaryLight:"var(--amino-primary-light)",primaryDark:"var(--amino-primary-dark)",success:"var(--amino-success)",successDark:"var(--amino-success-dark)",warning:"var(--amino-warning)",warningDark:"var(--amino-warning-dark)",glowError:"var(--amino-glow-error)",glowBlue:"var(--amino-glow-blue)",glowCyan:"var(--amino-glow-cyan)",glowRed:"var(--amino-glow-red)",glowOrange:"var(--amino-glow-orange)",glowGreen:"var(--amino-glow-green)",glowPurple:"var(--amino-glow-purple)",pageBackground:"var(--amino-page-background)",borderColor:"var(--amino-border-color)",hoverColor:"var(--amino-hover-color)",textColor:"var(--amino-text-color)",textColorSecondary:"var(--amino-text-color-secondary)",focusButtonStandard:"var(--amino-focus-button-standard)",focusButton:"var(--amino-focus-button)",surfaceColor:"var(--amino-surface-color)",surfaceColorSecondary:"var(--amino-surface-color-secondary)",backdropColor:"var(--amino-backdrop-color)",raisedSurfaceColor:"var(--amino-raised-surface-color)",raisedColorSecondary:"var(--amino-raised-color-secondary)",buttonPrimaryHover:"var(--amino-button-primary-hover)",buttonSuccessHover:"var(--amino-button-success-hover)",buttonDangerHover:"var(--amino-button-danger-hover)",buttonWarningHover:"var(--amino-button-warning-hover)",buttonStandardHover:"var(--amino-button-standard-hover)",spinnerTrackBlack:"var(--amino-spinner-track-black)",spinnerStrokeBlack:"var(--amino-spinner-stroke-black)",spinnerTrackWhite:"var(--amino-spinner-track-white)",spinnerStrokeWhite:"var(--amino-spinner-stroke-white)",appbarHeight:"var(--amino-appbar-height)",sidebarWidth:"var(--amino-sidebar-width)",elevation0:"var(--amino-elevation-0)",elevation100:"var(--amino-elevation-100)",elevation200:"var(--amino-elevation-200)",elevation300:"var(--amino-elevation-300)",elevation400:"var(--amino-elevation-400)",elevation500:"var(--amino-elevation-500)",dialogElevation:"var(--amino-dialog-elevation)",toastElevation:"var(--amino-toast-elevation)",appbarElevation:"var(--amino-appbar-elevation)",sizeXl:"var(--amino-size-xl)",sizeLg:"var(--amino-size-lg)",sizeMd:"var(--amino-size-md)",sizeSm:"var(--amino-size-sm)",radius4:"var(--amino-radius-4)",radius6:"var(--amino-radius-6)",radius8:"var(--amino-radius-8)",radius10:"var(--amino-radius-10)",radius12:"var(--amino-radius-12)",fontSize3xl:"var(--amino-font-size-3xl)",fontSize2xl:"var(--amino-font-size-2xl)",fontSizeXl:"var(--amino-font-size-xl)",fontSizeL:"var(--amino-font-size-l)",fontSizeBaseDocs:"var(--amino-font-size-base-docs)",fontSizeBase:"var(--amino-font-size-base)",fontSizeS:"var(--amino-font-size-s)",fontSizeXs:"var(--amino-font-size-xs)",lineHeight3xl:"var(--amino-line-height-3xl)",lineHeight2xl:"var(--amino-line-height-2xl)",lineHeightXl:"var(--amino-line-height-xl)",lineHeightL:"var(--amino-line-height-l)",lineHeightBase:"var(--amino-line-height-base)",lineHeightS:"var(--amino-line-height-s)",lineHeightXs:"var(--amino-line-height-xs)",fontSans:"var(--amino-font-sans)",fontMono:"var(--amino-font-mono)",fontHarmonizedCodes:"var(--amino-font-harmonized-codes)",inputBackground:"var(--amino-input-background)"};

package/theme.css CHANGED Viewed

@@ -115,24 +115,85 @@
     inset 0px 0px 8px rgba(0, 0, 0, 0.02),
     inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06),
     inset 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 1px 1px rgba(0, 0, 0, 0.04);
-  --amino-shadow-button-primary: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset,
-    0px 1px 3px 0px rgba(68, 111, 238, 0.4),
-    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset;
-  --amino-shadow-button-success: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset,
-    0px 1px 3px 0px rgba(55, 176, 74, 0.4),
-    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset;
-  --amino-shadow-button-danger: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset,
-    0px 1px 3px 0px rgba(238, 69, 89, 0.4),
-    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset;
-  --amino-shadow-button-warning: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset,
-    0px 1px 3px 0px rgba(236, 111, 35, 0.4),
-    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset;
+  --amino-shadow-button-primary: 0px 0px 0px 1px var(--amino-primary),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(0, 0, 0, 0),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.08) inset,
+    0px 2px 2px -1px rgba(47, 54, 159, 0.24),
+    0px 4px 4px -2px rgba(47, 54, 159, 0.12);
+  --amino-shadow-button-primary-focus: 0px 0px 0px 1px var(--amino-primary),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(0, 0, 0, 0.12),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.08) inset,
+    0px 2px 2px -1px rgba(47, 54, 159, 0.24),
+    0px 4px 4px -2px rgba(47, 54, 159, 0.12);
+  --amino-shadow-button-success: 0px 0px 0px 1px var(--amino-green-500),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(0, 0, 0, 0),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
+    0px 2px 2px -1px rgba(1, 87, 31, 0.24),
+    0px 4px 4px -2px rgba(1, 87, 31, 0.12);
+  --amino-shadow-button-success-focus: 0px 0px 0px 1px var(--amino-green-500),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(0, 0, 0, 0.12),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
+    0px 2px 2px -1px rgba(1, 87, 31, 0.24),
+    0px 4px 4px -2px rgba(1, 87, 31, 0.12);
+  --amino-shadow-button-danger: 0px 0px 0px 1px var(--amino-red-500),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(0, 0, 0, 0),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
+    0px 2px 2px -1px rgba(138, 2, 13, 0.24),
+    0px 4px 4px -2px rgba(138, 2, 13, 0.12);
+  --amino-shadow-button-danger-focus: 0px 0px 0px 1px var(--amino-red-500),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(0, 0, 0, 0.12),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
+    0px 2px 2px -1px rgba(138, 2, 13, 0.24),
+    0px 4px 4px -2px rgba(138, 2, 13, 0.12);
+  --amino-shadow-button-warning: 0px 0px 0px 1px var(--amino-orange-500),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(0, 0, 0, 0),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
+    0px 2px 2px -1px rgba(123, 41, 5, 0.24),
+    0px 4px 4px -2px rgba(123, 41, 5, 0.12);
+  --amino-shadow-button-warning-focus: 0px 0px 0px 1px var(--amino-orange-500),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(0, 0, 0, 0.12),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
+    0px 2px 2px -1px rgba(123, 41, 5, 0.24),
+    0px 4px 4px -2px rgba(123, 41, 5, 0.12);
   --amino-button-focus-ring: 0 0 0 2px var(--amino-blue-500);
-  --amino-shadow-button-standard: 0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,
-    0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset,
-    0px 1px 3px 0px rgba(110, 110, 120, 0.12);
-  --amino-shadow-button-disabled: 0px 1px 3px 0px rgba(16, 17, 22, 0.2),
-    0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset;
+  --amino-shadow-raised-standard: 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
+    0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
+    0px 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 0px 4px rgba(0, 0, 0, 0);
+  --amino-shadow-raised-active: 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
+    0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
+    0px 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 0px 4px rgba(0, 0, 0, 0);
+  --amino-shadow-raised-focus: 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
+    0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
+    0px 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 0px 4px rgba(0, 0, 0, 0.08);
+  --amino-shadow-raised-error: 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
+    0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
+    0px 0px 0px 1px var(--amino-red-600), 0px 0px 0px 4px rgba(221, 49, 75, 0);
+  --amino-shadow-raised-error-focus: 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
+    0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
+    0px 0px 0px 1px var(--amino-red-600),
+    0px 0px 0px 4px rgba(221, 49, 75, 0.12);
+  --amino-shadow-button-disabled: 0px 0px 0px 1px var(--amino-gray-500),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(0, 0, 0, 0),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
+    0px 2px 2px -1px rgba(0, 0, 0, 0.24), 0px 4px 4px -2px rgba(0, 0, 0, 0.12),
+    0px 0px 0px 4px rgba(0, 0, 0, 0);
+  --amino-shadow-input-base: 0px 0px 0px 1px var(--amino-gray-200),
+    0px 0px 0px 4px rgba(0, 0, 0, 0);
+  --amino-shadow-input-focus: 0px 0px 0px 1px var(--amino-gray-300),
+    0px 0px 0px 4px rgba(0, 0, 0, 0.08);
+  --amino-shadow-input-error: 0px 0px 0px 1px var(--amino-red-600),
+    0px 0px 0px 4px rgba(221, 49, 75, 0);
+  --amino-shadow-input-error-focus: 0px 0px 0px 1px var(--amino-red-600),
+    0px 0px 0px 4px rgba(221, 49, 75, 0.12);
   --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;
@@ -250,8 +311,8 @@
   );
   --amino-button-standard-hover: linear-gradient(
     180deg,
-    #ffffff 0%,
-    #e8eaee 100%
+    var(--amino-gray-0) 0%,
+    var(--amino-gray-50) 100%
   );
   --amino-spinner-track-black: rgba(0, 0, 0, 0.3);
   --amino-spinner-stroke-black: #0c0c0c;
@@ -417,29 +478,91 @@
     inset 0px 1px 1px rgba(0, 0, 0, 0.24),
     0px 0px 6px rgba(255, 255, 255, 0.08),
     0px 0px 0px 1px rgba(255, 255, 255, 0.12);
-  --amino-shadow-button-primary: 0px 1px 3px 0px rgba(68, 111, 238, 0.4),
-    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,
-    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset, 0px 0px 0px 0.5px #000;
-  --amino-shadow-button-success: 0px 1px 3px 0px rgba(55, 176, 74, 0.4),
-    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,
-    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset, 0px 0px 0px 0.5px #000;
-  --amino-shadow-button-danger: 0px 1px 3px 0px rgba(238, 69, 89, 0.4),
-    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,
-    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset, 0px 0px 0px 0.5px #000;
-  --amino-shadow-button-warning: 0px 1px 3px 0px rgba(236, 111, 35, 0.4),
-    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,
-    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset, 0px 0px 0px 0.5px #000;
+  --amino-shadow-button-primary: 0px 0px 0px 1px var(--amino-primary),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(220, 225, 255, 0),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.08) inset,
+    0px 2px 2px -1px rgba(47, 54, 159, 0.24),
+    0px 4px 4px -2px rgba(47, 54, 159, 0.12);
+  --amino-shadow-button-primary-focus: 0px 0px 0px 1px var(--amino-primary),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(220, 225, 255, 0.24),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.08) inset,
+    0px 2px 2px -1px rgba(47, 54, 159, 0.24),
+    0px 4px 4px -2px rgba(47, 54, 159, 0.12);
+  --amino-shadow-button-success: 0px 0px 0px 1px var(--amino-green-500),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(220, 225, 255, 0),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
+    0px 2px 2px -1px rgba(1, 87, 31, 0.24),
+    0px 4px 4px -2px rgba(1, 87, 31, 0.12);
+  --amino-shadow-button-success-focus: 0px 0px 0px 1px var(--amino-green-500),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(220, 225, 255, 0.24),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
+    0px 2px 2px -1px rgba(1, 87, 31, 0.24),
+    0px 4px 4px -2px rgba(1, 87, 31, 0.12);
+  --amino-shadow-button-danger: 0px 0px 0px 1px var(--amino-red-500),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(220, 225, 250, 0),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
+    0px 2px 2px -1px rgba(138, 2, 13, 0.24),
+    0px 4px 4px -2px rgba(138, 2, 13, 0.12);
+  --amino-shadow-button-danger-focus: 0px 0px 0px 1px var(--amino-red-500),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(220, 225, 250, 0.24),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
+    0px 2px 2px -1px rgba(138, 2, 13, 0.24),
+    0px 4px 4px -2px rgba(138, 2, 13, 0.12);
+  --amino-shadow-button-warning: 0px 0px 0px 1px var(--amino-orange-500),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(220, 225, 250, 0),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
+    0px 2px 2px -1px rgba(123, 41, 5, 0.24),
+    0px 4px 4px -2px rgba(123, 41, 5, 0.12);
+  --amino-shadow-button-warning-focus: 0px 0px 0px 1px var(--amino-orange-500),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(220, 225, 250, 0.24),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
+    0px 2px 2px -1px rgba(123, 41, 5, 0.24),
+    0px 4px 4px -2px rgba(123, 41, 5, 0.12);
   --amino-button-focus-ring: 0 0 0 2px var(--amino-blue-500);
-  --amino-shadow-button-standard: 0px 0px 0px 1px rgba(255, 255, 255, 0.08)
-      inset,
-    0px 1px 3px 0px rgba(0, 0, 0, 0.8),
-    0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,
-    0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,
-    0px 0px 0px 0.5px rgba(0, 0, 0, 0.5);
-  --amino-shadow-button-disabled: 0px 0px 0px 1px #000,
-    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
-    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,
-    0px 1px 3px 0px rgba(255, 255, 255, 0);
+  --amino-shadow-raised-standard: 0px -1px 2px 0px rgba(220, 225, 255, 0.08),
+    0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
+    0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
+    0px 0px 0px 1px rgba(220, 225, 255, 0.2),
+    0px 0px 0px 4px rgba(220, 225, 255, 0);
+  --amino-shadow-raised-active: 0px -1px 2px 0px rgba(220, 225, 255, 0.08),
+    0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
+    0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
+    0px 0px 0px 1px rgba(220, 225, 255, 0.2),
+    0px 0px 0px 4px rgba(220, 225, 255, 0);
+  --amino-shadow-raised-focus: 0px -1px 2px 0px rgba(220, 225, 255, 0.08),
+    0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
+    0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
+    0px 0px 0px 1px rgba(220, 225, 255, 0.2),
+    0px 0px 0px 4px rgba(220, 225, 255, 0.24);
+  --amino-shadow-raised-error: 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
+    0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
+    0px 0px 0px 1px var(--amino-red-600), 0px 0px 0px 4px rgba(246, 92, 109, 0);
+  --amino-shadow-raised-error-focus: 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
+    0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
+    0px 0px 0px 1px var(--amino-red-600),
+    0px 0px 0px 4px rgba(246, 92, 109, 0.32);
+  --amino-shadow-button-disabled: 0px 0px 0px 1px var(--amino-gray-500),
+    0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
+    0px 0px 0px 4px rgba(0, 0, 0, 0),
+    0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
+    0px 2px 2px -1px rgba(0, 0, 0, 0.24), 0px 4px 4px -2px rgba(0, 0, 0, 0.12),
+    0px 0px 0px 4px rgba(0, 0, 0, 0);
+  --amino-shadow-input-base: 0px 0px 0px 1px var(--amino-gray-200),
+    0px 0px 0px 4px rgba(220, 225, 255, 0);
+  --amino-shadow-input-focus: 0px 0px 0px 1px var(--amino-gray-300),
+    0px 0px 0px 4px rgba(220, 225, 255, 0.24);
+  --amino-shadow-input-error: 0px 0px 0px 0.5px var(--amino-red-600),
+    0px 0px 0px 4px rgba(246, 92, 109, 0);
+  --amino-shadow-input-error-focus: 0px 0px 0px 0.5px var(--amino-red-600),
+    0px 0px 0px 4px rgba(246, 92, 109, 0.32);
   --amino-shadow-select-base: 0px 0px 0px 1px #000,
     0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,
     0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,
@@ -517,8 +640,8 @@
   );
   --amino-button-standard-hover: linear-gradient(
     180deg,
-    #272a3599 0%,
-    #494c5780 100%
+    var(--amino-gray-50) 0%,
+    var(--amino-gray-100) 100%
   );
   --amino-spinner-track-black: rgba(255, 255, 255, 0.3);
   --amino-spinner-stroke-black: #ffffff;

package/theme.scss CHANGED Viewed

@@ -103,12 +103,24 @@ $amino-v3-shadow-xl: var(--amino-v3-shadow-xl);
 $amino-v3-shadow-xxl: var(--amino-v3-shadow-xxl);
 $amino-v3-shadow-inset: var(--amino-v3-shadow-inset);
 $amino-shadow-button-primary: var(--amino-shadow-button-primary);
+$amino-shadow-button-primary-focus: var(--amino-shadow-button-primary-focus);
 $amino-shadow-button-success: var(--amino-shadow-button-success);
+$amino-shadow-button-success-focus: var(--amino-shadow-button-success-focus);
 $amino-shadow-button-danger: var(--amino-shadow-button-danger);
+$amino-shadow-button-danger-focus: var(--amino-shadow-button-danger-focus);
 $amino-shadow-button-warning: var(--amino-shadow-button-warning);
+$amino-shadow-button-warning-focus: var(--amino-shadow-button-warning-focus);
 $amino-button-focus-ring: var(--amino-button-focus-ring);
-$amino-shadow-button-standard: var(--amino-shadow-button-standard);
+$amino-shadow-raised-standard: var(--amino-shadow-raised-standard);
+$amino-shadow-raised-active: var(--amino-shadow-raised-active);
+$amino-shadow-raised-focus: var(--amino-shadow-raised-focus);
+$amino-shadow-raised-error: var(--amino-shadow-raised-error);
+$amino-shadow-raised-error-focus: var(--amino-shadow-raised-error-focus);
 $amino-shadow-button-disabled: var(--amino-shadow-button-disabled);
+$amino-shadow-input-base: var(--amino-shadow-input-base);
+$amino-shadow-input-focus: var(--amino-shadow-input-focus);
+$amino-shadow-input-error: var(--amino-shadow-input-error);
+$amino-shadow-input-error-focus: var(--amino-shadow-input-error-focus);
 $amino-shadow-select-base: var(--amino-shadow-select-base);
 $amino-shadow-select-active: var(--amino-shadow-select-active);
 $amino-shadow-select-error: var(--amino-shadow-select-error);