@zonos/amino 4.4.12 → 4.4.15

package/components/rich-checkbox/RichCheckbox.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../stack/VStack.js"),r=require("../../icons/CheckmarkIcon.js"),a=require("../../styles/constants/theme.js"),i=require("styled-components"),o=require("../text/Text.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var s,l,d,u,p,g,h=c(i),m=h.default.button(s||(s=e.__makeTemplateObject(["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: ",";\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: ",";\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n  }\n"])),a.theme.gray0,a.theme.space16,a.theme.space40,a.theme.border,a.theme.radius6,a.theme.gray100,a.theme.gray200,a.theme.blue300),b=h.default(o.Text)(l||(l=e.__makeTemplateObject(["\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"],["\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"])),a.theme.primary),x=h.default(o.Text)(d||(d=e.__makeTemplateObject(["\n  [data-state='checked'] & {\n    color: ",";\n  }\n"],["\n  [data-state='checked'] & {\n    color: ",";\n  }\n"])),a.theme.primary),k=h.default(t.VStack)(u||(u=e.__makeTemplateObject(["\n  button[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    color: ",";\n  }\n  svg {\n    color: ",";\n    width: 12px;\n    height: 12px;\n  }\n"],["\n  button[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    color: ",";\n  }\n  svg {\n    color: ",";\n    width: 12px;\n    height: 12px;\n  }\n"])),a.theme.blue100,a.theme.blue300,a.theme.blue600,a.theme.gray0),_=h.default.div(p||(p=e.__makeTemplateObject(["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])),a.theme.space16,a.theme.blue600),f=h.default.div(g||(g=e.__makeTemplateObject(["\n  align-items: center;\n  display: grid;\n  grid-column-gap: ",";\n  ","\n"],["\n  align-items: center;\n  display: grid;\n  grid-column-gap: ",";\n  ","\n"])),a.theme.space24,(function(e){return e.$icon&&"grid-template-columns: 30px 1fr;"}));exports.RichCheckbox=function(a){var i=a.onClick,o=a.items;return n.jsx(k,e.__assign({spacing:16},{children:o.map((function(a){var o=a.checked,c=a.icon,s=a.label,l=a.subtitle,d=a.value;return n.jsxs(m,e.__assign({type:"button","data-state":o?"checked":"",value:d,onClick:function(e){return i(e.currentTarget.value)}},{children:[n.jsxs(f,e.__assign({$icon:!!c},{children:[c&&c,n.jsxs(t.VStack,e.__assign({spacing:0},{children:[n.jsx(b,e.__assign({type:"label",color:"gray1200"},{children:s})),l&&n.jsx(x,e.__assign({color:"gray700"},{children:l}))]}))]})),o&&n.jsx(_,{children:n.jsx(r.CheckmarkIcon,{})})]}),d)}))}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../stack/VStack.js"),r=require("../../icons/CheckmarkIcon.js"),a=require("../../styles/constants/theme.js"),i=require("styled-components"),o=require("../text/Text.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var s,l,d,u,p,g,h=c(i),m=h.default.button(s||(s=e.__makeTemplateObject(["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: ",";\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: ",";\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n  }\n"])),a.theme.gray0,a.theme.space16,a.theme.space40,a.theme.border,a.theme.radius6,a.theme.gray100,a.theme.gray200,a.theme.blue300),b=h.default(o.Text)(l||(l=e.__makeTemplateObject(["\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"],["\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"])),a.theme.primary),x=h.default(o.Text)(d||(d=e.__makeTemplateObject(["\n  [data-state='checked'] & {\n    color: ",";\n  }\n"],["\n  [data-state='checked'] & {\n    color: ",";\n  }\n"])),a.theme.primary),k=h.default(t.VStack)(u||(u=e.__makeTemplateObject(["\n  button[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    color: ",";\n  }\n  svg {\n    color: ",";\n    width: 12px;\n    height: 12px;\n  }\n"],["\n  button[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    color: ",";\n  }\n  svg {\n    color: ",";\n    width: 12px;\n    height: 12px;\n  }\n"])),a.theme.blue100,a.theme.blue300,a.theme.blue600,a.theme.gray0),_=h.default.div(p||(p=e.__makeTemplateObject(["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])),a.theme.space16,a.theme.blue600),f=h.default.div(g||(g=e.__makeTemplateObject(["\n  align-items: center;\n  display: grid;\n  grid-column-gap: ",";\n  ","\n"],["\n  align-items: center;\n  display: grid;\n  grid-column-gap: ",";\n  ","\n"])),a.theme.space24,(function(e){return e.$icon&&"grid-template-columns: 30px 1fr;"}));exports.RichCheckbox=function(a){var i=a.items,o=a.onClick;return n.jsx(k,e.__assign({spacing:16},{children:i.map((function(a){var i=a.checked,c=a.icon,s=a.label,l=a.subtitle,d=a.value;return n.jsxs(m,e.__assign({"data-state":i?"checked":"",onClick:function(e){return o(e.currentTarget.value)},type:"button",value:d},{children:[n.jsxs(f,e.__assign({$icon:!!c},{children:[c&&c,n.jsxs(t.VStack,e.__assign({spacing:0},{children:[n.jsx(b,e.__assign({color:"gray1200",type:"label"},{children:s})),l&&n.jsx(x,e.__assign({color:"gray700"},{children:l}))]}))]})),i&&n.jsx(_,{children:n.jsx(r.CheckmarkIcon,{})})]}),d)}))}))};

package/components/rich-radio/RichRadio.d.ts

@@ -18,8 +18,8 @@ export type RichRadioProps<T extends string = string> = {
      */
     itemHeight?: 40 | 64;
     items: RichRadioItemType<T>[];
+    value: T | null;
     onChange: (value: T) => void;
     renderCustomText?: (option: RichRadioItemType<T>) => ReactNode;
-    value: T | null;
 };
 export declare const RichRadio: <T extends string>({ activeIcon, className, icon, itemHeight, items, onChange, renderCustomText, value, }: RichRadioProps<T>) => JSX.Element;

package/components/rich-radio/RichRadio.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("react-tooltip"),r=require("../stack/VStack.js"),i=require("../../icons/CheckmarkIcon.js"),o=require("../../styles/constants/theme.js"),s=require("styled-components"),d=require("../text/Text.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var c,u,p,h,x,b,m,g=l(a),f=l(s),k=f.default.div(c||(c=e.__makeTemplateObject(["\n  position: absolute;\n  content: ' ';\n  right: ",";\n  background: ",";\n  border-radius: 50px;\n  padding: 5px;\n  svg {\n    color: ",";\n  }\n"],["\n  position: absolute;\n  content: ' ';\n  right: ",";\n  background: ",";\n  border-radius: 50px;\n  padding: 5px;\n  svg {\n    color: ",";\n  }\n"])),o.theme.space16,o.theme.gray400,o.theme.gray0),_=f.default.div(u||(u=e.__makeTemplateObject(["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])),o.theme.space16,o.theme.blue600),j=f.default.button(p||(p=e.__makeTemplateObject(["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: calc("," + 10px);\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: ","px;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n    "," {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n  }\n  > div {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n"],["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: calc("," + 10px);\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: ","px;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n    "," {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n  }\n  > div {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n"])),o.theme.gray0,o.theme.space16,o.theme.space40,o.theme.border,o.theme.radius6,(function(e){return e.itemHeight}),o.theme.gray100,o.theme.gray200,k,o.theme.gray600,o.theme.blue400,o.theme.blue400),v=f.default(d.Text)(h||(h=e.__makeTemplateObject([""],[""]))),y=f.default(d.Text)(x||(x=e.__makeTemplateObject(["\n  color: ",";\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"],["\n  color: ",";\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"])),o.theme.textColor,o.theme.primary),q=f.default(r.VStack)(b||(b=e.__makeTemplateObject(["\n  ","[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n    color: ",";\n    "," {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n    width: 12px;\n    height: 12px;\n  }\n"],["\n  ","[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n    color: ",";\n    "," {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n    width: 12px;\n    height: 12px;\n  }\n"])),j,o.theme.blue100,o.theme.blue400,o.theme.blue400,o.theme.blue700,v,o.theme.blue600,o.theme.gray0),w=f.default(g.default)(m||(m=e.__makeTemplateObject(["\n  && {\n    max-width: 350px;\n    border-radius: 10px;\n  }\n"],["\n  && {\n    max-width: 350px;\n    border-radius: 10px;\n  }\n"])));exports.RichRadio=function(a){var r=a.activeIcon,o=a.className,s=a.icon,d=a.itemHeight,l=void 0===d?64:d,c=a.items,u=a.onChange,p=a.renderCustomText,h=a.value,x=e.__read(t.useState(h),2),b=x[0],m=x[1];t.useEffect((function(){m(h)}),[h]);return n.jsx(q,e.__assign({spacing:16,className:o},{children:c.map((function(t){return n.jsxs(j,e.__assign({type:"button",itemHeight:l,"data-tip":t.tooltip,"data-disabled":t.disabled,onClick:function(){var e;e=t.value,m(e),u(e)},"data-state":t.value===b?"checked":""},{children:[t.tooltip&&n.jsx(w,e.__assign({effect:"solid",arrowColor:"transparent"},t.tooltipSetting)),p?p(t):n.jsxs("div",{children:[n.jsx(y,e.__assign({type:"label"},{children:t.label})),t.subtitle&&n.jsx(v,e.__assign({color:"gray900",type:"body"},{children:t.subtitle}))]}),!!s&&n.jsx(k,{children:s||n.jsx(i.CheckmarkIcon,{})}),t.value===b&&n.jsx(_,{children:r||n.jsx(i.CheckmarkIcon,{})})]}),t.value)}))}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("react-tooltip"),r=require("../stack/VStack.js"),i=require("../../icons/CheckmarkIcon.js"),o=require("../../styles/constants/theme.js"),s=require("styled-components"),d=require("../text/Text.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var c,u,p,h,x,b,m,g=l(a),f=l(s),k=f.default.div(c||(c=e.__makeTemplateObject(["\n  position: absolute;\n  content: ' ';\n  right: ",";\n  background: ",";\n  border-radius: 50px;\n  padding: 5px;\n  svg {\n    color: ",";\n  }\n"],["\n  position: absolute;\n  content: ' ';\n  right: ",";\n  background: ",";\n  border-radius: 50px;\n  padding: 5px;\n  svg {\n    color: ",";\n  }\n"])),o.theme.space16,o.theme.gray400,o.theme.gray0),_=f.default.div(u||(u=e.__makeTemplateObject(["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  position: absolute;\n  right: ",";\n  background: ",";\n  content: ' ';\n  border-radius: 50px;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])),o.theme.space16,o.theme.blue600),j=f.default.button(p||(p=e.__makeTemplateObject(["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: calc("," + 10px);\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: ","px;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n    "," {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n  }\n  > div {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n"],["\n  position: relative;\n  appearance: none;\n  background: ",";\n  padding: ",";\n  padding-right: calc("," + 10px);\n  border: ",";\n  border-radius: ",";\n  text-align: left;\n  transition: all 150ms ease-in-out;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: ","px;\n  &:hover {\n    background: ",";\n    border: 1px solid ",";\n    "," {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    outline: none;\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n  }\n  > div {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n"])),o.theme.gray0,o.theme.space16,o.theme.space40,o.theme.border,o.theme.radius6,(function(e){return e.itemHeight}),o.theme.gray100,o.theme.gray200,k,o.theme.gray600,o.theme.blue400,o.theme.blue400),v=f.default(d.Text)(h||(h=e.__makeTemplateObject([""],[""]))),y=f.default(d.Text)(x||(x=e.__makeTemplateObject(["\n  color: ",";\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"],["\n  color: ",";\n  line-height: 24px;\n  [data-state='checked'] & {\n    color: ",";\n  }\n"])),o.theme.textColor,o.theme.primary),q=f.default(r.VStack)(b||(b=e.__makeTemplateObject(["\n  ","[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n    color: ",";\n    "," {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n    width: 12px;\n    height: 12px;\n  }\n"],["\n  ","[data-state='checked'] {\n    background: ",";\n    border: 1px solid ",";\n    box-shadow: 0 0 0 1px ",";\n    color: ",";\n    "," {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n    width: 12px;\n    height: 12px;\n  }\n"])),j,o.theme.blue100,o.theme.blue400,o.theme.blue400,o.theme.blue700,v,o.theme.blue600,o.theme.gray0),w=f.default(g.default)(m||(m=e.__makeTemplateObject(["\n  && {\n    max-width: 350px;\n    border-radius: 10px;\n  }\n"],["\n  && {\n    max-width: 350px;\n    border-radius: 10px;\n  }\n"])));exports.RichRadio=function(a){var r=a.activeIcon,o=a.className,s=a.icon,d=a.itemHeight,l=void 0===d?64:d,c=a.items,u=a.onChange,p=a.renderCustomText,h=a.value,x=e.__read(t.useState(h),2),b=x[0],m=x[1];t.useEffect((function(){m(h)}),[h]);return n.jsx(q,e.__assign({className:o,spacing:16},{children:c.map((function(t){return n.jsxs(j,e.__assign({"data-disabled":t.disabled,"data-state":t.value===b?"checked":"","data-tip":t.tooltip,itemHeight:l,onClick:function(){var e;e=t.value,m(e),u(e)},type:"button"},{children:[t.tooltip&&n.jsx(w,e.__assign({arrowColor:"transparent",effect:"solid"},t.tooltipSetting)),p?p(t):n.jsxs("div",{children:[n.jsx(y,e.__assign({type:"label"},{children:t.label})),t.subtitle&&n.jsx(v,e.__assign({color:"gray900",type:"body"},{children:t.subtitle}))]}),!!s&&n.jsx(k,{children:s||n.jsx(i.CheckmarkIcon,{})}),t.value===b&&n.jsx(_,{children:r||n.jsx(i.CheckmarkIcon,{})})]}),t.value)}))}))};

package/components/rounded-icon/RoundedIcon.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),r=require("../../styles/constants/theme.js");function t(e){return e&&e.__esModule?e:{default:e}}var a,c,o,s,l=t(require("styled-components")),i=l.default.div(a||(a=e.__makeTemplateObject(["\n  width: 32px;\n  height: 32px;\n  background: ",";\n  color: ",";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 32px;\n\n  svg {\n    width: 20px;\n    height: 20px;\n  }\n"],["\n  width: 32px;\n  height: 32px;\n  background: ",";\n  color: ",";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 32px;\n\n  svg {\n    width: 20px;\n    height: 20px;\n  }\n"])),(function(e){return e.background?r.theme[e.background]:r.theme.gray200}),(function(e){return e.color?r.theme[e.color]:r.theme.gray600})),u=l.default(i)(c||(c=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),r.theme.blue100,r.theme.blue600),d=l.default(i)(o||(o=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),r.theme.red100,r.theme.red600),g=l.default(i)(s||(s=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),r.theme.orange100,r.theme.orange600);exports.RoundedIcon=function(r){var t=r.background,a=r.children,c=r.className,o=r.color;switch(r.intent){case"danger":return n.jsx(d,e.__assign({className:c},{children:a}));case"primary":return n.jsx(u,e.__assign({className:c},{children:a}));case"warning":return n.jsx(g,e.__assign({className:c},{children:a}));default:return n.jsx(i,e.__assign({background:t,color:o,className:c},{children:a}))}};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),r=require("../../styles/constants/theme.js");function t(e){return e&&e.__esModule?e:{default:e}}var a,c,o,s,l=t(require("styled-components")),i=l.default.div(a||(a=e.__makeTemplateObject(["\n  width: 32px;\n  height: 32px;\n  background: ",";\n  color: ",";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 32px;\n\n  svg {\n    width: 20px;\n    height: 20px;\n  }\n"],["\n  width: 32px;\n  height: 32px;\n  background: ",";\n  color: ",";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 32px;\n\n  svg {\n    width: 20px;\n    height: 20px;\n  }\n"])),(function(e){return e.background?r.theme[e.background]:r.theme.gray200}),(function(e){return e.color?r.theme[e.color]:r.theme.gray600})),u=l.default(i)(c||(c=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),r.theme.blue100,r.theme.blue600),d=l.default(i)(o||(o=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),r.theme.red100,r.theme.red600),g=l.default(i)(s||(s=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),r.theme.orange100,r.theme.orange600);exports.RoundedIcon=function(r){var t=r.background,a=r.children,c=r.className,o=r.color;switch(r.intent){case"danger":return n.jsx(d,e.__assign({className:c},{children:a}));case"primary":return n.jsx(u,e.__assign({className:c},{children:a}));case"warning":return n.jsx(g,e.__assign({className:c},{children:a}));default:return n.jsx(i,e.__assign({background:t,className:c,color:o},{children:a}))}};

package/components/section/HSection.d.ts

@@ -2,17 +2,17 @@ import { type ReactNode } from 'react';
 export type HSectionProps = {
     children: ReactNode;
     className?: string;
-    label?: ReactNode;
-    sublabel?: ReactNode;
-    /**
-     * @info Make the section content collapsible or not
-     * @default false
-     */
-    collapsible?: boolean;
     /**
      * @info Initial collapse state. **Note**: only have effect when `collapsible` is specified
      * @default false
      * */
     collapseByDefault?: boolean;
+    /**
+     * @info Make the section content collapsible or not
+     * @default false
+     */
+    collapsible?: boolean;
+    label?: ReactNode;
+    sublabel?: ReactNode;
 };
-export declare const HSection: ({ children, className, label, sublabel, collapsible, collapseByDefault, }: HSectionProps) => JSX.Element;
+export declare const HSection: ({ children, className, collapseByDefault, collapsible, label, sublabel, }: HSectionProps) => JSX.Element;

package/components/section/HSection.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("../stack/HStack.js"),a=require("../../icons/ChevronUpIcon.js"),s=require("../../styles/constants/theme.js"),i=require("styled-components"),l=require("../button/Button.js"),o=require("../collapse/Collapse.js"),c=require("../text/Text.js"),u=require("./_SectionInnerWrapper.js"),d=require("./_SectionSubheader.js");function p(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js");var m,f,j,h,_=p(i),b=_.default(r.HStack)(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n  margin-bottom: ",";\n  grid-template-columns: 1fr 2fr;\n"],["\n  padding: ",";\n  margin-bottom: ",";\n  grid-template-columns: 1fr 2fr;\n"])),s.theme.space8,s.theme.space40),g=_.default(l.Button)(f||(f=e.__makeTemplateObject(["\n  position: relative;\n  margin-left: ",";\n  transition: 0.2s all ease;\n  background: transparent;\n\n  && {\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      background: transparent;\n      color: ",";\n    }\n\n    &.collapsed {\n      transform: rotate(90deg);\n    }\n  }\n"],["\n  position: relative;\n  margin-left: ",";\n  transition: 0.2s all ease;\n  background: transparent;\n\n  && {\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      background: transparent;\n      color: ",";\n    }\n\n    &.collapsed {\n      transform: rotate(90deg);\n    }\n  }\n"])),s.theme.space4,s.theme.gray300,s.theme.gray400,s.theme.gray800),x=_.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),v=_.default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));exports.HSection=function(r){var s=r.children,i=r.className,l=r.label,p=r.sublabel,m=void 0===p?"":p,f=r.collapsible,j=void 0!==f&&f,h=r.collapseByDefault,_=void 0!==h&&h,q=e.__read(t.useState(_),2),y=q[0],k=q[1];return n.jsxs(b,e.__assign({className:i||""},{children:[l&&n.jsx(u.SectionInnerWrapper,{children:n.jsxs(x,{children:[j?n.jsxs(v,e.__assign({role:"button",tabIndex:0,onClick:function(){return k(!y)},onKeyDown:function(){return null}},{children:[n.jsx(c.Text,e.__assign({type:"title"},{children:l})),n.jsx(g,{className:y?"collapsed":"",size:"sm",intent:"plain",icon:n.jsx(a.ChevronUpIcon,{}),onClick:function(){return k(!y)}})]})):n.jsx(c.Text,e.__assign({type:"title"},{children:l})),m&&n.jsx(d.SectionSubheader,{children:m})]})}),j?n.jsx(o.Collapse,e.__assign({collapsed:y},{children:s})):n.jsx("div",{children:s})]}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("../stack/HStack.js"),a=require("../../icons/ChevronUpIcon.js"),s=require("../../styles/constants/theme.js"),i=require("styled-components"),l=require("../button/Button.js"),o=require("../collapse/Collapse.js"),c=require("../text/Text.js"),u=require("./_SectionInnerWrapper.js"),d=require("./_SectionSubheader.js");function p(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js");var m,f,j,h,_=p(i),b=_.default(r.HStack)(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n  margin-bottom: ",";\n  grid-template-columns: 1fr 2fr;\n"],["\n  padding: ",";\n  margin-bottom: ",";\n  grid-template-columns: 1fr 2fr;\n"])),s.theme.space8,s.theme.space40),g=_.default(l.Button)(f||(f=e.__makeTemplateObject(["\n  position: relative;\n  margin-left: ",";\n  transition: 0.2s all ease;\n  background: transparent;\n\n  && {\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      background: transparent;\n      color: ",";\n    }\n\n    &.collapsed {\n      transform: rotate(90deg);\n    }\n  }\n"],["\n  position: relative;\n  margin-left: ",";\n  transition: 0.2s all ease;\n  background: transparent;\n\n  && {\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      background: transparent;\n      color: ",";\n    }\n\n    &.collapsed {\n      transform: rotate(90deg);\n    }\n  }\n"])),s.theme.space4,s.theme.gray300,s.theme.gray400,s.theme.gray800),x=_.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),v=_.default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));exports.HSection=function(r){var s=r.children,i=r.className,l=r.collapseByDefault,p=void 0!==l&&l,m=r.collapsible,f=void 0!==m&&m,j=r.label,h=r.sublabel,_=void 0===h?"":h,q=e.__read(t.useState(p),2),y=q[0],k=q[1];return n.jsxs(b,e.__assign({className:i||""},{children:[j&&n.jsx(u.SectionInnerWrapper,{children:n.jsxs(x,{children:[f?n.jsxs(v,e.__assign({onClick:function(){return k(!y)},onKeyDown:function(){return null},role:"button",tabIndex:0},{children:[n.jsx(c.Text,e.__assign({type:"title"},{children:j})),n.jsx(g,{className:y?"collapsed":"",icon:n.jsx(a.ChevronUpIcon,{}),intent:"plain",onClick:function(){return k(!y)},size:"sm"})]})):n.jsx(c.Text,e.__assign({type:"title"},{children:j})),_&&n.jsx(d.SectionSubheader,{children:_})]})}),f?n.jsx(o.Collapse,e.__assign({collapsed:y},{children:s})):n.jsx("div",{children:s})]}))};

package/components/section/_SectionHeader.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 type Props = {
-    className?: string;
     children: ReactNode;
+    className?: string;
 };
-export declare const SectionHeader: ({ className, children }: Props) => JSX.Element;
+export declare const SectionHeader: ({ children, className }: Props) => JSX.Element;
 export {};

package/components/section/_SectionHeader.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),n=require("styled-components"),r=require("../text/Text.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../styles/constants/theme.js");var s,i=l(n).default(r.Text)(s||(s=e.__makeTemplateObject(["\n  flex: 1;\n  flex-direction: column;\n  display: flex;\n  flex: auto;\n"],["\n  flex: 1;\n  flex-direction: column;\n  display: flex;\n  flex: auto;\n"])));exports.SectionHeader=function(n){var r=n.className,l=n.children;return t.jsx(i,e.__assign({className:r||"",type:"title"},{children:l}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),n=require("styled-components"),r=require("../text/Text.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../styles/constants/theme.js");var s,i=l(n).default(r.Text)(s||(s=e.__makeTemplateObject(["\n  flex: 1;\n  flex-direction: column;\n  display: flex;\n  flex: auto;\n"],["\n  flex: 1;\n  flex-direction: column;\n  display: flex;\n  flex: auto;\n"])));exports.SectionHeader=function(n){var r=n.children,l=n.className;return t.jsx(i,e.__assign({className:l||"",type:"title"},{children:r}))};

package/components/section/_SectionInnerWrapper.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 type Props = {
-    className?: string;
     children: ReactNode;
+    className?: string;
 };
-export declare const SectionInnerWrapper: ({ className, children }: Props) => JSX.Element;
+export declare const SectionInnerWrapper: ({ children, className }: Props) => JSX.Element;
 export {};

package/components/section/_SectionInnerWrapper.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),n=require("../../styles/constants/theme.js");function r(e){return e&&e.__esModule?e:{default:e}}var s,a=r(require("styled-components")).default.header(s||(s=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-bottom: ",";\n  align-items: flex-start;\n"],["\n  display: flex;\n  align-items: center;\n  margin-bottom: ",";\n  align-items: flex-start;\n"])),n.theme.space24);exports.SectionInnerWrapper=function(n){var r=n.className,s=n.children;return t.jsx(a,e.__assign({className:r||""},{children:s}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),n=require("../../styles/constants/theme.js");function r(e){return e&&e.__esModule?e:{default:e}}var s,a=r(require("styled-components")).default.header(s||(s=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-bottom: ",";\n  align-items: flex-start;\n"],["\n  display: flex;\n  align-items: center;\n  margin-bottom: ",";\n  align-items: flex-start;\n"])),n.theme.space24);exports.SectionInnerWrapper=function(n){var r=n.children,s=n.className;return t.jsx(a,e.__assign({className:s||""},{children:r}))};

package/components/section/_SectionSubheader.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 type Props = {
-    className?: string;
     children: ReactNode;
+    className?: string;
 };
-export declare const SectionSubheader: ({ className, children }: Props) => JSX.Element;
+export declare const SectionSubheader: ({ children, className }: Props) => JSX.Element;
 export {};

package/components/section/_SectionSubheader.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("../../styles/constants/theme.js"),s=require("styled-components"),n=require("../text/Text.js");function a(e){return e&&e.__esModule?e:{default:e}}var i,u=a(s).default(n.Text)(i||(i=e.__makeTemplateObject(["\n  margin-top: ",";\n"],["\n  margin-top: ",";\n"])),r.theme.space8);exports.SectionSubheader=function(r){var s=r.className,n=r.children;return t.jsx(u,e.__assign({type:"body",color:"gray800",className:s||""},{children:n}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("../../styles/constants/theme.js"),s=require("styled-components"),n=require("../text/Text.js");function a(e){return e&&e.__esModule?e:{default:e}}var i,u=a(s).default(n.Text)(i||(i=e.__makeTemplateObject(["\n  margin-top: ",";\n"],["\n  margin-top: ",";\n"])),r.theme.space8);exports.SectionSubheader=function(r){var s=r.children,n=r.className;return t.jsx(u,e.__assign({className:n||"",color:"gray800",type:"body"},{children:s}))};

package/components/select/CountryMultiSelect.d.ts

@@ -6,12 +6,12 @@ import type { IOption } from "../../types/IOption";
 export declare const MenuList: <Option extends IOption<string | number>, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, ...props }: MenuListProps<Option, IsMulti, Group>) => JSX.Element;
 export interface CountryMultiSelectProps<Option extends IOption<string> = IOption<string>, IsMulti extends true = true, Group extends GroupBase<Option> = GroupBase<Option>> extends Omit<Props<Option, IsMulti, Group>, 'isMulti' | 'onChange' | 'options' | 'value'>, HelpTextProps {
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
+    countryOptions: ICountryOption<Option['value']>[];
     icon?: ReactNode;
     label?: string;
-    onChange: (countryCodes: Option['value'][]) => void;
-    countryOptions: ICountryOption<Option['value']>[];
     styles?: StylesConfig<Option, IsMulti, Group>;
     unavailableCountries: IUnavailableCountry[];
     value: Option['value'][];
+    onChange: (countryCodes: Option['value'][]) => void;
 }
-export declare const CountryMultiSelect: <T extends string>({ label, countryOptions, onChange, unavailableCountries, value, ...props }: CountryMultiSelectProps<IOption<T>, true, GroupBase<IOption<T>>>) => JSX.Element;
+export declare const CountryMultiSelect: <T extends string>({ countryOptions, label, onChange, unavailableCountries, value, ...props }: CountryMultiSelectProps<IOption<T>, true, GroupBase<IOption<T>>>) => JSX.Element;

package/components/select/CountryMultiSelect.js

@@ -1 +1 @@
-"use strict";var s=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react-select"),i=require("../checkbox/Checkbox.js");require("../help-text/HelpText.js");var n=require("../../icons/flag-icon/FlagIcon.js"),o=require("../../utils/prepRegionCountryOptions.js"),l=require("./MultiSelect.js");require("react"),require("framer-motion"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../FlagIndex-d4385066.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),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/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/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.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/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/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/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"),require("./_StyledReactSelect.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var c=function(n){var o=n.children,l=s.__rest(n,["children"]),c=l.getStyles,u=l.selectProps,a=u.allSelected,g=u.toggleSelectAll;return e.jsxs(r.components.MenuList,s.__assign({},l,{children:[e.jsx("div",s.__assign({style:c("option",l)},{children:e.jsx(i.Checkbox,{checked:a,label:"Rest of world",onChange:g})})),o]}))};exports.CountryMultiSelect=function(r){var i=r.label,u=void 0===i?"Select countries":i,a=r.countryOptions,g=r.onChange,q=r.unavailableCountries,j=r.value,f=s.__rest(r,["label","countryOptions","onChange","unavailableCountries","value"]),t=a.map((function(r){var i=q.find((function(s){return s.code===r.code}));return s.__assign(s.__assign({},r),{icon:e.jsx(n.FlagIcon,{iconScale:"small",code:r.code}),isDisabled:!!i,labelDescription:null==i?void 0:i.message})})),M=t.filter((function(s){return!j.includes(s.code)&&!s.isDisabled})),S={allSelected:!!j.length&&!M.length,toggleSelectAll:function(){return g(M.length?j.concat(M.map((function(s){return s.value}))):[])}};return e.jsx(l.MultiSelect,s.__assign({},f,{components:{MenuList:c},hasGroups:!0,hideSelectedOptions:!1,label:u,onChange:function(s){return g(s.map((function(s){return s.value})))},options:o.prepRegionCountryOptions(t),value:t.filter((function(s){return j.includes(s.code)}))},S))},exports.MenuList=c;
+"use strict";var s=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react-select"),i=require("../checkbox/Checkbox.js");require("../help-text/HelpText.js");var n=require("../../icons/flag-icon/FlagIcon.js"),o=require("../../utils/prepRegionCountryOptions.js"),l=require("./MultiSelect.js");require("react"),require("framer-motion"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../FlagIndex-d4385066.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),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/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/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.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/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/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/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"),require("./_StyledReactSelect.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var c=function(n){var o=n.children,l=s.__rest(n,["children"]),c=l.getStyles,u=l.selectProps,a=u.allSelected,g=u.toggleSelectAll;return e.jsxs(r.components.MenuList,s.__assign({},l,{children:[e.jsx("div",s.__assign({style:c("option",l)},{children:e.jsx(i.Checkbox,{checked:a,label:"Rest of world",onChange:g})})),o]}))};exports.CountryMultiSelect=function(r){var i=r.countryOptions,u=r.label,a=void 0===u?"Select countries":u,g=r.onChange,q=r.unavailableCountries,j=r.value,f=s.__rest(r,["countryOptions","label","onChange","unavailableCountries","value"]),t=i.map((function(r){var i=q.find((function(s){return s.code===r.code}));return s.__assign(s.__assign({},r),{icon:e.jsx(n.FlagIcon,{code:r.code,iconScale:"small"}),isDisabled:!!i,labelDescription:null==i?void 0:i.message})})),M=t.filter((function(s){return!j.includes(s.code)&&!s.isDisabled})),S={allSelected:!!j.length&&!M.length,toggleSelectAll:function(){return g(M.length?j.concat(M.map((function(s){return s.value}))):[])}};return e.jsx(l.MultiSelect,s.__assign({},f,{components:{MenuList:c},hasGroups:!0,hideSelectedOptions:!1,label:a,onChange:function(s){return g(s.map((function(s){return s.value})))},options:o.prepRegionCountryOptions(t),value:t.filter((function(s){return j.includes(s.code)}))},S))},exports.MenuList=c;

package/components/select/CountryPhoneSelect.d.ts

@@ -11,8 +11,8 @@ export interface CountryPhoneSelectProps<Option extends IOption = IOption, IsMul
     label?: string;
     phone: string;
     phoneCountry: ICountryOption | null;
+    styles?: StylesConfig<Option, IsMulti, Group>;
     setPhone: (changed: string) => void;
     setPhoneCountry: (changed: ICountryOption | null) => void;
-    styles?: StylesConfig<Option, IsMulti, Group>;
 }
 export declare const CountryPhoneSelect: ({ countryOptions, icon, label, phone, phoneCountry, setPhone, setPhoneCountry, ...props }: CountryPhoneSelectProps<ICountryOption>) => JSX.Element;

package/components/select/CountryPhoneSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("react-select"),i=require("../input/Input.js"),o=require("../input/input-type/_FloatLabelInput.js"),s=require("../../icons/ChevronDownIcon.js"),u=require("../../styles/constants/theme.js"),c=require("styled-components"),l=require("./Select.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../help-text/HelpText.js"),require("../text/Text.js"),require("../input/input-type/_DateInput.js"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../input/input-type/_NumberInput.js"),require("../../icons/ChevronUpIcon.js"),require("../input/input-type/_PasswordInput.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("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var p,d,j,f,x=a(c),m=x.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"]))),h=x.default.div(d||(d=e.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),u.theme.gray700),q=x.default.div(j||(j=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  svg {\n    border-radius: 2px;\n\n    &:last-child {\n      z-index: 1;\n      position: absolute;\n      top: -2px;\n      left: 20px;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  svg {\n    border-radius: 2px;\n\n    &:last-child {\n      z-index: 1;\n      position: absolute;\n      top: -2px;\n      left: 20px;\n    }\n  }\n"]))),v=x.default.div(f||(f=e.__makeTemplateObject(["\n  "," {\n    padding-left: 14px;\n  }\n"],["\n  "," {\n    padding-left: 14px;\n  }\n"])),o.InputValuePrefix),_=function(i){var o=i.selectProps.setMenuIsOpen,s=t.useCallback((function(){o(!1)}),[o]);return t.useEffect((function(){return document.addEventListener("mousedown",s),function(){document.removeEventListener("mousedown",s)}}),[s]),n.jsx(r.components.MenuList,e.__assign({},i))},I=function(e){return n.jsxs(m,{children:[e.displayName,n.jsx(h,{children:e.phoneCode.join(", ")})]})};exports.CountryPhoneSelect=function(r){var o=r.countryOptions,u=r.icon,c=r.label,a=void 0===c?"Phone number":c,p=r.phone,d=r.phoneCountry,j=r.setPhone,f=r.setPhoneCountry,x=e.__rest(r,["countryOptions","icon","label","phone","phoneCountry","setPhone","setPhoneCountry"]),m=e.__read(t.useState(!1),2),h=m[0],C=m[1],y={setMenuIsOpen:C},b=(null==d?void 0:d.phoneCode)?"+".concat(null==d?void 0:d.phoneCode):void 0;return n.jsxs(n.Fragment,{children:[n.jsx(v,{children:n.jsx(i.Input,{label:a,prefix:n.jsxs(q,e.__assign({onClick:function(){return C(!h)}},{children:[u,n.jsx(s.ChevronDownIcon,{size:19})]})),onChange:function(e){return j(e.target.value)},valuePrefix:b,value:p})}),n.jsx(l.Select,e.__assign({},x,{components:{Control:function(){return null},MenuList:_},options:o,formatOptionLabel:I,menuIsOpen:h,onBlur:function(){return C(!1)},onChange:function(e){f(e),C(!1)},value:d},y))]})};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("react-select"),i=require("../input/Input.js"),o=require("../input/input-type/_FloatLabelInput.js"),s=require("../../icons/ChevronDownIcon.js"),u=require("../../styles/constants/theme.js"),c=require("styled-components"),l=require("./Select.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../help-text/HelpText.js"),require("../text/Text.js"),require("../input/input-type/_DateInput.js"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../input/input-type/_NumberInput.js"),require("../../icons/ChevronUpIcon.js"),require("../input/input-type/_PasswordInput.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("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var p,d,j,f,x=a(c),m=x.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"]))),h=x.default.div(d||(d=e.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),u.theme.gray700),q=x.default.div(j||(j=e.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  svg {\n    border-radius: 2px;\n\n    &:last-child {\n      z-index: 1;\n      position: absolute;\n      top: -2px;\n      left: 20px;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  svg {\n    border-radius: 2px;\n\n    &:last-child {\n      z-index: 1;\n      position: absolute;\n      top: -2px;\n      left: 20px;\n    }\n  }\n"]))),v=x.default.div(f||(f=e.__makeTemplateObject(["\n  "," {\n    padding-left: 14px;\n  }\n"],["\n  "," {\n    padding-left: 14px;\n  }\n"])),o.InputValuePrefix),_=function(i){var o=i.selectProps.setMenuIsOpen,s=t.useCallback((function(){o(!1)}),[o]);return t.useEffect((function(){return document.addEventListener("mousedown",s),function(){document.removeEventListener("mousedown",s)}}),[s]),n.jsx(r.components.MenuList,e.__assign({},i))},I=function(e){return n.jsxs(m,{children:[e.displayName,n.jsx(h,{children:e.phoneCode.join(", ")})]})};exports.CountryPhoneSelect=function(r){var o=r.countryOptions,u=r.icon,c=r.label,a=void 0===c?"Phone number":c,p=r.phone,d=r.phoneCountry,j=r.setPhone,f=r.setPhoneCountry,x=e.__rest(r,["countryOptions","icon","label","phone","phoneCountry","setPhone","setPhoneCountry"]),m=e.__read(t.useState(!1),2),h=m[0],C=m[1],y={setMenuIsOpen:C},b=(null==d?void 0:d.phoneCode)?"+".concat(null==d?void 0:d.phoneCode):void 0;return n.jsxs(n.Fragment,{children:[n.jsx(v,{children:n.jsx(i.Input,{label:a,onChange:function(e){return j(e.target.value)},prefix:n.jsxs(q,e.__assign({onClick:function(){return C(!h)}},{children:[u,n.jsx(s.ChevronDownIcon,{size:19})]})),value:p,valuePrefix:b})}),n.jsx(l.Select,e.__assign({},x,{components:{Control:function(){return null},MenuList:_},formatOptionLabel:I,menuIsOpen:h,onBlur:function(){return C(!1)},onChange:function(e){f(e),C(!1)},options:o,value:d},y))]})};

package/components/select/CountrySelect.d.ts

@@ -4,11 +4,11 @@ import { type SelectProps } from './Select';
 type CountrySelectType<T extends string> = {
     autoFocus?: SelectProps['autoFocus'];
     countryOptions: ICountryOption<T>[];
-    filter?: (country: ICountryOption<T>) => boolean;
     label?: string;
     onChange: SelectProps<ICountryOption<T>>['onChange'];
     placeholder?: string;
     value: T | null;
+    filter?: (country: ICountryOption<T>) => boolean;
 };
 export type CountrySelectProps<T extends string = string> = CountrySelectType<T> & Omit<SelectProps<ICountryOption<T>>, keyof CountrySelectType<T> | 'options'>;
 export declare const CountrySelect: <T extends string>({ autoFocus, countryOptions, filter, label, onChange, placeholder, value, ...props }: CountrySelectProps<T>) => JSX.Element;

package/components/select/CountrySelect.js

@@ -1 +1 @@
-"use strict";var s=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("../../icons/flag-icon/FlagIcon.js"),i=require("./Select.js");require("react"),require("../../FlagIndex-d4385066.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),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/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/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.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/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/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/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"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("./_StyledReactSelect.js"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),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.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"]),M=n.flatMap((function(i){return l(i)?s.__assign(s.__assign({},i),{icon:e.jsx(r.FlagIcon,{iconScale:"small",code:i.code})}):[]})),S=M.filter((function(s){return s.value===f})),C=S.find(Boolean);return e.jsx(i.Select,s.__assign({autoFocus:c,icon:e.jsx(r.FlagIcon,{code:C?C.value:"Default",iconScale:"medium"}),options:M,label:q,onChange:j,placeholder:g,value:S},t))};
+"use strict";var s=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("../../icons/flag-icon/FlagIcon.js"),i=require("./Select.js");require("react"),require("../../FlagIndex-d4385066.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),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/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/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.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/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/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/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"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("./_StyledReactSelect.js"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),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.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"]),M=n.flatMap((function(i){return l(i)?s.__assign(s.__assign({},i),{icon:e.jsx(r.FlagIcon,{code:i.code,iconScale:"small"})}):[]})),S=M.filter((function(s){return s.value===f})),C=S.find(Boolean);return e.jsx(i.Select,s.__assign({autoFocus:c,icon:e.jsx(r.FlagIcon,{code:C?C.value:"Default",iconScale:"medium"}),label:q,onChange:j,options:M,placeholder:g,value:S},t))};

package/components/select/MultiSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("../checkbox/Checkbox.js");require("../help-text/HelpText.js");var n=require("./_StyledReactSelect.js");require("react"),require("framer-motion"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("styled-components"),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.label,c=n.getStyles,o=n.innerProps,u=n.options,l=n.selectProps,a=l.value,d=u.filter((function(e){return!e.isDisabled})),p=d.filter((function(e){return!e.isSelected})).map((function(e){return e.data})),h=d.filter((function(e){return e.isSelected})).map((function(e){return e.data})),j=d.length===h.length;return t.jsxs("div",e.__assign({style:c("group",n)},o,{children:[t.jsx("div",e.__assign({style:c("option",n)},{children:t.jsx(r.Checkbox,{checked:j,label:"string"==typeof s?s:"",onChange:function(){var e=j?a.filter((function(e){return!h.find((function(t){return t.value===e.value}))})):a.concat(p);l.onChange(e,{action:j?"deselect-group":"select-group",option:j?h:p})}})})),i]}))};exports.MultiSelect=function(r){var s=r.closeMenuOnSelect,c=void 0!==s&&s,o=r.hideSelectedOptions,u=void 0===o||o,l=e.__rest(r,["closeMenuOnSelect","hideSelectedOptions"]);return t.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-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("../checkbox/Checkbox.js");require("../help-text/HelpText.js");var n=require("./_StyledReactSelect.js");require("react"),require("framer-motion"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("styled-components"),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})),p=d.filter((function(e){return!e.isSelected})).map((function(e){return e.data})),h=d.filter((function(e){return e.isSelected})).map((function(e){return e.data})),j=d.length===h.length;return t.jsxs("div",e.__assign({style:s("group",n)},c,{children:[t.jsx("div",e.__assign({style:s("option",n)},{children:t.jsx(r.Checkbox,{checked:j,label:"string"==typeof o?o:"",onChange:function(){var e=j?a.filter((function(e){return!h.find((function(t){return t.value===e.value}))})):a.concat(p);l.onChange(e,{action:j?"deselect-group":"select-group",option:j?h:p})}})})),i]}))};exports.MultiSelect=function(r){var s=r.closeMenuOnSelect,c=void 0!==s&&s,o=r.hideSelectedOptions,u=void 0===o||o,l=e.__rest(r,["closeMenuOnSelect","hideSelectedOptions"]);return t.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,15 +5,12 @@ import type { IOption } from "../../types/IOption";
 import type { Size } from "../../types/Size";
 type RequiredProps = 'options' | 'value';
 export interface SelectProps<Option extends IOption = IOption, IsMulti extends false = false, Group extends GroupBase<Option> = GroupBase<Option>> extends Omit<Props<Option, IsMulti, Group>, 'isMulti' | RequiredProps>, Required<Pick<Props<Option, IsMulti, Group>, RequiredProps>>, HelpTextProps {
+    /** Close the select dropdown menu when scrolling outside of menu to prevent graphical jank */
+    closeOnOutsideScroll?: boolean;
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     hasGroups?: boolean;
     icon?: ReactNode;
     label?: string;
-    /**
-     * @example
-     * onChange={changed => setExampleValue(changed?.value || null)}
-     */
-    onChange: (changed: Option | null, actionMeta: ActionMeta<Option>) => void;
     size?: Size;
     styles?: StylesConfig<Option, IsMulti, Group>;
     /**
@@ -21,8 +18,11 @@ export interface SelectProps<Option extends IOption = IOption, IsMulti extends f
      * value={options.filter(x => x.value === exampleValue)}
      */
     value: Option[] | Option | null;
-    /** Close the select dropdown menu when scrolling outside of menu to prevent graphical jank */
-    closeOnOutsideScroll?: boolean;
+    /**
+     * @example
+     * onChange={changed => setExampleValue(changed?.value || null)}
+     */
+    onChange: (changed: Option | null, actionMeta: ActionMeta<Option>) => void;
 }
-export declare const Select: <Option extends IOption<string | number>, Group extends GroupBase<Option> = GroupBase<Option>>({ label, isClearable, value, ...props }: SelectProps<Option, false, Group>) => JSX.Element;
+export declare const Select: <Option extends IOption<string | number>, Group extends GroupBase<Option> = GroupBase<Option>>({ isClearable, label, value, ...props }: SelectProps<Option, false, Group>) => JSX.Element;
 export {};

package/components/select/Select.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime");require("../help-text/HelpText.js");var s=require("./_StyledReactSelect.js");require("../text/Text.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("react"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),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(t){var i=t.label,c=t.isClearable,l=void 0===c||c,o=t.value,a=e.__rest(t,["label","isClearable","value"]);if(Array.isArray(o)&&o.length>1)throw Error("Only one selection allowed for '".concat(i,"' select (").concat(o.length,") selected."));return r.jsx(s.StyledReactSelect,e.__assign({},a,{label:i,isClearable:l,isMulti:!1,value:o}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime");require("../help-text/HelpText.js");var s=require("./_StyledReactSelect.js");require("../text/Text.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("react"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),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(t){var i=t.isClearable,c=void 0===i||i,l=t.label,o=t.value,a=e.__rest(t,["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}))};

package/components/select/_StyledReactSelect.d.ts

@@ -11,10 +11,10 @@ type AdditionalProps = {
 };
 export declare const CheckboxOptionComponent: <Option extends IOption<string | number>, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => JSX.Element;
 export interface StyledReactSelectProps<Option extends IOption, IsMulti extends boolean, Group extends GroupBase<Option>> extends Props<Option, IsMulti, Group>, HelpTextProps, AdditionalProps {
+    closeOnOutsideScroll?: boolean;
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     size?: Size;
     styles?: StylesConfig<Option, IsMulti, Group>;
-    closeOnOutsideScroll?: boolean;
 }
-export declare const StyledReactSelect: <Option extends IOption<string | number>, IsMulti extends boolean, Group extends GroupBase<Option>>({ components, error, helpText, hasGroups, icon, label, size, styles, placeholder, menuPosition, closeOnOutsideScroll, ...props }: StyledReactSelectProps<Option, IsMulti, Group>) => JSX.Element;
+export declare const StyledReactSelect: <Option extends IOption<string | number>, IsMulti extends boolean, Group extends GroupBase<Option>>({ closeOnOutsideScroll, components, error, hasGroups, helpText, icon, label, menuPosition, placeholder, size, styles, ...props }: StyledReactSelectProps<Option, IsMulti, Group>) => JSX.Element;
 export {};

package/components/select/_StyledReactSelect.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),s=require("react"),o=require("react-select"),t=require("../checkbox/Checkbox.js"),i=require("../help-text/HelpText.js"),r=require("../../icons/CheckCircleIcon.js"),a=require("../../icons/DoubleChevronIcon.js"),l=require("../../icons/RemoveCircleIcon.js"),c=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),u=require("../../utils/getTestId.js"),p=require("styled-components");function h(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js");var m,g,_,f,x,b,v,j,y,k,T,z=h(o),C=h(p),w=function(s){return e.jsx(o.components.ClearIndicator,n.__assign({},s,{children:e.jsx(l.RemoveCircleIcon,{size:19})}))},I=function(s){return e.jsx(o.components.DropdownIndicator,n.__assign({},s,{children:e.jsx(a.DoubleChevronIcon,{size:20})}))},O=C.default.div(m||(m=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: ",";\n  padding: 10px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: ",";\n  padding: 10px;\n"])),d.theme.gray700),S=C.default.label(b||(b=n.__makeTemplateObject(["\n  position: absolute;\n  transition: ",";\n  font-size: ",";\n  line-height: ",";\n  transform-origin: left top;\n  left: calc("," - 2px);\n  .has-icon & {\n    left: calc("," + 2px);\n  }\n  top: calc(50% - "," / 2);\n  .has-label & {\n    & + div {\n      align-self: flex-end;\n    }\n  }\n  .has-value &,\n  .is-focused & {\n    top: calc("," + 3px);\n    transform: scale(0.8);\n  }\n\n  /* Size modify */\n  ","\n\n  ","\n\n  ","\n\n  ","\n"],["\n  position: absolute;\n  transition: ",";\n  font-size: ",";\n  line-height: ",";\n  transform-origin: left top;\n  left: calc("," - 2px);\n  .has-icon & {\n    left: calc("," + 2px);\n  }\n  top: calc(50% - "," / 2);\n  .has-label & {\n    & + div {\n      align-self: flex-end;\n    }\n  }\n  .has-value &,\n  .is-focused & {\n    top: calc("," + 3px);\n    transform: scale(0.8);\n  }\n\n  /* Size modify */\n  ","\n\n  ","\n\n  ","\n\n  ","\n"])),d.theme.transition,d.theme.fontSizeBase,d.theme.fontSizeBase,d.theme.space16,d.theme.space40,d.theme.fontSizeBase,d.theme.space8,(function(e){var s=e.$size;return"sm"===s&&p.css(g||(g=n.__makeTemplateObject(["\n      .",".has-label & {\n        & + div {\n          margin-bottom: -6px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 2px;\n      }\n    "],["\n      .",".has-label & {\n        & + div {\n          margin-bottom: -6px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 2px;\n      }\n    "])),s,s,s)}),(function(e){var s=e.$size;return"md"===s&&p.css(_||(_=n.__makeTemplateObject(["\n      .",".has-label & {\n        & + div {\n          margin-bottom: -2px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 6px;\n      }\n    "],["\n      .",".has-label & {\n        & + div {\n          margin-bottom: -2px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 6px;\n      }\n    "])),s,s,s)}),(function(e){var s=e.$size;return"lg"===s&&p.css(f||(f=n.__makeTemplateObject(["\n      .",".has-value &,\n      .",".is-focused & {\n        top: 10px;\n      }\n    "],["\n      .",".has-value &,\n      .",".is-focused & {\n        top: 10px;\n      }\n    "])),s,s)}),(function(e){var s=e.$size;return"xl"===s&&p.css(x||(x=n.__makeTemplateObject(["\n      .",".has-label & {\n        & + div {\n          margin-bottom: 3px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 11px;\n      }\n    "],["\n      .",".has-label & {\n        & + div {\n          margin-bottom: 3px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 11px;\n      }\n    "])),s,s,s)})),q=C.default.div(v||(v=n.__makeTemplateObject(["\n  .react-select-control + div {\n    z-index: 20;\n  }\n\n  &.has-error .react-select-control {\n    box-shadow: ",";\n  }\n"],["\n  .react-select-control + div {\n    z-index: 20;\n  }\n\n  &.has-error .react-select-control {\n    box-shadow: ",";\n  }\n"])),d.theme.glowError),R=C.default.strong(j||(j=n.__makeTemplateObject(["\n  font-weight: 600;\n"],["\n  font-weight: 600;\n"]))),L=function(s){var o=s.children,t=s.cx,i=s.getStyles,r=s.className,a=s.hasValue,l=s.isDisabled,c=s.isFocused,d=s.innerRef,u=s.innerProps,p=s.menuIsOpen,h=s.selectProps,m=h.icon,g=h.label,_=h.value,f=h.size;return e.jsxs("div",n.__assign({className:t({control:!0,"control--is-disabled":l,"control--is-focused":c,"control--menu-is-open":p},[r,a?"has-value":"",m?"has-icon":"",c?"is-focused":"",g||Array.isArray(_)&&_.length>1?"has-label":"",f,"react-select-control"].join(" ")),ref:d,style:i("control",s)},u,{children:[m&&e.jsx(O,{children:m}),e.jsxs(S,n.__assign({$size:f},{children:[g," ",Array.isArray(_)&&_.length>1&&e.jsxs(R,{children:["(",_.length," selected)"]})]})),o]}))},M=C.default.div(y||(y=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  svg {\n    margin-right: 4px;\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  svg {\n    margin-right: 4px;\n    color: ",";\n  }\n"])),(function(n){return n.$color||"inherit"}),d.theme.gray1200),P=C.default.div(k||(k=n.__makeTemplateObject(["\n  &:not(.is-disabled) {\n    &.is-focused,\n    &:hover {\n      /* The styles are inlined on this component from emotion, so we must override */\n      background-color: "," !important;\n    }\n  }\n"],["\n  &:not(.is-disabled) {\n    &.is-focused,\n    &:hover {\n      /* The styles are inlined on this component from emotion, so we must override */\n      background-color: "," !important;\n    }\n  }\n"])),d.theme.gray100),B=C.default.div(T||(T=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"]))),D=function(s){var o=s.children,t=s.color,i=s.icon;return e.jsxs(M,n.__assign({$color:t},{children:[i,o]}))},N=function(s){var t=s.children,i=n.__rest(s,["children"]);return e.jsx(o.components.MultiValueLabel,n.__assign({},i,{children:e.jsx(D,n.__assign({icon:i.data.icon},{children:t}))}))},V=function(s){var o=s.innerProps;return e.jsx("div",n.__assign({},o,{role:"button"},{children:e.jsx(c.RemoveIcon,{size:14})}))},$=function(s){var o=s.children,i=s.data,a=s.getStyles,l=s.innerRef,c=s.innerProps,d=s.isDisabled,u=s.isSelected,p=s.isFocused,h=s.className,m=s.selectProps,g=m.hasGroups,_=a("option",s),f=_.color,x=n.__rest(_,["color"]);return g&&(x.paddingLeft=48),e.jsx("div",n.__assign({ref:l},c,{children:e.jsx(P,n.__assign({style:x,className:[h,p?"is-focused":"",d?"is-disabled":""].join(" ")},{children:m.isMulti?e.jsx(t.Checkbox,{checked:u,disabled:d,icon:i.icon,label:i.label,labelDescription:i.labelDescription,onChange:function(){}}):e.jsxs(B,{children:[e.jsx(D,n.__assign({color:f,icon:i.icon},{children:o})),u&&e.jsx(r.CheckCircleIcon,{color:"blue600",size:16})]})}))}))},W={clearIndicator:function(e){return n.__assign(n.__assign({},e),{color:"".concat(d.theme.gray700),paddingLeft:14,paddingRight:4})},control:function(e,s){var o=s.selectProps.size;return n.__assign(n.__assign({},e),{borderColor:"".concat(d.theme.gray200),borderRadius:6,cursor:"pointer",color:d.theme.gray800,height:"var(--amino-size-".concat(o,")"),flexWrap:"inherit",minHeight:"var(--amino-size-".concat(o,")"),boxShadow:s.isFocused?"".concat(d.theme.glowBlue):"",background:d.theme.inputBackground})},dropdownIndicator:function(e){return n.__assign(n.__assign({},e),{color:"".concat(d.theme.gray900),paddingLeft:4,paddingRight:10})},group:function(e){return n.__assign(n.__assign({},e),{paddingTop:0,paddingBottom:0})},indicatorSeparator:function(e){return n.__assign(n.__assign({},e),{width:0})},menu:function(e){return n.__assign(n.__assign({},e),{borderRadius:12,boxShadow:d.theme.v3ShadowLarge,marginTop:4,background:d.theme.surfaceColor})},menuList:function(e){return n.__assign(n.__assign({},e),{paddingTop:8,paddingLeft:8,paddingRight:8})},multiValue:function(e){return n.__assign(n.__assign({},e),{background:d.theme.gray200,fontWeight:500,minWidth:"inherit"})},multiValueLabel:function(e){return n.__assign(n.__assign({},e),{color:d.theme.textColor})},option:function(e,s){return n.__assign(n.__assign({},e),{color:s.isSelected?d.theme.blue600:d.theme.textColor,fontWeight:s.isSelected?500:400,backgroundColor:"inherit",paddingTop:7,paddingRight:12,paddingBottom:7,paddingLeft:8,borderRadius:"8px",cursor:"pointer"})},placeholder:function(e){return n.__assign(n.__assign({},e),{opacity:0,".has-label.is-focused &":{opacity:1}})},singleValue:function(e){return n.__assign(n.__assign({},e),{fontWeight:500,color:d.theme.textColor})},valueContainer:function(e){return n.__assign(n.__assign({},e),{flexWrap:"nowrap",padding:"unset",paddingLeft:12,".has-icon &":{paddingLeft:0}})}};exports.CheckboxOptionComponent=$,exports.StyledReactSelect=function(o){var t=o.components,r=o.error,a=o.helpText,l=o.hasGroups,c=o.icon,d=o.label,p=o.size,h=void 0===p?"xl":p,m=o.styles,g=o.placeholder,_=o.menuPosition,f=void 0===_?"fixed":_,x=o.closeOnOutsideScroll,b=void 0!==x&&x,v=n.__rest(o,["components","error","helpText","hasGroups","icon","label","size","styles","placeholder","menuPosition","closeOnOutsideScroll"]),j={hasGroups:l,icon:c,label:d,size:h},y=s.useMemo((function(){return u.getTestId({componentName:"select",name:d})}),[d]),k=s.useRef(null),T=s.useMemo((function(){return!!b&&function(n){var e,s,o;return!(n.target instanceof HTMLElement)||(null===(o=!(null===(s=null===(e=k.current)||void 0===e?void 0:e.menuListRef)||void 0===s?void 0:s.isEqualNode(n.target)))||void 0===o||o)}}),[b]);return e.jsxs(q,n.__assign({"data-testid":y,className:[r?"has-error":""].join(" ")},{children:[e.jsx(z.default,n.__assign({components:n.__assign({ClearIndicator:w,Control:L,DropdownIndicator:I,MultiValueLabel:N,MultiValueRemove:V,Option:$},t),menuPosition:f,placeholder:g||"",styles:n.__assign(n.__assign({},m),W),ref:k,closeMenuOnScroll:T},v,j)),e.jsx(i.HelpText,{error:r,helpText:a})]}))};
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),s=require("react"),o=require("react-select"),t=require("../checkbox/Checkbox.js"),i=require("../help-text/HelpText.js"),r=require("../../icons/CheckCircleIcon.js"),a=require("../../icons/DoubleChevronIcon.js"),l=require("../../icons/RemoveCircleIcon.js"),c=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),u=require("../../utils/getTestId.js"),p=require("styled-components");function h(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js");var m,g,_,f,x,b,v,j,y,k,T,z=h(o),C=h(p),w=function(s){return e.jsx(o.components.ClearIndicator,n.__assign({},s,{children:e.jsx(l.RemoveCircleIcon,{size:19})}))},I=function(s){return e.jsx(o.components.DropdownIndicator,n.__assign({},s,{children:e.jsx(a.DoubleChevronIcon,{size:20})}))},O=C.default.div(m||(m=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: ",";\n  padding: 10px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: ",";\n  padding: 10px;\n"])),d.theme.gray700),S=C.default.label(b||(b=n.__makeTemplateObject(["\n  position: absolute;\n  transition: ",";\n  font-size: ",";\n  line-height: ",";\n  transform-origin: left top;\n  left: calc("," - 2px);\n  .has-icon & {\n    left: calc("," + 2px);\n  }\n  top: calc(50% - "," / 2);\n  .has-label & {\n    & + div {\n      align-self: flex-end;\n    }\n  }\n  .has-value &,\n  .is-focused & {\n    top: calc("," + 3px);\n    transform: scale(0.8);\n  }\n\n  /* Size modify */\n  ","\n\n  ","\n\n  ","\n\n  ","\n"],["\n  position: absolute;\n  transition: ",";\n  font-size: ",";\n  line-height: ",";\n  transform-origin: left top;\n  left: calc("," - 2px);\n  .has-icon & {\n    left: calc("," + 2px);\n  }\n  top: calc(50% - "," / 2);\n  .has-label & {\n    & + div {\n      align-self: flex-end;\n    }\n  }\n  .has-value &,\n  .is-focused & {\n    top: calc("," + 3px);\n    transform: scale(0.8);\n  }\n\n  /* Size modify */\n  ","\n\n  ","\n\n  ","\n\n  ","\n"])),d.theme.transition,d.theme.fontSizeBase,d.theme.fontSizeBase,d.theme.space16,d.theme.space40,d.theme.fontSizeBase,d.theme.space8,(function(e){var s=e.$size;return"sm"===s&&p.css(g||(g=n.__makeTemplateObject(["\n      .",".has-label & {\n        & + div {\n          margin-bottom: -6px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 2px;\n      }\n    "],["\n      .",".has-label & {\n        & + div {\n          margin-bottom: -6px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 2px;\n      }\n    "])),s,s,s)}),(function(e){var s=e.$size;return"md"===s&&p.css(_||(_=n.__makeTemplateObject(["\n      .",".has-label & {\n        & + div {\n          margin-bottom: -2px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 6px;\n      }\n    "],["\n      .",".has-label & {\n        & + div {\n          margin-bottom: -2px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 6px;\n      }\n    "])),s,s,s)}),(function(e){var s=e.$size;return"lg"===s&&p.css(f||(f=n.__makeTemplateObject(["\n      .",".has-value &,\n      .",".is-focused & {\n        top: 10px;\n      }\n    "],["\n      .",".has-value &,\n      .",".is-focused & {\n        top: 10px;\n      }\n    "])),s,s)}),(function(e){var s=e.$size;return"xl"===s&&p.css(x||(x=n.__makeTemplateObject(["\n      .",".has-label & {\n        & + div {\n          margin-bottom: 3px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 11px;\n      }\n    "],["\n      .",".has-label & {\n        & + div {\n          margin-bottom: 3px;\n        }\n      }\n      .",".has-value &,\n      .",".is-focused & {\n        top: 11px;\n      }\n    "])),s,s,s)})),q=C.default.div(v||(v=n.__makeTemplateObject(["\n  .react-select-control + div {\n    z-index: 20;\n  }\n\n  &.has-error .react-select-control {\n    box-shadow: ",";\n  }\n"],["\n  .react-select-control + div {\n    z-index: 20;\n  }\n\n  &.has-error .react-select-control {\n    box-shadow: ",";\n  }\n"])),d.theme.glowError),R=C.default.strong(j||(j=n.__makeTemplateObject(["\n  font-weight: 600;\n"],["\n  font-weight: 600;\n"]))),L=function(s){var o=s.children,t=s.className,i=s.cx,r=s.getStyles,a=s.hasValue,l=s.innerProps,c=s.innerRef,d=s.isDisabled,u=s.isFocused,p=s.menuIsOpen,h=s.selectProps,m=h.icon,g=h.label,_=h.size,f=h.value;return e.jsxs("div",n.__assign({ref:c,className:i({control:!0,"control--is-disabled":d,"control--is-focused":u,"control--menu-is-open":p},[t,a?"has-value":"",m?"has-icon":"",u?"is-focused":"",g||Array.isArray(f)&&f.length>1?"has-label":"",_,"react-select-control"].join(" ")),style:r("control",s)},l,{children:[m&&e.jsx(O,{children:m}),e.jsxs(S,n.__assign({$size:_},{children:[g," ",Array.isArray(f)&&f.length>1&&e.jsxs(R,{children:["(",f.length," selected)"]})]})),o]}))},M=C.default.div(y||(y=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  svg {\n    margin-right: 4px;\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  svg {\n    margin-right: 4px;\n    color: ",";\n  }\n"])),(function(n){return n.$color||"inherit"}),d.theme.gray1200),P=C.default.div(k||(k=n.__makeTemplateObject(["\n  &:not(.is-disabled) {\n    &.is-focused,\n    &:hover {\n      /* The styles are inlined on this component from emotion, so we must override */\n      background-color: "," !important;\n    }\n  }\n"],["\n  &:not(.is-disabled) {\n    &.is-focused,\n    &:hover {\n      /* The styles are inlined on this component from emotion, so we must override */\n      background-color: "," !important;\n    }\n  }\n"])),d.theme.gray100),B=C.default.div(T||(T=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"]))),D=function(s){var o=s.children,t=s.color,i=s.icon;return e.jsxs(M,n.__assign({$color:t},{children:[i,o]}))},N=function(s){var t=s.children,i=n.__rest(s,["children"]);return e.jsx(o.components.MultiValueLabel,n.__assign({},i,{children:e.jsx(D,n.__assign({icon:i.data.icon},{children:t}))}))},V=function(s){var o=s.innerProps;return e.jsx("div",n.__assign({},o,{role:"button"},{children:e.jsx(c.RemoveIcon,{size:14})}))},$=function(s){var o=s.children,i=s.className,a=s.data,l=s.getStyles,c=s.innerProps,d=s.innerRef,u=s.isDisabled,p=s.isFocused,h=s.isSelected,m=s.selectProps,g=m.hasGroups,_=l("option",s),f=_.color,x=n.__rest(_,["color"]);return g&&(x.paddingLeft=48),e.jsx("div",n.__assign({ref:d},c,{children:e.jsx(P,n.__assign({className:[i,p?"is-focused":"",u?"is-disabled":""].join(" "),style:x},{children:m.isMulti?e.jsx(t.Checkbox,{checked:h,disabled:u,icon:a.icon,label:a.label,labelDescription:a.labelDescription,onChange:function(){}}):e.jsxs(B,{children:[e.jsx(D,n.__assign({color:f,icon:a.icon},{children:o})),h&&e.jsx(r.CheckCircleIcon,{color:"blue600",size:16})]})}))}))},W={clearIndicator:function(e){return n.__assign(n.__assign({},e),{color:"".concat(d.theme.gray700),paddingLeft:14,paddingRight:4})},control:function(e,s){var o=s.selectProps.size;return n.__assign(n.__assign({},e),{background:d.theme.inputBackground,borderColor:"".concat(d.theme.gray200),borderRadius:6,boxShadow:s.isFocused?"".concat(d.theme.glowBlue):"",color:d.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:"var(--amino-size-".concat(o,")"),minHeight:"var(--amino-size-".concat(o,")")})},dropdownIndicator:function(e){return n.__assign(n.__assign({},e),{color:"".concat(d.theme.gray900),paddingLeft:4,paddingRight:10})},group:function(e){return n.__assign(n.__assign({},e),{paddingBottom:0,paddingTop:0})},indicatorSeparator:function(e){return n.__assign(n.__assign({},e),{width:0})},menu:function(e){return n.__assign(n.__assign({},e),{background:d.theme.surfaceColor,borderRadius:12,boxShadow:d.theme.v3ShadowLarge,marginTop:4})},menuList:function(e){return n.__assign(n.__assign({},e),{paddingLeft:8,paddingRight:8,paddingTop:8})},multiValue:function(e){return n.__assign(n.__assign({},e),{background:d.theme.gray200,fontWeight:500,minWidth:"inherit"})},multiValueLabel:function(e){return n.__assign(n.__assign({},e),{color:d.theme.textColor})},option:function(e,s){return n.__assign(n.__assign({},e),{backgroundColor:"inherit",borderRadius:"8px",color:s.isSelected?d.theme.blue600:d.theme.textColor,cursor:"pointer",fontWeight:s.isSelected?500:400,paddingBottom:7,paddingLeft:8,paddingRight:12,paddingTop:7})},placeholder:function(e){return n.__assign(n.__assign({},e),{".has-label.is-focused &":{opacity:1},opacity:0})},singleValue:function(e){return n.__assign(n.__assign({},e),{color:d.theme.textColor,fontWeight:500})},valueContainer:function(e){return n.__assign(n.__assign({},e),{".has-icon &":{paddingLeft:0},flexWrap:"nowrap",padding:"unset",paddingLeft:12})}};exports.CheckboxOptionComponent=$,exports.StyledReactSelect=function(o){var t=o.closeOnOutsideScroll,r=void 0!==t&&t,a=o.components,l=o.error,c=o.hasGroups,d=o.helpText,p=o.icon,h=o.label,m=o.menuPosition,g=void 0===m?"fixed":m,_=o.placeholder,f=o.size,x=void 0===f?"xl":f,b=o.styles,v=n.__rest(o,["closeOnOutsideScroll","components","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","styles"]),j={hasGroups:c,icon:p,label:h,size:x},y=s.useMemo((function(){return u.getTestId({componentName:"select",name:h})}),[h]),k=s.useRef(null),T=s.useMemo((function(){return!!r&&function(n){var e,s,o;return!(n.target instanceof HTMLElement)||(null===(o=!(null===(s=null===(e=k.current)||void 0===e?void 0:e.menuListRef)||void 0===s?void 0:s.isEqualNode(n.target)))||void 0===o||o)}}),[r]);return e.jsxs(q,n.__assign({className:[l?"has-error":""].join(" "),"data-testid":y},{children:[e.jsx(z.default,n.__assign({ref:k,closeMenuOnScroll:T,components:n.__assign({ClearIndicator:w,Control:L,DropdownIndicator:I,MultiValueLabel:N,MultiValueRemove:V,Option:$},a),menuPosition:g,placeholder:_||"",styles:n.__assign(n.__assign({},b),W)},v,j)),e.jsx(i.HelpText,{error:l,helpText:d})]}))};

package/components/skeleton/Skeleton.d.ts

@@ -1,10 +1,10 @@
 import type { ReactNode } from 'react';
 export type SkeletonProps = {
-    className?: string;
+    animation?: boolean;
     children?: ReactNode;
-    width?: number;
+    className?: string;
     height?: number;
-    animation?: boolean;
+    width?: number;
 };
 /**
  * Displays a blocky outline of content that can be used as a loader
@@ -12,4 +12,4 @@ export type SkeletonProps = {
  * @param width - Optional width in pixels
  * @param height - Optional height in em
  */
-export declare const Skeleton: ({ className, children, width, height, animation, }: SkeletonProps) => JSX.Element;
+export declare const Skeleton: ({ animation, children, className, height, width, }: SkeletonProps) => JSX.Element;