@zonos/amino 5.3.17 → 5.4.0

package/components/select/CountrySelect.js

@@ -1 +1 @@
-"use strict";var s=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),r=require("./Select.js"),i=require("../../icons/flag-icon/FlagIcon.js");require("./_StyledReactSelect.js"),require("react"),require("react-select"),require("clsx"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AQ.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BV.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CC.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CX.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GS.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IO.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js");exports.CountrySelect=function(o){var c=o.autoFocus,n=o.countryOptions,u=o.filter,l=void 0===u?Boolean:u,a=o.label,q=void 0===a?"Select country":a,j=o.onChange,f=o.placeholder,g=o.value,t=s.__rest(o,["autoFocus","countryOptions","filter","label","onChange","placeholder","value"]),S=n.flatMap((function(r){return l(r)?s.__assign(s.__assign({},r),{icon:e.jsx(i.FlagIcon,{code:r.code,iconScale:"small"})}):[]})),M=S.filter((function(s){return s.value===g})),C=M.find(Boolean);return e.jsx(r.Select,s.__assign({autoFocus:c,icon:e.jsx(i.FlagIcon,{code:C?C.value:"Default",iconScale:"medium"}),label:q,onChange:j,options:S,placeholder:f,value:M},t))};
+"use strict";var s=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),r=require("./Select.js"),i=require("../../icons/flag-icon/FlagIcon.js");require("./_StyledReactSelect.js"),require("react"),require("react-select"),require("clsx"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AQ.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BV.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CC.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CX.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GS.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IO.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js");exports.CountrySelect=function(o){var c=o.autoFocus,n=o.countryOptions,u=o.filter,l=void 0===u?Boolean:u,a=o.label,q=void 0===a?"Select country":a,j=o.onChange,g=o.placeholder,f=o.value,t=s.__rest(o,["autoFocus","countryOptions","filter","label","onChange","placeholder","value"]),S=n.flatMap((function(r){return l(r)?s.__assign(s.__assign({},r),{icon:e.jsx(i.FlagIcon,{code:r.code,iconScale:"small"})}):[]})),M=S.filter((function(s){return s.value===f})),C=M.find(Boolean);return e.jsx(r.Select,s.__assign({autoFocus:c,icon:e.jsx(i.FlagIcon,{code:C?C.value:"Default",iconScale:"medium"}),label:q,onChange:j,options:S,placeholder:g,value:M},t))};

package/components/select/MultiSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("../checkbox/Checkbox.js"),n=require("./_StyledReactSelect.js");require("react"),require("clsx"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var i=function(n){var i=n.children,s=n.getStyles,c=n.innerProps,o=n.label,u=n.options,l=n.selectProps,a=l.value,d=u.filter((function(e){return!e.isDisabled})),j=d.filter((function(e){return!e.isSelected})).map((function(e){return e.data})),p=d.filter((function(e){return e.isSelected})).map((function(e){return e.data})),h=d.length===p.length;return r.jsxs("div",e.__assign({style:s("group",n)},c,{children:[r.jsx("div",{style:s("option",n),children:r.jsx(t.Checkbox,{checked:h,label:"string"==typeof o?o:"",onChange:function(){var e=h?a.filter((function(e){return!p.find((function(r){return r.value===e.value}))})):a.concat(j);l.onChange(e,{action:h?"deselect-group":"select-group",option:h?p:j})}})}),i]}))};exports.MultiSelect=function(t){var s=t.closeMenuOnSelect,c=void 0!==s&&s,o=t.hideSelectedOptions,u=void 0===o||o,l=e.__rest(t,["closeMenuOnSelect","hideSelectedOptions"]);return r.jsx(n.StyledReactSelect,e.__assign({},l,{closeMenuOnSelect:c,components:e.__assign({Group:i},l.components),hideSelectedOptions:u,isMulti:!0}))};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("../checkbox/Checkbox.js"),n=require("./_StyledReactSelect.js");require("react"),require("clsx"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var i=function(n){var i=n.children,s=n.getStyles,c=n.innerProps,o=n.label,u=n.options,l=n.selectProps,a=l.value,d=u.filter((function(e){return!e.isDisabled})),j=d.filter((function(e){return!e.isSelected})).map((function(e){return e.data})),p=d.filter((function(e){return e.isSelected})).map((function(e){return e.data})),q=d.length===p.length;return r.jsxs("div",e.__assign({style:s("group",n)},c,{children:[r.jsx("div",{style:s("option",n),children:r.jsx(t.Checkbox,{checked:q,label:"string"==typeof o?o:"",onChange:function(){var e=q?a.filter((function(e){return!p.find((function(r){return r.value===e.value}))})):a.concat(j);l.onChange(e,{action:q?"deselect-group":"select-group",option:q?p:j})}})}),i]}))};exports.MultiSelect=function(t){var s=t.closeMenuOnSelect,c=void 0!==s&&s,o=t.hideSelectedOptions,u=void 0===o||o,l=e.__rest(t,["closeMenuOnSelect","hideSelectedOptions"]);return r.jsx(n.StyledReactSelect,e.__assign({},l,{closeMenuOnSelect:c,components:e.__assign({Group:i},l.components),hideSelectedOptions:u,isMulti:!0}))};

package/components/select/Select.d.ts

@@ -5,7 +5,7 @@ import type { BaseProps } from "../../types/BaseProps";
 import type { SelectOption } from "../../types/SelectOption";
 import type { Size } from "../../types/Size";
 type RequiredProps = 'options' | 'value';
-export type SelectProps<Option extends SelectOption = SelectOption, IsMulti extends false = false, Group extends GroupBase<Option> = GroupBase<Option>> = {
+export type SelectProps<Option extends SelectOption = SelectOption, IsMulti extends false = false, Group extends GroupBase<Option> = GroupBase<Option>> = BaseProps & {
     /** Close the select dropdown menu when scrolling outside of menu to prevent graphical jank */
     closeOnOutsideScroll?: boolean;
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
@@ -28,6 +28,6 @@ export type SelectProps<Option extends SelectOption = SelectOption, IsMulti exte
      * onChange={changed => setExampleValue(changed?.value || null)}
      */
     onChange: (changed: Option | null, actionMeta: ActionMeta<Option>) => void;
-} & Omit<Props<Option, IsMulti, Group>, 'isMulti' | RequiredProps> & Required<Pick<Props<Option, IsMulti, Group>, RequiredProps>> & HelpTextProps & BaseProps;
+} & Omit<Props<Option, IsMulti, Group>, 'isMulti' | RequiredProps> & Required<Pick<Props<Option, IsMulti, Group>, RequiredProps>> & HelpTextProps;
 export declare const Select: <Option extends SelectOption, Group extends GroupBase<Option> = GroupBase<Option>>({ isClearable, label, value, ...props }: SelectProps<Option, false, Group>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/select/Select.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),s=require("./_StyledReactSelect.js");require("react"),require("react-select"),require("clsx"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");exports.Select=function(i){var t=i.isClearable,c=void 0===t||t,l=i.label,o=i.value,a=e.__rest(i,["isClearable","label","value"]);if(Array.isArray(o)&&o.length>1)throw Error("Only one selection allowed for '".concat(l,"' select (").concat(o.length,") selected."));return r.jsx(s.StyledReactSelect,e.__assign({},a,{isClearable:c,isMulti:!1,label:l,value:o}))};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),s=require("./_StyledReactSelect.js");require("react"),require("react-select"),require("clsx"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");exports.Select=function(i){var t=i.isClearable,l=void 0===t||t,c=i.label,o=i.value,a=e.__rest(i,["isClearable","label","value"]);if(Array.isArray(o)&&o.length>1)throw Error("Only one selection allowed for '".concat(c,"' select (").concat(o.length,") selected."));return r.jsx(s.StyledReactSelect,e.__assign({},a,{isClearable:l,isMulti:!1,label:c,value:o}))};

package/components/select/_StyledReactSelect.js

@@ -1 +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"),_=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(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-1000);margin-right:4px}.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj).Amino__StyledReactSelect-module__isFocused--cvHNw,.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj):hover{background-color:var(--amino-gray-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,a=l.className,n=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([a,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: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(_.RemoveIcon,{size:14})}))},j=function(l){var o=l.children,a=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:[a,h.styledSelectOptionWrapper,u&&h.isFocused,d&&h.isDisabled].join(" "),style:x,children:S.isMulti?t.jsx(n.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 a=o.closeOnOutsideScroll,n=void 0!==a&&a,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!!n&&function(e){var t,l;return!(e.target instanceof HTMLElement)||!(null===(l=null===(t=U.current)||void 0===t?void 0:t.menuListRef)||void 0===l?void 0:l.isEqualNode(e.target))}}),[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:d})]})};
+"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"),require("../../global.module-569e4fd5.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-1000);margin-right:4px}.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj).Amino__StyledReactSelect-module__isFocused--cvHNw,.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj):hover{background-color:var(--amino-gray-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("div",{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;return!(e.target instanceof HTMLElement)||!(null===(l=null===(t=U.current)||void 0===t?void 0:t.menuListRef)||void 0===l?void 0:l.isEqualNode(e.target))}}),[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:_})]})};

package/components/simple-table/SimpleTable.d.ts

@@ -57,6 +57,11 @@ export type SimpleTableProps<T extends object> = BaseProps & {
      * @default 13
      */
     loadingSkeletonHeight?: number;
+    /**
+     * Maximum height of the table.
+     * @default '100%
+     */
+    maxHeight?: string;
     /**
      * @default false,
      * Disable hover background color effect on rows
@@ -112,5 +117,5 @@ export type SimpleTableProps<T extends object> = BaseProps & {
  * - 'row-hover-show': Shows only when the row is hovered
  * - 'cell-hover-show': Shows only when the cell is hovered
  */
-export declare const SimpleTable: <T extends object>({ className, CustomLinkComponent, getRowLink, headers, items, keyExtractor, loading, loadingItems, loadingSkeletonHeight, noHoverBackground, onRowClick, onRowHover, renderFooter, selectable, style, }: SimpleTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const SimpleTable: <T extends object>({ className, CustomLinkComponent, getRowLink, headers, items, keyExtractor, loading, loadingItems, loadingSkeletonHeight, maxHeight, noHoverBackground, onRowClick, onRowHover, renderFooter, selectable, style, }: SimpleTableProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/simple-table/SimpleTable.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),l=require("react/jsx-runtime"),o=require("react"),t=require("clsx"),i=require("../checkbox/Checkbox.js"),n=require("../skeleton/Skeleton.js"),a=require("../text/Text.js"),d=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../help-text/HelpText.js"),require("../../styles/constants/theme.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js");var m=r(t),s="Amino_SimpleTable-module__tableStyled--Q3YSy",c="Amino_SimpleTable-module__noPadding--b5Y-c",b="Amino_SimpleTable-module__withHover--eL3XX",u="Amino_SimpleTable-module__clickable--XnaaE",_="Amino_SimpleTable-module__loading--bvjof",h="Amino_SimpleTable-module__cellLink--jySVK",y="Amino_SimpleTable-module__styledCheckbox---753a",S="Amino_SimpleTable-module__skeletonCellWrapper--I8vJ7";d.styleInject(".Amino_SimpleTable-module__tableStyled--Q3YSy{width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead{text-transform:none}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr{border-bottom:var(--amino-border-subtle);height:48px}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th{padding:12px;white-space:nowrap}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr{border-bottom:var(--amino-border-subtle);height:48px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr.Amino_SimpleTable-module__withHover--eL3XX:hover{background-color:var(--amino-hover-color)}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr.Amino_SimpleTable-module__clickable--XnaaE{cursor:pointer}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr:not(:hover) .row-hover-show{visibility:collapse}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td{padding:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__loading--bvjof{text-align:center}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td:not(:hover) .cell-hover-show{visibility:collapse}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK>a{display:block;height:100%;padding:12px;width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK>a.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__styledCheckbox---753a{display:inline-flex;padding:12px}.Amino_SimpleTable-module__skeletonCellWrapper--I8vJ7{display:flex}");var p=function(e){switch(e){case"center":return"center";case"end":return"flex-end";default:return"flex-start"}};exports.SimpleTable=function(t){var d=t.className,r=t.CustomLinkComponent,x=t.getRowLink,g=t.headers,k=t.items,v=t.keyExtractor,j=t.loading,A=void 0!==j&&j,T=t.loadingItems,C=void 0===T?10:T,f=t.loadingSkeletonHeight,w=void 0===f?13:f,Y=t.noHoverBackground,Q=void 0!==Y&&Y,q=t.onRowClick,N=t.onRowHover,R=t.renderFooter,H=t.selectable,L=void 0===H?{enabled:!1}:H,P=t.style,I=function(e,o){var t=o[e.key],i=function(t){if(x&&!L.anySelected&&!e.disabledLink){var i=r||"a";return l.jsx("td",{className:h,children:l.jsx(i,{className:m.default(e.noPadding&&c),href:x(o),style:{textAlign:e.align||"start"},children:t})})}return l.jsx("td",{className:m.default(e.noPadding&&c),style:{textAlign:e.align||"start"},children:t})};return e.renderCustom?l.jsx(l.Fragment,{children:i(e.renderCustom(t,o))}):l.jsx(l.Fragment,{children:i(String(t))})};return l.jsxs("table",{className:m.default(d,s),style:P,children:[l.jsxs("colgroup",{children:[!!L.onHeaderCheckboxChange&&l.jsx("col",{width:0}),g.map((function(e){return l.jsx("col",{width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)}))]}),l.jsx("thead",{children:l.jsxs("tr",{children:[!!L.onHeaderCheckboxChange&&l.jsx("th",{className:c,children:L.renderCustomHeaderCheckbox||l.jsx(i.Checkbox,{checked:!A&&L.headerCheckboxValue||!1,className:y,disabled:A,onChange:L.onHeaderCheckboxChange})}),g.map((function(e){return l.jsx("th",{className:m.default(e.noPadding&&c),style:{textAlign:e.align||"start"},children:"string"==typeof e.name?l.jsx(a.Text,{color:"gray800",type:"small-header",children:e.name}):e.name},e.key)}))]})}),l.jsx("tbody",{children:A?e.__spreadArray([],e.__read(Array(C).keys()),!1).map((function(e){return l.jsxs("tr",{children:[L.enabled&&l.jsx("td",{children:l.jsx(n.Skeleton,{height:w},e)}),g.map((function(o){return l.jsx("td",{className:m.default(_,o.noPadding&&c),children:l.jsx("div",{className:S,style:{justifyContent:p(o.align)},children:l.jsx(n.Skeleton,{height:w,style:{width:"50%"}},e)})},o.key)}))]},e)})):k.map((function(e,t){var n,a,d,r=!!q||!!L.anySelected&&!!L.onRowCheckboxChange;return l.jsxs("tr",{className:m.default(r&&u,!Q&&b),onClick:function(){var l,o,i;L.anySelected?(null===(l=L.isRowCheckboxDisabled)||void 0===l?void 0:l.call(L,e,t))||null===(o=L.onRowCheckboxChange)||void 0===o||o.call(L,!(null===(i=L.isRowChecked)||void 0===i?void 0:i.call(L,e,t)),e,t):null==q||q(e)},onMouseEnter:function(){return null==N?void 0:N(e)},children:[L.enabled&&l.jsx("td",{className:c,children:(null===(n=L.renderCustomRowCheckbox)||void 0===n?void 0:n.call(L,e,t))||l.jsx(i.Checkbox,{checked:(null===(a=L.isRowChecked)||void 0===a?void 0:a.call(L,e,t))||!1,className:y,disabled:(null===(d=L.isRowCheckboxDisabled)||void 0===d?void 0:d.call(L,e,t))||!1,onChange:function(l){var o;return null===(o=L.onRowCheckboxChange)||void 0===o?void 0:o.call(L,l,e,t)}})}),g.map((function(t){return l.jsx(o.Fragment,{children:I(t,e)},t.key)}))]},v(e))}))}),R]})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),l=require("react/jsx-runtime"),o=require("react"),i=require("clsx"),t=require("../checkbox/Checkbox.js"),n=require("../skeleton/Skeleton.js"),a=require("../text/Text.js"),d=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../help-text/HelpText.js"),require("../../styles/constants/theme.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js");var m=r(i),s="Amino_SimpleTable-module__tableContainer--UsGFZ",c="Amino_SimpleTable-module__tableStyled--Q3YSy",b="Amino_SimpleTable-module__noPadding--b5Y-c",u="Amino_SimpleTable-module__withHover--eL3XX",_="Amino_SimpleTable-module__clickable--XnaaE",h="Amino_SimpleTable-module__loading--bvjof",y="Amino_SimpleTable-module__cellLink--jySVK",S="Amino_SimpleTable-module__styledCheckbox---753a",p="Amino_SimpleTable-module__skeletonCellWrapper--I8vJ7";d.styleInject(".Amino_SimpleTable-module__tableContainer--UsGFZ{overflow:auto;width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy{border-collapse:initial;border-spacing:0;width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead{text-transform:none}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr{border-bottom:var(--amino-border-subtle);height:48px}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th{background-color:var(--amino-gray-0);border-bottom:var(--amino-border-subtle);padding:12px;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr{height:48px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr.Amino_SimpleTable-module__withHover--eL3XX:hover{background-color:var(--amino-hover-color)}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr.Amino_SimpleTable-module__clickable--XnaaE{cursor:pointer}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr:not(:hover) .row-hover-show{visibility:collapse}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td{border-bottom:var(--amino-border-subtle);padding:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__loading--bvjof{text-align:center}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td:not(:hover) .cell-hover-show{visibility:collapse}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK>a{display:block;height:100%;padding:12px;width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK>a.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__styledCheckbox---753a{display:inline-flex;padding:12px}.Amino_SimpleTable-module__skeletonCellWrapper--I8vJ7{display:flex}");var x=function(e){switch(e){case"center":return"center";case"end":return"flex-end";default:return"flex-start"}};exports.SimpleTable=function(i){var d=i.className,r=i.CustomLinkComponent,g=i.getRowLink,k=i.headers,v=i.items,j=i.keyExtractor,A=i.loading,T=void 0!==A&&A,C=i.loadingItems,f=void 0===C?10:C,w=i.loadingSkeletonHeight,Y=void 0===w?13:w,Q=i.maxHeight,q=void 0===Q?"100%":Q,N=i.noHoverBackground,H=void 0!==N&&N,R=i.onRowClick,L=i.onRowHover,P=i.renderFooter,I=i.selectable,F=void 0===I?{enabled:!1}:I,X=i.style,V=function(e,o){var i=o[e.key],t=function(i){if(g&&!F.anySelected&&!e.disabledLink){var t=r||"a";return l.jsx("td",{className:y,children:l.jsx(t,{className:m.default(e.noPadding&&b),href:g(o),style:{textAlign:e.align||"start"},children:i})})}return l.jsx("td",{className:m.default(e.noPadding&&b),style:{textAlign:e.align||"start"},children:i})};return e.renderCustom?l.jsx(l.Fragment,{children:t(e.renderCustom(i,o))}):l.jsx(l.Fragment,{children:t(String(i))})};return l.jsx("div",{className:s,style:{maxHeight:q},children:l.jsxs("table",{className:m.default(d,c),style:X,children:[l.jsxs("colgroup",{children:[!!F.onHeaderCheckboxChange&&l.jsx("col",{width:0}),k.map((function(e){return l.jsx("col",{width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)}))]}),l.jsx("thead",{children:l.jsxs("tr",{children:[!!F.onHeaderCheckboxChange&&l.jsx("th",{className:b,children:F.renderCustomHeaderCheckbox||l.jsx(t.Checkbox,{checked:!T&&F.headerCheckboxValue||!1,className:S,disabled:T,onChange:F.onHeaderCheckboxChange})}),k.map((function(e){return l.jsx("th",{className:m.default(e.noPadding&&b),style:{textAlign:e.align||"start"},children:"string"==typeof e.name?l.jsx(a.Text,{color:"gray800",type:"small-header",children:e.name}):e.name},e.key)}))]})}),l.jsx("tbody",{children:T?e.__spreadArray([],e.__read(Array(f).keys()),!1).map((function(e){return l.jsxs("tr",{children:[F.enabled&&l.jsx("td",{children:l.jsx(n.Skeleton,{height:Y},e)}),k.map((function(o){return l.jsx("td",{className:m.default(h,o.noPadding&&b),children:l.jsx("div",{className:p,style:{justifyContent:x(o.align)},children:l.jsx(n.Skeleton,{height:Y,style:{width:"50%"}},e)})},o.key)}))]},e)})):v.map((function(e,i){var n,a,d,r=!!R||!!F.anySelected&&!!F.onRowCheckboxChange;return l.jsxs("tr",{className:m.default(r&&_,!H&&u),onClick:function(){var l,o,t;F.anySelected?(null===(l=F.isRowCheckboxDisabled)||void 0===l?void 0:l.call(F,e,i))||null===(o=F.onRowCheckboxChange)||void 0===o||o.call(F,!(null===(t=F.isRowChecked)||void 0===t?void 0:t.call(F,e,i)),e,i):null==R||R(e)},onMouseEnter:function(){return null==L?void 0:L(e)},children:[F.enabled&&l.jsx("td",{className:b,children:(null===(n=F.renderCustomRowCheckbox)||void 0===n?void 0:n.call(F,e,i))||l.jsx(t.Checkbox,{checked:(null===(a=F.isRowChecked)||void 0===a?void 0:a.call(F,e,i))||!1,className:S,disabled:(null===(d=F.isRowCheckboxDisabled)||void 0===d?void 0:d.call(F,e,i))||!1,onChange:function(l){var o;return null===(o=F.onRowCheckboxChange)||void 0===o?void 0:o.call(F,l,e,i)}})}),k.map((function(i){return l.jsx(o.Fragment,{children:V(i,e)},i.key)}))]},j(e))}))}),P]})})};

package/components/switch/Switch.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { BaseProps } from "../../types/BaseProps";
 export type SwitchProps = BaseProps & {
     checked: boolean;

package/components/switch/Switch.js

@@ -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),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__infoWrapper--8JFwB",h="Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn",r="Amino_Switch-module__styledLabel--mmtjI",s="Amino_Switch-module__styledLabelDescription--5xNoS",w="Amino_Switch-module__labelWrapper--l4iEG",u="Amino_Switch-module__switchContainer--ZM-Jo",p="Amino_Switch-module__disabled--drg1V",S="Amino_Switch-module__styledSubtitle--Zgig5",x="Amino_Switch-module__switchIcon--mIgO1",g="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-1000)}.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;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__infoWrapper--8JFwB{margin-left:16px}.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,b=e.disabled,A=e.label,y=e.labelDescription,v=e.labelIcon,f=e.onChange,W=e.style,j=e.subtitle,I=e.switchIconLeft,N=e.switchIconRight,V=null==A?void 0:A.replace(/\s/g,"-").toLowerCase(),k=Boolean(I||N),q=Boolean(A||v||y||j);return i.jsxs("label",{className:l.default(n,u,b&&p),htmlFor:V,onClick:function(){return!b&&f(!t)},style:W,children:[k?i.jsxs("div",{className:l.default(_,h,t&&c),children:[i.jsx("div",{className:l.default(a,m,t&&c),id:V}),i.jsx("div",{className:l.default(x,g),children:I}),i.jsx("div",{className:x,children:N})]}):i.jsx("div",{className:l.default(_,t&&c),children:i.jsx("div",{className:l.default(a,t&&c),id:V})}),q&&i.jsxs("div",{className:d,children:[i.jsxs("div",{className:w,children:[v,i.jsxs(o.Text,{className:r,type:"input-label",children:[A,y&&i.jsx("span",{className:s,children:y})]})]}),j&&i.jsx(o.Text,{className:S,type:"subtitle",children:j})]})]})};
+"use strict";var i=require("react/jsx-runtime"),e=require("react"),o=require("clsx"),t=require("../text/Text.js"),n=require("../../global.module-569e4fd5.js"),l=require("../../style-inject.es-d4ddeae4.js");function a(i){return i&&i.__esModule?i:{default:i}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js");var c=a(o),m="Amino_Switch-module__aminoSwitch--V20lQ",_="Amino_Switch-module__checked--cgbVH",d="Amino_Switch-module__aminoSwitchWithIcons--WNTDb",h="Amino_Switch-module__aminoSwitchWrapper--OrqKy",r="Amino_Switch-module__infoWrapper--8JFwB",s="Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn",u="Amino_Switch-module__styledLabel--mmtjI",w="Amino_Switch-module__styledLabelDescription--5xNoS",p="Amino_Switch-module__labelWrapper--l4iEG",S="Amino_Switch-module__switchContainer--ZM-Jo",x="Amino_Switch-module__disabled--drg1V",b="Amino_Switch-module__styledSubtitle--Zgig5",g="Amino_Switch-module__switchIcon--mIgO1",A="Amino_Switch-module__left--Q--oT";l.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-1000)}.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;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__infoWrapper--8JFwB{margin-left:16px}.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(o){var l=o.checked,a=o.className,y=o.disabled,f=o.label,v=o.labelDescription,j=o.labelIcon,I=o.onChange,W=o.style,N=o.subtitle,k=o.switchIconLeft,V=o.switchIconRight,q=e.useId(),D=Boolean(k||V),C=Boolean(f||j||v||N);return i.jsxs("label",{className:c.default(a,S,n.globalStyles.focusableLabel,y&&x),htmlFor:q,style:W,children:[i.jsx("input",{checked:l,id:q,onChange:function(){return!y&&I(!l)},onKeyDown:function(i){return"Enter"===i.key&&!y&&I(!l)},style:{width:"0px"},tabIndex:0,type:"checkbox"}),D?i.jsxs("div",{className:c.default(h,s,l&&_),children:[i.jsx("div",{className:c.default(m,d,l&&_),id:q}),i.jsx("div",{className:c.default(g,A),children:k}),i.jsx("div",{className:g,children:V})]}):i.jsx("div",{className:c.default(h,l&&_),children:i.jsx("div",{className:c.default(m,l&&_),id:q})}),C&&i.jsxs("div",{className:r,children:[i.jsxs("div",{className:p,children:[j,i.jsxs(t.Text,{className:u,type:"input-label",children:[f,v&&i.jsx("span",{className:w,children:v})]})]}),N&&i.jsx(t.Text,{className:b,type:"subtitle",children:N})]})]})};

package/components/tabs/Tabs.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),o=require("clsx"),s=require("../text/Text.js"),i=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../styles/constants/theme.js");var _=n(o),t="Amino_Tabs-module__baseTabs--ZLgAl",b="Amino_Tabs-module__aminoTabs--XHvSA",m="Amino_Tabs-module__subtleTabs--acvMB",l="Amino_Tabs-module__baseTab--0-7Os",r="Amino_Tabs-module__isSelected--xoR0q",d="Amino_Tabs-module__tab--TpsKY";i.styleInject('.Amino_Tabs-module__baseTabs--ZLgAl{align-items:center;display:flex}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__aminoTabs--XHvSA{border:var(--amino-border);border-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__subtleTabs--acvMB{border-bottom:1px solid var(--amino-gray-100);gap:24px;justify-content:var(--amino-tabs-align)}.Amino_Tabs-module__baseTab--0-7Os{color:var(--amino-gray-800);cursor:pointer;padding:12px 0;position:relative;text-align:center;transition:var(--amino-transition);-webkit-user-select:none;user-select:none}.Amino_Tabs-module__baseTab--0-7Os:after{background-color:var(--amino-gray-200);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:var(--amino-transition);width:100%}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q,.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q>span{color:var(--amino-blue-600)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q:after,.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q>span:after{background-color:var(--amino-blue-600);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover:after{transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active:after{background-color:var(--amino-gray-300);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{flex:1;font-weight:500}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:after{height:4px}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:first-of-type:after{border-bottom-left-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:last-of-type:after{border-bottom-right-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY+.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{border-left:var(--amino-border)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):hover{background:#00000008}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):active{background:#00000014}');exports.Tabs=function(o){var i=o.align,n=void 0===i?"start":i,u=o.className,T=o.items,c=o.onChange,A=o.selected,f=o.style,v=o.subtle;return void 0!==v&&v?a.jsx("div",{className:_.default(u,t,m),style:e.__assign(e.__assign({},f),{"--amino-tabs-align":n}),children:T.map((function(e){return a.jsx("div",{className:_.default(l,A===T.indexOf(e)&&[r,"is-selected"]),onClick:function(){return c(T.indexOf(e))},role:"button",tabIndex:0,children:a.jsx(s.Text,{type:"label",children:e})},e)}))}):a.jsx("div",{className:_.default(u,t,b),style:f,children:T.map((function(e){return a.jsx("div",{className:_.default(l,d,A===T.indexOf(e)&&[r,"is-selected"]),onClick:function(){return c(T.indexOf(e))},role:"button",tabIndex:0,children:e},e)}))})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),o=require("clsx"),s=require("../text/Text.js"),i=require("../../global.module-569e4fd5.js"),_=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../styles/constants/theme.js");var t=n(o),b="Amino_Tabs-module__baseTabs--ZLgAl",l="Amino_Tabs-module__aminoTabs--XHvSA",m="Amino_Tabs-module__subtleTabs--acvMB",r="Amino_Tabs-module__baseTab--0-7Os",d="Amino_Tabs-module__isSelected--xoR0q",u="Amino_Tabs-module__tab--TpsKY";_.styleInject('.Amino_Tabs-module__baseTabs--ZLgAl{align-items:center;display:flex}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__aminoTabs--XHvSA{border:var(--amino-border);border-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__subtleTabs--acvMB{border-bottom:1px solid var(--amino-gray-100);gap:24px;justify-content:var(--amino-tabs-align)}.Amino_Tabs-module__baseTab--0-7Os{color:var(--amino-gray-800);cursor:pointer;padding:12px 0;position:relative;text-align:center;transition:var(--amino-transition);-webkit-user-select:none;user-select:none}.Amino_Tabs-module__baseTab--0-7Os:after{background-color:var(--amino-gray-200);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:var(--amino-transition);width:100%}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q,.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q>span{color:var(--amino-blue-600)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q:after,.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q>span:after{background-color:var(--amino-blue-600);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):focus,.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):focus:after,.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover:after{transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active:after{background-color:var(--amino-gray-300);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{flex:1;font-weight:500}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:after{height:4px}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:first-of-type:after{border-bottom-left-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:last-of-type:after{border-bottom-right-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY+.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{border-left:var(--amino-border)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):hover{background:#00000008}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):active{background:#00000014}');exports.Tabs=function(o){var _=o.align,n=void 0===_?"start":_,T=o.className,c=o.items,A=o.onChange,f=o.selected,x=o.style,v=o.subtle;return void 0!==v&&v?a.jsx("div",{className:t.default(T,b,m),style:e.__assign(e.__assign({},x),{"--amino-tabs-align":n}),children:c.map((function(e){return a.jsx("button",{className:t.default(r,i.globalStyles.focusable,f===c.indexOf(e)&&[d,"is-selected"]),onClick:function(){return A(c.indexOf(e))},type:"button",children:a.jsx(s.Text,{type:"label",children:e})},e)}))}):a.jsx("div",{className:t.default(T,b,l),style:x,children:c.map((function(e){return a.jsx("button",{className:t.default(r,i.globalStyles.focusable,u,f===c.indexOf(e)&&[d,"is-selected"]),onClick:function(){return A(c.indexOf(e))},type:"button",children:e},e)}))})};

package/components/textarea/Textarea.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),o=require("react"),t=require("clsx"),r=require("../flex/Flex.js"),i=require("../help-text/HelpText.js"),l=require("../../utils/hooks/useHeightAdjustTextarea.js"),n=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../styles/constants/theme.js");var s=d(t),_="Amino_Textarea-module__fields--z7afT",u="Amino_Textarea-module__styledBorder--yOPdL",m="Amino_Textarea-module__styledLabelInput--Q6-k8",x="Amino_Textarea-module__styledTextarea--Mk9DH",T="Amino_Textarea-module__hasLabel--qqvuZ",p="Amino_Textarea-module__hasContent--xpSft",c="Amino_Textarea-module__hasError--LdKr8",b="Amino_Textarea-module__actions--2J3kv",f="Amino_Textarea-module__aminoInputWrapper--h9Y-6",h="Amino_Textarea-module__disabled--YH6dm";n.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__actions--2J3kv{background:var(--amino-page-background);border-bottom-left-radius:16px;border-bottom-right-radius:16px;bottom:1px;height:58px;left:1px;padding:0 16px;position:absolute;right:1px;text-align:right;z-index:3}.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 v=o.forwardRef((function(t,n){var d,v,A=t.actions,y=t.className,g=t.disabled,k=t.error,q=t.expandable,H=t.helpText,L=t.label,w=t.maxRows,j=t.rows,M=t.style,D=t.value,z=t.width,I=e.__rest(t,["actions","className","disabled","error","expandable","helpText","label","maxRows","rows","style","value","width"]),Y=!!D,Z=o.useRef(null),N=o.useRef(null);return l.useHeightAdjustTextarea({additionalHeight:A?null===(d=N.current)||void 0===d?void 0:d.clientHeight:0,maxRows:w,ref:Z,shouldExpand:!!q,textareaValue:(null==D?void 0:D.toString())||""}),a.jsxs("div",{className:s.default(y,f,"amino-input-wrapper",g&&h),style:e.__assign(e.__assign({},M),{"--amino-textarea-width":z||"100%"}),children:[a.jsxs("div",{className:_,onClick:function(){var e;return null===(e=null==Z?void 0:Z.current)||void 0===e?void 0:e.focus()},role:"button",tabIndex:0,children:[a.jsx("textarea",e.__assign({ref:function(e){n&&"function"==typeof n?n(e):n&&(n.current=e),Z.current=e},className:s.default(x,k&&c,L&&T,Y&&p),disabled:g,rows:j,value:D},I)),a.jsx("label",{className:m,"data-label":L,htmlFor:null===(v=null==Z?void 0:Z.current)||void 0===v?void 0:v.id,onClick:function(){var e;return null===(e=null==Z?void 0:Z.current)||void 0===e?void 0:e.focus()},children:L}),a.jsx("div",{className:u})]}),a.jsx(i.HelpText,{error:k,helpText:H}),A&&a.jsx("div",{ref:N,className:b,children:a.jsx(r.Flex,{alignItems:"center",fullHeight:!0,justifyContent:"flex-end",children:A})})]})}));exports.Textarea=v;
+"use strict";var e=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),o=require("react"),t=require("clsx"),r=require("../flex/Flex.js"),i=require("../help-text/HelpText.js"),l=require("../../utils/hooks/useHeightAdjustTextarea.js"),n=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../styles/constants/theme.js");var s=d(t),_="Amino_Textarea-module__fields--z7afT",m="Amino_Textarea-module__styledBorder--yOPdL",u="Amino_Textarea-module__styledLabelInput--Q6-k8",x="Amino_Textarea-module__styledTextarea--Mk9DH",T="Amino_Textarea-module__hasLabel--qqvuZ",p="Amino_Textarea-module__hasContent--xpSft",b="Amino_Textarea-module__hasError--LdKr8",c="Amino_Textarea-module__actions--2J3kv",h="Amino_Textarea-module__aminoInputWrapper--h9Y-6",f="Amino_Textarea-module__disabled--YH6dm";n.styleInject('.Amino_Textarea-module__fields--z7afT{border:var(--amino-border);border-radius:var(--amino-radius-12);position:relative;width:100%}.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__actions--2J3kv{background:var(--amino-page-background);border-bottom-left-radius:16px;border-bottom-right-radius:16px;bottom:1px;height:58px;left:1px;padding:0 16px;position:absolute;right:1px;text-align:right;z-index:3}.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(t,n){var d,A=t.actions,v=t.className,y=t.disabled,g=t.error,k=t.expandable,q=t.helpText,H=t.label,w=t.maxRows,L=t.rows,j=t.style,M=t.value,D=t.width,z=e.__rest(t,["actions","className","disabled","error","expandable","helpText","label","maxRows","rows","style","value","width"]),I=o.useId(),Y=!!M,Z=o.useRef(null),N=o.useRef(null);return l.useHeightAdjustTextarea({additionalHeight:A?null===(d=N.current)||void 0===d?void 0:d.clientHeight:0,maxRows:w,ref:Z,shouldExpand:!!k,textareaValue:(null==M?void 0:M.toString())||""}),a.jsxs("div",{className:s.default(v,h,"amino-input-wrapper",y&&f),style:e.__assign(e.__assign({},j),{"--amino-textarea-width":D||"100%"}),children:[a.jsxs("button",{className:_,onClick:function(){var e;return null===(e=null==Z?void 0:Z.current)||void 0===e?void 0:e.focus()},type:"button",children:[a.jsx("textarea",e.__assign({ref:function(e){n&&"function"==typeof n?n(e):n&&(n.current=e),Z.current=e},className:s.default(x,g&&b,H&&T,Y&&p),disabled:y,id:I,rows:L,value:M},z)),a.jsx("label",{className:u,"data-label":H,htmlFor:z.id||I,children:H}),a.jsx("div",{className:m})]}),a.jsx(i.HelpText,{error:g,helpText:q}),A&&a.jsx("div",{ref:N,className:c,children:a.jsx(r.Flex,{alignItems:"center",fullHeight:!0,justifyContent:"flex-end",children:A})})]})}));exports.Textarea=A;

package/components/theme-select/ThemeSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("clsx"),s=require("../card/Card.js"),n=require("../select/Select.js"),o=require("../stack/HStack.js"),c=require("../switch/Switch.js"),a=require("../text/Text.js"),l=require("../../icons/custom/theme/ThemeDarkIcon.js"),u=require("../../icons/custom/theme/ThemeLightIcon.js"),d=require("../../icons/NightIcon.js"),m=require("../../icons/SunnyIcon.js"),h=require("../../utils/hooks/useAminoTheme.js"),j=require("../../style-inject.es-d4ddeae4.js");function _(e){return e&&e.__esModule?e:{default:e}}require("../../styles/constants/theme.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../stack/Stack.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_ThemeIconBase.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs");var q=_(i),x="Amino_ThemeSelect-module__buttonStyled--wBHjJ",b="Amino_ThemeSelect-module__isActive--ZPXYh",g="Amino_ThemeSelect-module__themeCard--hAr8l";j.styleInject(".Amino_ThemeSelect-module__buttonStyled--wBHjJ{border:2px solid #0000;border-radius:var(--amino-radius-8);color:var(--amino-text-color)}.Amino_ThemeSelect-module__buttonStyled--wBHjJ.Amino_ThemeSelect-module__isActive--ZPXYh{border-color:var(--amino-blue-400);color:var(--amino-primary)}.Amino_ThemeSelect-module__buttonStyled--wBHjJ:not([disabled]):active,.Amino_ThemeSelect-module__buttonStyled--wBHjJ:not([disabled]):focus{outline:none}.Amino_ThemeSelect-module__themeCard--hAr8l{align-items:center;background:var(--amino-gray-0);display:flex;flex-direction:column;padding:16px}.Amino_ThemeSelect-module__themeCard--hAr8l svg{box-shadow:var(--amino-v3-shadow-large);height:64px;margin-bottom:16px;width:110px}");var S=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=function(i){var j=i.className,_=i.disabled,y=void 0!==_&&_,v=i.type,T=void 0===v?"select":v,f=h.useAminoTheme(),I=f.aminoTheme,k=f.setAminoTheme,A=e.__read(r.useState(!1),2),p=A[0],C=A[1];return r.useEffect((function(){C("day"===I)}),[I]),t.jsxs(t.Fragment,{children:["cards"===T&&t.jsxs(o.HStack,{className:j,children:[t.jsx("button",{className:q.default(x,"day"===I&&b),"data-theme":"day",onClick:function(){return k("day")},type:"button",children:t.jsxs(s.Card,{className:g,children:[t.jsx(u.ThemeLightIcon,{}),t.jsx(a.Text,{type:"bold-label",children:"Light"})]})}),t.jsx("button",{className:q.default(x,"night"===I&&b),"data-theme":"night",onClick:function(){return k("night")},type:"button",children:t.jsxs(s.Card,{className:g,children:[t.jsx(l.ThemeDarkIcon,{}),t.jsx(a.Text,{type:"bold-label",children:"Dark"})]})})]}),"select"===T&&t.jsx(n.Select,{className:j,icon:function(){switch(I){case"day":default:return t.jsx(m.SunnyIcon,{});case"night":return t.jsx(d.NightIcon,{})}}(),isClearable:!1,isDisabled:y,onChange:function(e){return k((null==e?void 0:e.value)||"day")},options:S,value:S.filter((function(e){return e.value===I}))}),"toggle"===T&&t.jsx(c.Switch,{checked:p,className:j,disabled:y,onChange:function(){return!y&&k("day"===I?"night":"day")},switchIconLeft:t.jsx(d.NightIcon,{}),switchIconRight:t.jsx(m.SunnyIcon,{})})]})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("clsx"),s=require("../card/Card.js"),o=require("../select/Select.js"),n=require("../stack/HStack.js"),c=require("../switch/Switch.js"),a=require("../text/Text.js"),l=require("../../icons/custom/theme/ThemeDarkIcon.js"),u=require("../../icons/custom/theme/ThemeLightIcon.js"),d=require("../../icons/NightIcon.js"),m=require("../../icons/SunnyIcon.js"),h=require("../../utils/hooks/useAminoTheme.js"),j=require("../../style-inject.es-d4ddeae4.js");function q(e){return e&&e.__esModule?e:{default:e}}require("../../styles/constants/theme.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../stack/Stack.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_ThemeIconBase.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs");var _=q(i),b="Amino_ThemeSelect-module__buttonStyled--wBHjJ",x="Amino_ThemeSelect-module__isActive--ZPXYh",g="Amino_ThemeSelect-module__themeCard--hAr8l";j.styleInject(".Amino_ThemeSelect-module__buttonStyled--wBHjJ{border:2px solid #0000;border-radius:var(--amino-radius-8);color:var(--amino-text-color)}.Amino_ThemeSelect-module__buttonStyled--wBHjJ.Amino_ThemeSelect-module__isActive--ZPXYh{border-color:var(--amino-blue-400);color:var(--amino-primary)}.Amino_ThemeSelect-module__buttonStyled--wBHjJ:not([disabled]):active,.Amino_ThemeSelect-module__buttonStyled--wBHjJ:not([disabled]):focus{outline:none}.Amino_ThemeSelect-module__themeCard--hAr8l{align-items:center;background:var(--amino-gray-0);display:flex;flex-direction:column;padding:16px}.Amino_ThemeSelect-module__themeCard--hAr8l svg{box-shadow:var(--amino-v3-shadow-large);height:64px;margin-bottom:16px;width:110px}");var S=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=function(i){var j=i.className,q=i.disabled,y=void 0!==q&&q,v=i.type,T=void 0===v?"select":v,f=h.useAminoTheme(),I=f.aminoTheme,k=f.setAminoTheme,A=e.__read(r.useState(!1),2),p=A[0],C=A[1];return r.useEffect((function(){C("day"===I)}),[I]),t.jsxs(t.Fragment,{children:["cards"===T&&t.jsxs(n.HStack,{className:j,children:[t.jsx("button",{className:_.default(b,"day"===I&&x),"data-theme":"day",onClick:function(){return k("day")},type:"button",children:t.jsxs(s.Card,{className:g,children:[t.jsx(u.ThemeLightIcon,{}),t.jsx(a.Text,{type:"bold-label",children:"Light"})]})}),t.jsx("button",{className:_.default(b,"night"===I&&x),"data-theme":"night",onClick:function(){return k("night")},type:"button",children:t.jsxs(s.Card,{className:g,children:[t.jsx(l.ThemeDarkIcon,{}),t.jsx(a.Text,{type:"bold-label",children:"Dark"})]})})]}),"select"===T&&t.jsx(o.Select,{className:j,icon:function(){switch(I){case"day":default:return t.jsx(m.SunnyIcon,{});case"night":return t.jsx(d.NightIcon,{})}}(),isClearable:!1,isDisabled:y,onChange:function(e){return k((null==e?void 0:e.value)||"day")},options:S,value:S.filter((function(e){return e.value===I}))}),"toggle"===T&&t.jsx(c.Switch,{checked:p,className:j,disabled:y,onChange:function(){return!y&&k("day"===I?"night":"day")},switchIconLeft:t.jsx(d.NightIcon,{}),switchIconRight:t.jsx(m.SunnyIcon,{})})]})};

package/components/tooltip/Tooltip.d.ts

@@ -28,7 +28,7 @@ export type TooltipProps = BaseProps & {
      *
      * @default 'night'
      */
-    themeOverride?: Theme | null;
+    themeOverride?: Theme;
     /**
      * The content of the tooltip.
      */

package/components/tooltip/Tooltip.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("@mui/material/styles"),s=require("@mui/material/Tooltip"),i=require("../flex/Flex.js"),a=require("../text/Text.js"),o=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useAminoTheme.js");function n(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../style-inject.es-d4ddeae4.js"),require("react"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs");var u=n(s),d=t.styled((function(t){var s=t.className,i=t.dataTheme,a=e.__rest(t,["className","dataTheme"]);return r.jsx(u.default,e.__assign({},a,{classes:{popper:s},PopperProps:e.__assign(e.__assign({},a.PopperProps),{"data-theme":i})}))}))((function(){var e,r;return(e={})["& .".concat(s.tooltipClasses.tooltip)]={all:"revert",backgroundColor:o.theme.gray0,borderRadius:o.theme.radius10,boxShadow:o.theme.v3ShadowLarge,color:o.theme.textColor,padding:o.theme.space12},e["&[data-theme='night']"]=((r={})[".".concat(s.tooltipClasses.tooltip)]={backgroundColor:o.theme.gray50},r),e}));exports.Tooltip=function(t){var s=t.children,o=t.className,n=t.disabled,u=void 0!==n&&n,c=t.open,m=t.subtitle,h=t.themeOverride,p=void 0===h?"night":h,x=t.title,g=e.__rest(t,["children","className","disabled","open","subtitle","themeOverride","title"]),j=l.useAminoTheme().aminoTheme;return u?s:r.jsx(d,e.__assign({},g,{className:o,dataTheme:p||j,open:c,title:r.jsxs(i.Flex,{flexDirection:"column",gap:8,children:["string"==typeof x?r.jsx(a.Text,{type:"small-header",children:x}):r.jsx(r.Fragment,{children:x}),"string"==typeof m?r.jsx(a.Text,{type:"caption",children:m}):r.jsx(r.Fragment,{children:m})]}),children:r.jsx("div",{className:"tooltip-wrapper",children:s})}))};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),r=require("@mui/material/styles"),s=require("@mui/material/Tooltip"),a=require("../flex/Flex.js"),i=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../style-inject.es-d4ddeae4.js");var n=o(s),d=r.styled((function(r){var s=r.className,a=r.dataTheme,i=e.__rest(r,["className","dataTheme"]);return t.jsx(n.default,e.__assign({},i,{classes:{popper:s},PopperProps:e.__assign(e.__assign({},i.PopperProps),{"data-theme":a})}))}))((function(){var e,t;return(e={})["& .".concat(s.tooltipClasses.tooltip)]={all:"revert",backgroundColor:l.theme.gray0,borderRadius:l.theme.radius10,boxShadow:l.theme.v3ShadowLarge,color:l.theme.textColor,padding:l.theme.space12},e["&[data-theme='night']"]=((t={})[".".concat(s.tooltipClasses.tooltip)]={backgroundColor:l.theme.gray50},t),e}));exports.Tooltip=function(r){var s=r.children,l=r.className,o=r.disabled,n=void 0!==o&&o,c=r.open,u=r.subtitle,p=r.themeOverride,m=void 0===p?"night":p,h=r.title,x=e.__rest(r,["children","className","disabled","open","subtitle","themeOverride","title"]);return n?s:t.jsx(d,e.__assign({},x,{className:l,dataTheme:m,open:c,title:t.jsxs(a.Flex,{flexDirection:"column",gap:8,children:["string"==typeof h?t.jsx(i.Text,{type:"small-header",children:h}):t.jsx(t.Fragment,{children:h}),"string"==typeof u?t.jsx(i.Text,{type:"caption",children:u}):t.jsx(t.Fragment,{children:u})]}),children:t.jsx("div",{className:"tooltip-wrapper",children:s})}))};

package/global.module-569e4fd5.js

@@ -0,0 +1 @@
+"use strict";require("./style-inject.es-d4ddeae4.js").styleInject(".Amino_global-module__focusable--cwbmy:active,.Amino_global-module__focusable--cwbmy:focus{outline:none}.Amino_global-module__focusable--cwbmy:focus-visible{box-shadow:var(--amino-glow-blue);outline:none}.Amino_global-module__focusableLabel--Iqahl:has(input:focus-visible){box-shadow:var(--amino-glow-blue)}.Amino_global-module__inputHidden--J64jn{height:0;opacity:0;position:absolute;width:0}"),exports.globalStyles={focusable:"Amino_global-module__focusable--cwbmy",focusableLabel:"Amino_global-module__focusableLabel--Iqahl",inputHidden:"Amino_global-module__inputHidden--J64jn"};

package/global.module.scss

@@ -0,0 +1,28 @@
+@use 'theme';
+
+// Utility classes
+
+.focusable {
+  &:focus,
+  &:active {
+    outline: none;
+  }
+
+  &:focus-visible {
+    outline: none;
+    box-shadow: theme.$amino-glow-blue;
+  }
+}
+
+.focusableLabel {
+  &:has(input:focus-visible) {
+    box-shadow: theme.$amino-glow-blue;
+  }
+}
+
+.inputHidden {
+  position: absolute;
+  width: 0;
+  height: 0;
+  opacity: 0;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.3.17",
+  "version": "5.4.0",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",
@@ -9,6 +9,7 @@
   "engines": {
     "node": "^20"
   },
+  "packageManager": "pnpm@8.15.8",
   "browserslist": [
     ">0.2%",
     "not dead",

package/types/BaseProps.d.ts

@@ -1,5 +1,5 @@
 /**
- * All components props should extend this interface.
+ * All components props should extend this.
  */
 export type BaseProps = {
     className?: string;

package/components/input/SearchInput.d.ts

@@ -1,22 +0,0 @@
-import { type ChangeEventHandler, type ComponentPropsWithRef, type KeyboardEventHandler } from 'react';
-import type { InputMode } from "./input-type/_FloatLabelInput";
-export type InputProps = Omit<ComponentPropsWithRef<'input'>, 'onChange'> & {
-    autoFocus?: boolean;
-    className?: string;
-    disabled?: boolean;
-    inputMode?: InputMode;
-    /** Input on changed. Required since all inputs must be fully controlled */
-    onChange: ChangeEventHandler<HTMLInputElement>;
-    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
-    pattern?: string;
-    /** Placeholder text to be displayed in the input */
-    placeholder?: string;
-    /** Determines if the input is editable or not */
-    readOnly?: boolean;
-    /** Determines if the input is required for form validation */
-    required?: boolean;
-    tabIndex?: number;
-    /** Input value. Required since all inputs must be fully controlled */
-    value: string | null;
-};
-export declare const SearchInput: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/SearchInput.js

@@ -1 +0,0 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),o=require("react"),n=require("clsx"),r=require("../../icons/SearchIcon.js"),t=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var u=i(n),l="Amino_SearchInput-module__styledWrapper--rtFzd",s="Amino_SearchInput-module__styledLabel--KJxDh",d="Amino_SearchInput-module__aminoInput--4EzVo";t.styleInject('.Amino_SearchInput-module__styledWrapper--rtFzd{border:var(--amino-border);border-radius:var(--amino-radius-6);position:relative;width:100%}.Amino_SearchInput-module__styledLabel--KJxDh{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;top:0;width:var(--amino-space-40)}.Amino_SearchInput-module__aminoInput--4EzVo{background:var(--amino-input-background);border-radius:var(--amino-radius-6);font-weight:500;height:40px;line-height:40px;outline:none;padding-left:var(--amino-space-40);padding-right:var(--amino-space-16);width:100%}.Amino_SearchInput-module__aminoInput--4EzVo :focus{box-shadow:var(--amino-glow-blue);outline:none}.Amino_SearchInput-module__aminoInput--4EzVo:-moz-autofill,.Amino_SearchInput-module__aminoInput--4EzVo:-webkit-autofill{background-color:var(--amino-input-background);color:var(--amino-text-color)}.Amino_SearchInput-module__aminoInput--4EzVo:not([value=""])::-webkit-search-cancel-button{cursor:pointer;opacity:1!important}');var c=o.forwardRef((function(n,t){var i=n.autoFocus,c=n.className,p=n.disabled,m=n.inputMode,h=n.onChange,_=n.onKeyDown,b=n.pattern,I=n.placeholder,v=n.readOnly,y=n.required,g=n.tabIndex,x=n.value,f=e.__rest(n,["autoFocus","className","disabled","inputMode","onChange","onKeyDown","pattern","placeholder","readOnly","required","tabIndex","value"]),S=o.useId();return a.jsxs("div",{className:u.default(l,c),children:[a.jsx("label",{className:s,htmlFor:S,children:a.jsx(r.SearchIcon,{color:"gray600",size:24})}),a.jsx("input",e.__assign({ref:t,autoFocus:i,className:d,disabled:p,id:S,inputMode:m,onChange:h,onKeyDown:_,pattern:b,placeholder:I||"Search...",readOnly:v,required:y,tabIndex:g,type:"search",value:x||""},f))]})}));exports.SearchInput=c;

package/components/select/CountryPhoneSelect.d.ts

@@ -1,19 +0,0 @@
-import { type ReactNode } from 'react';
-import { type GroupBase, type Props, type SelectComponentsConfig, type StylesConfig } from 'react-select';
-import type { HelpTextProps } from "../help-text/HelpText";
-import type { BaseProps } from "../../types/BaseProps";
-import type { SelectOption } from "../../types/SelectOption";
-import type { CountryOption } from "../../utils/hooks/useCountryOptions";
-export type CountryPhoneSelectProps<Option extends SelectOption = SelectOption, IsMulti extends false = false, Group extends GroupBase<Option> = GroupBase<Option>> = BaseProps & {
-    components?: SelectComponentsConfig<Option, IsMulti, Group>;
-    countryOptions: CountryOption[];
-    hasGroups?: boolean;
-    icon?: ReactNode;
-    label?: string;
-    phone: string;
-    phoneCountry: CountryOption | null;
-    styles?: StylesConfig<Option, IsMulti, Group>;
-    setPhone: (changed: string) => void;
-    setPhoneCountry: (changed: CountryOption | null) => void;
-} & Omit<Props<Option, IsMulti, Group>, 'isMulti' | 'onChange' | 'value'> & HelpTextProps;
-export declare const CountryPhoneSelect: ({ countryOptions, icon, label, phone, phoneCountry, setPhone, setPhoneCountry, ...props }: CountryPhoneSelectProps<CountryOption>) => import("react/jsx-runtime").JSX.Element;

package/components/select/CountryPhoneSelect.js

@@ -1 +0,0 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),o=require("react"),r=require("react-select"),t=require("../input/Input.js"),i=require("./Select.js"),u=require("../../icons/ChevronDownIcon.js"),s=require("../../style-inject.es-d4ddeae4.js");require("clsx"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../input/input-type/_FloatLabelInput.js"),require("../../utils/getTestId.js"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../input/input-type/_NumberInput.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.js"),require("../input/input-type/_PasswordInput.js"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../input/input-type/_TimeInput.js"),require("../../icons/ClockIcon.js"),require("./_StyledReactSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var l="Amino_CountryPhoneSelect-module__optionLabel--l4S6-",c="Amino_CountryPhoneSelect-module__phoneCodeLabel--E2vZL",p="Amino_CountryPhoneSelect-module__styledPrefix--lAgqy",a="Amino_CountryPhoneSelect-module__styledInputWrapper--RKVmN";s.styleInject(".Amino_CountryPhoneSelect-module__inputValuePrefix--AMPA3{align-items:flex-end;color:var(--amino-gray-800);display:flex;order:2;padding-bottom:8px;padding-left:16px;padding-right:4px;white-space:nowrap}.Amino_CountryPhoneSelect-module__optionLabel--l4S6-{display:flex}.Amino_CountryPhoneSelect-module__phoneCodeLabel--E2vZL{color:var(--amino-gray-700);margin-left:4px}.Amino_CountryPhoneSelect-module__styledPrefix--lAgqy{align-items:center;display:flex;position:relative}.Amino_CountryPhoneSelect-module__styledPrefix--lAgqy svg{border-radius:2px}.Amino_CountryPhoneSelect-module__styledPrefix--lAgqy svg:last-child{left:20px;position:absolute;top:-2px;z-index:1}.Amino_CountryPhoneSelect-module__styledInputWrapper--RKVmN .Amino_CountryPhoneSelect-module__inputValuePrefix--AMPA3{padding-left:14px}");var d=function(t){var i=t.selectProps.setMenuIsOpen,u=o.useCallback((function(){i(!1)}),[i]);return o.useEffect((function(){return document.addEventListener("mousedown",u),function(){document.removeEventListener("mousedown",u)}}),[u]),n.jsx(r.components.MenuList,e.__assign({},t))},m=function(e){return n.jsxs("div",{className:l,children:[e.displayName,n.jsx("div",{className:c,children:e.phoneCode.join(", ")})]})};exports.CountryPhoneSelect=function(r){var s=r.countryOptions,l=r.icon,c=r.label,_=void 0===c?"Phone number":c,j=r.phone,h=r.phoneCountry,y=r.setPhone,q=r.setPhoneCountry,x=e.__rest(r,["countryOptions","icon","label","phone","phoneCountry","setPhone","setPhoneCountry"]),C=e.__read(o.useState(!1),2),f=C[0],v=C[1],I={setMenuIsOpen:v},P=(null==h?void 0:h.phoneCode)?"+".concat(null==h?void 0:h.phoneCode):void 0;return n.jsxs(n.Fragment,{children:[n.jsx("div",{className:a,children:n.jsx(t.Input,{label:_,onChange:function(e){return y(e.target.value)},prefix:n.jsxs("div",{className:p,onClick:function(){return v(!f)},role:"button",tabIndex:0,children:[l,n.jsx(u.ChevronDownIcon,{size:19})]}),value:j,valuePrefix:P})}),n.jsx(i.Select,e.__assign({},x,{components:{Control:function(){return null},MenuList:d},formatOptionLabel:m,menuIsOpen:f,onBlur:function(){return v(!1)},onChange:function(e){q(e),v(!1)},options:s,value:h},I))]})};