@zonos/amino 5.1.23 → 5.1.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -15,6 +15,7 @@ export type AvatarProps = {
15
15
  size?: ImageSize;
16
16
  };
17
17
  type AvartarBaseProps = Required<AvatarProps> & {
18
+ backgroundColor?: string;
18
19
  backgroundPosition?: string;
19
20
  backgroundSize?: string;
20
21
  backgroundUrl?: string;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var o,i,s,d,c,u=a(r),b={round:"50%",rounded:"10px",square:"0px"},l=u.default.div(i||(i=e.__makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: ",";\n border: ",";\n\n ","\n"],["\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: ",";\n border: ",";\n\n ","\n"])),t.theme.gray100,(function(e){return e.$bordered?"".concat(e.$size/16,"px solid ").concat(t.theme.gray0):void 0}),(function(n){return n.$size&&r.css(o||(o=e.__makeTemplateObject(["\n border-radius: ",";\n height: ","px;\n width: ","px;\n "],["\n border-radius: ",";\n height: ","px;\n width: ","px;\n "])),b[n.$shape],n.$size,n.$size)})),g=u.default.div(c||(c=e.__makeTemplateObject(["\n background-color: ",";\n height: 100%;\n width: 100%;\n\n ","\n\n ","\n"],["\n background-color: ",";\n height: 100%;\n width: 100%;\n\n ","\n\n ","\n"])),t.theme.gray100,(function(n){return r.css(s||(s=e.__makeTemplateObject(["\n border-radius: ",";\n "],["\n border-radius: ",";\n "])),b[n.shape])}),(function(n){return n.backgroundUrl&&r.css(d||(d=e.__makeTemplateObject(["\n background-image: url(",");\n background-position: ",";\n background-repeat: no-repeat;\n background-size: ",";\n "],["\n background-image: url(",");\n background-position: ",";\n background-repeat: no-repeat;\n background-size: ",";\n "])),n.backgroundUrl,n.backgroundPosition||"center",n.backgroundSize)}));exports.AvatarBase=function(r){var t=r.children,a=e.__rest(r,["children"]);return n.jsx(l,{$bordered:a.bordered,$shape:a.shape,$size:a.size,children:t||n.jsx(g,e.__assign({},a))})},exports.avatarShapes=b;
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var o,i,s,d,c,u=a(r),b={round:"50%",rounded:"10px",square:"0px"},l=u.default.div(i||(i=e.__makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n border: ",";\n\n ","\n"],["\n display: flex;\n justify-content: center;\n align-items: center;\n border: ",";\n\n ","\n"])),(function(e){return e.$bordered?"".concat(e.$size/16,"px solid ").concat(t.theme.gray0):void 0}),(function(n){return n.$size&&r.css(o||(o=e.__makeTemplateObject(["\n border-radius: ",";\n height: ","px;\n width: ","px;\n "],["\n border-radius: ",";\n height: ","px;\n width: ","px;\n "])),b[n.$shape],n.$size,n.$size)})),p=u.default.div(c||(c=e.__makeTemplateObject(["\n height: 100%;\n width: 100%;\n\n ","\n\n ","\n"],["\n height: 100%;\n width: 100%;\n\n ","\n\n ","\n"])),(function(n){return r.css(s||(s=e.__makeTemplateObject(["\n border-radius: ",";\n "],["\n border-radius: ",";\n "])),b[n.shape])}),(function(n){return n.backgroundUrl&&r.css(d||(d=e.__makeTemplateObject(["\n background-image: url(",");\n background-position: ",";\n background-repeat: no-repeat;\n background-size: ",";\n background-color: ",";\n "],["\n background-image: url(",");\n background-position: ",";\n background-repeat: no-repeat;\n background-size: ",";\n background-color: ",";\n "])),n.backgroundUrl,n.backgroundPosition||"center",n.backgroundSize,n.backgroundColor||"".concat(t.theme.gray100))}));exports.AvatarBase=function(r){var t=r.children,a=e.__rest(r,["children"]);return n.jsx(l,{$bordered:a.bordered,$shape:a.shape,$size:a.size,children:t||n.jsx(p,e.__assign({},a))})},exports.avatarShapes=b;
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("./AvatarBase.js");require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");exports.ImageAvatar=function(s){var a=s.bordered,t=void 0!==a&&a,i=s.imageUrl,o=s.shape,n=void 0===o?"round":o,u=s.size,d=void 0===u?32:u;return e.jsx(r.AvatarBase,{backgroundSize:"contain",backgroundUrl:i,bordered:t,shape:n,size:d})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("./AvatarBase.js");require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");exports.ImageAvatar=function(a){var s=a.bordered,t=void 0!==s&&s,i=a.imageUrl,o=a.shape,n=void 0===o?"round":o,u=a.size,d=void 0===u?32:u;return e.jsx(r.AvatarBase,{backgroundColor:"transparent",backgroundSize:"contain",backgroundUrl:i,bordered:t,shape:n,size:d})};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),o=require("react"),t=require("react-select"),i=require("styled-components"),s=require("../checkbox/Checkbox.js"),r=require("../help-text/HelpText.js"),a=require("../../icons/CheckCircleIcon.js"),l=require("../../icons/DoubleChevronIcon.js"),c=require("../../icons/RemoveCircleIcon.js"),u=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),p=require("../../utils/getTestId.js");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(t),C=h(i),O=function(o){return e.jsx(t.components.ClearIndicator,n.__assign({},o,{children:e.jsx(c.RemoveCircleIcon,{size:19})}))},w=function(o){return e.jsx(t.components.DropdownIndicator,n.__assign({},o,{children:e.jsx(l.DoubleChevronIcon,{size:20})}))},I=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 o=e.$size;return"sm"===o&&i.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 "])),o,o,o)}),(function(e){var o=e.$size;return"md"===o&&i.css(f||(f=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 "])),o,o,o)}),(function(e){var o=e.$size;return"lg"===o&&i.css(_||(_=n.__makeTemplateObject(["\n .",".has-value &,\n .",".is-focused & {\n top: 10px;\n }\n "],["\n .",".has-value &,\n .",".is-focused & {\n top: 10px;\n }\n "])),o,o)}),(function(e){var o=e.$size;return"xl"===o&&i.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 "])),o,o,o)})),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(o){var t=o.children,i=o.className,s=o.cx,r=o.getStyles,a=o.hasValue,l=o.innerProps,c=o.innerRef,u=o.isDisabled,d=o.isFocused,p=o.menuIsOpen,h=o.selectProps,m=h.icon,g=h.label,f=h.size,_=h.value;return e.jsxs("div",n.__assign({ref:c,className:s({control:!0,"control--is-disabled":u,"control--is-focused":d,"control--menu-is-open":p},[i,a?"has-value":"",m?"has-icon":"",d?"is-focused":"",g||Array.isArray(_)&&_.length>1?"has-label":"",f,"react-select-control"].join(" ")),style:r("control",o)},l,{children:[m&&e.jsx(I,{children:m}),e.jsxs(S,{$size:f,children:[g," ",Array.isArray(_)&&_.length>1&&e.jsxs(R,{children:["(",_.length," selected)"]})]}),t]}))},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(n){var o=n.children,t=n.color,i=n.icon;return e.jsxs(M,{$color:t,children:[i,o]})},N=function(o){var i=o.children,s=n.__rest(o,["children"]);return e.jsx(t.components.MultiValueLabel,n.__assign({},s,{children:e.jsx(D,{icon:s.data.icon,children:i})}))},V=function(o){var t=o.innerProps;return e.jsx("div",n.__assign({},t,{role:"button",children:e.jsx(u.RemoveIcon,{size:14})}))},$=function(o){var t=o.children,i=o.className,r=o.data,l=o.getStyles,c=o.innerProps,u=o.innerRef,d=o.isDisabled,p=o.isFocused,h=o.isSelected,m=o.selectProps,g=m,f=g.customOption,_=g.hasGroups,x=l("option",o),b=x.color,v=n.__rest(x,["color"]);_&&(v.paddingLeft=48);return e.jsx("div",n.__assign({ref:u},c,{children:e.jsx(P,{className:[i,p?"is-focused":"",d?"is-disabled":""].join(" "),style:v,children:m.isMulti?e.jsx(s.Checkbox,{checked:h,disabled:d,icon:r.icon,label:r.label,labelDescription:r.labelDescription,onChange:function(){}}):f?f(r.value):e.jsxs(B,{children:[e.jsx(D,{color:b,icon:r.icon,children:t}),h&&e.jsx(a.CheckCircleIcon,{color:"blue600",size:16})]})})}))},W={clearIndicator:function(e){return n.__assign(n.__assign({},e),{color:d.theme.gray700,paddingLeft:14,paddingRight:4})},control:function(e,o){var t=o.selectProps.size;return n.__assign(n.__assign({},e),{background:d.theme.inputBackground,borderColor:"".concat(d.theme.gray200),borderRadius:6,boxShadow:o.isFocused?"".concat(d.theme.glowBlue):"",color:d.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:"var(--amino-size-".concat(t,")"),minHeight:"var(--amino-size-".concat(t,")")})},dropdownIndicator:function(e){return n.__assign(n.__assign({},e),{color: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})},input:function(e){return n.__assign(n.__assign({},e),{color:d.theme.textColor,opacity:.8})},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,o){return n.__assign(n.__assign({},e),{backgroundColor:"inherit",borderRadius:"8px",color:o.isSelected?d.theme.blue600:d.theme.textColor,cursor:"pointer",fontWeight:o.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(t){var i=t.closeOnOutsideScroll,s=void 0!==i&&i,a=t.components,l=t.customOption,c=t.error,u=t.hasGroups,d=t.helpText,h=t.icon,m=t.label,g=t.menuPosition,f=void 0===g?"fixed":g,_=t.placeholder,x=t.size,b=void 0===x?"xl":x,v=t.styles,j=n.__rest(t,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","styles"]),y={customOption:l,hasGroups:u,icon:h,label:m,size:b},k=o.useMemo((function(){return p.getTestId({componentName:"select",name:m})}),[m]),T=o.useRef(null),C=o.useMemo((function(){return!!s&&function(n){var e,o,t;return!(n.target instanceof HTMLElement)||(null===(t=!(null===(o=null===(e=T.current)||void 0===e?void 0:e.menuListRef)||void 0===o?void 0:o.isEqualNode(n.target)))||void 0===t||t)}}),[s]);return e.jsxs(q,{className:[c?"has-error":""].join(" "),"data-testid":k,children:[e.jsx(z.default,n.__assign({ref:T,closeMenuOnScroll:C,components:n.__assign({ClearIndicator:O,Control:L,DropdownIndicator:w,MultiValueLabel:N,MultiValueRemove:V,Option:$},a),menuPosition:f,placeholder:_||"",styles:n.__assign(n.__assign({},v),W)},j,y)),e.jsx(r.HelpText,{error:c,helpText:d})]})};
1
+ "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("react-select"),i=require("styled-components"),s=require("../checkbox/Checkbox.js"),r=require("../help-text/HelpText.js"),a=require("../../icons/CheckCircleIcon.js"),l=require("../../icons/DoubleChevronIcon.js"),c=require("../../icons/RemoveCircleIcon.js"),d=require("../../icons/RemoveIcon.js"),u=require("../../styles/constants/theme.js"),p=require("../../utils/getTestId.js");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(i),O=function(t){return e.jsx(o.components.ClearIndicator,n.__assign({},t,{children:e.jsx(c.RemoveCircleIcon,{size:19})}))},w=function(t){return e.jsx(o.components.DropdownIndicator,n.__assign({},t,{children:e.jsx(l.DoubleChevronIcon,{size:20})}))},I=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"])),u.theme.gray700),R=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"])),u.theme.transition,u.theme.fontSizeBase,u.theme.fontSizeBase,u.theme.space16,u.theme.space40,u.theme.fontSizeBase,u.theme.space8,(function(e){var t=e.$size;return"sm"===t&&i.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 "])),t,t,t)}),(function(e){var t=e.$size;return"md"===t&&i.css(f||(f=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 "])),t,t,t)}),(function(e){var t=e.$size;return"lg"===t&&i.css(_||(_=n.__makeTemplateObject(["\n .",".has-value &,\n .",".is-focused & {\n top: 10px;\n }\n "],["\n .",".has-value &,\n .",".is-focused & {\n top: 10px;\n }\n "])),t,t)}),(function(e){var t=e.$size;return"xl"===t&&i.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 "])),t,t,t)})),S=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"])),u.theme.glowError),q=C.default.strong(j||(j=n.__makeTemplateObject(["\n font-weight: 600;\n"],["\n font-weight: 600;\n"]))),L=function(t){var o=t.children,i=t.className,s=t.cx,r=t.getStyles,a=t.hasValue,l=t.innerProps,c=t.innerRef,d=t.isDisabled,u=t.isFocused,p=t.menuIsOpen,h=t.selectProps,m=h.icon,g=h.label,f=h.size,_=h.value;return e.jsxs("div",n.__assign({ref:c,className:s({control:!0,"control--is-disabled":d,"control--is-focused":u,"control--menu-is-open":p},[i,a?"has-value":"",m?"has-icon":"",u?"is-focused":"",g||Array.isArray(_)&&_.length>1?"has-label":"",f,"react-select-control"].join(" ")),style:r("control",t)},l,{children:[m&&e.jsx(I,{children:m}),e.jsxs(R,{$size:f,children:[g," ",Array.isArray(_)&&_.length>1&&e.jsxs(q,{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"}),u.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"])),u.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(n){var t=n.children,o=n.color,i=n.icon;return e.jsxs(M,{$color:o,children:[i,t]})},N=function(t){var i=t.children,s=n.__rest(t,["children"]);return e.jsx(o.components.MultiValueLabel,n.__assign({},s,{children:e.jsx(D,{icon:s.data.icon,children:i})}))},V=function(t){var o=t.innerProps;return e.jsx("div",n.__assign({},o,{role:"button",children:e.jsx(d.RemoveIcon,{size:14})}))},$=function(t){var o=t.children,i=t.className,r=t.data,l=t.getStyles,c=t.innerProps,d=t.innerRef,u=t.isDisabled,p=t.isFocused,h=t.isSelected,m=t.selectProps,g=m,f=g.customOption,_=g.hasGroups,x=l("option",t),b=x.color,v=n.__rest(x,["color"]);_&&(v.paddingLeft=48);return e.jsx("div",n.__assign({ref:d},c,{children:e.jsx(P,{className:[i,p?"is-focused":"",u?"is-disabled":""].join(" "),style:v,children:m.isMulti?e.jsx(s.Checkbox,{checked:h,disabled:u,icon:r.icon,label:r.label,labelDescription:r.labelDescription,onChange:function(){}}):f?f(r.value):e.jsxs(B,{children:[e.jsx(D,{color:b,icon:r.icon,children:o}),h&&e.jsx(a.CheckCircleIcon,{color:"blue600",size:16})]})})}))},W={clearIndicator:function(e){return n.__assign(n.__assign({},e),{color:u.theme.gray700,paddingLeft:14,paddingRight:4})},control:function(e,t){var o=t.selectProps.size;return n.__assign(n.__assign({},e),{background:u.theme.inputBackground,borderColor:"".concat(u.theme.gray200),borderRadius:6,boxShadow:t.isFocused?"".concat(u.theme.glowBlue):"",color:u.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:u.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})},input:function(e){return n.__assign(n.__assign({},e),{color:u.theme.textColor,opacity:.8})},menu:function(e){return n.__assign(n.__assign({},e),{background:u.theme.surfaceColor,borderRadius:12,boxShadow:u.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),{alignItems:"center",background:u.theme.gray100,borderRadius:u.theme.radius4,fontWeight:600,maxHeight:20,minWidth:"inherit",paddingRight:2})},multiValueLabel:function(e){return n.__assign(n.__assign({},e),{color:u.theme.textColor})},option:function(e,t){return n.__assign(n.__assign({},e),{backgroundColor:"inherit",borderRadius:"8px",color:t.isSelected?u.theme.blue600:u.theme.textColor,cursor:"pointer",fontWeight:t.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:u.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 i=o.closeOnOutsideScroll,s=void 0!==i&&i,a=o.components,l=o.customOption,c=o.error,d=o.hasGroups,u=o.helpText,h=o.icon,m=o.label,g=o.menuPosition,f=void 0===g?"fixed":g,_=o.placeholder,x=o.size,b=void 0===x?"xl":x,v=o.styles,j=n.__rest(o,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","styles"]),y={customOption:l,hasGroups:d,icon:h,label:m,size:b},k=t.useMemo((function(){return p.getTestId({componentName:"select",name:m})}),[m]),T=t.useRef(null),C=t.useMemo((function(){return!!s&&function(n){var e,t,o;return!(n.target instanceof HTMLElement)||(null===(o=!(null===(t=null===(e=T.current)||void 0===e?void 0:e.menuListRef)||void 0===t?void 0:t.isEqualNode(n.target)))||void 0===o||o)}}),[s]);return e.jsxs(S,{className:[c?"has-error":""].join(" "),"data-testid":k,children:[e.jsx(z.default,n.__assign({ref:T,closeMenuOnScroll:C,components:n.__assign({ClearIndicator:O,Control:L,DropdownIndicator:w,MultiValueLabel:N,MultiValueRemove:V,Option:$},a),menuPosition:f,placeholder:_||"",styles:n.__assign(n.__assign({},v),W)},j,y)),e.jsx(r.HelpText,{error:c,helpText:u})]})};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zonos/amino",
3
- "version": "5.1.23",
3
+ "version": "5.1.25",
4
4
  "description": "Core UI components for Amino",
5
5
  "repository": "git@github.com:Zonos/amino.git",
6
6
  "license": "MIT",