@zonos/amino 5.5.1 → 5.5.3

package/components/checkbox/Checkbox.d.ts

@@ -2,11 +2,6 @@ import { type ChangeEvent, type ComponentPropsWithoutRef, type KeyboardEvent, ty
 import { type HelpTextProps } from "../help-text/HelpText";
 import type { BaseProps } from "../../types/BaseProps";
 export type CheckboxProps = Omit<ComponentPropsWithoutRef<'label'>, 'onClick' | 'onChange'> & BaseProps & HelpTextProps & {
-    /**
-     * Don't stop propagation of the click event
-     * @default false
-     */
-    allowPropagation?: boolean;
     checked: boolean;
     disabled?: boolean;
     icon?: ReactNode;
@@ -14,6 +9,6 @@ export type CheckboxProps = Omit<ComponentPropsWithoutRef<'label'>, 'onClick' |
     labelComponent?: ReactNode;
     labelDescription?: string;
     onChange: (checked: boolean, event: ChangeEvent<HTMLInputElement> | KeyboardEvent<HTMLInputElement>) => void;
-    subtitle?: string;
+    subtitle?: ReactNode;
 };
-export declare const Checkbox: ({ allowPropagation, checked, className, disabled, error, helpText, icon, label, labelComponent, labelDescription, onChange, style, subtitle, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: ({ checked, className, disabled, error, helpText, icon, label, labelComponent, labelDescription, onChange, style, subtitle, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/components/checkbox/Checkbox.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-5672428a.js"),o=require("react/jsx-runtime"),n=require("react"),i=require("clsx"),a=require("framer-motion"),c=require("../help-text/HelpText.js"),l=require("../text/Text.js"),r=require("../../icons/CheckmarkIcon.js"),t=require("../../styles/constants/theme.js"),s=require("../../global.module-569e4fd5.js"),d=require("../../utils/getTestId.js"),m=require("../../style-inject.es-d4ddeae4.js");function b(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var h=b(i),_="Amino_Checkbox-module__wrapper--PnUGD",x="Amino_Checkbox-module__checkboxContainer--T3dHf",u="Amino_Checkbox-module__disabled--5BFJi",k="Amino_Checkbox-module__aminoCheckbox--s-hZQ",p="Amino_Checkbox-module__styledLabel--nNdgS",C="Amino_Checkbox-module__styledSubtitle--F4Zg5",g="Amino_Checkbox-module__labelWrapper--opXpk",y="Amino_Checkbox-module__infoWrapper--0j0cc",A="Amino_Checkbox-module__styledLabelDescription--m4mFs";m.styleInject(".Amino_Checkbox-module__wrapper--PnUGD{cursor:pointer}.Amino_Checkbox-module__checkboxContainer--T3dHf{display:flex;flex-direction:row}.Amino_Checkbox-module__checkboxContainer--T3dHf,.Amino_Checkbox-module__checkboxContainer--T3dHf *{pointer-events:none;-webkit-user-select:none;user-select:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi{cursor:not-allowed}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__aminoCheckbox--s-hZQ{background:var(--amino-checkbox-disabled-background);border:var(--amino-checkbox-disabled-border);box-shadow:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledLabel--nNdgS{color:var(--amino-gray-600)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledSubtitle--F4Zg5{color:var(--amino-gray-400)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__labelWrapper--opXpk svg{opacity:var(--amino-opacity-disabled)}.Amino_Checkbox-module__aminoCheckbox--s-hZQ{align-items:center;background:var(--amino-checkbox-background);border:var(--amino-checkbox-border);border-radius:var(--amino-radius-4);box-shadow:var(--amino-checkbox-box-shadow);display:flex;height:16px;justify-content:center;line-height:16px;min-height:16px;min-width:16px;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;width:16px}.Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{box-shadow:0 2px 4px #0000000f,0 1px 2px #0000000a;color:var(--amino-gray-0);height:16px;width:16px}[data-theme=night] .Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{color:var(--amino-gray-1000)}.Amino_Checkbox-module__infoWrapper--0j0cc{margin-left:8px}.Amino_Checkbox-module__styledLabelDescription--m4mFs{color:var(--amino-gray-600);margin-left:4px}.Amino_Checkbox-module__styledLabel--nNdgS.Amino_Checkbox-module__styledLabel--nNdgS{margin-bottom:0}.Amino_Checkbox-module__labelWrapper--opXpk{align-items:center;display:flex;line-height:16px}.Amino_Checkbox-module__labelWrapper--opXpk svg{margin-right:4px}");var f=a.motion(r.CheckmarkIcon),v=function(e,o){return e?o?t.theme.danger:t.theme.primary:t.theme.inputBackground},j=function(e,o){return e?"none":"1.5px solid ".concat(o?t.theme.danger:t.theme.gray400)};exports.Checkbox=function(i){var r=i.allowPropagation,m=void 0!==r&&r,b=i.checked,w=void 0!==b&&b,T=i.className,N=i.disabled,q=i.error,H=void 0!==q&&q,F=i.helpText,B=i.icon,S=i.label,I=i.labelComponent,P=i.labelDescription,D=i.onChange,L=i.style,Z=i.subtitle,J=e.__rest(i,["allowPropagation","checked","className","disabled","error","helpText","icon","label","labelComponent","labelDescription","onChange","style","subtitle"]),W=n.useId(),Q=n.useMemo((function(){return d.getTestId({componentName:"checkbox",name:S})}),[S]),X=function(e){m||e.stopPropagation(),N||D(!w,e)};return o.jsxs("label",e.__assign({className:h.default(s.globalStyles.focusableLabel,_,T),htmlFor:W,onClick:function(e){return!m&&e.stopPropagation()},style:e.__assign(e.__assign({},L),{"--amino-checkbox-background":v(w,H),"--amino-checkbox-border":j(w,H),"--amino-checkbox-box-shadow":w?t.theme.shadowButtonPrimary:"none","--amino-checkbox-disabled-background":w?t.theme.blue200:"","--amino-checkbox-disabled-border":w?"none":"1.5px solid ".concat(t.theme.gray300)})},J,{children:[o.jsx("input",{checked:w,className:h.default(s.globalStyles.inputHidden,N&&"disabled"),"data-testid":Q,id:W,onChange:X,onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||X(e)},tabIndex:0,type:"checkbox"}),o.jsxs("div",{className:h.default(x,"amino-input-wrapper",N&&u,N&&"disabled"),children:[o.jsx("div",{className:k,children:o.jsx(a.AnimatePresence,{children:w&&o.jsx(f,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),I||S&&o.jsxs("div",{className:y,children:[o.jsxs("div",{className:g,children:[B,o.jsxs(l.Text,{className:p,type:"input-label",children:[S,P&&o.jsx("span",{className:A,children:P})]})]}),Z&&o.jsx(l.Text,{className:C,type:"subtitle",children:Z})]})]}),o.jsx(c.HelpText,{error:H,helpText:F})]}))};
+"use strict";var e=require("../../tslib.es6-5672428a.js"),o=require("react/jsx-runtime"),n=require("react"),i=require("clsx"),a=require("framer-motion"),c=require("../help-text/HelpText.js"),l=require("../text/Text.js"),r=require("../../icons/CheckmarkIcon.js"),t=require("../../styles/constants/theme.js"),s=require("../../global.module-569e4fd5.js"),d=require("../../utils/getTestId.js"),m=require("../../style-inject.es-d4ddeae4.js");function b(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var h=b(i),_="Amino_Checkbox-module__wrapper--PnUGD",x="Amino_Checkbox-module__checkboxContainer--T3dHf",u="Amino_Checkbox-module__disabled--5BFJi",k="Amino_Checkbox-module__aminoCheckbox--s-hZQ",p="Amino_Checkbox-module__styledLabel--nNdgS",C="Amino_Checkbox-module__styledSubtitle--F4Zg5",g="Amino_Checkbox-module__labelWrapper--opXpk",y="Amino_Checkbox-module__infoWrapper--0j0cc",A="Amino_Checkbox-module__styledLabelDescription--m4mFs";m.styleInject(".Amino_Checkbox-module__wrapper--PnUGD{cursor:pointer}.Amino_Checkbox-module__checkboxContainer--T3dHf{display:flex;flex-direction:row}.Amino_Checkbox-module__checkboxContainer--T3dHf,.Amino_Checkbox-module__checkboxContainer--T3dHf *{pointer-events:none;-webkit-user-select:none;user-select:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi{cursor:not-allowed}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__aminoCheckbox--s-hZQ{background:var(--amino-checkbox-disabled-background);border:var(--amino-checkbox-disabled-border);box-shadow:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledLabel--nNdgS{color:var(--amino-gray-600)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledSubtitle--F4Zg5{color:var(--amino-gray-400)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__labelWrapper--opXpk svg{opacity:var(--amino-opacity-disabled)}.Amino_Checkbox-module__aminoCheckbox--s-hZQ{align-items:center;background:var(--amino-checkbox-background);border:var(--amino-checkbox-border);border-radius:var(--amino-radius-4);box-shadow:var(--amino-checkbox-box-shadow);display:flex;height:16px;justify-content:center;line-height:16px;min-height:16px;min-width:16px;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;width:16px}.Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{box-shadow:0 2px 4px #0000000f,0 1px 2px #0000000a;color:var(--amino-gray-0);height:16px;width:16px}[data-theme=night] .Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{color:var(--amino-gray-1000)}.Amino_Checkbox-module__infoWrapper--0j0cc{margin-left:8px}.Amino_Checkbox-module__styledLabelDescription--m4mFs{color:var(--amino-gray-600);margin-left:4px}.Amino_Checkbox-module__styledLabel--nNdgS.Amino_Checkbox-module__styledLabel--nNdgS{margin-bottom:0}.Amino_Checkbox-module__styledSubtitle--F4Zg5{margin-left:24px;margin-top:4px}.Amino_Checkbox-module__labelWrapper--opXpk{align-items:center;display:flex;line-height:16px}.Amino_Checkbox-module__labelWrapper--opXpk svg{margin-right:4px}");var f=a.motion(r.CheckmarkIcon),j=function(e,o){return e?o?t.theme.danger:t.theme.primary:t.theme.inputBackground},v=function(e,o){return e?"none":"1.5px solid ".concat(o?t.theme.danger:t.theme.gray400)};exports.Checkbox=function(i){var r=i.checked,m=void 0!==r&&r,b=i.className,T=i.disabled,w=i.error,N=void 0!==w&&w,q=i.helpText,F=i.icon,H=i.label,S=i.labelComponent,B=i.labelDescription,I=i.onChange,Z=i.style,D=i.subtitle,L=e.__rest(i,["checked","className","disabled","error","helpText","icon","label","labelComponent","labelDescription","onChange","style","subtitle"]),J=n.useId(),W=n.useMemo((function(){return d.getTestId({componentName:"checkbox",name:H})}),[H]),Q=function(e){T||I(!m,e)};return o.jsxs("label",e.__assign({className:h.default(s.globalStyles.focusableLabel,_,b),htmlFor:J,style:e.__assign(e.__assign({},Z),{"--amino-checkbox-background":j(m,N),"--amino-checkbox-border":v(m,N),"--amino-checkbox-box-shadow":m?t.theme.shadowButtonPrimary:"none","--amino-checkbox-disabled-background":m?t.theme.blue200:"","--amino-checkbox-disabled-border":m?"none":"1.5px solid ".concat(t.theme.gray300)})},L,{children:[o.jsx("input",{checked:m,className:h.default(s.globalStyles.inputHidden,T&&"disabled"),"data-testid":W,id:J,onChange:Q,onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||Q(e)},tabIndex:0,type:"checkbox"}),o.jsxs("div",{className:h.default(x,"amino-input-wrapper",T&&u,T&&"disabled"),children:[o.jsx("div",{className:k,children:o.jsx(a.AnimatePresence,{children:m&&o.jsx(f,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),S||H&&o.jsx("div",{className:y,children:o.jsxs("div",{className:g,children:[F,o.jsxs(l.Text,{className:p,type:"input-label",children:[H,B&&o.jsx("span",{className:A,children:B})]})]})})]}),D&&o.jsx("div",{className:C,children:o.jsx(l.Text,{type:"subtitle",children:D})}),o.jsx(c.HelpText,{error:N,helpText:q})]}))};

package/components/select/_StyledReactSelect.js

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

package/icons/flag-icon/FlagIcon.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-5672428a.js"),r=require("react/jsx-runtime"),t=require("react"),s=require("../flags/Default.js");require("./_FlagIconBase.js"),require("../../style-inject.es-d4ddeae4.js");var i=t.forwardRef((function(i,u){var a,n=i.code,l=i.iconScale,c=function(){switch(l){case"small":return{height:16,width:16};case"medium":return{height:20,width:20};default:return{borderRadius:11,height:32,width:32}}};return r.jsx(t.Suspense,{fallback:r.jsx(s.Default,e.__assign({},c())),children:(a=t.lazy((function(){return import("../flags/"+n).then((function(e){return{default:e[n]}}))})),a?r.jsx(a,e.__assign({ref:u},c())):null)})}));exports.FlagIcon=i;
+"use strict";var e=require("../../tslib.es6-5672428a.js"),r=require("react/jsx-runtime"),t=require("react"),s=require("../flags/Default.js");require("./_FlagIconBase.js"),require("../../style-inject.es-d4ddeae4.js");var i=t.forwardRef((function(i,u){var a,n=i.code,l=i.iconScale,c=function(){switch(l){case"small":return{height:16,width:16};case"medium":return{height:20,width:20};default:return{borderRadius:11,height:32,width:32}}};return r.jsx(t.Suspense,{fallback:r.jsx(s.Default,e.__assign({},c())),children:(a=t.lazy((function(){return import("../flags/"+n+".js").then((function(e){return{default:e[n]}}))})),a?r.jsx(a,e.__assign({ref:u},c())):null)})}));exports.FlagIcon=i;

package/package.json

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