@zonos/amino 5.5.15 → 5.5.17

package/components/input/input-simple/input-type/_TimeInput.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare const TimeInput: import("react").ForwardRefExoticComponent<import("../../../../types/BaseProps").BaseProps & {
+    autoFocus?: boolean | undefined;
+    disabled?: boolean | undefined;
+    inputMode?: import("./_InputBase").InputMode | undefined;
+    label?: string | undefined;
+    noBorder?: boolean | undefined;
+    onChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    pattern?: string | undefined;
+    placeholder?: string | undefined;
+    prefix?: import("react").ReactNode;
+    readOnly?: boolean | undefined;
+    required?: boolean | undefined;
+    size?: import("../../../../types/Size").Size | undefined;
+    suffix?: import("react").ReactNode;
+    tabIndex?: number | undefined;
+    type?: import("react").HTMLInputTypeAttribute | undefined;
+    value: string | null;
+    valuePrefix?: import("react").ReactNode;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-simple/input-type/_TimeInput.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../../../tslib.es6-5672428a.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("@floating-ui/react"),r=require("clsx"),o=require("./_InputBase.js"),a=require("../../../../icons/ClockIcon.js"),u=require("../../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../../icons/icon-base/_IconBase.js"),require("../../../../styles/constants/theme.js");var s=l(r),d="Amino__TimeInput-module__styledWrapper--nabC5",c="Amino__TimeInput-module__styledActionWrapper--dEr24",p="Amino__TimeInput-module__styledButtonAction--LTYuN";u.styleInject(".Amino__TimeInput-module__styledWrapper--nabC5{position:relative;width:100%}.Amino__TimeInput-module__styledWrapper--nabC5 input[type=time]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.Amino__TimeInput-module__styledActionWrapper--dEr24{display:flex;flex-direction:column;justify-content:center}.Amino__TimeInput-module__styledButtonAction--LTYuN{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__TimeInput-module__styledButtonAction--LTYuN:hover{background:var(--amino-hover-color)}.Amino__TimeInput-module__styledButtonAction--LTYuN:active{background:var(--amino-gray-100)}.Amino__TimeInput-module__styledButtonAction--LTYuN:focus{outline:none}.Amino__TimeInput-module__input--eZQFI{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__TimeInput-module__input--eZQFI::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}");var _=t.forwardRef((function(r,u){var l=r.autoFocus,_=r.className,m=r.disabled,b=r.error,y=r.inputMode,f=r.label,I=r.onChange,v=r.onKeyDown,x=r.pattern,A=r.placeholder,T=r.prefix,h=r.readOnly,j=r.required,k=r.suffix,q=r.tabIndex,g=r.value,w=e.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),N=t.useRef(null),C=i.useMergeRefs([u,N]);return n.jsx("div",{className:s.default(d,_),children:n.jsx(o.InputBase,e.__assign({ref:C,"aria-label":f,autoFocus:l,disabled:m,error:b,inputMode:y,label:f,onChange:I,onKeyDown:v,pattern:x,placeholder:A,prefix:T,readOnly:h,required:j,suffix:k||n.jsx("div",{className:c,children:n.jsx("button",{className:p,onClick:function(){var e,n;null===(e=N.current)||void 0===e||e.showPicker(),null===(n=N.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(a.ClockIcon,{size:24})})}),tabIndex:q,type:"time",value:g},w))})}));exports.TimeInput=_;

package/components/input/input-type/_DateInput.d.ts

@@ -2,7 +2,7 @@
 export declare const DateInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
     autoFocus?: boolean | undefined;
     disabled?: boolean | undefined;
-    inputMode?: import("./_InputBase").InputMode | undefined;
+    inputMode?: import("./_FloatLabelInput").InputMode | undefined;
     label?: string | undefined;
     noBorder?: boolean | undefined;
     onChange: import("react").ChangeEventHandler<HTMLInputElement>;

package/components/input/input-type/_DateInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../../tslib.es6-5672428a.js"),t=require("react/jsx-runtime"),n=require("react"),a=require("@floating-ui/react"),r=require("clsx"),i=require("./_InputBase.js"),o=require("../../../icons/CalendarIcon.js"),u=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../icons/icon-base/_IconBase.js"),require("../../../styles/constants/theme.js");var s=l(r),d="Amino__DateInput-module__styledWrapper--rZk8N",p="Amino__DateInput-module__styledActionWrapper--8Icp6",c="Amino__DateInput-module__styledButtonAction--OJxoO";u.styleInject(".Amino__DateInput-module__styledWrapper--rZk8N{position:relative;width:100%}.Amino__DateInput-module__styledWrapper--rZk8N input[type=date]::-webkit-calendar-picker-indicator,.Amino__DateInput-module__styledWrapper--rZk8N input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.Amino__DateInput-module__styledActionWrapper--8Icp6{display:flex;flex-direction:column;justify-content:center}.Amino__DateInput-module__styledButtonAction--OJxoO{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__DateInput-module__styledButtonAction--OJxoO:hover{background:#0000000a}.Amino__DateInput-module__styledButtonAction--OJxoO:active{background:#0000001a}.Amino__DateInput-module__styledButtonAction--OJxoO:focus{outline:none}.Amino__DateInput-module__input--sZDpI{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__DateInput-module__input--sZDpI::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}");var _=n.forwardRef((function(r,u){var l=r.autoFocus,_=r.className,m=r.disabled,y=r.error,x=r.inputMode,I=r.label,b=r.onChange,f=r.onKeyDown,A=r.pattern,v=r.placeholder,D=r.prefix,k=r.readOnly,h=r.required,j=r.suffix,q=r.tabIndex,w=r.value,O=e.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),g=n.useRef(null),N=a.useMergeRefs([u,g]);return t.jsx("div",{className:s.default(d,_),children:t.jsx(i.InputBase,e.__assign({ref:N,"aria-label":I,autoFocus:l,disabled:m,error:y,inputMode:x,label:I,onChange:b,onKeyDown:f,pattern:A,placeholder:v,prefix:D,readOnly:k,required:h,suffix:j||t.jsx("div",{className:p,children:t.jsx("button",{className:c,onClick:function(){var e,t;null===(e=g.current)||void 0===e||e.showPicker(),null===(t=g.current)||void 0===t||t.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:t.jsx(o.CalendarIcon,{size:24})})}),tabIndex:q,type:"date",value:w},O))})}));exports.DateInput=_;
+"use strict";var e=require("../../../tslib.es6-5672428a.js"),t=require("react/jsx-runtime"),n=require("react"),a=require("@floating-ui/react"),r=require("clsx"),i=require("./_FloatLabelInput.js"),o=require("../../../icons/CalendarIcon.js"),u=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var s=l(r),d="Amino__DateInput-module__styledWrapper--rZk8N",p="Amino__DateInput-module__styledActionWrapper--8Icp6",c="Amino__DateInput-module__styledButtonAction--OJxoO";u.styleInject(".Amino__DateInput-module__styledWrapper--rZk8N{position:relative;width:100%}.Amino__DateInput-module__styledWrapper--rZk8N input[type=date]::-webkit-calendar-picker-indicator,.Amino__DateInput-module__styledWrapper--rZk8N input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.Amino__DateInput-module__styledActionWrapper--8Icp6{display:flex;flex-direction:column;justify-content:center}.Amino__DateInput-module__styledButtonAction--OJxoO{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__DateInput-module__styledButtonAction--OJxoO:hover{background:#0000000a}.Amino__DateInput-module__styledButtonAction--OJxoO:active{background:#0000001a}.Amino__DateInput-module__styledButtonAction--OJxoO:focus{outline:none}.Amino__DateInput-module__aminoInput--twaIR input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__DateInput-module__aminoInput--twaIR:not(:focus-within):not(.has-content) input::-webkit-datetime-edit-fields-wrapper{opacity:0}");var _=n.forwardRef((function(r,u){var l=r.autoFocus,_=r.className,m=r.disabled,I=r.error,f=r.inputMode,y=r.label,b=r.onChange,x=r.onKeyDown,A=r.pattern,v=r.placeholder,h=r.prefix,D=r.readOnly,j=r.required,w=r.suffix,k=r.tabIndex,q=r.value,O=e.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),g=n.useRef(null),N=a.useMergeRefs([u,g]);return t.jsx("div",{className:s.default(d,_),children:t.jsx(i.FloatLabelInput,e.__assign({ref:N,"aria-label":y,autoFocus:l,disabled:m,error:I,inputMode:f,label:y,onChange:b,onKeyDown:x,pattern:A,placeholder:v,prefix:h,readOnly:D,required:j,suffix:w||t.jsx("div",{className:p,children:t.jsx("button",{className:c,onClick:function(){var e,t;null===(e=g.current)||void 0===e||e.showPicker(),null===(t=g.current)||void 0===t||t.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:t.jsx(o.CalendarIcon,{size:24})})}),tabIndex:k,type:"date",value:q},O))})}));exports.DateInput=_;

package/components/input/input-type/_FloatLabelInput.js

@@ -1 +1 @@
-"use strict";var a=require("../../../tslib.es6-5672428a.js"),e=require("react/jsx-runtime"),o=require("react"),l=require("clsx"),t=require("../../../styles/constants/theme.js"),n=require("../../../utils/getTestId.js"),i=require("../../../style-inject.es-d4ddeae4.js");function _(a){return a&&a.__esModule?a:{default:a}}var r=_(l),u="Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq",m="Amino__FloatLabelInput-module__inputDecorator--U80eQ",p="Amino__FloatLabelInput-module__inputPrefix--ixjzG",d="Amino__FloatLabelInput-module__inputSuffix--uzCo-",s="Amino__FloatLabelInput-module__inputValuePrefix--55sKk",b="Amino__FloatLabelInput-module__aminoInput--obs5G",L="Amino__FloatLabelInput-module__floatingLabel--7yHkN";i.styleInject('.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq{align-items:center;background:var(--amino-input-background);border:1px solid var(--amino-border-color);border-radius:var(--amino-float-label-input-border-radius);display:flex;flex-direction:row;position:relative;width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:hover{border-color:var(--amino-gray-300)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ{align-items:center;background:#0000;display:flex;flex-basis:50px;font-size:var(--amino-font-size-s);font-weight:700;justify-content:center;line-height:var(--amino-font-size-s);padding:0 6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputPrefix--ixjzG{border-bottom-left-radius:var(--amino-radius-6);border-top-left-radius:var(--amino-radius-6)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputSuffix--uzCo-{border-bottom-right-radius:var(--amino-radius-6);border-top-right-radius:var(--amino-radius-6);order:3}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:center;color:var(--amino-gray-800);display:flex;order:2;padding-left:8px;white-space:nowrap}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G{background:var(--amino-input-background);border:0;border-radius:var(--amino-float-label-input-border-radius);box-sizing:border-box;font-weight:500;height:var(--amino-float-label-input-height);order:2;outline:none;padding:0 var(--amino-space-16);position:relative;transition:var(--amino-transition);width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:0;transition:var(--amino-transition)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G:-moz-autofill,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G:-webkit-autofill{background-color:var(--amino-input-background);color:var(--amino-text-color)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN{display:block;max-height:0;order:1;pointer-events:none}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{color:var(--amino-gray-800);content:inherit;display:inline-block;filter:blur(0);font-size:var(--amino-font-size-base);line-height:var(--amino-font-size-base);margin-left:var(--amino-space-16);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);transform-origin:left top;transition:var(--amino-transition);z-index:1}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN:after{border-radius:var(--amino-float-label-input-border-radius);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.disabled .Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN{pointer-events:inherit}.disabled .Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN:after{cursor:not-allowed;z-index:1}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border):has(input:focus){box-shadow:var(--amino-glow-blue)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border).has-error,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border).has-error:has(input:focus){box-shadow:var(--amino-glow-error)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-content .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:focus-within .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-content .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:focus-within .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:11px;transform:scale(.8)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-value-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-left:var(--amino-space-8)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.has-label)::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding:var(--amino-space-16) var(--amino-space-4) var(--amino-space-8) var(--amino-space-16)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:flex-end;padding-bottom:11px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label.has-input-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-left:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label.has-input-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span{margin-left:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-bottom:0;padding-top:13px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:2px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{margin-bottom:-1px;padding-bottom:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{padding-bottom:4px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{padding-bottom:10px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.xl.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-bottom:2px}');var I=function(a){switch(a){case"sm":return"".concat(t.theme.radius6);case"lg":return"".concat(t.theme.radius10);case"xl":return"".concat(t.theme.radius12);default:return"".concat(t.theme.radius8)}},c=o.forwardRef((function(l,t){var i=l.autoFocus,_=l.className,c=l.disabled,f=l.error,F=l.id,A=l.inputMode,h=l.label,y=l.noBorder,g=void 0!==y&&y,x=l.onChange,j=l.onKeyDown,v=l.pattern,H=l.placeholder,q=l.prefix,E=l.readOnly,W=l.required,k=l.size,N=void 0===k?"xl":k,w=l.suffix,G=l.tabIndex,z=l.type,P=l.value,K=l.valuePrefix,D=a.__rest(l,["autoFocus","className","disabled","error","id","inputMode","label","noBorder","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),V=o.useId(),C=o.useMemo((function(){return n.getTestId({componentName:"input",name:h})}),[h]),M=!!P||!!K,Q=F||V;return e.jsxs("label",{className:r.default(u,N,g&&"no-border",f&&"has-error",h&&"has-label",M&&"has-content",q&&"has-input-prefix",K&&"has-value-prefix",_),htmlFor:Q,style:{"--amino-float-label-input-border-radius":I(N),"--amino-float-label-input-height":"calc(var(--amino-size-".concat(N,") - 2px)")},children:[q&&e.jsx("div",{className:r.default(m,p),children:q}),K&&e.jsx("div",{className:s,children:K}),e.jsx("input",a.__assign({ref:t,"aria-label":h,autoFocus:i,className:r.default(b),"data-testid":C,disabled:c,id:Q,inputMode:A,onChange:x,onKeyDown:j,pattern:v,placeholder:H,readOnly:E,required:W,tabIndex:G,type:z||"text",value:P||""},D)),e.jsx("div",{className:L,children:e.jsx("span",{children:h})}),w&&e.jsx("div",{className:r.default(m,d),children:w})]})}));exports.FloatLabelInput=c,exports.getFloatLabelRadius=I;
+"use strict";var a=require("../../../tslib.es6-5672428a.js"),e=require("react/jsx-runtime"),l=require("react"),o=require("clsx"),t=require("../../../styles/constants/theme.js"),n=require("../../../utils/getTestId.js"),i=require("../../../style-inject.es-d4ddeae4.js");function _(a){return a&&a.__esModule?a:{default:a}}var r=_(o),u="Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq",p="Amino__FloatLabelInput-module__inputDecorator--U80eQ",m="Amino__FloatLabelInput-module__inputPrefix--ixjzG",d="Amino__FloatLabelInput-module__inputSuffix--uzCo-",s="Amino__FloatLabelInput-module__inputValuePrefix--55sKk",b="Amino__FloatLabelInput-module__aminoInput--obs5G",L="Amino__FloatLabelInput-module__floatingLabel--7yHkN";i.styleInject('.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq{align-items:center;background:var(--amino-input-background);border-radius:var(--amino-float-label-input-border-radius);display:flex;flex-direction:row;position:relative;width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ{align-items:center;background:#0000;display:flex;flex-basis:50px;font-size:var(--amino-font-size-s);font-weight:700;justify-content:center;line-height:var(--amino-font-size-s);padding:0 6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputPrefix--ixjzG{border-bottom-left-radius:var(--amino-radius-6);border-top-left-radius:var(--amino-radius-6)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputSuffix--uzCo-{border-bottom-right-radius:var(--amino-radius-6);border-top-right-radius:var(--amino-radius-6);order:3}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:center;color:var(--amino-gray-800);display:flex;order:2;padding-left:8px;white-space:nowrap}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G{background:var(--amino-input-background);border:0;border-radius:var(--amino-float-label-input-border-radius);box-sizing:border-box;font-weight:500;height:var(--amino-float-label-input-height);order:2;outline:none;padding:0 var(--amino-space-16);position:relative;transition:var(--amino-transition);width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:0;transition:var(--amino-transition)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G:-moz-autofill,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G:-webkit-autofill{background-color:var(--amino-input-background);color:var(--amino-text-color)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN{display:block;max-height:0;order:1;pointer-events:none}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{color:var(--amino-gray-800);content:inherit;display:inline-block;filter:blur(0);font-size:var(--amino-font-size-base);line-height:var(--amino-font-size-base);margin-left:var(--amino-space-16);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);transform-origin:left top;transition:var(--amino-transition);z-index:1}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN:after{border-radius:var(--amino-float-label-input-border-radius);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.disabled .Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN{pointer-events:inherit}.disabled .Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN:after{cursor:not-allowed;z-index:1}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border):has(input:focus){box-shadow:var(--amino-glow-blue)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border).has-error,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border).has-error:has(input:focus){box-shadow:var(--amino-glow-error)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-content .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:focus-within .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-content .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:focus-within .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:11px;transform:scale(.8)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-value-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-left:var(--amino-space-8)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.has-label)::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding:var(--amino-space-16) var(--amino-space-4) var(--amino-space-8) var(--amino-space-16)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:flex-end;padding-bottom:11px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label.has-input-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-left:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label.has-input-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span{margin-left:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-bottom:0;padding-top:13px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:2px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{margin-bottom:-1px;padding-bottom:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{padding-bottom:4px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{padding-bottom:10px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.xl.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-bottom:2px}');var I=function(a){switch(a){case"sm":return"".concat(t.theme.radius6);case"lg":return"".concat(t.theme.radius10);case"xl":return"".concat(t.theme.radius12);default:return"".concat(t.theme.radius8)}},c=l.forwardRef((function(o,t){var i=o.autoFocus,_=o.className,c=o.disabled,f=o.error,F=o.id,A=o.inputMode,h=o.label,y=o.noBorder,g=void 0!==y&&y,x=o.onChange,j=o.onKeyDown,v=o.pattern,H=o.placeholder,q=o.prefix,E=o.readOnly,W=o.required,k=o.size,N=void 0===k?"xl":k,w=o.suffix,G=o.tabIndex,z=o.type,P=o.value,K=o.valuePrefix,D=a.__rest(o,["autoFocus","className","disabled","error","id","inputMode","label","noBorder","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),V=l.useId(),C=l.useMemo((function(){return n.getTestId({componentName:"input",name:h})}),[h]),M=!!P||!!K,Q=F||V;return e.jsxs("label",{className:r.default(u,N,g&&"no-border",f&&"has-error",h&&"has-label",M&&"has-content",q&&"has-input-prefix",K&&"has-value-prefix",_),htmlFor:Q,style:{"--amino-float-label-input-border-radius":I(N),"--amino-float-label-input-height":"calc(var(--amino-size-".concat(N,") - 2px)")},children:[q&&e.jsx("div",{className:r.default(p,m),children:q}),K&&e.jsx("div",{className:s,children:K}),e.jsx("input",a.__assign({ref:t,"aria-label":h,autoFocus:i,className:r.default(b),"data-testid":C,disabled:c,id:Q,inputMode:A,onChange:x,onKeyDown:j,pattern:v,placeholder:H,readOnly:E,required:W,tabIndex:G,type:z||"text",value:P||""},D)),e.jsx("div",{className:L,children:e.jsx("span",{children:h})}),w&&e.jsx("div",{className:r.default(p,d),children:w})]})}));exports.FloatLabelInput=c,exports.getFloatLabelRadius=I;

package/components/input/input-type/_NumberInput.d.ts

@@ -3,7 +3,7 @@ import type { Size } from "../../../types/Size";
 export declare const NumberInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
     autoFocus?: boolean | undefined;
     disabled?: boolean | undefined;
-    inputMode?: import("./_InputBase").InputMode | undefined;
+    inputMode?: import("./_FloatLabelInput").InputMode | undefined;
     label?: string | undefined;
     noBorder?: boolean | undefined;
     onChange: import("react").ChangeEventHandler<HTMLInputElement>;

package/components/input/input-type/_NumberInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../../tslib.es6-5672428a.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("@floating-ui/react"),i=require("clsx"),r=require("./_InputBase.js"),o=require("../../../icons/CaretDownIcon.js"),s=require("../../../icons/CaretUpIcon.js"),a=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../icons/icon-base/_IconBase.js"),require("../../../styles/constants/theme.js");var c=l(i),m="Amino__NumberInput-module__styledWrapper--oyCqs",p="Amino__NumberInput-module__styledActionWrapper--C19sy",_="Amino__NumberInput-module__styledButtonAction--w7uvy",d="Amino__NumberInput-module__aminoInput--7QUM4";a.styleInject(".Amino__NumberInput-module__styledWrapper--oyCqs{position:relative;width:100%}.Amino__NumberInput-module__styledActionWrapper--C19sy{display:flex;flex-direction:column;height:var(--amino-number-input-height);justify-content:center}.Amino__NumberInput-module__styledButtonAction--w7uvy{border-radius:var(--amino-radius-4);padding:var(--amino-space-0) var(--amino-space-4);transition:var(--amino-transition)}.Amino__NumberInput-module__styledButtonAction--w7uvy:hover{background:#0000000a}.Amino__NumberInput-module__styledButtonAction--w7uvy:active{background:#0000001a}.Amino__NumberInput-module__styledButtonAction--w7uvy:focus{outline:none}.Amino__NumberInput-module__aminoInput--7QUM4 input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__NumberInput-module__aminoInput--7QUM4 input::-webkit-calendar-picker-indicator,.Amino__NumberInput-module__aminoInput--7QUM4 input::-webkit-inner-spin-button{-webkit-appearance:none}");var b=function(e){switch(e){case"sm":return 14;case"md":return 16;case"lg":return 18;default:return 20}},v=t.forwardRef((function(i,a){var l=i.className,v=i.label,y=i.size,f=void 0===y?"xl":y,I=i.suffix,N=e.__rest(i,["className","label","size","suffix"]),A=t.useRef(null),x=u.useMergeRefs([a,A]);return n.jsx("div",{className:c.default(m,l),style:{"--amino-number-input-height":"calc(var(--amino-size-".concat(f,") - 2px)")},children:n.jsx(r.InputBase,e.__assign({},N,{ref:x,"aria-label":v,className:d,label:v,size:f,suffix:null===I?null:I||n.jsxs("div",{className:p,children:[n.jsx("button",{className:_,onClick:function(){var e,n;null===(e=A.current)||void 0===e||e.stepUp(),null===(n=A.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(s.CaretUpIcon,{size:b(f)})}),n.jsx("button",{className:_,onClick:function(){var e,n;null===(e=A.current)||void 0===e||e.stepDown(),null===(n=A.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(o.CaretDownIcon,{size:b(f)})})]}),type:"number"}))})}));exports.NumberInput=v;
+"use strict";var e=require("../../../tslib.es6-5672428a.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("@floating-ui/react"),i=require("clsx"),r=require("./_FloatLabelInput.js"),o=require("../../../icons/CaretDownIcon.js"),a=require("../../../icons/CaretUpIcon.js"),s=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var c=l(i),m="Amino__NumberInput-module__styledWrapper--oyCqs",p="Amino__NumberInput-module__styledActionWrapper--C19sy",_="Amino__NumberInput-module__styledButtonAction--w7uvy",d="Amino__NumberInput-module__aminoInput--7QUM4";s.styleInject(".Amino__NumberInput-module__styledWrapper--oyCqs{position:relative;width:100%}.Amino__NumberInput-module__styledActionWrapper--C19sy{display:flex;flex-direction:column;height:var(--amino-number-input-height);justify-content:center}.Amino__NumberInput-module__styledButtonAction--w7uvy{border-radius:var(--amino-radius-4);padding:var(--amino-space-0) var(--amino-space-4);transition:var(--amino-transition)}.Amino__NumberInput-module__styledButtonAction--w7uvy:hover{background:#0000000a}.Amino__NumberInput-module__styledButtonAction--w7uvy:active{background:#0000001a}.Amino__NumberInput-module__styledButtonAction--w7uvy:focus{outline:none}.Amino__NumberInput-module__aminoInput--7QUM4 input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__NumberInput-module__aminoInput--7QUM4 input::-webkit-calendar-picker-indicator,.Amino__NumberInput-module__aminoInput--7QUM4 input::-webkit-inner-spin-button{-webkit-appearance:none}");var b=function(e){switch(e){case"sm":return 14;case"md":return 16;case"lg":return 18;default:return 20}},v=t.forwardRef((function(i,s){var l=i.className,v=i.label,y=i.size,I=void 0===y?"xl":y,f=i.suffix,N=e.__rest(i,["className","label","size","suffix"]),A=t.useRef(null),j=u.useMergeRefs([s,A]);return n.jsx("div",{className:c.default(m,l),style:{"--amino-number-input-height":"calc(var(--amino-size-".concat(I,") - 2px)")},children:n.jsx(r.FloatLabelInput,e.__assign({},N,{ref:j,"aria-label":v,className:d,label:v,size:I,suffix:null===f?null:f||n.jsxs("div",{className:p,children:[n.jsx("button",{className:_,onClick:function(){var e,n;null===(e=A.current)||void 0===e||e.stepUp(),null===(n=A.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(a.CaretUpIcon,{size:b(I)})}),n.jsx("button",{className:_,onClick:function(){var e,n;null===(e=A.current)||void 0===e||e.stepDown(),null===(n=A.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(o.CaretDownIcon,{size:b(I)})})]}),type:"number"}))})}));exports.NumberInput=v;

package/components/input/input-type/_PasswordInput.d.ts

@@ -2,7 +2,7 @@
 export declare const PasswordInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
     autoFocus?: boolean | undefined;
     disabled?: boolean | undefined;
-    inputMode?: import("./_InputBase").InputMode | undefined;
+    inputMode?: import("./_FloatLabelInput").InputMode | undefined;
     label?: string | undefined;
     noBorder?: boolean | undefined;
     onChange: import("react").ChangeEventHandler<HTMLInputElement>;

package/components/input/input-type/_PasswordInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../../tslib.es6-5672428a.js"),r=require("react/jsx-runtime"),n=require("react"),s=require("clsx"),o=require("../../button/Button.js"),t=require("./_InputBase.js"),i=require("../../../icons/EyeIcon.js"),u=require("../../../icons/EyeOffIcon.js"),a=require("../../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var l=d(s),p="Amino__PasswordInput-module__styledWrapper--jDin2",_="Amino__PasswordInput-module__styledButtonAction--wOjcZ",c="Amino__PasswordInput-module__aminoInput--ZLZhe";a.styleInject(".Amino__PasswordInput-module__styledWrapper--jDin2{position:relative;width:100%}.Amino__PasswordInput-module__styledButtonAction--wOjcZ.Amino__PasswordInput-module__styledButtonAction--wOjcZ{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__PasswordInput-module__styledButtonAction--wOjcZ.Amino__PasswordInput-module__styledButtonAction--wOjcZ:hover{background:var(--amino-hover-color)}.Amino__PasswordInput-module__aminoInput--ZLZhe input{padding-right:var(--amino-space-40)}");var m=n.forwardRef((function(s,a){var d=s.autoFocus,m=s.className,j=s.disabled,w=s.error,I=s.inputMode,f=s.label,q=s.onChange,y=s.onKeyDown,b=s.pattern,x=s.placeholder,v=s.prefix,A=s.readOnly,h=s.required,g=s.suffix,B=s.tabIndex,O=s.value,P=e.__rest(s,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),Z=e.__read(n.useState("password"),2),C=Z[0],D=Z[1];return r.jsx("div",{className:l.default(p,m),children:r.jsx(t.InputBase,e.__assign({ref:a,"aria-label":f,autoFocus:d,className:c,disabled:j,error:w,inputMode:I,label:f,onChange:q,onKeyDown:y,pattern:b,placeholder:x,prefix:v,readOnly:A,required:h,suffix:g||r.jsx(o.Button,{className:_,icon:"password"===C?r.jsx(i.EyeIcon,{size:24}):r.jsx(u.EyeOffIcon,{size:24}),onClick:function(){return D("password"===C?"text":"password")},variant:"subtle"}),tabIndex:B,type:C,value:O},P))})}));exports.PasswordInput=m;
+"use strict";var e=require("../../../tslib.es6-5672428a.js"),r=require("react/jsx-runtime"),n=require("react"),o=require("clsx"),t=require("../../button/Button.js"),s=require("./_FloatLabelInput.js"),i=require("../../../icons/EyeIcon.js"),a=require("../../../icons/EyeOffIcon.js"),u=require("../../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var l=d(o),p="Amino__PasswordInput-module__styledWrapper--jDin2",_="Amino__PasswordInput-module__styledButtonAction--wOjcZ",c="Amino__PasswordInput-module__aminoInput--ZLZhe";u.styleInject(".Amino__PasswordInput-module__styledWrapper--jDin2{position:relative;width:100%}.Amino__PasswordInput-module__styledButtonAction--wOjcZ.Amino__PasswordInput-module__styledButtonAction--wOjcZ{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__PasswordInput-module__styledButtonAction--wOjcZ.Amino__PasswordInput-module__styledButtonAction--wOjcZ:hover{background:var(--amino-hover-color)}.Amino__PasswordInput-module__aminoInput--ZLZhe input{padding-right:var(--amino-space-40)}");var m=n.forwardRef((function(o,u){var d=o.autoFocus,m=o.className,j=o.disabled,w=o.error,I=o.inputMode,f=o.label,q=o.onChange,b=o.onKeyDown,y=o.pattern,x=o.placeholder,v=o.prefix,A=o.readOnly,h=o.required,g=o.suffix,O=o.tabIndex,P=o.value,Z=e.__rest(o,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),B=e.__read(n.useState("password"),2),C=B[0],D=B[1];return r.jsx("div",{className:l.default(p,m),children:r.jsx(s.FloatLabelInput,e.__assign({ref:u,"aria-label":f,autoFocus:d,className:c,disabled:j,error:w,inputMode:I,label:f,onChange:q,onKeyDown:b,pattern:y,placeholder:x,prefix:v,readOnly:A,required:h,suffix:g||r.jsx(t.Button,{className:_,icon:"password"===C?r.jsx(i.EyeIcon,{size:24}):r.jsx(a.EyeOffIcon,{size:24}),onClick:function(){return D("password"===C?"text":"password")},variant:"subtle"}),tabIndex:O,type:C,value:P},Z))})}));exports.PasswordInput=m;

package/components/input/input-type/_TimeInput.d.ts

@@ -2,7 +2,7 @@
 export declare const TimeInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
     autoFocus?: boolean | undefined;
     disabled?: boolean | undefined;
-    inputMode?: import("./_InputBase").InputMode | undefined;
+    inputMode?: import("./_FloatLabelInput").InputMode | undefined;
     label?: string | undefined;
     noBorder?: boolean | undefined;
     onChange: import("react").ChangeEventHandler<HTMLInputElement>;

package/components/input/input-type/_TimeInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../../tslib.es6-5672428a.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("@floating-ui/react"),r=require("clsx"),o=require("./_InputBase.js"),a=require("../../../icons/ClockIcon.js"),u=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../icons/icon-base/_IconBase.js"),require("../../../styles/constants/theme.js");var s=l(r),d="Amino__TimeInput-module__styledWrapper--ZPt0q",c="Amino__TimeInput-module__styledActionWrapper--QykRo",p="Amino__TimeInput-module__styledButtonAction---VQOV";u.styleInject(".Amino__TimeInput-module__styledWrapper--ZPt0q{position:relative;width:100%}.Amino__TimeInput-module__styledWrapper--ZPt0q input[type=time]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.Amino__TimeInput-module__styledActionWrapper--QykRo{display:flex;flex-direction:column;justify-content:center}.Amino__TimeInput-module__styledButtonAction---VQOV{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__TimeInput-module__styledButtonAction---VQOV:hover{background:var(--amino-hover-color)}.Amino__TimeInput-module__styledButtonAction---VQOV:active{background:var(--amino-gray-100)}.Amino__TimeInput-module__styledButtonAction---VQOV:focus{outline:none}.Amino__TimeInput-module__input--wf2hy{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__TimeInput-module__input--wf2hy::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}");var _=t.forwardRef((function(r,u){var l=r.autoFocus,_=r.className,m=r.disabled,y=r.error,f=r.inputMode,b=r.label,v=r.onChange,x=r.onKeyDown,I=r.pattern,A=r.placeholder,h=r.prefix,q=r.readOnly,j=r.required,k=r.suffix,w=r.tabIndex,T=r.value,g=e.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),V=t.useRef(null),B=i.useMergeRefs([u,V]);return n.jsx("div",{className:s.default(d,_),children:n.jsx(o.InputBase,e.__assign({ref:B,"aria-label":b,autoFocus:l,disabled:m,error:y,inputMode:f,label:b,onChange:v,onKeyDown:x,pattern:I,placeholder:A,prefix:h,readOnly:q,required:j,suffix:k||n.jsx("div",{className:c,children:n.jsx("button",{className:p,onClick:function(){var e,n;null===(e=V.current)||void 0===e||e.showPicker(),null===(n=V.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(a.ClockIcon,{size:24})})}),tabIndex:w,type:"time",value:T},g))})}));exports.TimeInput=_;
+"use strict";var e=require("../../../tslib.es6-5672428a.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("@floating-ui/react"),r=require("clsx"),o=require("./_FloatLabelInput.js"),a=require("../../../icons/ClockIcon.js"),u=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var s=l(r),d="Amino__TimeInput-module__styledWrapper--ZPt0q",c="Amino__TimeInput-module__styledActionWrapper--QykRo",p="Amino__TimeInput-module__styledButtonAction---VQOV";u.styleInject(".Amino__TimeInput-module__styledWrapper--ZPt0q{position:relative;width:100%}.Amino__TimeInput-module__styledWrapper--ZPt0q input[type=time]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.Amino__TimeInput-module__styledActionWrapper--QykRo{display:flex;flex-direction:column;justify-content:center}.Amino__TimeInput-module__styledButtonAction---VQOV{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__TimeInput-module__styledButtonAction---VQOV:hover{background:var(--amino-hover-color)}.Amino__TimeInput-module__styledButtonAction---VQOV:active{background:var(--amino-gray-100)}.Amino__TimeInput-module__styledButtonAction---VQOV:focus{outline:none}.Amino__TimeInput-module__aminoInput--jyQcS input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}");var _=t.forwardRef((function(r,u){var l=r.autoFocus,_=r.className,m=r.disabled,y=r.error,f=r.inputMode,b=r.label,I=r.onChange,v=r.onKeyDown,x=r.pattern,A=r.placeholder,j=r.prefix,q=r.readOnly,h=r.required,g=r.suffix,T=r.tabIndex,k=r.value,w=e.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),V=t.useRef(null),O=i.useMergeRefs([u,V]);return n.jsx("div",{className:s.default(d,_),children:n.jsx(o.FloatLabelInput,e.__assign({ref:O,"aria-label":b,autoFocus:l,disabled:m,error:y,inputMode:f,label:b,onChange:I,onKeyDown:v,pattern:x,placeholder:A,prefix:j,readOnly:q,required:h,suffix:g||n.jsx("div",{className:c,children:n.jsx("button",{className:p,onClick:function(){var e,n;null===(e=V.current)||void 0===e||e.showPicker(),null===(n=V.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(a.ClockIcon,{size:24})})}),tabIndex:T,type:"time",value:k},w))})}));exports.TimeInput=_;

package/components/select/_StyledReactSelect.js

@@ -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:_})]})};
+"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

@@ -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)}))]})})};
+"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

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

package/styles/constants/theme.d.ts

@@ -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

@@ -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)"};
+"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)"};