@zonos/amino 5.1.121 → 5.1.122
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/all.d.ts +1 -0
- package/components/button/Button.js +1 -1
- package/components/checkbox/Checkbox.js +1 -1
- package/components/country-multi-select/CountryMultiSelectExpanded.js +1 -1
- package/components/drop-zone/DropZone.js +1 -1
- package/components/file-upload/FileUpload.js +1 -1
- package/components/flex/Flex.d.ts +23 -0
- package/components/flex/Flex.js +1 -0
- package/components/input/Input.d.ts +5 -11
- package/components/input/Input.js +1 -1
- package/components/input/input-type/_FloatLabelInput.js +1 -1
- package/components/select/CountryMultiSelect.d.ts +1 -1
- package/components/select/_StyledReactSelect.js +1 -1
- package/components/switch/Switch.js +1 -1
- package/components/textarea/Textarea.js +1 -1
- package/package.json +1 -1
- package/styles/constants/theme.d.ts +2 -0
- package/styles/constants/theme.js +1 -1
- package/theme.css +1 -0
- package/theme.scss +1 -0
- package/utils/handleFetch.d.ts +1 -1
- package/utils/handleFetch.js +1 -1
- package/utils/hooks/useSwr.d.ts +1 -1
- package/utils/hooks/useSwrt.d.ts +1 -1
- package/utils/storage.d.ts +1 -1
- package/utils/storage.js +1 -1
package/all.d.ts
CHANGED
|
@@ -42,6 +42,7 @@ import './components/filter/filter-select/FilterSelect';
|
|
|
42
42
|
import './components/filter/filter-text/FilterText';
|
|
43
43
|
import './components/filter/FilterWrapper';
|
|
44
44
|
import './components/filter/useFilterWrapper';
|
|
45
|
+
import './components/flex/Flex';
|
|
45
46
|
import './components/glow/GlowWrapper';
|
|
46
47
|
import './components/graph-matrix/GraphMatrix';
|
|
47
48
|
import './components/help-text/HelpText';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("clsx"),e=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),m=require("../../styles/constants/theme.js"),_=require("../../utils/getAminoColor.js"),r=require("../../style-inject.es-d4ddeae4.js");function s(o){return o&&o.__esModule?o:{default:o}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var d=s(u),l={spinnerWrapper:"Amino_Button-module__spinnerWrapper--tgOjW",aminoButton:"Amino_Button-module__aminoButton--spa1s",text:"Amino_Button-module__text--uD3sd",onlyIcon:"Amino_Button-module__onlyIcon--HSsiQ",loading:"Amino_Button-module__loading--J6rUt",content:"Amino_Button-module__content--Hw0WG",hasIcon:"Amino_Button-module__hasIcon--WyBHM",iconRight:"Amino_Button-module__iconRight--rHggX","amino-spinner":"Amino_Button-module__amino-spinner--h2J8a",primaryButton:"Amino_Button-module__primaryButton--oqikL",outline:"Amino_Button-module__outline--1SRt-",successButton:"Amino_Button-module__successButton--vCdA9",standardButton:"Amino_Button-module__standardButton--sNzVf",dangerButton:"Amino_Button-module__dangerButton--0SWdY",warningButton:"Amino_Button-module__warningButton--4wL7z",subtleButton:"Amino_Button-module__subtleButton--9dx3n",linkButton:"Amino_Button-module__linkButton--rrpjp",textButton:"Amino_Button-module__textButton--NATCk"};r.styleInject(".Amino_Button-module__spinnerWrapper--tgOjW{align-items:center;border-radius:var(--amino-radius-6);bottom:0;display:flex;gap:var(--amino-space-8);justify-content:center;left:0;position:absolute;right:0;top:0}.Amino_Button-module__aminoButton--spa1s{align-items:center;background:var(--amino-button-background-color);border-radius:var(--amino-button-radius);box-sizing:border-box;color:var(--amino-button-color);cursor:pointer;display:flex;flex-direction:row;font-family:var(--amino-font-sans);font-size:var(--amino-font-size-base);font-weight:var(--amino-button-font-weight);height:var(--amino-button-size);justify-content:center;letter-spacing:normal;line-height:var(--amino-button-size);outline:none;padding:var(--amino-button-padding);position:relative;text-shadow:0 2px 4px #00000005,0 1px 2px #0000000a;transition:var(--amino-transition),visibility 0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:var(--amino-button-width)}.Amino_Button-module__aminoButton--spa1s svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s .Amino_Button-module__text--uD3sd{padding:0 var(--amino-space-4)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ{padding:0;width:var(--amino-button-size)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ .Amino_Button-module__text--uD3sd{padding:0}.Amino_Button-module__aminoButton--spa1s:active svg path:not([data-is-secondary-color]),.Amino_Button-module__aminoButton--spa1s:focus svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s:focus{outline:none}.Amino_Button-module__aminoButton--spa1s:active:not([disabled]){transform:scale(.99)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__loading--J6rUt .Amino_Button-module__content--Hw0WG{visibility:hidden}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM.Amino_Button-module__iconRight--rHggX svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:2px;margin-right:0;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:0;margin-right:2px;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not([disabled]):hover{background-image:var(--amino-button-hover-background-color)}.Amino_Button-module__aminoButton--spa1s[disabled]{cursor:not-allowed;opacity:var(--amino-disabled-opacity)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{box-shadow:var(--amino-shadow-button-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):active{background:var(--amino-blue-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-primary) inset;color:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-blue-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-primary) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{box-shadow:var(--amino-shadow-button-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):active{background:var(--amino-green-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):focus{box-shadow:0 0 0 1px var(--amino-success) inset,var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-success) inset;color:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-green-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-green-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-success) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf{box-shadow:var(--amino-shadow-button-standard)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-gray-300) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-gray-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-gray-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{box-shadow:var(--amino-shadow-button-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):active{background:var(--amino-red-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-danger) inset;color:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-red-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-red-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-danger) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{box-shadow:var(--amino-shadow-button-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):active{background:var(--amino-orange-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-warning) inset;color:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-orange-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-orange-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-warning) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):focus{box-shadow:var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk{color:var(--amino-button-text-button-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk[disabled]{color:var(--amino-button-text-button-disabled-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk.Amino_Button-module__loading--J6rUt{color:#0000}");exports.Button=function(u){var r,s=u.background,B=u.children,c=u.className,p=u.color,A=u.disabled,b=void 0!==A&&A,g=u.fitContentWidth,v=u.hoverBackground,h=u.icon,w=u.iconRight,x=u.loading,f=void 0!==x&&x,k=u.loadingText,y=u.noRipple,S=void 0!==y&&y,W=u.outline,R=void 0!==W&&W,j=u.size,z=void 0===j?"sm":j,C=u.spinnerColor,q=u.style,L=u.tag,H=void 0===L?"button":L,N=u.themeOverride,I=u.type,O=void 0===I?"button":I,Y=u.variant,V=void 0===Y?"standard":Y,G=o.__rest(u,["background","children","className","color","disabled","fitContentWidth","hoverBackground","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","themeOverride","type","variant"]),T=H,J=function(){switch(z){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},Q=d.default("amino-button",l.aminoButton,"plain"===V?"":l["".concat(V,"Button")],R&&l.outline,c||"",h&&!B?l.onlyIcon:"",w?l.iconRight:"",h?l.hasIcon:"",f?l.loading:"",N),D=t.useRef(null),M=a.useRipple({disabled:b||f,rippleEnabled:!S&&!["plain","text"].includes(V),rippleRef:D}),U=M.getRippleHandlers,E=M.rippleEnabled,X={className:Q,disabled:b||f,size:z},F=o.__assign(o.__assign(o.__assign({type:O},X),G),U(G));return n.jsxs(T,o.__assign({style:o.__assign(o.__assign({},q),{"--amino-button-background-color":function(){if(s)return _.getAminoColor(s)||"";switch(V){case"primary":return m.theme.primary;case"success":return m.theme.success;case"warning":return m.theme.warning;case"danger":return m.theme.danger;case"standard":return m.theme.raisedSurfaceColor;case"subtle":return"none";default:return""}}(),"--amino-button-color":function(){if(p)return _.getAminoColor(p)||"";switch(V){case"primary":case"success":case"warning":case"danger":return m.theme.gray0;case"link":return m.theme.primary;case"subtle":return m.theme.textColorSecondary;default:return m.theme.textColor}}(),"--amino-button-disabled-opacity":R?.6:1,"--amino-button-font-weight":function(){switch(z){case"lg":case"xl":return 600;default:return 500}}(),"--amino-button-hover-background-color":function(){if(v&&"inherit"!==v){var o=_.getAminoColor(v);return"linear-gradient(".concat(o,", ").concat(o,")")}switch(V){case"primary":return m.theme.buttonPrimaryHover;case"success":return m.theme.buttonSuccessHover;case"warning":return m.theme.buttonWarningHover;case"danger":return m.theme.buttonDangerHover;case"standard":return m.theme.buttonStandardHover;case"subtle":return m.theme.gray100;case"link":return m.theme.blue100;case"text":return m.theme.gray500;default:return""}}(),"--amino-button-padding":function(){switch(z){case"sm":return"".concat(m.theme.space4," ").concat(m.theme.space8);case"lg":case"xl":return"".concat(m.theme.space12," ").concat(m.theme.space24);default:return"".concat(m.theme.space8," ").concat(m.theme.space16)}}(),"--amino-button-radius":function(){switch(z){case"sm":return"".concat(m.theme.radius6);case"lg":case"xl":return"".concat(m.theme.radius10);default:return"".concat(m.theme.radius8)}}(),"--amino-button-size":"var(--amino-size-".concat(z,")"),"--amino-button-text-button-color":G.href?m.theme.primary:m.theme.textColorSecondary,"--amino-button-text-button-disabled-color":G.href?m.theme.blue300:m.theme.gray300,"--amino-button-text-button-hover-color":G.href?m.theme.blue500:m.theme.gray500,"--amino-button-width":g?"fit-content":""}),tabIndex:"div"===H?0:void 0},F,{children:[(r=C||function(){switch(V){case"primary":return R?"info":"white";case"success":return R?"success":"white";case"warning":return R?"warning":"white";case"danger":return R?"danger":"white";case"link":return"info";default:return"black"}}(),n.jsxs(n.Fragment,{children:[!w&&n.jsx("span",{className:l.content,children:h}),n.jsx("div",{className:d.default(l.content,l.text),children:B}),w&&n.jsx("span",{className:l.content,children:h}),"plain"!==V&&"text"!==V&&f&&n.jsxs("span",{className:l.spinnerWrapper,children:[n.jsx(i.Spinner,{color:r,size:J()}),k]})]})),E&&n.jsx(e.RippleGroup,{ref:D})]}))};
|
|
1
|
+
"use strict";var o=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("clsx"),e=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),m=require("../../styles/constants/theme.js"),_=require("../../utils/getAminoColor.js"),r=require("../../style-inject.es-d4ddeae4.js");function s(o){return o&&o.__esModule?o:{default:o}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var d=s(u),l={spinnerWrapper:"Amino_Button-module__spinnerWrapper--tgOjW",aminoButton:"Amino_Button-module__aminoButton--spa1s",text:"Amino_Button-module__text--uD3sd",onlyIcon:"Amino_Button-module__onlyIcon--HSsiQ",loading:"Amino_Button-module__loading--J6rUt",content:"Amino_Button-module__content--Hw0WG",hasIcon:"Amino_Button-module__hasIcon--WyBHM",iconRight:"Amino_Button-module__iconRight--rHggX","amino-spinner":"Amino_Button-module__amino-spinner--h2J8a",primaryButton:"Amino_Button-module__primaryButton--oqikL",outline:"Amino_Button-module__outline--1SRt-",successButton:"Amino_Button-module__successButton--vCdA9",standardButton:"Amino_Button-module__standardButton--sNzVf",dangerButton:"Amino_Button-module__dangerButton--0SWdY",warningButton:"Amino_Button-module__warningButton--4wL7z",subtleButton:"Amino_Button-module__subtleButton--9dx3n",linkButton:"Amino_Button-module__linkButton--rrpjp",textButton:"Amino_Button-module__textButton--NATCk"};r.styleInject(".Amino_Button-module__spinnerWrapper--tgOjW{align-items:center;border-radius:var(--amino-radius-6);bottom:0;display:flex;gap:var(--amino-space-8);justify-content:center;left:0;position:absolute;right:0;top:0}.Amino_Button-module__aminoButton--spa1s{align-items:center;background:var(--amino-button-background-color);border-radius:var(--amino-button-radius);box-sizing:border-box;color:var(--amino-button-color);cursor:pointer;display:flex;flex-direction:row;font-family:var(--amino-font-sans);font-size:var(--amino-font-size-base);font-weight:var(--amino-button-font-weight);height:var(--amino-button-size);justify-content:center;letter-spacing:normal;line-height:var(--amino-button-size);outline:none;padding:var(--amino-button-padding);position:relative;text-shadow:0 2px 4px #00000005,0 1px 2px #0000000a;transition:var(--amino-transition),visibility 0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:var(--amino-button-width)}.Amino_Button-module__aminoButton--spa1s svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s .Amino_Button-module__text--uD3sd{padding:0 var(--amino-space-4)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ{padding:0;width:var(--amino-button-size)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ .Amino_Button-module__text--uD3sd{padding:0}.Amino_Button-module__aminoButton--spa1s:active svg path:not([data-is-secondary-color]),.Amino_Button-module__aminoButton--spa1s:focus svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s:focus{outline:none}.Amino_Button-module__aminoButton--spa1s:active:not([disabled]){transform:scale(.99)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__loading--J6rUt .Amino_Button-module__content--Hw0WG{visibility:hidden}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM.Amino_Button-module__iconRight--rHggX svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:2px;margin-right:0;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:0;margin-right:2px;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not([disabled]):hover{background-image:var(--amino-button-hover-background-color)}.Amino_Button-module__aminoButton--spa1s[disabled]{cursor:not-allowed;opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{box-shadow:var(--amino-shadow-button-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):active{background:var(--amino-blue-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-primary) inset;color:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-blue-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-primary) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{box-shadow:var(--amino-shadow-button-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):active{background:var(--amino-green-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):focus{box-shadow:0 0 0 1px var(--amino-success) inset,var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-success) inset;color:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-green-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-green-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-success) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf{box-shadow:var(--amino-shadow-button-standard)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-gray-300) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-gray-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-gray-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{box-shadow:var(--amino-shadow-button-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):active{background:var(--amino-red-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-danger) inset;color:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-red-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-red-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-danger) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{box-shadow:var(--amino-shadow-button-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):active{background:var(--amino-orange-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-warning) inset;color:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-orange-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-orange-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-warning) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):focus{box-shadow:var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk{color:var(--amino-button-text-button-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk[disabled]{color:var(--amino-button-text-button-disabled-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk.Amino_Button-module__loading--J6rUt{color:#0000}");exports.Button=function(u){var r,s=u.background,B=u.children,c=u.className,p=u.color,b=u.disabled,A=void 0!==b&&b,g=u.fitContentWidth,v=u.hoverBackground,h=u.icon,w=u.iconRight,x=u.loading,f=void 0!==x&&x,y=u.loadingText,k=u.noRipple,S=void 0!==k&&k,W=u.outline,R=void 0!==W&&W,j=u.size,z=void 0===j?"sm":j,C=u.spinnerColor,q=u.style,L=u.tag,H=void 0===L?"button":L,N=u.themeOverride,I=u.type,O=void 0===I?"button":I,Y=u.variant,V=void 0===Y?"standard":Y,G=o.__rest(u,["background","children","className","color","disabled","fitContentWidth","hoverBackground","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","themeOverride","type","variant"]),T=H,J=function(){switch(z){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},Q=d.default("amino-button",l.aminoButton,"plain"===V?"":l["".concat(V,"Button")],R&&l.outline,c||"",h&&!B?l.onlyIcon:"",w?l.iconRight:"",h?l.hasIcon:"",f?l.loading:"",N),D=t.useRef(null),M=a.useRipple({disabled:A||f,rippleEnabled:!S&&!["plain","text"].includes(V),rippleRef:D}),U=M.getRippleHandlers,E=M.rippleEnabled,X={className:Q,disabled:A||f,size:z},F=o.__assign(o.__assign(o.__assign({type:O},X),G),U(G));return n.jsxs(T,o.__assign({style:o.__assign(o.__assign({},q),{"--amino-button-background-color":function(){if(s)return _.getAminoColor(s)||"";switch(V){case"primary":return m.theme.primary;case"success":return m.theme.success;case"warning":return m.theme.warning;case"danger":return m.theme.danger;case"standard":return m.theme.raisedSurfaceColor;case"subtle":return"none";default:return""}}(),"--amino-button-color":function(){if(p)return _.getAminoColor(p)||"";switch(V){case"primary":case"success":case"warning":case"danger":return m.theme.gray0;case"link":return m.theme.primary;case"subtle":return m.theme.textColorSecondary;default:return m.theme.textColor}}(),"--amino-button-font-weight":function(){switch(z){case"lg":case"xl":return 600;default:return 500}}(),"--amino-button-hover-background-color":function(){if(v&&"inherit"!==v){var o=_.getAminoColor(v);return"linear-gradient(".concat(o,", ").concat(o,")")}switch(V){case"primary":return m.theme.buttonPrimaryHover;case"success":return m.theme.buttonSuccessHover;case"warning":return m.theme.buttonWarningHover;case"danger":return m.theme.buttonDangerHover;case"standard":return m.theme.buttonStandardHover;case"subtle":return m.theme.gray100;case"link":return m.theme.blue100;case"text":return m.theme.gray500;default:return""}}(),"--amino-button-padding":function(){switch(z){case"sm":return"".concat(m.theme.space4," ").concat(m.theme.space8);case"lg":case"xl":return"".concat(m.theme.space12," ").concat(m.theme.space24);default:return"".concat(m.theme.space8," ").concat(m.theme.space16)}}(),"--amino-button-radius":function(){switch(z){case"sm":return"".concat(m.theme.radius6);case"lg":case"xl":return"".concat(m.theme.radius10);default:return"".concat(m.theme.radius8)}}(),"--amino-button-size":"var(--amino-size-".concat(z,")"),"--amino-button-text-button-color":G.href?m.theme.primary:m.theme.textColorSecondary,"--amino-button-text-button-disabled-color":G.href?m.theme.blue300:m.theme.gray300,"--amino-button-text-button-hover-color":G.href?m.theme.blue500:m.theme.gray500,"--amino-button-width":g?"fit-content":""}),tabIndex:"div"===H?0:void 0},F,{children:[(r=C||function(){switch(V){case"primary":return R?"info":"white";case"success":return R?"success":"white";case"warning":return R?"warning":"white";case"danger":return R?"danger":"white";case"link":return"info";default:return"black"}}(),n.jsxs(n.Fragment,{children:[!w&&n.jsx("span",{className:l.content,children:h}),n.jsx("div",{className:d.default(l.content,l.text),children:B}),w&&n.jsx("span",{className:l.content,children:h}),"plain"!==V&&"text"!==V&&f&&n.jsxs("span",{className:l.spinnerWrapper,children:[n.jsx(i.Spinner,{color:r,size:J()}),y]})]})),E&&n.jsx(e.RippleGroup,{ref:D})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),a=require("framer-motion"),c=require("../text/Text.js"),r=require("../../icons/CheckmarkIcon.js"),l=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js"),t=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var m=d(n),b="Amino_Checkbox-module__checkboxContainer--T3dHf",_="Amino_Checkbox-module__disabled--5BFJi",h="Amino_Checkbox-module__aminoCheckbox--s-hZQ",x="Amino_Checkbox-module__styledLabel--nNdgS",u="Amino_Checkbox-module__styledSubtitle--F4Zg5",k="Amino_Checkbox-module__labelWrapper--opXpk",p="Amino_Checkbox-module__infoWrapper--0j0cc",C="Amino_Checkbox-module__styledLabelDescription--m4mFs";t.styleInject(".Amino_Checkbox-module__checkboxContainer--T3dHf{cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi{cursor:not-allowed}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__aminoCheckbox--s-hZQ{background:var(--amino-checkbox-disabled-background);border:var(--amino-checkbox-disabled-border);box-shadow:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledLabel--nNdgS{color:var(--amino-gray-600)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledSubtitle--F4Zg5{color:var(--amino-gray-400)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__labelWrapper--opXpk svg{opacity
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),a=require("framer-motion"),c=require("../text/Text.js"),r=require("../../icons/CheckmarkIcon.js"),l=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js"),t=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var m=d(n),b="Amino_Checkbox-module__checkboxContainer--T3dHf",_="Amino_Checkbox-module__disabled--5BFJi",h="Amino_Checkbox-module__aminoCheckbox--s-hZQ",x="Amino_Checkbox-module__styledLabel--nNdgS",u="Amino_Checkbox-module__styledSubtitle--F4Zg5",k="Amino_Checkbox-module__labelWrapper--opXpk",p="Amino_Checkbox-module__infoWrapper--0j0cc",C="Amino_Checkbox-module__styledLabelDescription--m4mFs";t.styleInject(".Amino_Checkbox-module__checkboxContainer--T3dHf{cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi{cursor:not-allowed}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__aminoCheckbox--s-hZQ{background:var(--amino-checkbox-disabled-background);border:var(--amino-checkbox-disabled-border);box-shadow:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledLabel--nNdgS{color:var(--amino-gray-600)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledSubtitle--F4Zg5{color:var(--amino-gray-400)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__labelWrapper--opXpk svg{opacity:var(--amino-opacity-disabled)}.Amino_Checkbox-module__aminoCheckbox--s-hZQ{align-items:center;background:var(--amino-checkbox-background);border:var(--amino-checkbox-border);border-radius:var(--amino-radius-4);box-shadow:var(--amino-checkbox-box-shadow);display:flex;height:16px;justify-content:center;line-height:16px;min-height:16px;min-width:16px;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;width:16px}.Amino_Checkbox-module__aminoCheckbox--s-hZQ.Amino_Checkbox-module__checked--expz9{background:var(--amino-primary);border:none;box-shadow:var(--amino-shadow-button-primary)}.Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{color:var(--amino-gray-0);height:16px;width:16px}.Amino_Checkbox-module__infoWrapper--0j0cc{margin-left:8px}.Amino_Checkbox-module__styledLabelDescription--m4mFs{color:var(--amino-gray-600);margin-left:4px}.Amino_Checkbox-module__styledLabel--nNdgS.Amino_Checkbox-module__styledLabel--nNdgS{margin-bottom:0}.Amino_Checkbox-module__labelWrapper--opXpk{align-items:center;display:flex;line-height:16px}.Amino_Checkbox-module__labelWrapper--opXpk svg{margin-right:4px}");var g=a.motion(r.CheckmarkIcon);exports.Checkbox=function(n){var r=n.allowPropagation,t=void 0!==r&&r,d=n.checked,y=void 0!==d&&d,A=n.className,v=n.disabled,f=n.icon,j=n.label,w=n.labelComponent,N=n.labelDescription,T=n.onChange,q=n.style,F=n.subtitle,B=e.__rest(n,["allowPropagation","checked","className","disabled","icon","label","labelComponent","labelDescription","onChange","style","subtitle"]),H=null==j?void 0:j.replace(/\s/g,"-").toLowerCase(),I=i.useMemo((function(){return s.getTestId({componentName:"checkbox",name:j})}),[j]),L=function(e){t||e.stopPropagation(),v||T(!y,e)};return o.jsx("label",e.__assign({className:A,htmlFor:H,style:e.__assign(e.__assign({},q),{"--amino-checkbox-background":y?l.theme.primary:l.theme.inputBackground,"--amino-checkbox-border":y?"none":"1.5px solid ".concat(l.theme.gray400),"--amino-checkbox-box-shadow":y?l.theme.shadowButtonPrimary:"none","--amino-checkbox-disabled-background":y?l.theme.blue200:"","--amino-checkbox-disabled-border":y?"none":"1.5px solid ".concat(l.theme.gray300)})},B,{children:o.jsxs("div",{className:m.default(b,"amino-input-wrapper",v&&_,v&&"disabled"),"data-testid":I,onClick:function(e){L(e)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||L(e)},role:"button",tabIndex:0,children:[o.jsx("div",{className:h,id:H,children:o.jsx(a.AnimatePresence,{children:y&&o.jsx(g,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),w||j&&o.jsxs("div",{className:p,children:[o.jsxs("div",{className:k,children:[f,o.jsxs(c.Text,{className:x,type:"input-label",children:[j,N&&o.jsx("span",{className:C,children:N})]})]}),F&&o.jsx(c.Text,{className:u,type:"subtitle",children:F})]})]})}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("clsx"),o=require("lodash/groupBy"),l=require("../button/Button.js"),i=require("../checkbox/Checkbox.js"),a=require("../collapse/Collapse.js"),u=require("../divider/Divider.js"),d=require("../text/Text.js"),c=require("../../icons/ChevronUpIcon.js"),s=require("../../icons/RemoveCircleIcon.js"),p=require("../../icons/SearchIcon.js"),m=require("../../styles/constants/theme.js"),_=require("../../utils/getFuzzySearch.js"),x=require("../../style-inject.es-d4ddeae4.js");function y(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("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("@mui/material/Collapse"),require("fuse.js");var h=y(r),f=y(o),C="Amino_CountryMultiSelectExpanded-module__wrapper--LzApA",b="Amino_CountryMultiSelectExpanded-module__disabled--uDoTU",A="Amino_CountryMultiSelectExpanded-module__header--I3SHr",g="Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN",S="Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun",j="Amino_CountryMultiSelectExpanded-module__searchInput--AifLd",v="Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r",M="Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup",E="Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi",q="Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-",k="Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-",W="Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz",I="Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn",N="Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7",z="Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX",T="Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4",w="Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO-",H="Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z";x.styleInject(".Amino_CountryMultiSelectExpanded-module__wrapper--LzApA{display:flex;flex-direction:column;gap:12px}.Amino_CountryMultiSelectExpanded-module__wrapper--LzApA.Amino_CountryMultiSelectExpanded-module__disabled--uDoTU{cursor:not-allowed;opacity:var(--amino-opacity-disabled)}.Amino_CountryMultiSelectExpanded-module__wrapper--LzApA.Amino_CountryMultiSelectExpanded-module__disabled--uDoTU>*{pointer-events:none}.Amino_CountryMultiSelectExpanded-module__header--I3SHr{display:flex;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN{border:var(--amino-border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:8px}.Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun{align-items:center;display:flex;gap:8px;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd{align-items:center;display:flex;flex-grow:1;gap:8px;padding:8px 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input{background:var(--amino-input-background);flex-grow:1;padding:0 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r{padding:4px 0}.Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi{padding:8px}.Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-{display:flex;flex-direction:column;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-{border-radius:6px}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-:hover{background-color:var(--amino-hover-color)}.Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn{align-items:center;cursor:pointer;display:flex;flex-grow:1;gap:8px;justify-content:flex-end}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7{transition:var(--amino-transition)}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7.Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX{transform:rotate(180deg)}.Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(50%,max(300px,33.3333333333%)),1fr));padding-left:24px}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO->div{align-items:center}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO- div[class*=Amino_Checkbox]{gap:var(--amino-space-8)}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z{align-items:center;display:flex;gap:16px;width:100%}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z>div{align-items:center;display:flex;gap:4px}");exports.CountryMultiSelectExpanded=function(r){var o=r.actions,x=r.className,y=r.countries,L=r.disabled,B=void 0!==L&&L,G=r.maxHeight,D=void 0===G?380:G,O=r.noHeader,R=void 0!==O&&O,F=r.onChange,U=r.selectedCountries,Z=r.style,P=r.withoutSearch,J=void 0!==P&&P,K=e.__read(t.useState(""),2),X=K[0],Q=K[1],V=e.__read(t.useState([]),2),Y=V[0],$=V[1],ee=t.useCallback((function(e){return _.getFuzzySearch({array:y,options:{keys:["label","code","group"],threshold:.1}}).fuzzySearch.search(e)}),[y]),ne=t.useMemo((function(){return""===X?y:ee(X).map((function(e){return e.item}))}),[y,ee,X]),te=t.useMemo((function(){var n=Object.entries(f.default(ne,"group")).map((function(n){var t=e.__read(n,2),r=t[0];return{countries:t[1],label:r}}));return n.sort((function(e,n){return e.label.localeCompare(n.label)}))}),[ne]),re=t.useMemo((function(){return y.filter((function(e){return!e.disabled})).length===U.length}),[y,U.length]);if(t.useEffect((function(){X&&$(te.map((function(e){return e.label})))}),[te,X]),!y.length)return n.jsx("div",{className:h.default(x),children:n.jsx(d.Text,{color:"textColorSecondary",children:"No countries"})});var oe=y.filter((function(e){return!e.disabled})).length;return n.jsxs("div",{className:h.default(C,x,B&&b),style:Z,children:[!R&&n.jsxs("div",{className:A,children:[n.jsx(d.Text,{type:"bold-label",children:"Countries and Regions"}),n.jsxs(d.Text,{color:"textColorSecondary",type:"label",children:[U.length," of ",oe," selected"]})]}),n.jsxs("div",{className:g,children:[n.jsxs("div",{className:S,children:[!J&&n.jsxs("label",{className:j,htmlFor:"country-multi-select-search",children:[n.jsx(p.SearchIcon,{size:24}),n.jsx("input",{autoComplete:"off",id:"country-multi-select-search",onChange:function(e){return Q(e.target.value)},placeholder:"Search...",type:"text",value:X}),X&&n.jsx(l.Button,{icon:n.jsx(s.RemoveCircleIcon,{size:24}),onClick:function(){return Q("")},variant:"text"})]}),o&&n.jsx("div",{className:v,children:o})]}),(!!o||!J)&&n.jsx(u.Divider,{noMargin:!0}),ne.length?n.jsxs("div",{className:M,style:{maxHeight:"".concat(D,"px")},children:[!X&&n.jsx("div",{className:q,children:n.jsx(i.Checkbox,{checked:re,label:"Select all",onChange:function(e){F(e?y.filter((function(e){return!e.disabled})):[])}})}),te.map((function(t){var r=t.countries.filter((function(e){return U.some((function(n){return n.code===e.code}))})).length,o=t.countries.filter((function(e){return!e.disabled})).length,l=!!o&&t.countries.every((function(e){return e.disabled||U.some((function(n){return n.code===e.code}))})),u=!Y.includes(t.label);return n.jsxs("div",{children:[n.jsxs("div",{className:h.default(W,k),children:[n.jsx(i.Checkbox,{checked:l,disabled:!o,label:t.label,onChange:function(n){if(n){var r=e.__spreadArray(e.__spreadArray([],e.__read(U),!1),e.__read(t.countries.filter((function(e){return!e.disabled}))),!1);F(r)}else r=U.filter((function(e){return!e.disabled&&!t.countries.some((function(n){return n.code===e.code}))})),F(r)}}),n.jsxs("button",{className:I,onClick:function(){Y.includes(t.label)?$(Y.filter((function(e){return e!==t.label}))):$(e.__spreadArray(e.__spreadArray([],e.__read(Y),!1),[t.label],!1))},type:"button",children:[n.jsxs(d.Text,{color:"textColorSecondary",children:[r,"/",o]}),n.jsx(c.ChevronUpIcon,{className:h.default(N,u&&z),size:24})]})]}),n.jsx(a.Collapse,{collapsed:u,children:n.jsx("div",{className:T,children:t.countries.map((function(t){var r;return n.jsx(i.Checkbox,{checked:U.some((function(e){return e.code===t.code})),className:h.default(q,w,!t.disabled&&k),disabled:t.disabled,icon:t.icon,label:t.label,labelComponent:n.jsxs("div",{className:H,style:{opacity:t.disabled?m.theme.opacityDisabled:1},children:[n.jsxs("div",{children:[t.icon,t.label]}),null===(r=t.rightDecorator)||void 0===r?void 0:r.call(t)]}),onChange:function(n){F(n?e.__spreadArray(e.__spreadArray([],e.__read(U),!1),[t],!1):U.filter((function(e){return e.code!==t.code})))}},t.code)}))})})]},t.label)}))]}):n.jsx("div",{className:E,children:n.jsx(d.Text,{color:"textColorSecondary",children:"No countries"})})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),r=require("react-dropzone"),n=require("clsx"),i=require("../avatar/ImageAvatar.js"),a=require("../button/ButtonIcon.js"),s=require("../spinner/Spinner.js"),l=require("../text/Text.js"),t=require("../thumbnail/Thumbnail.js"),d=require("../../icons/FileDuotoneIcon.js"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),r=require("react-dropzone"),n=require("clsx"),i=require("../avatar/ImageAvatar.js"),a=require("../button/ButtonIcon.js"),s=require("../spinner/Spinner.js"),l=require("../text/Text.js"),t=require("../thumbnail/Thumbnail.js"),d=require("../../icons/FileDuotoneIcon.js"),p=require("../../icons/FileUploadDuotoneIcon.js"),u=require("../../icons/RemoveCircleDuotoneIcon.js"),c=require("../../styles/constants/theme.js"),m=require("../../style-inject.es-d4ddeae4.js");function _(e){return e&&e.__esModule?e:{default:e}}require("../avatar/AvatarBase.js"),require("../button/Button.js"),require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../../icons/icon-base/_IconBase.js");var x=_(n),j="Amino_DropZone-module__wrapper--7G4TF",v="Amino_DropZone-module__uploadWrapper--45zf4",g="Amino_DropZone-module__contentWrapper--Vy--l",b="Amino_DropZone-module__instructionTextWrapper--rs4Tz",h="Amino_DropZone-module__browseButton--2YSV-",y="Amino_DropZone-module__removeFileButton--fNm3K",f="Amino_DropZone-module__uploadedFilesWrapper--xWaa3",D="Amino_DropZone-module__uploadedFileRow--RNmU-",q="Amino_DropZone-module__uploadedFileInfoWrapper--ujYT6";m.styleInject(".Amino_DropZone-module__wrapper--7G4TF{cursor:var(--amino-drop-zone-cursor);display:flex;flex-direction:column;gap:var(--amino-space-16);opacity:var(--amino-drop-zone-opacity)}.Amino_DropZone-module__uploadWrapper--45zf4{align-items:center;border:2px dashed;border-color:var(--amino-drop-zone-border-color);border-radius:var(--amino-radius-12);display:flex;flex-direction:column}.Amino_DropZone-module__contentWrapper--Vy--l{align-items:center;display:flex;flex-direction:column;gap:var(--amino-space-12);height:100%;justify-content:center;outline:none;padding:var(--amino-space-16);width:100%}.Amino_DropZone-module__instructionTextWrapper--rs4Tz{align-items:center;display:flex;flex-direction:column;gap:var(--amino-space-4)}.Amino_DropZone-module__browseButton--2YSV-{display:inline}.Amino_DropZone-module__removeFileButton--fNm3K{margin-left:auto}.Amino_DropZone-module__uploadedFilesWrapper--xWaa3{display:flex;flex-direction:column;gap:var(--amino-space-4)}.Amino_DropZone-module__uploadedFileRow--RNmU-{border:var(--amino-border);border-radius:var(--amino-radius-12);display:flex;gap:var(--amino-space-12);justify-content:flex-start;padding:var(--amino-space-16)}.Amino_DropZone-module__uploadedFileInfoWrapper--ujYT6{display:flex;flex-direction:column}");exports.DropZone=function(n){var m=n.className,_=n.disabled,A=void 0!==_&&_,T=n.dropzoneOptions,Z=n.error,F=void 0!==Z&&Z,z=n.helpText,I=n.instructionText,N=void 0===I?"Drop your file(s) here":I,W=n.loading,R=n.loadingText,w=void 0===R?"Uploading file(s)...":R,B=n.noIcon,U=void 0!==B&&B,C=n.onRemoveFile,S=n.style,V=n.uploadedFiles,Y=T.maxFiles||0,k=r.useDropzone(e.__assign(e.__assign({},T),{disabled:A,noClick:!0,noKeyboard:!0})),G=k.getInputProps,K=k.getRootProps,P=k.open,M=0!==Y&&V.length>=Y;return o.jsx("div",{className:x.default(j,m),style:e.__assign(e.__assign({},S),{"--amino-drop-zone-border-color":F?c.theme.danger:c.theme.borderColor,"--amino-drop-zone-cursor":A?"not-allowed":"auto","--amino-drop-zone-opacity":A?c.theme.opacityDisabled:1}),children:W?o.jsx("div",{className:v,children:o.jsxs("div",{className:g,children:[o.jsx(s.Spinner,{}),o.jsx(l.Text,{color:"gray800",type:"label",children:w})]})}):o.jsxs(o.Fragment,{children:[!M&&o.jsx("div",{className:v,children:o.jsxs("div",e.__assign({className:g},K(),{role:void 0,children:[o.jsx("input",e.__assign({},G())),!U&&o.jsx(t.Thumbnail,{icon:o.jsx(p.FileUploadDuotoneIcon,{}),size:40}),o.jsxs("div",{className:b,children:[o.jsxs(l.Text,{type:"label",children:[N," or"," ",o.jsx("button",{className:h,disabled:A,onClick:P,type:"button",children:o.jsx(l.Text,{color:"blue600",type:"label",children:"browse"})})]}),z&&o.jsx(l.Text,{type:"caption",children:z})]})]}))}),!!V.length&&o.jsx("div",{className:f,children:V.map((function(e,r){return o.jsxs("div",{className:D,children:[e.imageUrl?o.jsx(i.ImageAvatar,{imageUrl:e.imageUrl,shape:"rounded"}):o.jsx(d.FileDuotoneIcon,{}),o.jsxs("div",{className:q,children:[o.jsx(l.Text,{color:"gray1200",type:"label",children:e.name}),e.size&&o.jsx(l.Text,{color:"gray700",type:"caption",children:e.size})]}),C&&o.jsx(a.ButtonIcon,{className:y,icon:o.jsx(u.RemoveCircleDuotoneIcon,{size:20}),onClick:function(){return C(r)},variant:"text"})]},e.name)}))})]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react-dropzone"),r=require("clsx"),n=require("../button/Button.js"),l=require("../button/ButtonIcon.js"),t=require("../text/Text.js"),a=require("../../icons/RemoveCircleDuotoneIcon.js"),s=require("../../styles/constants/theme.js"),u=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c=d(r),p="Amino_FileUpload-module__wrapper--tTW4v",m="Amino_FileUpload-module__styledFileInput--ndVD1",_="Amino_FileUpload-module__contentWrapper--Da0yR",x="Amino_FileUpload-module__uploadedFileInfoWrapper--f8bVP",f="Amino_FileUpload-module__removeFileButton--Di0zb";u.styleInject(".Amino_FileUpload-module__wrapper--tTW4v{border:var(--amino-border);border-color:var(--amino-file-upload-border-color);border-radius:var(--amino-radius-10);cursor:var(--amino-file-upload-cursor);display:flex;justify-content:flex-start;opacity:var(--amino-file-upload-opacity);padding:var(--amino-space-8) var(--amino-space-12)}.Amino_FileUpload-module__styledFileInput--ndVD1{align-items:center;display:flex;flex-direction:column;justify-content:center;outline:none;text-align:center}.Amino_FileUpload-module__contentWrapper--Da0yR{align-items:center;display:flex;gap:var(--amino-space-12);justify-content:flex-start}.Amino_FileUpload-module__uploadedFileInfoWrapper--f8bVP{align-items:center;display:flex;gap:var(--amino-space-4)}.Amino_FileUpload-module__removeFileButton--Di0zb{margin-left:auto}");exports.FileUpload=function(r){var u=r.className,d=r.disabled,j=void 0!==d&&d,v=r.dropzoneOptions,
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react-dropzone"),r=require("clsx"),n=require("../button/Button.js"),l=require("../button/ButtonIcon.js"),t=require("../text/Text.js"),a=require("../../icons/RemoveCircleDuotoneIcon.js"),s=require("../../styles/constants/theme.js"),u=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c=d(r),p="Amino_FileUpload-module__wrapper--tTW4v",m="Amino_FileUpload-module__styledFileInput--ndVD1",_="Amino_FileUpload-module__contentWrapper--Da0yR",x="Amino_FileUpload-module__uploadedFileInfoWrapper--f8bVP",f="Amino_FileUpload-module__removeFileButton--Di0zb";u.styleInject(".Amino_FileUpload-module__wrapper--tTW4v{border:var(--amino-border);border-color:var(--amino-file-upload-border-color);border-radius:var(--amino-radius-10);cursor:var(--amino-file-upload-cursor);display:flex;justify-content:flex-start;opacity:var(--amino-file-upload-opacity);padding:var(--amino-space-8) var(--amino-space-12)}.Amino_FileUpload-module__styledFileInput--ndVD1{align-items:center;display:flex;flex-direction:column;justify-content:center;outline:none;text-align:center}.Amino_FileUpload-module__contentWrapper--Da0yR{align-items:center;display:flex;gap:var(--amino-space-12);justify-content:flex-start}.Amino_FileUpload-module__uploadedFileInfoWrapper--f8bVP{align-items:center;display:flex;gap:var(--amino-space-4)}.Amino_FileUpload-module__removeFileButton--Di0zb{margin-left:auto}");exports.FileUpload=function(r){var u=r.className,d=r.disabled,j=void 0!==d&&d,v=r.dropzoneOptions,y=r.error,g=void 0!==y&&y,b=r.instructionText,q=void 0===b?"or drag your file here":b,F=r.loading,h=r.loadingText,U=void 0===h?"Uploading...":h,A=r.onRemoveFile,I=r.style,D=r.uploadedFile,R=i.useDropzone(e.__assign(e.__assign({},v),{disabled:j,multiple:!1,noClick:!0,noKeyboard:!0})),T=R.getInputProps,B=R.getRootProps,C=R.open,z=function(){return F?o.jsx(t.Text,{children:U}):D?function(){if(D){var e=D.name,i=D.size;return o.jsxs("div",{className:x,children:[o.jsx(t.Text,{color:"gray1200",type:"label",children:e}),i&&o.jsx(t.Text,{color:"gray700",type:"caption",children:i})]})}return null}():o.jsx(t.Text,{color:"gray600",children:q})};return o.jsxs("div",{className:c.default(p,u),style:e.__assign(e.__assign({},I),{"--amino-file-upload-border-color":g?s.theme.danger:s.theme.borderColor,"--amino-file-upload-cursor":j?"not-allowed":"auto","--amino-file-upload-opacity":j?s.theme.opacityDisabled:1}),children:[o.jsxs("div",e.__assign({className:m},B(),{children:[o.jsx("input",e.__assign({},T())),o.jsxs("div",{className:_,children:[o.jsx(n.Button,{loading:F,onClick:C,spinnerColor:"black",children:"Browse"}),z()]})]})),A&&D&&o.jsx(l.ButtonIcon,{className:f,icon:o.jsx(a.RemoveCircleDuotoneIcon,{size:20}),onClick:function(){return A()},variant:"text"})]})};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
import type { BaseProps } from "../../types/BaseProps";
|
|
3
|
+
export type FlexProps = BaseProps & {
|
|
4
|
+
/**
|
|
5
|
+
* @default 'stretch'
|
|
6
|
+
*/
|
|
7
|
+
alignItems?: CSSProperties['alignItems'];
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* @default 'row'
|
|
11
|
+
*/
|
|
12
|
+
flexDirection?: CSSProperties['flexDirection'];
|
|
13
|
+
/**
|
|
14
|
+
* @default 8
|
|
15
|
+
*/
|
|
16
|
+
gap?: number;
|
|
17
|
+
/**
|
|
18
|
+
* @default 'flex-start'
|
|
19
|
+
*/
|
|
20
|
+
justifyContent?: CSSProperties['justifyContent'];
|
|
21
|
+
padding?: number;
|
|
22
|
+
};
|
|
23
|
+
export declare const Flex: ({ alignItems, children, className, flexDirection, gap, justifyContent, padding, style, }: FlexProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),a=require("clsx"),i=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}var s=d(a),t="Amino_Flex-module__flexWrapper--RLOkf";i.styleInject(".Amino_Flex-module__flexWrapper--RLOkf{align-items:var(--dashboard-flex-wrapper-align-items);display:flex;flex-direction:var(--dashboard-flex-wrapper-flex-direction);gap:var(--dashboard-flex-wrapper-gap);justify-content:var(--dashboard-flex-wrapper-justify-content);padding:var(--dashboard-flex-wrapper-padding)}");exports.Flex=function(a){var i=a.alignItems,d=void 0===i?"stretch":i,l=a.children,n=a.className,p=a.flexDirection,o=void 0===p?"row":p,f=a.gap,x=void 0===f?8:f,c=a.justifyContent,u=void 0===c?"flex-start":c,g=a.padding,h=a.style;return r.jsx("div",{className:s.default(n,t),style:e.__assign(e.__assign({},h),{"--dashboard-flex-wrapper-align-items":d,"--dashboard-flex-wrapper-flex-direction":o,"--dashboard-flex-wrapper-gap":"".concat(x,"px"),"--dashboard-flex-wrapper-justify-content":u,"--dashboard-flex-wrapper-padding":"".concat(g||0,"px")}),children:l})};
|
|
@@ -1,23 +1,17 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ChangeEventHandler, InputHTMLAttributes, MutableRefObject, ReactNode } from 'react';
|
|
2
2
|
import { type HelpTextProps } from "../help-text/HelpText";
|
|
3
3
|
import { type FloatLabelInputProps } from "./input-type/_FloatLabelInput";
|
|
4
|
-
type
|
|
5
|
-
target: Omit<EventTarget, 'value'> & {
|
|
6
|
-
/** @desc The parsed value is always formatted `yyyy-mm-dd`. Ex: '2022-12-28' */
|
|
7
|
-
value: `${number}-${number}-${number}` | '';
|
|
8
|
-
};
|
|
9
|
-
}) => void;
|
|
10
|
-
type InputType<T extends HTMLInputTypeAttribute> = {
|
|
4
|
+
type InputType = {
|
|
11
5
|
inputPrefix?: ReactNode;
|
|
12
6
|
/** Need to pass the ref here to preserve generics, as forwardRef doesn't allow it
|
|
13
7
|
* @link https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
|
|
14
8
|
*/
|
|
15
9
|
inputRef?: MutableRefObject<HTMLInputElement | null>;
|
|
16
10
|
inputSuffix?: ReactNode;
|
|
17
|
-
onChange:
|
|
11
|
+
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
18
12
|
/** A value (in px) that will determine how wide the input is. If nothing is passed, it defaults to 100% */
|
|
19
13
|
width?: number;
|
|
20
14
|
} & Omit<FloatLabelInputProps, 'onChange'> & HelpTextProps;
|
|
21
|
-
export type InputProps
|
|
22
|
-
export declare const Input:
|
|
15
|
+
export type InputProps = InputType & Omit<InputHTMLAttributes<HTMLInputElement>, keyof InputType>;
|
|
16
|
+
export declare const Input: ({ autoFocus, className, disabled, error, helpText, inputMode, inputPrefix, inputRef, inputSuffix, label, onChange, onKeyDown, pattern, placeholder, prefix, readOnly, required, size, style, suffix, tabIndex, type, value, valuePrefix, width, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
17
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),a=require("clsx"),i=require("../help-text/HelpText.js"),n=require("./input-type/_DateInput.js"),t=require("./input-type/_FloatLabelInput.js"),u=require("./input-type/_NumberInput.js"),s=require("./input-type/_PasswordInput.js"),o=require("./input-type/_TimeInput.js"),l=require("../../styles/constants/theme.js"),d=require("../../style-inject.es-d4ddeae4.js");function p(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("react"),require("@floating-ui/react"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../../icons/ClockIcon.js");var c=p(a),f="Amino_Input-module__fields--F18Vt",x="Amino_Input-module__aminoInputWrapper--KzFcE";d.styleInject(".Amino_Input-module__fields--F18Vt{border:var(--amino-border);border-radius:var(--amino-input-border-radius)}.Amino_Input-module__fields--F18Vt:hover{border:1px solid var(--amino-gray-300)}.Amino_Input-module__aminoInputWrapper--KzFcE{position:relative;width:var(--amino-input-width)}.Amino_Input-module__aminoInputWrapper--KzFcE>div{align-items:center;display:flex;flex-direction:row}.Amino_Input-module__aminoInputWrapper--KzFcE.disabled{opacity:var(--amino-opacity-disabled)}");exports.Input=function(a){var d=a.autoFocus,p=a.className,m=a.disabled,_=a.error,I=a.helpText,b=a.inputMode,y=a.inputPrefix,h=a.inputRef,j=a.inputSuffix,q=a.label,v=a.onChange,w=a.onKeyDown,g=a.pattern,F=a.placeholder,z=a.prefix,C=a.readOnly,K=a.required,N=a.size,P=void 0===N?"xl":N;a.style;var D=a.suffix,T=a.tabIndex,M=a.type,O=a.value,A=a.valuePrefix,E=a.width,W=e.__rest(a,["autoFocus","className","disabled","error","helpText","inputMode","inputPrefix","inputRef","inputSuffix","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","style","suffix","tabIndex","type","value","valuePrefix","width"]);return r.jsxs("div",{className:c.default("amino-input-wrapper",m&&"disabled",x),style:{"--amino-input-border-radius":function(){switch(P){case"sm":return"".concat(l.theme.radius6);case"lg":return"".concat(l.theme.radius10);case"xl":return"".concat(l.theme.radius12);default:return"".concat(l.theme.radius8)}}(),"--amino-input-width":E?"".concat(E,"px"):"100%"},children:[r.jsx("div",{className:f,children:function(){switch(M){case"password":return r.jsx(s.PasswordInput,e.__assign({ref:h,autoFocus:d,className:p,disabled:m,error:_,inputMode:b,label:q,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:z||y,readOnly:C,required:K,size:P,suffix:D||j,tabIndex:T,value:O||"",valuePrefix:A},W));case"date":case"datetime-local":return r.jsx(n.DateInput,e.__assign({ref:h,autoFocus:d,className:p,disabled:m,error:_,inputMode:b,label:q,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:z||y,readOnly:C,required:K,size:P,suffix:D||j,tabIndex:T,type:M,value:O||"",valuePrefix:A},W));case"number":return r.jsx(u.NumberInput,e.__assign({ref:h,autoFocus:d,className:p,disabled:m,error:_,inputMode:b,label:q,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:z||y,readOnly:C,required:K,size:P,suffix:null===D?null:D||j,tabIndex:T,value:O||"",valuePrefix:A},W));case"time":return r.jsx(o.TimeInput,e.__assign({ref:h,autoFocus:d,className:p,disabled:m,error:_,inputMode:b,label:q,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:z||y,readOnly:C,required:K,size:P,suffix:D||j,tabIndex:T,value:O||"",valuePrefix:A},W));default:return r.jsx(t.FloatLabelInput,e.__assign({ref:h,autoFocus:d,className:p,disabled:m,error:_,inputMode:b,label:q,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:z||y,readOnly:C,required:K,size:P,suffix:D||j,tabIndex:T,type:M,value:O||"",valuePrefix:A},W))}}()}),r.jsx(i.HelpText,{error:_,helpText:I})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var a=require("../../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),o=require("react"),t=require("clsx"),l=require("../../../styles/constants/theme.js"),n=require("../../../utils/getTestId.js"),i=require("../../../style-inject.es-d4ddeae4.js");function u(a){return a&&a.__esModule?a:{default:a}}var r=u(t),_="Amino__FloatLabelInput-module__styledLabelInput--uwTIv",m="Amino__FloatLabelInput-module__inputDecorator--U80eQ",p="Amino__FloatLabelInput-module__inputPrefix--ixjzG",s="Amino__FloatLabelInput-module__inputSuffix--uzCo-",d="Amino__FloatLabelInput-module__inputValuePrefix--55sKk",b="Amino__FloatLabelInput-module__aminoInput--obs5G",I="Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq";i.styleInject('.Amino__FloatLabelInput-module__styledLabelInput--uwTIv{display:block;max-height:0;order:1;pointer-events:none}.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{color:var(--amino-gray-800);content:attr(data-label);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__styledLabelInput--uwTIv: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__styledLabelInput--uwTIv{pointer-events:inherit}.disabled .Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{cursor:not-allowed;z-index:1}.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__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__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__inputValuePrefix--55sKk{align-items:flex-end;color:var(--amino-gray-800);display:flex;order:2;padding-bottom:var(--amino-space-8);padding-left:var(--amino-space-16);padding-right:var(--amino-space-4);white-space:nowrap}.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__aminoInput--obs5G :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding:var(--amino-space-16) var(--amino-space-4) var(--amino-space-8) var(--amino-space-16)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-input-prefix{padding-left:0}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-input-prefix+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{margin-left:0}.Amino__FloatLabelInput-module__aminoInput--obs5G:not(.has-label)::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-value-prefix{padding-left:var(--amino-space-8)}.Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:0;transition:var(--amino-transition)}.Amino__FloatLabelInput-module__aminoInput--obs5G:focus{outline:none}.Amino__FloatLabelInput-module__aminoInput--obs5G:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{box-shadow:var(--amino-glow-blue)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-error+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{box-shadow:var(--amino-glow-error)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-content::placeholder,.Amino__FloatLabelInput-module__aminoInput--obs5G:focus::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__aminoInput--obs5G:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:11px;transform:scale(.8)}.Amino__FloatLabelInput-module__aminoInput--obs5G:-moz-autofill,.Amino__FloatLabelInput-module__aminoInput--obs5G:-webkit-autofill{background-color:var(--amino-input-background);color:var(--amino-text-color)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq{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.sm .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding-bottom:0;padding-top:13px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:2px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:10px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.xl .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding-bottom:2px}');var c=function(a){switch(a){case"sm":return"".concat(l.theme.radius6);case"lg":return"".concat(l.theme.radius10);case"xl":return"".concat(l.theme.radius12);default:return"".concat(l.theme.radius8)}},L=o.forwardRef((function(t,l){var i=t.autoFocus,u=t.className,L=t.disabled,f=t.error,v=t.inputMode,h=t.label,F=t.onChange,A=t.onKeyDown,x=t.pattern,y=t.placeholder,g=t.prefix,w=t.readOnly,G=t.required,j=t.size,q=void 0===j?"xl":j,T=t.suffix,z=t.tabIndex,k=t.type,E=t.value,H=t.valuePrefix,W=a.__rest(t,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),N=o.useMemo((function(){return n.getTestId({componentName:"input",name:h})}),[h]),D=!!E||!!H;return e.jsxs("div",{className:r.default(u,q,I),style:{"--amino-float-label-input-border-radius":c(q),"--amino-float-label-input-height":"calc(var(--amino-size-".concat(q,") - 2px)")},children:[g&&e.jsx("div",{className:r.default(m,p),children:g}),H&&e.jsx("div",{className:d,children:H}),e.jsx("input",a.__assign({ref:l,"aria-label":h,autoFocus:i,className:r.default(f&&"has-error",h&&"has-label",D&&"has-content",g&&"has-input-prefix",H&&"has-value-prefix",b),"data-testid":N,disabled:L,id:h,inputMode:v,onChange:F,onKeyDown:A,pattern:x,placeholder:y,readOnly:w,required:G,tabIndex:z,type:k||"text",value:E||""},W)),e.jsx("label",{className:_,"data-label":h}),T&&e.jsx("div",{className:r.default(m,s),children:T})]})}));exports.FloatLabelInput=L,exports.getFloatLabelRadius=c;
|
|
@@ -13,4 +13,4 @@ export type CountryMultiSelectProps<Option extends SelectOption<string> = Select
|
|
|
13
13
|
value: Option['value'][];
|
|
14
14
|
onChange: (countryCodes: Option['value'][]) => void;
|
|
15
15
|
} & Omit<Props<Option, IsMulti, Group>, 'isMulti' | 'onChange' | 'options' | 'value'> & HelpTextProps;
|
|
16
|
-
export declare const CountryMultiSelect: <T extends string>({ countryOptions, label, onChange, unavailableCountries, value, ...props }: CountryMultiSelectProps<SelectOption<T
|
|
16
|
+
export declare const CountryMultiSelect: <T extends string>({ countryOptions, label, onChange, unavailableCountries, value, ...props }: CountryMultiSelectProps<SelectOption<T>>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),l=require("react"),o=require("react-select"),n=require("clsx"),a=require("../checkbox/Checkbox.js"),i=require("../help-text/HelpText.js"),c=require("../../icons/CheckCircleIcon.js"),s=require("../../icons/DoubleChevronIcon.js"),r=require("../../icons/RemoveCircleIcon.js"),_=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),u=require("../../utils/getTestId.js"),m=require("../../style-inject.es-d4ddeae4.js");function S(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js");var p=S(o),y=S(n),h={iconWrapper:"Amino__StyledReactSelect-module__iconWrapper--o6af4",styledFloatedLabel:"Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB",hasIcon:"Amino__StyledReactSelect-module__hasIcon--ua8Qm",hasLabel:"Amino__StyledReactSelect-module__hasLabel--2uysz",hasValue:"Amino__StyledReactSelect-module__hasValue--QzRR6",isFocused:"Amino__StyledReactSelect-module__isFocused--cvHNw",sm:"Amino__StyledReactSelect-module__sm--uRxwS",md:"Amino__StyledReactSelect-module__md--05qsU",lg:"Amino__StyledReactSelect-module__lg--iGesU",xl:"Amino__StyledReactSelect-module__xl--4TfG5",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",selectedSingleOptionWrapper:"Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x"};m.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__styledFloatedLabel--zUtDB{font-size:var(--amino-font-size-base);left:14px;line-height:var(--amino-font-size-base);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);transform-origin:left top;transition:var(--amino-transition)}.Amino__StyledReactSelect-module__hasIcon--ua8Qm .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{left:44px}.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{align-self:flex-end}.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:11px;transform:scale(.8)}.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:-6px}.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:2px}.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:-2px}.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:6px}.Amino__StyledReactSelect-module__lg--iGesU.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__lg--iGesU.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:10px}.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:3px}.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:11px}.Amino__StyledReactSelect-module__isDisabled--WwkVj{opacity:.5}.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-1200);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-100)!important}.Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x{align-items:center;display:flex;justify-content:space-between}");var g=function(e){switch(e){case"sm":return"".concat(d.theme.radius6);case"lg":case"xl":return"".concat(d.theme.radius10);default:return"".concat(d.theme.radius8)}},R=function(l){return t.jsx(o.components.ClearIndicator,e.__assign({},l,{children:t.jsx(r.RemoveCircleIcon,{size:24})}))},b=function(l){return t.jsx(o.components.DropdownIndicator,e.__assign({},l,{children:t.jsx(s.DoubleChevronIcon,{size:24})}))},x=function(l){var o=l.children,n=l.className,a=l.getStyles,i=l.hasValue,c=l.innerProps,s=l.innerRef,r=l.isDisabled,_=l.isFocused,d=l.selectProps,u=d.icon,m=d.label,S=d.size,p=d.value;return t.jsxs("div",e.__assign({ref:s,className:y.default([n,i&&h.hasValue,u&&h.hasIcon,_&&h.isFocused,r&&h.isDisabled,m||Array.isArray(p)&&p.length>1?h.hasLabel:"",S&&h[S],h.reactSelectControl,"react-select-control"]),style:a("control",l)},c,{children:[u&&t.jsx("div",{className:h.iconWrapper,children:u}),t.jsxs("label",{className:h.styledFloatedLabel,children:[m," ",Array.isArray(p)&&p.length>1&&t.jsxs("strong",{className:h.strongLabel,children:["(",p.length," selected)"]})]}),o]}))},f=function(e){var l=e.children,o=e.color,n=e.icon;return t.jsxs("div",{className:h.checkboxOptionIconWrapper,style:{"--amino-styled-react-select-color":o||"inherit"},children:[n,l]})},A=function(l){var n=l.children,a=e.__rest(l,["children"]);return t.jsx(o.components.MultiValueLabel,e.__assign({},a,{children:t.jsx(f,{icon:a.data.icon,children:n})}))},v=function(l){var o=l.innerProps;return t.jsx("div",e.__assign({},o,{role:"button",children:t.jsx(_.RemoveIcon,{size:14})}))},j=function(l){var o=l.children,n=l.className,i=l.data,s=l.getStyles,r=l.innerProps,_=l.innerRef,d=l.isDisabled,u=l.isFocused,m=l.isSelected,S=l.selectProps,p=S,y=p.customOption,g=p.hasGroups,R=s("option",l),b=R.color,x=e.__rest(R,["color"]);g&&(x.paddingLeft=48);return t.jsx("div",e.__assign({ref:_},r,{children:t.jsx("div",{className:[n,h.styledSelectOptionWrapper,u&&h.isFocused,d&&h.isDisabled].join(" "),style:x,children:S.isMulti?t.jsx(a.Checkbox,{allowPropagation:!0,checked:m,disabled:d,icon:i.icon,label:i.label,labelDescription:i.labelDescription,onChange:function(){}}):y?y(i.value):t.jsxs("div",{className:h.selectedSingleOptionWrapper,children:[t.jsx(f,{color:b,icon:i.icon,children:o}),m&&t.jsx(c.CheckCircleIcon,{color:"blue600",size:24})]})})}))},z={clearIndicator:function(t){return e.__assign(e.__assign({},t),{color:d.theme.gray700,paddingLeft:14,paddingRight:4})},control:function(t,l){var o=l.selectProps.size;return e.__assign(e.__assign({},t),{backgroundColor:d.theme.raisedSurfaceColor,borderColor:"unset",borderRadius:g(o),borderWidth:0,boxShadow:l.isFocused?"".concat(d.theme.shadowSelectActive):"".concat(d.theme.shadowSelectBase),color:d.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:"var(--amino-size-".concat(o,")"),minHeight:"var(--amino-size-".concat(o,")")})},dropdownIndicator:function(t){return e.__assign(e.__assign({},t),{color:d.theme.gray900,paddingLeft:4,paddingRight:10})},group:function(t){return e.__assign(e.__assign({},t),{paddingBottom:0,paddingTop:0})},indicatorSeparator:function(t){return e.__assign(e.__assign({},t),{width:0})},input:function(t){return e.__assign(e.__assign({},t),{color:d.theme.textColor,opacity:.8})},menu:function(t){return e.__assign(e.__assign({},t),{background:d.theme.surfaceColor,borderRadius:12,boxShadow:d.theme.v3ShadowLarge,marginTop:4})},menuList:function(t){return e.__assign(e.__assign({},t),{paddingLeft:8,paddingRight:8,paddingTop:8})},multiValue:function(t){return e.__assign(e.__assign({},t),{alignItems:"center",background:d.theme.gray100,borderRadius:d.theme.radius4,fontWeight:600,maxHeight:20,minWidth:"inherit",paddingRight:2})},multiValueLabel:function(t){return e.__assign(e.__assign({},t),{color:d.theme.textColor})},option:function(t,l){return e.__assign(e.__assign({},t),{backgroundColor:"inherit",borderRadius:"8px",color:l.isSelected?d.theme.blue600:d.theme.textColor,cursor:"pointer",fontWeight:l.isSelected?500:400,paddingBottom:7,paddingLeft:8,paddingRight:12,paddingTop:7})},placeholder:function(t){return e.__assign(e.__assign({},t),{".has-label.is-focused &":{opacity:1},opacity:0})},singleValue:function(t){return e.__assign(e.__assign({},t),{color:d.theme.textColor,fontWeight:500})},valueContainer:function(t){return e.__assign(e.__assign({},t),{".has-icon &":{paddingLeft:0},flexWrap:"nowrap",padding:"unset",paddingLeft:12})}};exports.CheckboxOptionComponent=j,exports.StyledReactSelect=function(o){var n=o.closeOnOutsideScroll,a=void 0!==n&&n,c=o.components,s=o.customOption,r=o.error,_=o.hasGroups,d=o.helpText,m=o.icon,S=o.label,g=o.menuPosition,f=void 0===g?"fixed":g,L=o.placeholder,F=o.size,C=void 0===F?"xl":F,D=o.style,W=e.__rest(o,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","style"]),w={customOption:s,hasGroups:_,icon:m,label:S,size:C},I=l.useMemo((function(){return u.getTestId({componentName:"select",name:S})}),[S]),U=l.useRef(null),O=l.useMemo((function(){return!!a&&function(e){var t,l,o;return!(e.target instanceof HTMLElement)||(null===(o=!(null===(l=null===(t=U.current)||void 0===t?void 0:t.menuListRef)||void 0===l?void 0:l.isEqualNode(e.target)))||void 0===o||o)}}),[a]);return t.jsxs("div",{className:y.default(h.styledSelectWrapper,r&&h.hasError),"data-testid":I,children:[t.jsx(p.default,e.__assign({ref:U,closeMenuOnScroll:O,components:e.__assign({ClearIndicator:R,Control:x,DropdownIndicator:b,MultiValueLabel:A,MultiValueRemove:v,Option:j},c),menuPosition:f,placeholder:L||"",styles:e.__assign(e.__assign({},D),z)},W,w)),t.jsx(i.HelpText,{error:r,helpText:d})]})};
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),l=require("react"),o=require("react-select"),a=require("clsx"),n=require("../checkbox/Checkbox.js"),i=require("../help-text/HelpText.js"),c=require("../../icons/CheckCircleIcon.js"),s=require("../../icons/DoubleChevronIcon.js"),r=require("../../icons/RemoveCircleIcon.js"),d=require("../../icons/RemoveIcon.js"),_=require("../../styles/constants/theme.js"),u=require("../../utils/getTestId.js"),m=require("../../style-inject.es-d4ddeae4.js");function S(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js");var p=S(o),y=S(a),h={iconWrapper:"Amino__StyledReactSelect-module__iconWrapper--o6af4",styledFloatedLabel:"Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB",hasIcon:"Amino__StyledReactSelect-module__hasIcon--ua8Qm",hasLabel:"Amino__StyledReactSelect-module__hasLabel--2uysz",hasValue:"Amino__StyledReactSelect-module__hasValue--QzRR6",isFocused:"Amino__StyledReactSelect-module__isFocused--cvHNw",sm:"Amino__StyledReactSelect-module__sm--uRxwS",md:"Amino__StyledReactSelect-module__md--05qsU",lg:"Amino__StyledReactSelect-module__lg--iGesU",xl:"Amino__StyledReactSelect-module__xl--4TfG5",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",selectedSingleOptionWrapper:"Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x"};m.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__styledFloatedLabel--zUtDB{font-size:var(--amino-font-size-base);left:14px;line-height:var(--amino-font-size-base);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);transform-origin:left top;transition:var(--amino-transition)}.Amino__StyledReactSelect-module__hasIcon--ua8Qm .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{left:44px}.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{align-self:flex-end}.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:11px;transform:scale(.8)}.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:-6px}.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__sm--uRxwS.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:2px}.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:-2px}.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__md--05qsU.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:6px}.Amino__StyledReactSelect-module__lg--iGesU.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__lg--iGesU.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:10px}.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__hasLabel--2uysz .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB+div{margin-bottom:3px}.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__hasValue--QzRR6 .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB,.Amino__StyledReactSelect-module__xl--4TfG5.Amino__StyledReactSelect-module__isFocused--cvHNw .Amino__StyledReactSelect-module__styledFloatedLabel--zUtDB{top:11px}.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-1200);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-100)!important}.Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x{align-items:center;display:flex;justify-content:space-between}");var g=function(e){switch(e){case"sm":return"".concat(_.theme.radius6);case"lg":case"xl":return"".concat(_.theme.radius10);default:return"".concat(_.theme.radius8)}},R=function(l){return t.jsx(o.components.ClearIndicator,e.__assign({},l,{children:t.jsx(r.RemoveCircleIcon,{size:24})}))},b=function(l){return t.jsx(o.components.DropdownIndicator,e.__assign({},l,{children:t.jsx(s.DoubleChevronIcon,{size:24})}))},x=function(l){var o=l.children,a=l.className,n=l.getStyles,i=l.hasValue,c=l.innerProps,s=l.innerRef,r=l.isDisabled,d=l.isFocused,_=l.selectProps,u=_.icon,m=_.label,S=_.size,p=_.value;return t.jsxs("div",e.__assign({ref:s,className:y.default([a,i&&h.hasValue,u&&h.hasIcon,d&&h.isFocused,r&&h.isDisabled,m||Array.isArray(p)&&p.length>1?h.hasLabel:"",S&&h[S],h.reactSelectControl,"react-select-control"]),style:n("control",l)},c,{children:[u&&t.jsx("div",{className:h.iconWrapper,children:u}),t.jsxs("label",{className:h.styledFloatedLabel,children:[m," ",Array.isArray(p)&&p.length>1&&t.jsxs("strong",{className:h.strongLabel,children:["(",p.length," selected)"]})]}),o]}))},f=function(e){var l=e.children,o=e.color,a=e.icon;return t.jsxs("div",{className:h.checkboxOptionIconWrapper,style:{"--amino-styled-react-select-color":o||"inherit"},children:[a,l]})},A=function(l){var a=l.children,n=e.__rest(l,["children"]);return t.jsx(o.components.MultiValueLabel,e.__assign({},n,{children:t.jsx(f,{icon:n.data.icon,children:a})}))},v=function(l){var o=l.innerProps;return t.jsx("div",e.__assign({},o,{role:"button",children:t.jsx(d.RemoveIcon,{size:14})}))},j=function(l){var o=l.children,a=l.className,i=l.data,s=l.getStyles,r=l.innerProps,d=l.innerRef,_=l.isDisabled,u=l.isFocused,m=l.isSelected,S=l.selectProps,p=S,y=p.customOption,g=p.hasGroups,R=s("option",l),b=R.color,x=e.__rest(R,["color"]);g&&(x.paddingLeft=48);return t.jsx("div",e.__assign({ref:d},r,{children:t.jsx("div",{className:[a,h.styledSelectOptionWrapper,u&&h.isFocused,_&&h.isDisabled].join(" "),style:x,children:S.isMulti?t.jsx(n.Checkbox,{allowPropagation:!0,checked:m,disabled:_,icon:i.icon,label:i.label,labelDescription:i.labelDescription,onChange:function(){}}):y?y(i.value):t.jsxs("div",{className:h.selectedSingleOptionWrapper,children:[t.jsx(f,{color:b,icon:i.icon,children:o}),m&&t.jsx(c.CheckCircleIcon,{color:"blue600",size:24})]})})}))},z={clearIndicator:function(t){return e.__assign(e.__assign({},t),{color:_.theme.gray700,paddingLeft:14,paddingRight:4})},control:function(t,l){var o=l.selectProps.size;return e.__assign(e.__assign({},t),{backgroundColor:_.theme.raisedSurfaceColor,borderColor:"unset",borderRadius:g(o),borderWidth:0,boxShadow:l.isFocused?"".concat(_.theme.shadowSelectActive):"".concat(_.theme.shadowSelectBase),color:_.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:"var(--amino-size-".concat(o,")"),minHeight:"var(--amino-size-".concat(o,")")})},dropdownIndicator:function(t){return e.__assign(e.__assign({},t),{color:_.theme.gray900,paddingLeft:4,paddingRight:10})},group:function(t){return e.__assign(e.__assign({},t),{paddingBottom:0,paddingTop:0})},indicatorSeparator:function(t){return e.__assign(e.__assign({},t),{width:0})},input:function(t){return e.__assign(e.__assign({},t),{color:_.theme.textColor,opacity:.8})},menu:function(t){return e.__assign(e.__assign({},t),{background:_.theme.surfaceColor,borderRadius:12,boxShadow:_.theme.v3ShadowLarge,marginTop:4})},menuList:function(t){return e.__assign(e.__assign({},t),{paddingLeft:8,paddingRight:8,paddingTop:8})},multiValue:function(t){return e.__assign(e.__assign({},t),{alignItems:"center",background:_.theme.gray100,borderRadius:_.theme.radius4,fontWeight:600,maxHeight:20,minWidth:"inherit",paddingRight:2})},multiValueLabel:function(t){return e.__assign(e.__assign({},t),{color:_.theme.textColor})},option:function(t,l){return e.__assign(e.__assign({},t),{backgroundColor:"inherit",borderRadius:"8px",color:l.isSelected?_.theme.blue600:_.theme.textColor,cursor:"pointer",fontWeight:l.isSelected?500:400,paddingBottom:7,paddingLeft:8,paddingRight:12,paddingTop:7})},placeholder:function(t){return e.__assign(e.__assign({},t),{".has-label.is-focused &":{opacity:1},opacity:0})},singleValue:function(t){return e.__assign(e.__assign({},t),{color:_.theme.textColor,fontWeight:500})},valueContainer:function(t){return e.__assign(e.__assign({},t),{".has-icon &":{paddingLeft:0},flexWrap:"nowrap",padding:"unset",paddingLeft:12})}};exports.CheckboxOptionComponent=j,exports.StyledReactSelect=function(o){var a=o.closeOnOutsideScroll,n=void 0!==a&&a,c=o.components,s=o.customOption,r=o.error,d=o.hasGroups,_=o.helpText,m=o.icon,S=o.label,g=o.menuPosition,f=void 0===g?"fixed":g,L=o.placeholder,F=o.size,C=void 0===F?"xl":F,D=o.style,W=e.__rest(o,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","style"]),w={customOption:s,hasGroups:d,icon:m,label:S,size:C},I=l.useMemo((function(){return u.getTestId({componentName:"select",name:S})}),[S]),U=l.useRef(null),O=l.useMemo((function(){return!!n&&function(e){var t,l,o;return!(e.target instanceof HTMLElement)||(null===(o=!(null===(l=null===(t=U.current)||void 0===t?void 0:t.menuListRef)||void 0===l?void 0:l.isEqualNode(e.target)))||void 0===o||o)}}),[n]);return t.jsxs("div",{className:y.default(h.styledSelectWrapper,r&&h.hasError),"data-testid":I,children:[t.jsx(p.default,e.__assign({ref:U,closeMenuOnScroll:O,components:e.__assign({ClearIndicator:R,Control:x,DropdownIndicator:b,MultiValueLabel:A,MultiValueRemove:v,Option:j},c),menuPosition:f,placeholder:L||"",styles:e.__assign(e.__assign({},D),z)},W,w)),t.jsx(i.HelpText,{error:r,helpText:_})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var i=require("react/jsx-runtime"),e=require("clsx"),o=require("../text/Text.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(i){return i&&i.__esModule?i:{default:i}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js");var l=n(e),
|
|
1
|
+
"use strict";var i=require("react/jsx-runtime"),e=require("clsx"),o=require("../text/Text.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(i){return i&&i.__esModule?i:{default:i}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js");var l=n(e),a="Amino_Switch-module__aminoSwitch--V20lQ",c="Amino_Switch-module__checked--cgbVH",m="Amino_Switch-module__aminoSwitchWithIcons--WNTDb",_="Amino_Switch-module__aminoSwitchWrapper--OrqKy",d="Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn",h="Amino_Switch-module__styledLabel--mmtjI",r="Amino_Switch-module__styledLabelDescription--5xNoS",s="Amino_Switch-module__labelWrapper--l4iEG",w="Amino_Switch-module__switchContainer--ZM-Jo",u="Amino_Switch-module__disabled--drg1V",p="Amino_Switch-module__styledSubtitle--Zgig5",S="Amino_Switch-module__switchIcon--mIgO1",x="Amino_Switch-module__left--Q--oT";t.styleInject(".Amino_Switch-module__aminoSwitch--V20lQ{background:var(--amino-gray-0);border-radius:50%;box-shadow:inset 0 -1px 1px 0 #00000014,0 1px 3px 0 #0003;height:14px;left:1px;position:absolute;top:1px;transition:var(--amino-transition);width:14px}.Amino_Switch-module__aminoSwitch--V20lQ.Amino_Switch-module__checked--cgbVH{box-shadow:inset 0 -1px 1px 0 #445eee14,0 1px 3px 0 #0003;left:calc(100% - 15px)}[data-theme=night] .Amino_Switch-module__aminoSwitch--V20lQ{background:var(--amino-gray-1200)}.Amino_Switch-module__aminoSwitchWithIcons--WNTDb{box-shadow:inset 0 -1px 1px 0 #0003,0 1px 3px 0 #0006;height:28px;left:2px;top:2px;width:28px}.Amino_Switch-module__aminoSwitchWithIcons--WNTDb.Amino_Switch-module__checked--cgbVH{left:calc(100% - 30px)}[data-theme=night] .Amino_Switch-module__aminoSwitchWithIcons--WNTDb{background:var(--amino-gray-200)}.Amino_Switch-module__aminoSwitchWrapper--OrqKy{background:var(--amino-gray-100);border-radius:20px;box-shadow:var(--amino-v3-shadow-inset);display:block;height:16px;line-height:16px;margin-right:16px;min-height:16px;min-width:32px;position:relative;-webkit-user-select:none;user-select:none;width:32px}.Amino_Switch-module__aminoSwitchWrapper--OrqKy.Amino_Switch-module__checked--cgbVH{background:var(--amino-primary)}.Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn.Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn{background:var(--amino-gray-50);height:32px;min-width:24px;width:62px}.Amino_Switch-module__styledLabel--mmtjI{margin-bottom:0}.Amino_Switch-module__styledLabelDescription--5xNoS{color:var(--amino-gray-600);margin-left:4px}.Amino_Switch-module__labelWrapper--l4iEG{align-items:center;display:flex;line-height:16px}.Amino_Switch-module__labelWrapper--l4iEG svg{margin-right:4px}.Amino_Switch-module__switchContainer--ZM-Jo{cursor:pointer;display:flex;flex-direction:row}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V{cursor:not-allowed}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__aminoSwitchWrapper--OrqKy{opacity:var(--amino-opacity-disabled)}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__aminoSwitch--V20lQ{opacity:.95}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__styledLabel--mmtjI{color:var(--amino-gray-600)}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__styledSubtitle--Zgig5{color:var(--amino-gray-400)}.Amino_Switch-module__switchIcon--mIgO1{left:auto;position:absolute;right:4px;top:4px}.Amino_Switch-module__switchIcon--mIgO1.Amino_Switch-module__left--Q--oT{left:4px;right:auto}.Amino_Switch-module__switchIcon--mIgO1 svg{height:24px;width:24px}");exports.Switch=function(e){var t=e.checked,n=e.className,g=e.disabled,b=e.label,A=e.labelDescription,y=e.labelIcon,v=e.onChange,f=e.style,j=e.subtitle,I=e.switchIconLeft,W=e.switchIconRight,N=null==b?void 0:b.replace(/\s/g,"-").toLowerCase(),V=Boolean(I||W);return i.jsxs("label",{className:l.default(n,w,g&&u),htmlFor:N,onClick:function(){return!g&&v(!t)},style:f,children:[V?i.jsxs("div",{className:l.default(_,d,t&&c),children:[i.jsx("div",{className:l.default(a,m,t&&c),id:N}),i.jsx("div",{className:l.default(S,x),children:I}),i.jsx("div",{className:S,children:W})]}):i.jsx("div",{className:l.default(_,t&&c),children:i.jsx("div",{className:l.default(a,t&&c),id:N})}),i.jsxs("div",{children:[i.jsxs("div",{className:s,children:[y,i.jsxs(o.Text,{className:h,type:"input-label",children:[b,A&&i.jsx("span",{className:r,children:A})]})]}),j&&i.jsx(o.Text,{className:p,type:"subtitle",children:j})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),o=require("react"),r=require("clsx"),t=require("../help-text/HelpText.js"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),o=require("react"),r=require("clsx"),t=require("../help-text/HelpText.js"),i=require("../../utils/hooks/useHeightAdjustTextarea.js"),l=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../styles/constants/theme.js");var d=n(r),_="Amino_Textarea-module__fields--z7afT",s="Amino_Textarea-module__styledBorder--yOPdL",u="Amino_Textarea-module__styledLabelInput--Q6-k8",m="Amino_Textarea-module__styledTextarea--Mk9DH",x="Amino_Textarea-module__hasLabel--qqvuZ",T="Amino_Textarea-module__hasContent--xpSft",p="Amino_Textarea-module__hasError--LdKr8",b="Amino_Textarea-module__aminoInputWrapper--h9Y-6",c="Amino_Textarea-module__disabled--YH6dm";l.styleInject('.Amino_Textarea-module__fields--z7afT{border:var(--amino-border);border-radius:var(--amino-radius-12);position:relative}.Amino_Textarea-module__fields--z7afT:hover{border:1px solid var(--amino-gray-300)}.Amino_Textarea-module__styledBorder--yOPdL:after{border-radius:var(--amino-radius-12);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.Amino_Textarea-module__styledLabelInput--Q6-k8{color:var(--amino-gray-800);filter:blur(0);font-size:var(--amino-font-size-base);left:16px;line-height:var(--amino-font-size-base);position:absolute;top:calc(var(--amino-font-size-base) + 6px);transform-origin:left top;transition:var(--amino-transition);z-index:3}.Amino_Textarea-module__styledTextarea--Mk9DH{background:var(--amino-input-background);border:0;border-radius:var(--amino-radius-6);box-sizing:border-box;display:block;font-size:var(--amino-font-size-base);font-weight:500;order:2;outline:none;padding:8px 16px 0;position:relative;width:100%;z-index:2}.Amino_Textarea-module__styledTextarea--Mk9DH :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino_Textarea-module__styledTextarea--Mk9DH :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ{margin-top:24px;padding:0 4px 8px 16px}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ::placeholder{opacity:0}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft::placeholder,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus::placeholder{opacity:.6}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft+.Amino_Textarea-module__styledLabelInput--Q6-k8,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus+.Amino_Textarea-module__styledLabelInput--Q6-k8{top:11px;transform:scale(.8)}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft+.Amino_Textarea-module__styledLabelInput--Q6-k8+.Amino_Textarea-module__styledBorder--yOPdL:before,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus+.Amino_Textarea-module__styledLabelInput--Q6-k8+.Amino_Textarea-module__styledBorder--yOPdL:before{background:var(--amino-input-background);border-radius:var(--amino-radius-6);content:"";height:25px;left:0;position:absolute;right:0;top:0;z-index:2}.Amino_Textarea-module__styledTextarea--Mk9DH::placeholder{color:var(--amino-gray-400);font-weight:400;opacity:.6;transition:var(--amino-transition)}.Amino_Textarea-module__styledTextarea--Mk9DH:focus{outline:none}.Amino_Textarea-module__styledTextarea--Mk9DH:focus~.Amino_Textarea-module__styledBorder--yOPdL:after{box-shadow:var(--amino-glow-blue)}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasError--LdKr8~.Amino_Textarea-module__styledBorder--yOPdL:after{box-shadow:var(--amino-glow-error)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6{position:relative;width:var(--amino-textarea-width)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm *{cursor:not-allowed}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__fields--z7afT{opacity:var(--amino-opacity-disabled)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__styledTextarea--Mk9DH{-webkit-user-select:none;user-select:none}');var A=o.forwardRef((function(r,l){var n,A=r.className,f=r.disabled,v=r.error,h=r.expandable,y=r.helpText,k=r.label,g=r.maxRows,q=r.rows,H=r.style,L=r.value,w=r.width,M=e.__rest(r,["className","disabled","error","expandable","helpText","label","maxRows","rows","style","value","width"]),j=!!L,D=o.useRef(null);return i.useHeightAdjustTextarea({maxRows:g,ref:D,shouldExpand:!!h,textareaValue:(null==L?void 0:L.toString())||""}),a.jsxs("div",{className:d.default(A,b,"amino-input-wrapper",f&&c),style:e.__assign(e.__assign({},H),{"--amino-textarea-width":w||"100%"}),children:[a.jsxs("div",{className:_,onClick:function(){var e;return null===(e=null==D?void 0:D.current)||void 0===e?void 0:e.focus()},role:"button",tabIndex:0,children:[a.jsx("textarea",e.__assign({ref:function(e){l&&"function"==typeof l?l(e):l&&(l.current=e),D.current=e},className:d.default(m,v&&p,k&&x,j&&T),disabled:f,rows:q,value:L},M)),a.jsx("label",{className:u,"data-label":k,htmlFor:null===(n=null==D?void 0:D.current)||void 0===n?void 0:n.id,onClick:function(){var e;return null===(e=null==D?void 0:D.current)||void 0===e?void 0:e.focus()},children:k}),a.jsx("div",{className:s})]}),a.jsx(t.HelpText,{error:v,helpText:y})]})}));exports.Textarea=A;
|
package/package.json
CHANGED
|
@@ -217,6 +217,8 @@ export declare const theme: {
|
|
|
217
217
|
readonly shadowSelectActive: "var(--amino-shadow-select-active)";
|
|
218
218
|
/** @info 0px 1px 3px 0px rgba(221, 49, 78, 0.40), 0px 0px 0px 1px #DD314E inset, 0px -1px 1px 1px rgba(221, 49, 78, 0.12) inset */
|
|
219
219
|
readonly shadowSelectError: "var(--amino-shadow-select-error)";
|
|
220
|
+
/** @info 0.6 */
|
|
221
|
+
readonly opacityDisabled: "var(--amino-opacity-disabled)";
|
|
220
222
|
/** @info space-negative-80: -5rem (-80px) */
|
|
221
223
|
readonly spaceNegative80: "var(--amino-space-negative-80)";
|
|
222
224
|
/** @info space-negative-76: -4.75rem (-76px) */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";exports.theme={transition:"var(--amino-transition)",typeScaleBase:"var(--amino-type-scale-base)",glass0:"var(--amino-glass-0)",glass50:"var(--amino-glass-50)",glass100:"var(--amino-glass-100)",glass200:"var(--amino-glass-200)",glass300:"var(--amino-glass-300)",glass400:"var(--amino-glass-400)",glass500:"var(--amino-glass-500)",glass600:"var(--amino-glass-600)",glass700:"var(--amino-glass-700)",glass800:"var(--amino-glass-800)",glass900:"var(--amino-glass-900)",glass1000:"var(--amino-glass-1000)",glass1100:"var(--amino-glass-1100)",glass1200:"var(--amino-glass-1200)",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)",gray1000:"var(--amino-gray-1000)",gray1100:"var(--amino-gray-1100)",gray1200:"var(--amino-gray-1200)",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)",blue1000:"var(--amino-blue-1000)",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)",cyan1000:"var(--amino-cyan-1000)",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)",red1000:"var(--amino-red-1000)",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)",orange1000:"var(--amino-orange-1000)",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)",green1000:"var(--amino-green-1000)",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)",purple1000:"var(--amino-purple-1000)",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)",spaceNegative80:"var(--amino-space-negative-80)",spaceNegative76:"var(--amino-space-negative-76)",spaceNegative72:"var(--amino-space-negative-72)",spaceNegative68:"var(--amino-space-negative-68)",spaceNegative64:"var(--amino-space-negative-64)",spaceNegative60:"var(--amino-space-negative-60)",spaceNegative56:"var(--amino-space-negative-56)",spaceNegative52:"var(--amino-space-negative-52)",spaceNegative48:"var(--amino-space-negative-48)",spaceNegative44:"var(--amino-space-negative-44)",spaceNegative40:"var(--amino-space-negative-40)",spaceNegative36:"var(--amino-space-negative-36)",spaceNegative32:"var(--amino-space-negative-32)",spaceNegative28:"var(--amino-space-negative-28)",spaceNegative24:"var(--amino-space-negative-24)",spaceNegative20:"var(--amino-space-negative-20)",spaceNegative16:"var(--amino-space-negative-16)",spaceNegative12:"var(--amino-space-negative-12)",spaceNegative8:"var(--amino-space-negative-8)",spaceNegative4:"var(--amino-space-negative-4)",space0:"var(--amino-space-0)",space4:"var(--amino-space-4)",space8:"var(--amino-space-8)",space12:"var(--amino-space-12)",space16:"var(--amino-space-16)",space20:"var(--amino-space-20)",space24:"var(--amino-space-24)",space28:"var(--amino-space-28)",space32:"var(--amino-space-32)",space36:"var(--amino-space-36)",space40:"var(--amino-space-40)",space44:"var(--amino-space-44)",space48:"var(--amino-space-48)",space52:"var(--amino-space-52)",space56:"var(--amino-space-56)",space60:"var(--amino-space-60)",space64:"var(--amino-space-64)",space68:"var(--amino-space-68)",space72:"var(--amino-space-72)",space76:"var(--amino-space-76)",space80:"var(--amino-space-80)",border:"var(--amino-border)",borderBlue:"var(--amino-border-blue)",borderRed:"var(--amino-border-red)",borderCyan:"var(--amino-border-cyan)",borderOrange:"var(--amino-border-orange)",borderGreen:"var(--amino-border-green)",borderPurple:"var(--amino-border-purple)",borderAmber:"var(--amino-border-amber)",borderTransparent:"var(--amino-border-transparent)",borderSubtle:"var(--amino-border-subtle)",sidebarColor:"var(--amino-sidebar-color)",headerColor:"var(--amino-header-color)",danger:"var(--amino-danger)",dangerDark:"var(--amino-danger-dark)",error:"var(--amino-error)",primary:"var(--amino-primary)",primaryLight:"var(--amino-primary-light)",primaryDark:"var(--amino-primary-dark)",success:"var(--amino-success)",successDark:"var(--amino-success-dark)",warning:"var(--amino-warning)",warningDark:"var(--amino-warning-dark)",glowError:"var(--amino-glow-error)",glowBlue:"var(--amino-glow-blue)",glowCyan:"var(--amino-glow-cyan)",glowRed:"var(--amino-glow-red)",glowOrange:"var(--amino-glow-orange)",glowGreen:"var(--amino-glow-green)",glowPurple:"var(--amino-glow-purple)",pageBackground:"var(--amino-page-background)",borderColor:"var(--amino-border-color)",hoverColor:"var(--amino-hover-color)",textColor:"var(--amino-text-color)",textColorSecondary:"var(--amino-text-color-secondary)",focusButtonStandard:"var(--amino-focus-button-standard)",focusButton:"var(--amino-focus-button)",surfaceColor:"var(--amino-surface-color)",surfaceColorSecondary:"var(--amino-surface-color-secondary)",backdropColor:"var(--amino-backdrop-color)",raisedSurfaceColor:"var(--amino-raised-surface-color)",raisedColorSecondary:"var(--amino-raised-color-secondary)",buttonPrimaryHover:"var(--amino-button-primary-hover)",buttonSuccessHover:"var(--amino-button-success-hover)",buttonDangerHover:"var(--amino-button-danger-hover)",buttonWarningHover:"var(--amino-button-warning-hover)",buttonStandardHover:"var(--amino-button-standard-hover)",spinnerTrackBlack:"var(--amino-spinner-track-black)",spinnerStrokeBlack:"var(--amino-spinner-stroke-black)",spinnerTrackWhite:"var(--amino-spinner-track-white)",spinnerStrokeWhite:"var(--amino-spinner-stroke-white)",appbarHeight:"var(--amino-appbar-height)",sidebarWidth:"var(--amino-sidebar-width)",elevation0:"var(--amino-elevation-0)",elevation100:"var(--amino-elevation-100)",elevation200:"var(--amino-elevation-200)",elevation300:"var(--amino-elevation-300)",elevation400:"var(--amino-elevation-400)",elevation500:"var(--amino-elevation-500)",dialogElevation:"var(--amino-dialog-elevation)",toastElevation:"var(--amino-toast-elevation)",appbarElevation:"var(--amino-appbar-elevation)",sizeXl:"var(--amino-size-xl)",sizeLg:"var(--amino-size-lg)",sizeMd:"var(--amino-size-md)",sizeSm:"var(--amino-size-sm)",radius4:"var(--amino-radius-4)",radius6:"var(--amino-radius-6)",radius8:"var(--amino-radius-8)",radius10:"var(--amino-radius-10)",radius12:"var(--amino-radius-12)",fontSize3xl:"var(--amino-font-size-3xl)",fontSize2xl:"var(--amino-font-size-2xl)",fontSizeXl:"var(--amino-font-size-xl)",fontSizeL:"var(--amino-font-size-l)",fontSizeBaseDocs:"var(--amino-font-size-base-docs)",fontSizeBase:"var(--amino-font-size-base)",fontSizeS:"var(--amino-font-size-s)",fontSizeXs:"var(--amino-font-size-xs)",lineHeight3xl:"var(--amino-line-height-3xl)",lineHeight2xl:"var(--amino-line-height-2xl)",lineHeightXl:"var(--amino-line-height-xl)",lineHeightL:"var(--amino-line-height-l)",lineHeightBase:"var(--amino-line-height-base)",lineHeightS:"var(--amino-line-height-s)",lineHeightXs:"var(--amino-line-height-xs)",fontSans:"var(--amino-font-sans)",fontMono:"var(--amino-font-mono)",fontHarmonizedCodes:"var(--amino-font-harmonized-codes)",inputBackground:"var(--amino-input-background)"};
|
|
1
|
+
"use strict";exports.theme={transition:"var(--amino-transition)",typeScaleBase:"var(--amino-type-scale-base)",glass0:"var(--amino-glass-0)",glass50:"var(--amino-glass-50)",glass100:"var(--amino-glass-100)",glass200:"var(--amino-glass-200)",glass300:"var(--amino-glass-300)",glass400:"var(--amino-glass-400)",glass500:"var(--amino-glass-500)",glass600:"var(--amino-glass-600)",glass700:"var(--amino-glass-700)",glass800:"var(--amino-glass-800)",glass900:"var(--amino-glass-900)",glass1000:"var(--amino-glass-1000)",glass1100:"var(--amino-glass-1100)",glass1200:"var(--amino-glass-1200)",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)",gray1000:"var(--amino-gray-1000)",gray1100:"var(--amino-gray-1100)",gray1200:"var(--amino-gray-1200)",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)",blue1000:"var(--amino-blue-1000)",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)",cyan1000:"var(--amino-cyan-1000)",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)",red1000:"var(--amino-red-1000)",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)",orange1000:"var(--amino-orange-1000)",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)",green1000:"var(--amino-green-1000)",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)",purple1000:"var(--amino-purple-1000)",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)"};
|
package/theme.css
CHANGED
|
@@ -134,6 +134,7 @@
|
|
|
134
134
|
--amino-shadow-select-error: 0px 1px 3px 0px rgba(221, 49, 78, 0.4),
|
|
135
135
|
0px 0px 0px 1px #dd314e inset,
|
|
136
136
|
0px -1px 1px 1px rgba(221, 49, 78, 0.12) inset;
|
|
137
|
+
--amino-opacity-disabled: 0.6;
|
|
137
138
|
--amino-space-negative-80: -5rem;
|
|
138
139
|
--amino-space-negative-76: -4.75rem;
|
|
139
140
|
--amino-space-negative-72: -4.5rem;
|
package/theme.scss
CHANGED
|
@@ -108,6 +108,7 @@ $amino-shadow-button-disabled: var(--amino-shadow-button-disabled);
|
|
|
108
108
|
$amino-shadow-select-base: var(--amino-shadow-select-base);
|
|
109
109
|
$amino-shadow-select-active: var(--amino-shadow-select-active);
|
|
110
110
|
$amino-shadow-select-error: var(--amino-shadow-select-error);
|
|
111
|
+
$amino-opacity-disabled: var(--amino-opacity-disabled);
|
|
111
112
|
$amino-space-negative-80: var(--amino-space-negative-80);
|
|
112
113
|
$amino-space-negative-76: var(--amino-space-negative-76);
|
|
113
114
|
$amino-space-negative-72: var(--amino-space-negative-72);
|
package/utils/handleFetch.d.ts
CHANGED
|
@@ -19,4 +19,4 @@ export declare const handleFetch: <ResponseBody extends unknown, RequestBody = u
|
|
|
19
19
|
} & Omit<RequestInit, "body"> & {
|
|
20
20
|
logRequestIfError?: boolean | undefined;
|
|
21
21
|
}) | undefined) => Promise<HandleFetchReturn<ResponseBody>>;
|
|
22
|
-
export declare const fetcher: <ResponseBody extends unknown, RequestBody = unknown>(url: string, options?: RequestOptions<ResponseBody, RequestBody>
|
|
22
|
+
export declare const fetcher: <ResponseBody extends unknown, RequestBody = unknown>(url: string, options?: RequestOptions<ResponseBody, RequestBody>) => Promise<FetcherReturn<ResponseBody>>;
|
package/utils/handleFetch.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../_tslib-bd4862e8.js"),r=function(r){var n=r.response,
|
|
1
|
+
"use strict";var e=require("../_tslib-bd4862e8.js"),r=function(r){return e.__awaiter(void 0,[r],void 0,(function(r){var n,s=r.response,t=r.shouldLog,o=void 0===t||t,u=r.shouldThrow,a=void 0!==u&&u;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,s.json()];case 1:return[2,e.sent()];case 2:if(n=e.sent(),a)throw n;return o&&console.error(n),[2,null];case 3:return[2]}}))}))},n=function(n,s){return e.__awaiter(void 0,void 0,void 0,(function(){var t,o,u,a,i;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,fetch(n,s)];case 1:return t=e.sent(),[3,3];case 2:return(o=e.sent())instanceof Error?[2,{errors:[{message:o.message,type:"unknown"}],json:null,response:null}]:[2,{errors:[{message:i="Fail to fetch",type:"unknown"}],json:null,response:null}];case 3:return t.ok?[4,r({response:t})]:[3,5];case 4:return[2,{errors:[],json:a=e.sent(),response:t}];case 5:u=t.status.toString(),e.label=6;case 6:return e.trys.push([6,8,,9]),[4,r({response:t,shouldThrow:!0})];case 7:return a=e.sent(),i=JSON.stringify(a),[2,{errors:[{message:"".concat(u,": ").concat(i),type:u}],json:null,response:t}];case 8:return e.sent(),i="Unknown error",[2,{errors:[{message:"".concat(u,": ").concat(i),type:u}],json:null,response:null}];case 9:return[2]}}))}))},s=function(r,s){return e.__awaiter(void 0,void 0,void 0,(function(){var t,o,u,a;return e.__generator(this,(function(i){return(t=s||{}).logRequestIfError,o=e.__rest(t,["logRequestIfError"]),u=o.body&&JSON.stringify(o.body),a=e.__assign(e.__assign({},o),{body:u}),[2,n(r,a)]}))}))};exports.fetcher=function(r,n){return e.__awaiter(void 0,void 0,void 0,(function(){var t,o,u,a,i;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,s(r,n)];case 1:if(t=e.sent(),o=t.errors,u=t.json,a=t.response,i=o.find(Boolean),!(null==a?void 0:a.ok)||["pollUntil","failedData"].includes((null==i?void 0:i.type)||""))throw{errors:o,status:null==a?void 0:a.status};return[2,{json:u,response:a}]}}))}))},exports.handleFetch=s,exports.handleRequest=n;
|
package/utils/hooks/useSwr.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useSwr: import("swr
|
|
1
|
+
export declare const useSwr: import("swr").SWRHook;
|
package/utils/hooks/useSwrt.d.ts
CHANGED
|
@@ -17,5 +17,5 @@ type UseSwrArgs<ResponseData> = readonly [Key] | readonly [Key, Fetcher<SwrtPara
|
|
|
17
17
|
* fetcher
|
|
18
18
|
* );
|
|
19
19
|
*/
|
|
20
|
-
export declare const useSwrt: <ResponseData = unknown>(...params: UseSwrArgs<ResponseData>) => import("swr
|
|
20
|
+
export declare const useSwrt: <ResponseData = unknown>(...params: UseSwrArgs<ResponseData>) => import("swr").SWRResponse<SwrtParams<ResponseData>, FetcherError, Partial<import("swr/_internal").PublicConfiguration<SwrtParams<ResponseData>, FetcherError, import("swr").BareFetcher<SwrtParams<ResponseData>>>> | undefined>;
|
|
21
21
|
export {};
|
package/utils/storage.d.ts
CHANGED
|
@@ -11,6 +11,6 @@ export type StorageParams<Value, Key extends string = string> = {
|
|
|
11
11
|
type SetParams<Value> = Omit<StorageParams<Value>, 'schema'> & {
|
|
12
12
|
value: Value;
|
|
13
13
|
};
|
|
14
|
-
export declare const getStorageItem: <Value extends unknown>({ key, schema, type, }: StorageParams<Value
|
|
14
|
+
export declare const getStorageItem: <Value extends unknown>({ key, schema, type, }: StorageParams<Value>) => Value | null;
|
|
15
15
|
export declare const setStorageItem: <Value extends unknown>({ key, type, value, }: SetParams<Value>) => Promise<void>;
|
|
16
16
|
export {};
|
package/utils/storage.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../_tslib-bd4862e8.js"),t=require("swr");exports.getStorageItem=function(e){var t=e.key,r=e.schema,n=e.type;if("undefined"==typeof window)return null;var
|
|
1
|
+
"use strict";var e=require("../_tslib-bd4862e8.js"),t=require("swr");exports.getStorageItem=function(e){var t=e.key,r=e.schema,n=e.type;if("undefined"==typeof window)return null;var s=("local"===n?window.localStorage:window.sessionStorage).getItem(t);if(!s)return null;try{var a=JSON.parse(s);return(o=r.safeParse(a)).success?o.data:null}catch(e){var o;return(o=r.safeParse(s)).success?o.data:null}},exports.setStorageItem=function(r){return e.__awaiter(void 0,[r],void 0,(function(r){var n,s,a=r.key,o=r.type,i=r.value;return e.__generator(this,(function(e){switch(e.label){case 0:return n="session"===o?window.sessionStorage:window.localStorage,s="string"==typeof i?i:JSON.stringify(i),n.setItem(a,s),window.dispatchEvent(new Event("amino:storage-".concat(o))),[4,t.mutate(a,i)];case 1:return e.sent(),[2]}}))}))};
|