@zonos/amino 5.1.44 → 5.1.46

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.
Files changed (37) hide show
  1. package/components/announcement-dialog/AnnouncementDialog.js +1 -1
  2. package/components/banner/Banner.js +1 -1
  3. package/components/button/Button.js +1 -1
  4. package/components/button/LegacyButton.d.ts +2 -2
  5. package/components/card/Card.js +1 -1
  6. package/components/checkbox/Checkbox.js +1 -1
  7. package/components/dialog/BaseDialog.js +1 -1
  8. package/components/dialog/Dialog.js +1 -1
  9. package/components/drop-zone/DropZone.js +1 -1
  10. package/components/file-upload/FileUpload.js +1 -1
  11. package/components/filter/useFilterWrapper.js +1 -1
  12. package/components/graph-matrix/GraphMatrix.js +1 -1
  13. package/components/input/Input.js +1 -1
  14. package/components/input/input-type/_FloatLabelInput.js +1 -1
  15. package/components/layout/Layout.js +1 -1
  16. package/components/nested-data-table/NestedDataTable.js +1 -1
  17. package/components/nested-data-table/NestedDataTableHasura.js +1 -1
  18. package/components/nested-data-table/_TableData.js +1 -1
  19. package/components/profile-icon/ProfileIcon.js +1 -1
  20. package/components/radio/Radio.js +1 -1
  21. package/components/rich-card-select/RichCardStateSelect.js +1 -1
  22. package/components/rich-radio/RichRadio.js +1 -1
  23. package/components/section/HSection.js +1 -1
  24. package/components/simple-table/SimpleTable.js +1 -1
  25. package/components/spinner/Spinner.js +1 -1
  26. package/components/surface/Surface.d.ts +4 -1
  27. package/components/surface/Surface.js +1 -1
  28. package/components/switch/Switch.js +1 -1
  29. package/components/table/TableRowCollapse.js +1 -1
  30. package/components/tabs/Tabs.js +1 -1
  31. package/components/tag/Tag.js +1 -1
  32. package/components/text/Text.d.ts +2 -2
  33. package/components/text/Text.js +1 -1
  34. package/components/textarea/Textarea.js +1 -1
  35. package/components/theme-select/ThemeSelect.js +1 -1
  36. package/components/toast/ToastContext.js +1 -1
  37. package/package.json +1 -1
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("zod"),i=require("../dialog/BaseDialog.js"),o=require("../stack/VStack.js"),s=require("../text/Text.js"),l=require("../../styles/constants/theme.js"),u=require("../../utils/hooks/useStorage.js");function c(e){return e&&e.__esModule?e:{default:e}}require("react-dom"),require("framer-motion"),require("../stack/Stack.js"),require("../../utils/storage.js"),require("swr");var m,d,g=c(r),h=g.default(o.VStack)(m||(m=e.__makeTemplateObject(["\n padding: "," ",";\n overflow-y: auto;\n flex-grow: 1;\n"],["\n padding: "," ",";\n overflow-y: auto;\n flex-grow: 1;\n"])),l.theme.space16,l.theme.space24),j=g.default.div(d||(d=e.__makeTemplateObject(["\n width: ",";\n height: auto;\n margin: ",";\n margin-bottom: ",";\n"],["\n width: ",";\n height: auto;\n margin: ",";\n margin-bottom: ",";\n"])),(function(e){return"".concat(e.imageWidth,"px")||"100%"}),(function(e){return e.imageWidth?"0 auto":"unset"}),l.theme.space16),f=t.forwardRef((function(t,r){var o=t.announcementId,l=t.children,c=t.className,m=t.image,d=t.imageWidth,g=t.label,f=t.onClose,p=t.open,x=t.title,q=e.__rest(t,["announcementId","children","className","image","imageWidth","label","onClose","open","title"]),_=u.useStorage({defaultValue:"",key:"announcement:".concat(o),schema:a.z.enum(["seen",""]),type:"local"}),b=_.setValue,k=_.value;return n.jsxs(i.BaseDialog,e.__assign({},q,{className:[c||"","announcement-dialog"].join(" "),onClose:function(){f&&f(),b("seen")},open:p||!k,children:[n.jsx(j,{imageWidth:d,children:m}),n.jsxs(h,{spacing:8,children:[n.jsx(s.Text,{color:"blue600",type:"label",children:g}),n.jsx(s.Text,{type:"title",children:x}),n.jsx("div",{ref:r,children:n.jsx(s.Text,{color:"gray800",children:l})})]})]}))}));exports.AnnouncementDialog=f;
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("zod"),i=require("../dialog/BaseDialog.js"),o=require("../stack/VStack.js"),s=require("../text/Text.js"),l=require("../../styles/constants/theme.js"),u=require("../../utils/hooks/useStorage.js");function c(e){return e&&e.__esModule?e:{default:e}}require("react-dom"),require("framer-motion"),require("../stack/Stack.js"),require("../../utils/storage.js"),require("swr");var m,d,g=c(r),h=g.default(o.VStack)(m||(m=e.__makeTemplateObject(["\n padding: "," ",";\n overflow-y: auto;\n flex-grow: 1;\n"],["\n padding: "," ",";\n overflow-y: auto;\n flex-grow: 1;\n"])),l.theme.space16,l.theme.space24),j=g.default.div(d||(d=e.__makeTemplateObject(["\n width: ",";\n height: auto;\n margin: ",";\n margin-bottom: ",";\n"],["\n width: ",";\n height: auto;\n margin: ",";\n margin-bottom: ",";\n"])),(function(e){return"".concat(e.$imageWidth,"px")||"100%"}),(function(e){return e.$imageWidth?"0 auto":"unset"}),l.theme.space16),f=t.forwardRef((function(t,r){var o=t.announcementId,l=t.children,c=t.className,m=t.image,d=t.imageWidth,g=t.label,f=t.onClose,p=t.open,x=t.title,q=e.__rest(t,["announcementId","children","className","image","imageWidth","label","onClose","open","title"]),_=u.useStorage({defaultValue:"",key:"announcement:".concat(o),schema:a.z.enum(["seen",""]),type:"local"}),b=_.setValue,k=_.value;return n.jsxs(i.BaseDialog,e.__assign({},q,{className:[c||"","announcement-dialog"].join(" "),onClose:function(){f&&f(),b("seen")},open:p||!k,children:[n.jsx(j,{$imageWidth:d,children:m}),n.jsxs(h,{spacing:8,children:[n.jsx(s.Text,{color:"blue600",type:"label",children:g}),n.jsx(s.Text,{type:"title",children:x}),n.jsx("div",{ref:r,children:n.jsx(s.Text,{color:"gray800",children:l})})]})]}))}));exports.AnnouncementDialog=f;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),o=require("../button/LegacyButton.js"),t=require("../stack/HStack.js"),a=require("../text/Text.js"),c=require("../../icons/CheckCircleDuotoneIcon.js"),i=require("../../icons/InfoDuotoneIcon.js"),l=require("../../icons/RemoveCircleDuotoneIcon.js"),s=require("../../icons/RemoveIcon.js"),d=require("../../icons/WarningDuotoneIcon.js"),u=require("../../styles/constants/theme.js");function m(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var p,g,j,x,b,f,h,_,k,y,I,C,q,v,T=m(r),O=T.default.div(p||(p=e.__makeTemplateObject(["\n border-radius: ",";\n padding: ",";\n"],["\n border-radius: ",";\n padding: ",";\n"])),u.theme.radius12,u.theme.space16),D=T.default.div(g||(g=e.__makeTemplateObject(["\n display: grid;\n align-items: ",";\n grid-template-areas:\n 'icon header close'\n '. content .';\n grid-template-columns: 32px auto ",";\n"],["\n display: grid;\n align-items: ",";\n grid-template-areas:\n 'icon header close'\n '. content .';\n grid-template-columns: 32px auto ",";\n"])),(function(e){return e.onlyContent?"start":"center"}),(function(e){return e.withoutCloseButton?"0px":"32px"})),w=T.default.div(j||(j=e.__makeTemplateObject(["\n grid-area: icon;\n justify-self: start;\n"],["\n grid-area: icon;\n justify-self: start;\n"]))),B=T.default.div(x||(x=e.__makeTemplateObject(["\n grid-area: close;\n justify-self: end;\n"],["\n grid-area: close;\n justify-self: end;\n"]))),R=T.default(o.LegacyButton)(b||(b=e.__makeTemplateObject(["\n && {\n width: 24px;\n }\n"],["\n && {\n width: 24px;\n }\n"]))),z=T.default.div(f||(f=e.__makeTemplateObject(["\n grid-area: header;\n color: ",";\n"],["\n grid-area: header;\n color: ",";\n"])),(function(e){return u.theme[e.color]})),N=T.default.div(h||(h=e.__makeTemplateObject(["\n grid-area: content;\n margin-top: 8px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n"],["\n grid-area: content;\n margin-top: 8px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n"]))),S=T.default.header(_||(_=e.__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"]))),H=T.default.footer(k||(k=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),A=T.default(O)(y||(y=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),u.theme.gray50,u.theme.gray700,u.theme.gray100),L=T.default(O)(I||(I=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),u.theme.blue100,u.theme.blue700,u.theme.blue200),W=T.default(O)(C||(C=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),u.theme.green100,u.theme.green700,u.theme.green200),G=T.default(O)(q||(q=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),u.theme.orange100,u.theme.orange700,u.theme.orange200),M=T.default(O)(v||(v=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),u.theme.red100,u.theme.red700,u.theme.red200);exports.Banner=function(r){var o=r.children,u=r.className,m=void 0===u?"":u,p=r.footerActions,g=r.headerActions,j=r.intent,x=r.onClose,b=r.title,f=function(r){var c=r.intentIcon,i=r.removeIconColor,l=!!o&&!b&&!p,d=e.__read([b&&n.jsxs(S,{children:[n.jsx(a.Text,{color:i,type:"label",children:b}),g&&n.jsx(t.HStack,{spacing:8,children:g})]}),o,p&&n.jsx(H,{children:n.jsx(t.HStack,{spacing:8,children:p})})].filter(Boolean),3),u=d[0],m=d[1],j=d[2];return n.jsxs(D,{onlyContent:l,withoutCloseButton:!x,children:[n.jsx(w,{children:c}),x&&n.jsx(B,{children:n.jsx(R,{icon:n.jsx(s.RemoveIcon,{color:i,size:20}),intent:"text",onClick:x})}),n.jsx(z,{color:i,children:u}),m&&n.jsxs(N,{children:[m,j]})]})};switch(j){case"info":return n.jsx(L,{className:m,children:f({intentIcon:n.jsx(i.InfoDuotoneIcon,{color:"blue800",secondaryColor:"blue400",size:24}),removeIconColor:"blue800"})});case"success":return n.jsx(W,{className:m,children:f({intentIcon:n.jsx(c.CheckCircleDuotoneIcon,{color:"green800",secondaryColor:"green400",size:24}),removeIconColor:"green800"})});case"warning":return n.jsx(G,{className:m,children:f({intentIcon:n.jsx(d.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400",size:24}),removeIconColor:"orange800"})});case"error":return n.jsx(M,{className:m,children:f({intentIcon:n.jsx(l.RemoveCircleDuotoneIcon,{color:"red800",secondaryColor:"red400",size:24}),removeIconColor:"red800"})});default:return n.jsx(A,{className:m,children:f({intentIcon:n.jsx(i.InfoDuotoneIcon,{color:"gray800",secondaryColor:"gray400",size:24}),removeIconColor:"gray800"})})}};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),o=require("../button/Button.js"),t=require("../text/Text.js"),a=require("../../icons/CheckCircleDuotoneIcon.js"),i=require("../../icons/InfoDuotoneIcon.js"),l=require("../../icons/RemoveCircleDuotoneIcon.js"),c=require("../../icons/RemoveIcon.js"),s=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var m,p,g,j,x,b,f,h,_,y,k,I,v,C,q,T=u(r),O=T.default.div(m||(m=e.__makeTemplateObject(["\n border-radius: ",";\n padding: ",";\n\n .amino-button {\n &:hover,\n &:focus {\n filter: brightness(1.1);\n }\n }\n"],["\n border-radius: ",";\n padding: ",";\n\n .amino-button {\n &:hover,\n &:focus {\n filter: brightness(1.1);\n }\n }\n"])),d.theme.radius12,d.theme.space16),D=T.default.div(p||(p=e.__makeTemplateObject(["\n display: grid;\n align-items: ",";\n grid-template-areas:\n 'icon header close'\n '. content .';\n grid-template-columns: 32px auto ",";\n"],["\n display: grid;\n align-items: ",";\n grid-template-areas:\n 'icon header close'\n '. content .';\n grid-template-columns: 32px auto ",";\n"])),(function(e){return e.$onlyContent?"start":"center"}),(function(e){return e.$withoutCloseButton?"0px":"32px"})),w=T.default.div(g||(g=e.__makeTemplateObject(["\n grid-area: icon;\n justify-self: start;\n"],["\n grid-area: icon;\n justify-self: start;\n"]))),B=T.default.div(j||(j=e.__makeTemplateObject(["\n grid-area: close;\n justify-self: end;\n"],["\n grid-area: close;\n justify-self: end;\n"]))),R=T.default(o.Button)(x||(x=e.__makeTemplateObject(["\n && {\n width: 24px;\n }\n"],["\n && {\n width: 24px;\n }\n"]))),z=T.default.div(b||(b=e.__makeTemplateObject(["\n grid-area: header;\n color: ",";\n"],["\n grid-area: header;\n color: ",";\n"])),(function(e){return d.theme[e.$color]})),N=T.default.div(f||(f=e.__makeTemplateObject(["\n grid-area: content;\n margin-top: 8px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n"],["\n grid-area: content;\n margin-top: 8px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n"]))),$=T.default.div(h||(h=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n"])),d.theme.space8),A=T.default.header(_||(_=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: ",";\n"])),d.theme.space12),W=T.default.footer(y||(y=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n"])),d.theme.space12),G=T.default(O)(k||(k=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),d.theme.gray50,d.theme.gray700,d.theme.gray100),M=T.default(O)(I||(I=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),d.theme.blue100,d.theme.blue700,d.theme.blue200),S=T.default(O)(v||(v=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),d.theme.green100,d.theme.green700,d.theme.green200),E=T.default(O)(C||(C=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),d.theme.orange100,d.theme.orange700,d.theme.orange200),F=T.default(O)(q||(q=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),d.theme.red100,d.theme.red700,d.theme.red200);exports.Banner=function(r){var o=r.children,d=r.className,u=void 0===d?"":d,m=r.footerActions,p=r.headerActions,g=r.intent,j=r.onClose,x=r.title,b=function(r){var a=r.intentIcon,i=r.removeIconColor,l=!!o&&!x&&!m,s=e.__read([x&&n.jsxs(A,{children:[n.jsx(t.Text,{color:i,type:"label",children:x}),p&&n.jsx($,{children:p})]}),o,m&&n.jsx(W,{children:n.jsx($,{children:m})})].filter(Boolean),3),d=s[0],u=s[1],g=s[2];return n.jsxs(D,{$onlyContent:l,$withoutCloseButton:!j,children:[n.jsx(w,{children:a}),j&&n.jsx(B,{children:n.jsx(R,{icon:n.jsx(c.RemoveIcon,{color:i,size:20}),onClick:j,variant:"text"})}),n.jsx(z,{$color:i,children:d}),u&&n.jsxs(N,{children:[u,g]})]})};switch(g){case"info":return n.jsx(M,{className:u,children:b({intentIcon:n.jsx(i.InfoDuotoneIcon,{color:"blue800",secondaryColor:"blue400",size:24}),removeIconColor:"blue800"})});case"success":return n.jsx(S,{className:u,children:b({intentIcon:n.jsx(a.CheckCircleDuotoneIcon,{color:"green800",secondaryColor:"green400",size:24}),removeIconColor:"green800"})});case"warning":return n.jsx(E,{className:u,children:b({intentIcon:n.jsx(s.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400",size:24}),removeIconColor:"orange800"})});case"error":return n.jsx(F,{className:u,children:b({intentIcon:n.jsx(l.RemoveCircleDuotoneIcon,{color:"red800",secondaryColor:"red400",size:24}),removeIconColor:"red800"})});default:return n.jsx(G,{className:u,children:b({intentIcon:n.jsx(i.InfoDuotoneIcon,{color:"gray800",secondaryColor:"gray400",size:24}),removeIconColor:"gray800"})})}};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),c=require("../../styles/constants/theme.js");function u(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var s,d,l,h,g,p,b,m,f,x,k=u(o),v=function(n){return"inherit"===n?"inherit":n?c.theme[n]:void 0},w=function(n){switch(n){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},y=k.default.span(s||(s=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: ",";\n gap: ",";\n"],["\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: ",";\n gap: ",";\n"])),c.theme.radius6,c.theme.space8),_=k.default.button(d||(d=n.__makeTemplateObject(["\n position: relative;\n outline: none;\n height: ",";\n line-height: ",";\n font-size: ",";\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n padding: 0 ",";\n border-radius: ",";\n transition:\n ",",\n visibility 0;\n font-weight: ",";\n user-select: none;\n font-family: ",";\n letter-spacing: normal;\n cursor: pointer;\n white-space: nowrap;\n padding: ",";\n width: ",";\n text-shadow:\n 0px 2px 4px rgba(0, 0, 0, 0.02),\n 0px 1px 2px rgba(0, 0, 0, 0.04);\n\n svg path:not([data-is-secondary-color]) {\n fill: currentColor;\n }\n\n .text {\n padding: 0 ",";\n }\n\n &.only-icon {\n width: ",";\n padding: 0;\n }\n\n &.only-icon .text {\n padding: 0;\n }\n\n &:active,\n &:focus {\n svg path:not([data-is-secondary-color]) {\n fill: currentColor;\n }\n }\n\n &:focus {\n outline: none;\n }\n\n &:active {\n transform: scale(0.99);\n }\n\n &:not(.only-icon).has-icon {\n &.icon-right {\n svg:not(.amino-spinner) {\n margin-left: 2px;\n margin-right: 0;\n opacity: 80%;\n }\n }\n svg:not(.amino-spinner) {\n margin-right: 2px;\n margin-left: 0;\n opacity: 80%;\n }\n }\n &.loading {\n color: transparent;\n }\n\n &[disabled] {\n cursor: not-allowed;\n .content {\n opacity: ",";\n }\n }\n"],["\n position: relative;\n outline: none;\n height: ",";\n line-height: ",";\n font-size: ",";\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n padding: 0 ",";\n border-radius: ",";\n transition:\n ",",\n visibility 0;\n font-weight: ",";\n user-select: none;\n font-family: ",";\n letter-spacing: normal;\n cursor: pointer;\n white-space: nowrap;\n padding: ",";\n width: ",";\n text-shadow:\n 0px 2px 4px rgba(0, 0, 0, 0.02),\n 0px 1px 2px rgba(0, 0, 0, 0.04);\n\n svg path:not([data-is-secondary-color]) {\n fill: currentColor;\n }\n\n .text {\n padding: 0 ",";\n }\n\n &.only-icon {\n width: ",";\n padding: 0;\n }\n\n &.only-icon .text {\n padding: 0;\n }\n\n &:active,\n &:focus {\n svg path:not([data-is-secondary-color]) {\n fill: currentColor;\n }\n }\n\n &:focus {\n outline: none;\n }\n\n &:active {\n transform: scale(0.99);\n }\n\n &:not(.only-icon).has-icon {\n &.icon-right {\n svg:not(.amino-spinner) {\n margin-left: 2px;\n margin-right: 0;\n opacity: 80%;\n }\n }\n svg:not(.amino-spinner) {\n margin-right: 2px;\n margin-left: 0;\n opacity: 80%;\n }\n }\n &.loading {\n color: transparent;\n }\n\n &[disabled] {\n cursor: not-allowed;\n .content {\n opacity: ",";\n }\n }\n"])),(function(n){return"var(--amino-size-".concat(n.size,")")}),(function(n){return"var(--amino-size-".concat(n.size,")")}),c.theme.fontSizeBase,c.theme.space16,(function(n){return function(n){switch(n){case"sm":return"".concat(c.theme.radius6);case"lg":case"xl":return"".concat(c.theme.radius10);default:return"".concat(c.theme.radius8)}}(n.size)}),c.theme.transition,(function(n){return function(n){switch(n){case"lg":case"xl":return 600;default:return 500}}(n.size)}),c.theme.fontSans,(function(n){return function(n){switch(n){case"sm":return"".concat(c.theme.space4," ").concat(c.theme.space8);case"lg":case"xl":return"".concat(c.theme.space12," ").concat(c.theme.space24);default:return"".concat(c.theme.space8," ").concat(c.theme.space16)}}(n.size)}),(function(n){return n.fitContentWidth&&"fit-content"}),c.theme.space4,(function(n){return"var(--amino-size-".concat(n.size,")")}),(function(n){return n.outline?.6:1})),j=k.default(_)(l||(l=n.__makeTemplateObject(["\n color: ",";\n box-shadow: ",";\n background: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"],["\n color: ",";\n box-shadow: ",";\n background: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.color)||n.outline?c.theme.primary:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.primary," inset"):c.theme.shadowButtonPrimary}),(function(n){return v(n.background)||n.outline?"transparent":c.theme.primary}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.blue100:""}),(function(n){return n.outline?"":c.theme.buttonPrimaryHover}),(function(n){return n.outline?c.theme.blue200:c.theme.blue700}),c.theme.focusButton,(function(n){return n.outline?"transparent":c.theme.blue400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.blue400):""}),y,(function(n){return n.outline?"transparent":c.theme.primary})),R=k.default(_)(h||(h=n.__makeTemplateObject(["\n color: ",";\n box-shadow: ",";\n background: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n &:active {\n background: ",";\n }\n }\n &:focus {\n box-shadow: ",";\n }\n }\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"],["\n color: ",";\n box-shadow: ",";\n background: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n &:active {\n background: ",";\n }\n }\n &:focus {\n box-shadow: ",";\n }\n }\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.color)||n.outline?c.theme.success:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success):c.theme.shadowButtonSuccess}),(function(n){return v(n.background)||n.outline?"transparent":c.theme.success}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.green100:""}),(function(n){return n.outline?"":c.theme.buttonSuccessHover}),(function(n){return n.outline?c.theme.green200:c.theme.green700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.green400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.green400):""}),y,(function(n){return n.outline?"transparent":c.theme.success})),B=k.default(_)(g||(g=n.__makeTemplateObject(["\n color: ",";\n background: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n\n "," {\n background: ",";\n }\n"],["\n color: ",";\n background: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.color)||c.theme.textColor}),(function(n){return n.outline?"transparent":v(n.background)||c.theme.surfaceColor}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.gray300," inset"):c.theme.shadowButtonStandard}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.gray100:""}),(function(n){return n.outline?"":c.theme.buttonStandardHover}),(function(n){return n.outline?c.theme.gray200:c.theme.gray100}),c.theme.focusButtonStandard,y,(function(n){return n.outline?"transparent":c.theme.surfaceColor})),z=k.default(_)(p||(p=n.__makeTemplateObject(["\n background: ",";\n color: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"],["\n background: ",";\n color: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.background)||n.outline?"transparent":c.theme.danger}),(function(n){return v(n.color)||n.outline?c.theme.danger:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger):c.theme.shadowButtonDanger}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.red100:""}),(function(n){return n.outline?"":c.theme.buttonDangerHover}),(function(n){return n.outline?c.theme.red200:c.theme.red700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.red400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.red400):""}),y,(function(n){return n.outline?"transparent":c.theme.danger})),C=k.default(_)(b||(b=n.__makeTemplateObject(["\n background: ",";\n color: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"],["\n background: ",";\n color: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.background)||n.outline?"transparent":c.theme.warning}),(function(n){return v(n.color)||n.outline?c.theme.warning:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning):c.theme.shadowButtonWarning}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.orange100:""}),(function(n){return n.outline?"":c.theme.buttonWarningHover}),(function(n){return n.outline?c.theme.orange200:c.theme.orange700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.orange400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.orange400):""}),y,(function(n){return n.outline?"transparent":c.theme.warning})),O=k.default(_)(m||(m=n.__makeTemplateObject(["\n background: ",";\n color: ",";\n\n &:not([disabled]) {\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n\n &:focus {\n box-shadow: ",";\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n"],["\n background: ",";\n color: ",";\n\n &:not([disabled]) {\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n\n &:focus {\n box-shadow: ",";\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n"])),(function(n){return v(n.background)||"none"}),(function(n){return v(n.color)||c.theme.textColorSecondary}),(function(n){return v(n.hoverBackground)||c.theme.gray100}),c.theme.gray200,c.theme.buttonFocusRing),T=k.default(_)(f||(f=n.__makeTemplateObject(["\n color: ",";\n\n &:not([disabled]) {\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n\n &:focus {\n box-shadow: ",";\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n"],["\n color: ",";\n\n &:not([disabled]) {\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n\n &:focus {\n box-shadow: ",";\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n"])),(function(n){return v(n.color)||c.theme.primary}),(function(n){return v(n.hoverBackground)||c.theme.blue100}),c.theme.blue200,c.theme.buttonFocusRing),q=k.default(_)(x||(x=n.__makeTemplateObject(["\n color: ",";\n &:not([disabled]) {\n &:hover {\n color: ",";\n }\n }\n &[disabled] {\n color: ",";\n }\n &.loading {\n color: transparent;\n }\n"],["\n color: ",";\n &:not([disabled]) {\n &:hover {\n color: ",";\n }\n }\n &[disabled] {\n color: ",";\n }\n &.loading {\n color: transparent;\n }\n"])),(function(n){return n.href?c.theme.primary:c.theme.textColorSecondary}),(function(n){return n.href?c.theme.blue500:c.theme.gray700}),(function(n){return n.href?c.theme.blue300:c.theme.gray300})),S=_;exports.Button=function(o){var c=o.children,u=o.className,s=o.disabled,d=void 0!==s&&s,l=o.icon,h=o.iconRight,g=o.loading,p=void 0!==g&&g,b=o.loadingText,m=o.noRipple,f=void 0!==m&&m,x=o.size,k=void 0===x?"sm":x,v=o.spinnerColor,_=o.tag,I=o.themeOverride,G=o.type,F=void 0===G?"button":G,H=o.variant,N=void 0===H?"standard":H,W=n.__rest(o,["children","className","disabled","icon","iconRight","loading","loadingText","noRipple","size","spinnerColor","tag","themeOverride","type","variant"]),D=_||"button",E=function(n){return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"content",children:!h&&l}),e.jsx("div",{className:"content text",children:c}),e.jsx("span",{className:"content",children:h&&l}),"plain"!==N&&"text"!==N&&p&&e.jsxs(y,{children:[e.jsx(i.Spinner,{color:n,size:w(k)}),b]})]})},P=[u||"",l&&!c?"only-icon":"",h?"icon-right":"",l?"has-icon":"",p?"loading":"",I].filter(Boolean).join(" "),M=t.useRef(null),A=a.useRipple({disabled:d||p,rippleEnabled:!f&&!["plain","text"].includes(N),rippleRef:M}),J=A.getRippleHandlers,K=A.rippleEnabled,L={className:P,disabled:d||p,size:k},Q=n.__assign(n.__assign(n.__assign({type:F},L),W),J(W));switch(N){case"primary":return e.jsxs(j,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"info":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"success":return e.jsxs(R,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"success":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"warning":return e.jsxs(C,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"warning":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"danger":return e.jsxs(z,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"danger":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"subtle":return e.jsxs(O,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"black"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"link":return e.jsxs(T,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"info"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"plain":return e.jsx(S,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:E(v)}));case"text":return e.jsx(q,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:E(v)}));default:return e.jsxs(B,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"black"),K&&e.jsx(r.RippleGroup,{ref:M})]}))}};
1
+ "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),c=require("../../styles/constants/theme.js");function u(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var s,d,l,h,g,p,b,m,f,x,k=u(o),v=function(n){return"inherit"===n?"inherit":n?c.theme[n]:void 0},w=function(n){switch(n){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},y=k.default.span(s||(s=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: ",";\n gap: ",";\n"],["\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: ",";\n gap: ",";\n"])),c.theme.radius6,c.theme.space8),_=k.default.button(d||(d=n.__makeTemplateObject(["\n position: relative;\n outline: none;\n height: ",";\n line-height: ",";\n font-size: ",";\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n padding: 0 ",";\n border-radius: ",";\n transition:\n ",",\n visibility 0;\n font-weight: ",";\n user-select: none;\n font-family: ",";\n letter-spacing: normal;\n cursor: pointer;\n white-space: nowrap;\n padding: ",";\n width: ",";\n text-shadow:\n 0px 2px 4px rgba(0, 0, 0, 0.02),\n 0px 1px 2px rgba(0, 0, 0, 0.04);\n\n svg path:not([data-is-secondary-color]) {\n fill: currentColor;\n }\n\n .text {\n padding: 0 ",";\n }\n\n &.only-icon {\n width: ",";\n padding: 0;\n }\n\n &.only-icon .text {\n padding: 0;\n }\n\n &:active,\n &:focus {\n svg path:not([data-is-secondary-color]) {\n fill: currentColor;\n }\n }\n\n &:focus {\n outline: none;\n }\n\n &:active {\n transform: scale(0.99);\n }\n\n &:not(.only-icon).has-icon {\n &.icon-right {\n svg:not(.amino-spinner) {\n margin-left: 2px;\n margin-right: 0;\n opacity: 80%;\n }\n }\n svg:not(.amino-spinner) {\n margin-right: 2px;\n margin-left: 0;\n opacity: 80%;\n }\n }\n &.loading {\n color: transparent;\n }\n\n &[disabled] {\n cursor: not-allowed;\n .content {\n opacity: ",";\n }\n }\n"],["\n position: relative;\n outline: none;\n height: ",";\n line-height: ",";\n font-size: ",";\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n padding: 0 ",";\n border-radius: ",";\n transition:\n ",",\n visibility 0;\n font-weight: ",";\n user-select: none;\n font-family: ",";\n letter-spacing: normal;\n cursor: pointer;\n white-space: nowrap;\n padding: ",";\n width: ",";\n text-shadow:\n 0px 2px 4px rgba(0, 0, 0, 0.02),\n 0px 1px 2px rgba(0, 0, 0, 0.04);\n\n svg path:not([data-is-secondary-color]) {\n fill: currentColor;\n }\n\n .text {\n padding: 0 ",";\n }\n\n &.only-icon {\n width: ",";\n padding: 0;\n }\n\n &.only-icon .text {\n padding: 0;\n }\n\n &:active,\n &:focus {\n svg path:not([data-is-secondary-color]) {\n fill: currentColor;\n }\n }\n\n &:focus {\n outline: none;\n }\n\n &:active {\n transform: scale(0.99);\n }\n\n &:not(.only-icon).has-icon {\n &.icon-right {\n svg:not(.amino-spinner) {\n margin-left: 2px;\n margin-right: 0;\n opacity: 80%;\n }\n }\n svg:not(.amino-spinner) {\n margin-right: 2px;\n margin-left: 0;\n opacity: 80%;\n }\n }\n &.loading {\n color: transparent;\n }\n\n &[disabled] {\n cursor: not-allowed;\n .content {\n opacity: ",";\n }\n }\n"])),(function(n){return"var(--amino-size-".concat(n.size,")")}),(function(n){return"var(--amino-size-".concat(n.size,")")}),c.theme.fontSizeBase,c.theme.space16,(function(n){return function(n){switch(n){case"sm":return"".concat(c.theme.radius6);case"lg":case"xl":return"".concat(c.theme.radius10);default:return"".concat(c.theme.radius8)}}(n.size)}),c.theme.transition,(function(n){return function(n){switch(n){case"lg":case"xl":return 600;default:return 500}}(n.size)}),c.theme.fontSans,(function(n){return function(n){switch(n){case"sm":return"".concat(c.theme.space4," ").concat(c.theme.space8);case"lg":case"xl":return"".concat(c.theme.space12," ").concat(c.theme.space24);default:return"".concat(c.theme.space8," ").concat(c.theme.space16)}}(n.size)}),(function(n){return n.fitContentWidth&&"fit-content"}),c.theme.space4,(function(n){return"var(--amino-size-".concat(n.size,")")}),(function(n){return n.outline?.6:1})),j=k.default(_)(l||(l=n.__makeTemplateObject(["\n color: ",";\n box-shadow: ",";\n background: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"],["\n color: ",";\n box-shadow: ",";\n background: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.color)||n.outline?c.theme.primary:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.primary," inset"):c.theme.shadowButtonPrimary}),(function(n){return v(n.background)||n.outline?"transparent":c.theme.primary}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.blue100:""}),(function(n){return n.outline?"":c.theme.buttonPrimaryHover}),(function(n){return n.outline?c.theme.blue200:c.theme.blue700}),c.theme.focusButton,(function(n){return n.outline?"transparent":c.theme.blue400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.blue400):""}),y,(function(n){return n.outline?"transparent":c.theme.primary})),R=k.default(_)(h||(h=n.__makeTemplateObject(["\n color: ",";\n box-shadow: ",";\n background: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n &:active {\n background: ",";\n }\n }\n &:focus {\n box-shadow: ",";\n }\n }\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"],["\n color: ",";\n box-shadow: ",";\n background: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n &:active {\n background: ",";\n }\n }\n &:focus {\n box-shadow: ",";\n }\n }\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.color)||n.outline?c.theme.success:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success):c.theme.shadowButtonSuccess}),(function(n){return v(n.background)||n.outline?"transparent":c.theme.success}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.green100:""}),(function(n){return n.outline?"":c.theme.buttonSuccessHover}),(function(n){return n.outline?c.theme.green200:c.theme.green700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.green400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.green400):""}),y,(function(n){return n.outline?"transparent":c.theme.success})),B=k.default(_)(g||(g=n.__makeTemplateObject(["\n color: ",";\n background: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n\n "," {\n background: ",";\n }\n"],["\n color: ",";\n background: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.color)||c.theme.textColor}),(function(n){return n.outline?"transparent":v(n.background)||c.theme.surfaceColor}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.gray300," inset"):c.theme.shadowButtonStandard}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.gray100:""}),(function(n){return n.outline?"":c.theme.buttonStandardHover}),(function(n){return n.outline?c.theme.gray200:c.theme.gray100}),c.theme.focusButtonStandard,y,(function(n){return n.outline?"transparent":c.theme.surfaceColor})),z=k.default(_)(p||(p=n.__makeTemplateObject(["\n background: ",";\n color: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"],["\n background: ",";\n color: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.background)||n.outline?"transparent":c.theme.danger}),(function(n){return v(n.color)||n.outline?c.theme.danger:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger):c.theme.shadowButtonDanger}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.red100:""}),(function(n){return n.outline?"":c.theme.buttonDangerHover}),(function(n){return n.outline?c.theme.red200:c.theme.red700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.red400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.red400):""}),y,(function(n){return n.outline?"transparent":c.theme.danger})),C=k.default(_)(b||(b=n.__makeTemplateObject(["\n background: ",";\n color: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"],["\n background: ",";\n color: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.background)||n.outline?"transparent":c.theme.warning}),(function(n){return v(n.color)||n.outline?c.theme.warning:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning):c.theme.shadowButtonWarning}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.orange100:""}),(function(n){return n.outline?"":c.theme.buttonWarningHover}),(function(n){return n.outline?c.theme.orange200:c.theme.orange700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.orange400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.orange400):""}),y,(function(n){return n.outline?"transparent":c.theme.warning})),O=k.default(_)(m||(m=n.__makeTemplateObject(["\n background: ",";\n color: ",";\n\n &:not([disabled]) {\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n\n &:focus {\n box-shadow: ",";\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n"],["\n background: ",";\n color: ",";\n\n &:not([disabled]) {\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n\n &:focus {\n box-shadow: ",";\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n"])),(function(n){return v(n.background)||"none"}),(function(n){return v(n.color)||c.theme.textColorSecondary}),(function(n){return v(n.hoverBackground)||c.theme.gray100}),c.theme.gray200,c.theme.buttonFocusRing),T=k.default(_)(f||(f=n.__makeTemplateObject(["\n color: ",";\n\n &:not([disabled]) {\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n\n &:focus {\n box-shadow: ",";\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n"],["\n color: ",";\n\n &:not([disabled]) {\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n\n &:focus {\n box-shadow: ",";\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n"])),(function(n){return v(n.color)||c.theme.primary}),(function(n){return v(n.hoverBackground)||c.theme.blue100}),c.theme.blue200,c.theme.buttonFocusRing),q=k.default(_)(x||(x=n.__makeTemplateObject(["\n color: ",";\n &:not([disabled]) {\n &:hover {\n color: ",";\n }\n }\n &[disabled] {\n color: ",";\n }\n &.loading {\n color: transparent;\n }\n"],["\n color: ",";\n &:not([disabled]) {\n &:hover {\n color: ",";\n }\n }\n &[disabled] {\n color: ",";\n }\n &.loading {\n color: transparent;\n }\n"])),(function(n){return n.href?c.theme.primary:c.theme.textColorSecondary}),(function(n){return n.href?c.theme.blue500:c.theme.gray700}),(function(n){return n.href?c.theme.blue300:c.theme.gray300})),S=_;exports.Button=function(o){var c=o.children,u=o.className,s=o.disabled,d=void 0!==s&&s,l=o.icon,h=o.iconRight,g=o.loading,p=void 0!==g&&g,b=o.loadingText,m=o.noRipple,f=void 0!==m&&m,x=o.size,k=void 0===x?"sm":x,v=o.spinnerColor,_=o.tag,I=o.themeOverride,G=o.type,F=void 0===G?"button":G,H=o.variant,N=void 0===H?"standard":H,W=n.__rest(o,["children","className","disabled","icon","iconRight","loading","loadingText","noRipple","size","spinnerColor","tag","themeOverride","type","variant"]),D=_||"button",E=function(n){return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"content",children:!h&&l}),e.jsx("div",{className:"content text",children:c}),e.jsx("span",{className:"content",children:h&&l}),"plain"!==N&&"text"!==N&&p&&e.jsxs(y,{children:[e.jsx(i.Spinner,{color:n,size:w(k)}),b]})]})},P=["amino-button",u||"",l&&!c?"only-icon":"",h?"icon-right":"",l?"has-icon":"",p?"loading":"",I].filter(Boolean).join(" "),M=t.useRef(null),A=a.useRipple({disabled:d||p,rippleEnabled:!f&&!["plain","text"].includes(N),rippleRef:M}),J=A.getRippleHandlers,K=A.rippleEnabled,L={className:P,disabled:d||p,size:k},Q=n.__assign(n.__assign(n.__assign({type:F},L),W),J(W));switch(N){case"primary":return e.jsxs(j,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"info":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"success":return e.jsxs(R,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"success":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"warning":return e.jsxs(C,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"warning":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"danger":return e.jsxs(z,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"danger":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"subtle":return e.jsxs(O,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"black"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"link":return e.jsxs(T,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"info"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"plain":return e.jsx(S,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:E(v)}));case"text":return e.jsx(q,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:E(v)}));default:return e.jsxs(B,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"black"),K&&e.jsx(r.RippleGroup,{ref:M})]}))}};
@@ -35,9 +35,9 @@ type ButtonBase = BaseProps & {
35
35
  };
36
36
  export type GroupTag = 'div' | 'a' | 'button';
37
37
  type MyHtmlElement<T extends GroupTag> = T extends 'a' ? HTMLAnchorElement : T extends 'div' ? HTMLDivElement : HTMLButtonElement;
38
- export type LegacyButtonProps<T extends GroupTag = 'button'> = ButtonBase & Omit<ComponentPropsWithoutRef<T>, keyof ButtonBase | 'onClick'> & {
38
+ export type ButtonProps<T extends GroupTag = 'button'> = ButtonBase & Omit<ComponentPropsWithoutRef<T>, keyof ButtonBase | 'onClick'> & {
39
39
  onClick?: MouseEventHandler<MyHtmlElement<T>>;
40
40
  tag?: T;
41
41
  };
42
- export declare function LegacyButton<T extends GroupTag = 'button'>({ children, className, disabled, icon, iconRight, intent, loading, loadingText, noRipple, size, spinnerColor, tag: _tag, themeOverride, type, ...props }: LegacyButtonProps<T>): import("react/jsx-runtime").JSX.Element;
42
+ export declare function LegacyButton<T extends GroupTag = 'button'>({ children, className, disabled, icon, iconRight, intent, loading, loadingText, noRipple, size, spinnerColor, tag: _tag, themeOverride, type, ...props }: ButtonProps<T>): import("react/jsx-runtime").JSX.Element;
43
43
  export {};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../stack/HStack.js"),i=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js");var s,o,d,g=c(t),h=g.default.div(s||(s=e.__makeTemplateObject(["\n border: ",";\n border-radius: ",";\n padding: ",";\n background: ",";\n\n /** Dividers should stretch the whole width by default */\n hr {\n margin-left: ",";\n margin-right: ",";\n }\n"],["\n border: ",";\n border-radius: ",";\n padding: ",";\n background: ",";\n\n /** Dividers should stretch the whole width by default */\n hr {\n margin-left: ",";\n margin-right: ",";\n }\n"])),a.theme.border,a.theme.radius6,(function(e){return e.spacing||a.theme.space24}),a.theme.gray0,(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):a.theme.spaceNegative24}),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):a.theme.spaceNegative24})),u=g.default.div(o||(o=e.__makeTemplateObject(["\n margin: ",";\n padding: ",";\n display: flex;\n align-items: center;\n margin-bottom: ",";\n border-bottom: ",";\n height: 65px;\n line-height: 65px;\n user-select: none;\n\n h5 {\n margin-bottom: 0;\n flex: 1;\n }\n"],["\n margin: ",";\n padding: ",";\n display: flex;\n align-items: center;\n margin-bottom: ",";\n border-bottom: ",";\n height: 65px;\n line-height: 65px;\n user-select: none;\n\n h5 {\n margin-bottom: 0;\n flex: 1;\n }\n"])),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):a.theme.spaceNegative24}),(function(e){return e.spacing||a.theme.space24}),(function(e){return e.spacing||a.theme.space24}),a.theme.border),m=g.default.div(d||(d=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: ",";\n padding: ",";\n border-top: ",";\n background: ",";\n margin-top: ",";\n border-bottom-left-radius: ",";\n border-bottom-right-radius: ",";\n height: ",";\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: ",";\n padding: ",";\n border-top: ",";\n background: ",";\n margin-top: ",";\n border-bottom-left-radius: ",";\n border-bottom-right-radius: ",";\n height: ",";\n"])),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):a.theme.spaceNegative24}),(function(e){return e.spacing||a.theme.space24}),a.theme.border,a.theme.surfaceColorSecondary,(function(e){return e.spacing||a.theme.space24}),a.theme.radius8,a.theme.radius8,(function(e){return e.footerHeight&&"".concat(e.footerHeight,"px")}));exports.Card=function(e){var t=e.actions,c=e.children,s=e.className,o=e.footerActions,d=e.footerContent,g=e.footerHeight,l=e.label,p=e.spacing,b=void 0===p?a.theme.space24:p;return n.jsxs(h,{className:s||"",spacing:b,children:[l&&n.jsxs(u,{spacing:b,children:[n.jsx(i.Text,{type:"subheader",children:l}),n.jsx(r.HStack,{spacing:8,children:t})]}),c,(o||d)&&n.jsxs(m,{footerHeight:g,spacing:b,children:[n.jsx("div",{children:d}),n.jsx(r.HStack,{spacing:8,children:o})]})]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../stack/HStack.js"),i=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js");var s,o,d,g=c(t),h=g.default.div(s||(s=e.__makeTemplateObject(["\n border: ",";\n border-radius: ",";\n padding: ",";\n background: ",";\n\n /** Dividers should stretch the whole width by default */\n hr {\n margin-left: ",";\n margin-right: ",";\n }\n"],["\n border: ",";\n border-radius: ",";\n padding: ",";\n background: ",";\n\n /** Dividers should stretch the whole width by default */\n hr {\n margin-left: ",";\n margin-right: ",";\n }\n"])),a.theme.border,a.theme.radius6,(function(e){return e.$spacing||a.theme.space24}),a.theme.gray0,(function(e){return e.$spacing?"calc(".concat(e.$spacing," * -1)"):a.theme.spaceNegative24}),(function(e){return e.$spacing?"calc(".concat(e.$spacing," * -1)"):a.theme.spaceNegative24})),u=g.default.div(o||(o=e.__makeTemplateObject(["\n margin: ",";\n padding: ",";\n display: flex;\n align-items: center;\n margin-bottom: ",";\n border-bottom: ",";\n height: 65px;\n line-height: 65px;\n user-select: none;\n\n h5 {\n margin-bottom: 0;\n flex: 1;\n }\n"],["\n margin: ",";\n padding: ",";\n display: flex;\n align-items: center;\n margin-bottom: ",";\n border-bottom: ",";\n height: 65px;\n line-height: 65px;\n user-select: none;\n\n h5 {\n margin-bottom: 0;\n flex: 1;\n }\n"])),(function(e){return e.$spacing?"calc(".concat(e.$spacing," * -1)"):a.theme.spaceNegative24}),(function(e){return e.$spacing||a.theme.space24}),(function(e){return e.$spacing||a.theme.space24}),a.theme.border),m=g.default.div(d||(d=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: ",";\n padding: ",";\n border-top: ",";\n background: ",";\n margin-top: ",";\n border-bottom-left-radius: ",";\n border-bottom-right-radius: ",";\n height: ",";\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: ",";\n padding: ",";\n border-top: ",";\n background: ",";\n margin-top: ",";\n border-bottom-left-radius: ",";\n border-bottom-right-radius: ",";\n height: ",";\n"])),(function(e){return e.$spacing?"calc(".concat(e.$spacing," * -1)"):a.theme.spaceNegative24}),(function(e){return e.$spacing||a.theme.space24}),a.theme.border,a.theme.surfaceColorSecondary,(function(e){return e.$spacing||a.theme.space24}),a.theme.radius8,a.theme.radius8,(function(e){return e.$footerHeight&&"".concat(e.$footerHeight,"px")}));exports.Card=function(e){var t=e.actions,c=e.children,s=e.className,o=e.footerActions,d=e.footerContent,g=e.footerHeight,l=e.label,p=e.spacing,b=void 0===p?a.theme.space24:p;return n.jsxs(h,{$spacing:b,className:s||"",children:[l&&n.jsxs(u,{$spacing:b,children:[n.jsx(i.Text,{type:"subheader",children:l}),n.jsx(r.HStack,{spacing:8,children:t})]}),c,(o||d)&&n.jsxs(m,{$footerHeight:g,$spacing:b,children:[n.jsx("div",{children:d}),n.jsx(r.HStack,{spacing:8,children:o})]})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("clsx"),r=require("framer-motion"),a=require("styled-components"),o=require("../text/Text.js"),l=require("../../icons/CheckmarkIcon.js"),c=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var u,h,m,p,x,g,b,f=d(i),k=d(a),j=r.motion(l.CheckmarkIcon),y=k.default.div(u||(u=e.__makeTemplateObject(["\n width: 16px;\n height: 16px;\n min-width: 16px;\n min-height: 16px;\n line-height: 16px;\n border-radius: ",";\n background: ",";\n border: ",";\n transition: all 150ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n box-shadow: ",";\n\n svg {\n color: ",";\n width: 16px;\n height: 16px;\n }\n"],["\n width: 16px;\n height: 16px;\n min-width: 16px;\n min-height: 16px;\n line-height: 16px;\n border-radius: ",";\n background: ",";\n border: ",";\n transition: all 150ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n box-shadow: ",";\n\n svg {\n color: ",";\n width: 16px;\n height: 16px;\n }\n"])),c.theme.radius4,(function(e){return e.checked?c.theme.primary:c.theme.inputBackground}),(function(e){return e.checked?"none":"1.5px solid ".concat(c.theme.gray400)}),(function(e){return e.checked?c.theme.shadowButtonPrimary:"none"}),c.theme.gray0),_=k.default.div(h||(h=e.__makeTemplateObject(["\n margin-left: 8px;\n"],["\n margin-left: 8px;\n"]))),w=k.default(o.Text)(m||(m=e.__makeTemplateObject([""],[""]))),v=k.default.span(p||(p=e.__makeTemplateObject(["\n margin-left: 4px;\n color: ",";\n"],["\n margin-left: 4px;\n color: ",";\n"])),c.theme.gray600),T=k.default(o.Text)(x||(x=e.__makeTemplateObject(["\n margin-bottom: 0;\n"],["\n margin-bottom: 0;\n"]))),q=k.default.div(g||(g=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"],["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"]))),C=k.default.label(b||(b=e.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n user-select: none;\n cursor: pointer;\n\n &.disabled {\n "," {\n background: ",";\n border: ",";\n &:active {\n box-shadow: none;\n }\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n "," {\n svg {\n opacity: 0.6;\n }\n }\n\n cursor: not-allowed;\n }\n"],["\n display: flex;\n flex-direction: row;\n user-select: none;\n cursor: pointer;\n\n &.disabled {\n "," {\n background: ",";\n border: ",";\n &:active {\n box-shadow: none;\n }\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n "," {\n svg {\n opacity: 0.6;\n }\n }\n\n cursor: not-allowed;\n }\n"])),y,(function(e){return e.checked?c.theme.blue200:""}),(function(e){return e.checked?"none":"1.5px solid ".concat(c.theme.gray300)}),T,c.theme.gray600,w,c.theme.gray400,q);exports.Checkbox=function(i){var a=i.allowPropagation,o=void 0!==a&&a,l=i.checked,c=void 0!==l&&l,d=i.className,u=i.disabled,h=i.icon,m=i.label,p=i.labelComponent,x=i.labelDescription,g=i.onChange,b=i.subtitle,k=e.__rest(i,["allowPropagation","checked","className","disabled","icon","label","labelComponent","labelDescription","onChange","subtitle"]),O=null==m?void 0:m.replace(/\s/g,"-").toLowerCase(),I=t.useMemo((function(){return s.getTestId({componentName:"checkbox",name:m})}),[m]);return n.jsxs(C,e.__assign({checked:c,className:f.default(d,"amino-input-wrapper",{disabled:u}),"data-testid":I,htmlFor:O,onClick:function(e){o||e.stopPropagation(),u||g(!c,e)}},k,{children:[n.jsx(y,{checked:c,id:O,children:n.jsx(r.AnimatePresence,{children:c&&n.jsx(j,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),p||m&&n.jsxs(_,{children:[n.jsxs(q,{children:[h,n.jsxs(T,{type:"input-label",children:[m,x&&n.jsx(v,{children:x})]})]}),b&&n.jsx(w,{type:"subtitle",children:b})]})]}))};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("clsx"),r=require("framer-motion"),a=require("styled-components"),o=require("../text/Text.js"),l=require("../../icons/CheckmarkIcon.js"),c=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var u,h,m,p,x,g,b,f=d(i),k=d(a),j=r.motion(l.CheckmarkIcon),y=k.default.div(u||(u=e.__makeTemplateObject(["\n width: 16px;\n height: 16px;\n min-width: 16px;\n min-height: 16px;\n line-height: 16px;\n border-radius: ",";\n background: ",";\n border: ",";\n transition: all 150ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n box-shadow: ",";\n\n svg {\n color: ",";\n width: 16px;\n height: 16px;\n }\n"],["\n width: 16px;\n height: 16px;\n min-width: 16px;\n min-height: 16px;\n line-height: 16px;\n border-radius: ",";\n background: ",";\n border: ",";\n transition: all 150ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n box-shadow: ",";\n\n svg {\n color: ",";\n width: 16px;\n height: 16px;\n }\n"])),c.theme.radius4,(function(e){return e.$checked?c.theme.primary:c.theme.inputBackground}),(function(e){return e.$checked?"none":"1.5px solid ".concat(c.theme.gray400)}),(function(e){return e.$checked?c.theme.shadowButtonPrimary:"none"}),c.theme.gray0),_=k.default.div(h||(h=e.__makeTemplateObject(["\n margin-left: 8px;\n"],["\n margin-left: 8px;\n"]))),w=k.default(o.Text)(m||(m=e.__makeTemplateObject([""],[""]))),v=k.default.span(p||(p=e.__makeTemplateObject(["\n margin-left: 4px;\n color: ",";\n"],["\n margin-left: 4px;\n color: ",";\n"])),c.theme.gray600),T=k.default(o.Text)(x||(x=e.__makeTemplateObject(["\n margin-bottom: 0;\n"],["\n margin-bottom: 0;\n"]))),q=k.default.div(g||(g=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"],["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"]))),C=k.default.label(b||(b=e.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n user-select: none;\n cursor: pointer;\n\n &.disabled {\n "," {\n background: ",";\n border: ",";\n &:active {\n box-shadow: none;\n }\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n "," {\n svg {\n opacity: 0.6;\n }\n }\n\n cursor: not-allowed;\n }\n"],["\n display: flex;\n flex-direction: row;\n user-select: none;\n cursor: pointer;\n\n &.disabled {\n "," {\n background: ",";\n border: ",";\n &:active {\n box-shadow: none;\n }\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n "," {\n svg {\n opacity: 0.6;\n }\n }\n\n cursor: not-allowed;\n }\n"])),y,(function(e){return e.$checked?c.theme.blue200:""}),(function(e){return e.$checked?"none":"1.5px solid ".concat(c.theme.gray300)}),T,c.theme.gray600,w,c.theme.gray400,q);exports.Checkbox=function(i){var a=i.allowPropagation,o=void 0!==a&&a,l=i.checked,c=void 0!==l&&l,d=i.className,u=i.disabled,h=i.icon,m=i.label,p=i.labelComponent,x=i.labelDescription,g=i.onChange,b=i.subtitle,k=e.__rest(i,["allowPropagation","checked","className","disabled","icon","label","labelComponent","labelDescription","onChange","subtitle"]),O=null==m?void 0:m.replace(/\s/g,"-").toLowerCase(),$=t.useMemo((function(){return s.getTestId({componentName:"checkbox",name:m})}),[m]);return n.jsxs(C,e.__assign({$checked:c,className:f.default(d,"amino-input-wrapper",{disabled:u}),"data-testid":$,htmlFor:O,onClick:function(e){o||e.stopPropagation(),u||g(!c,e)}},k,{children:[n.jsx(y,{$checked:c,id:O,children:n.jsx(r.AnimatePresence,{children:c&&n.jsx(j,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),p||m&&n.jsxs(_,{children:[n.jsxs(q,{children:[h,n.jsxs(T,{type:"input-label",children:[m,x&&n.jsx(v,{children:x})]})]}),b&&n.jsx(w,{type:"subtitle",children:b})]})]}))};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("react-dom"),i=require("framer-motion"),r=require("styled-components"),a=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}var l,c,u=d(r),s=u.default(i.motion.div)(l||(l=e.__makeTemplateObject(["\n width: 100vw;\n height: 100vh;\n left: 0;\n top: 0;\n z-index: 1000;\n position: fixed;\n display: flex;\n justify-content: center;\n align-items: center;\n color: ",";\n"],["\n width: 100vw;\n height: 100vh;\n left: 0;\n top: 0;\n z-index: 1000;\n position: fixed;\n display: flex;\n justify-content: center;\n align-items: center;\n color: ",";\n"])),a.theme.textColor),m=u.default(i.motion.div)(c||(c=e.__makeTemplateObject(["\n z-index: 1001;\n background: ",";\n width: ","px;\n max-height: 90vh;\n border-radius: ",";\n outline: none;\n box-shadow: ",";\n border: ",";\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"],["\n z-index: 1001;\n background: ",";\n width: ","px;\n max-height: 90vh;\n border-radius: ",";\n outline: none;\n box-shadow: ",";\n border: ",";\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"])),a.theme.surfaceColor,(function(e){return e.width}),a.theme.radius12,a.theme.v3ShadowXxl,(function(e){return e.withBorder&&a.theme.border}));exports.BaseDialog=function(r){var a=r.children,d=r.className,l=r.closeOnBlur,c=void 0===l||l,u=r.closeOnEsc,h=void 0===u||u,f=r.onClose,v=r.open,p=r.popupMotionProps,x=r.themeOverride,g=r.width,b=void 0===g?444:g,w=r.withBackdrop,y=void 0===w||w,k=r.withBorder,_=void 0===k||k,j=t.useRef(null),q=t.useRef(null);t.useEffect((function(){var e,n;(null===(e=q.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(n=q.current)||void 0===n||n.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=v?"hidden":"auto")}),[v]);var C=y?{animate:{backgroundColor:"rgba(16, 17, 22, 0.65)"},exit:{backgroundColor:"rgba(16, 17, 22, 0)"},initial:{backgroundColor:"rgba(16, 17, 22, 0)"}}:{},B=e.__assign({animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},transition:{duration:.3,ease:[.4,0,.2,1]}},p);return"undefined"!=typeof document?o.createPortal(n.jsx(i.AnimatePresence,{children:v&&t.createElement(s,e.__assign({},C,{key:"dialog-backdrop",ref:q,"data-theme":x,onKeyDown:function(e){f&&h&&"Escape"===e.key&&f()},onMouseDown:function(e){j.current=e.target},onMouseUp:function(e){var n=e.target===j.current,t=f&&c&&e.target===q.current;n&&t&&f(),j.current=null},tabIndex:-1,transition:{duration:.3}}),t.createElement(m,e.__assign({},B,{key:"dialog",className:[d||"","elevated"].join(" "),onClick:function(e){e.stopPropagation()},width:b,withBorder:_}),a))}),document.querySelector("body")):null};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("react-dom"),i=require("framer-motion"),r=require("styled-components"),a=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}var l,c,u=d(r),s=u.default(i.motion.div)(l||(l=e.__makeTemplateObject(["\n width: 100vw;\n height: 100vh;\n left: 0;\n top: 0;\n z-index: 1000;\n position: fixed;\n display: flex;\n justify-content: center;\n align-items: center;\n color: ",";\n"],["\n width: 100vw;\n height: 100vh;\n left: 0;\n top: 0;\n z-index: 1000;\n position: fixed;\n display: flex;\n justify-content: center;\n align-items: center;\n color: ",";\n"])),a.theme.textColor),m=u.default(i.motion.div)(c||(c=e.__makeTemplateObject(["\n z-index: 1001;\n background: ",";\n width: ","px;\n max-height: 90vh;\n border-radius: ",";\n outline: none;\n box-shadow: ",";\n border: ",";\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"],["\n z-index: 1001;\n background: ",";\n width: ","px;\n max-height: 90vh;\n border-radius: ",";\n outline: none;\n box-shadow: ",";\n border: ",";\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"])),a.theme.surfaceColor,(function(e){return e.$width}),a.theme.radius12,a.theme.v3ShadowXxl,(function(e){return e.$withBorder&&a.theme.border}));exports.BaseDialog=function(r){var a=r.children,d=r.className,l=r.closeOnBlur,c=void 0===l||l,u=r.closeOnEsc,h=void 0===u||u,f=r.onClose,v=r.open,p=r.popupMotionProps,x=r.themeOverride,g=r.width,b=void 0===g?444:g,w=r.withBackdrop,y=void 0===w||w,k=r.withBorder,_=void 0===k||k,j=t.useRef(null),q=t.useRef(null);t.useEffect((function(){var e,n;(null===(e=q.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(n=q.current)||void 0===n||n.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=v?"hidden":"auto")}),[v]);var C=y?{animate:{backgroundColor:"rgba(16, 17, 22, 0.65)"},exit:{backgroundColor:"rgba(16, 17, 22, 0)"},initial:{backgroundColor:"rgba(16, 17, 22, 0)"}}:{},B=e.__assign({animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},transition:{duration:.3,ease:[.4,0,.2,1]}},p);return"undefined"!=typeof document?o.createPortal(n.jsx(i.AnimatePresence,{children:v&&t.createElement(s,e.__assign({},C,{key:"dialog-backdrop",ref:q,"data-theme":x,onKeyDown:function(e){f&&h&&"Escape"===e.key&&f()},onMouseDown:function(e){j.current=e.target},onMouseUp:function(e){var n=e.target===j.current,t=f&&c&&e.target===q.current;n&&t&&f(),j.current=null},tabIndex:-1,transition:{duration:.3}}),t.createElement(m,e.__assign({},B,{key:"dialog",$width:b,$withBorder:_,className:[d||"","elevated"].join(" "),onClick:function(e){e.stopPropagation()}}),a))}),document.querySelector("body")):null};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("../button/LegacyButton.js"),i=require("./BaseDialog.js"),o=require("../text/Text.js"),l=require("../../icons/RemoveCircleDuotoneIcon.js"),s=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../../icons/icon-base/_IconBase.js");var c,u,p,f,m,g,h,x,b=d(r),j=b.default.div(c||(c=e.__makeTemplateObject(["\n padding: ",";\n padding-bottom: ",";\n border-top-left-radius: ",";\n border-top-right-radius: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n"],["\n padding: ",";\n padding-bottom: ",";\n border-top-left-radius: ",";\n border-top-right-radius: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n"])),s.theme.space24,s.theme.space16,s.theme.radius12,s.theme.radius12,s.theme.space12),y=b.default.div(u||(u=e.__makeTemplateObject(["\n width: 100%;\n display: flex;\n align-items: center;\n\n > :not(button) {\n margin: 0;\n flex-grow: 1;\n }\n"],["\n width: 100%;\n display: flex;\n align-items: center;\n\n > :not(button) {\n margin: 0;\n flex-grow: 1;\n }\n"]))),_=b.default(a.LegacyButton)(p||(p=e.__makeTemplateObject(["\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\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"],["\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\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"])),s.theme.gray200,s.theme.gray800,s.theme.gray300,s.theme.gray400),v=b.default.div(f||(f=e.__makeTemplateObject(["\n flex-grow: 1;\n display: flex;\n"],["\n flex-grow: 1;\n display: flex;\n"]))),q=b.default(v)(m||(m=e.__makeTemplateObject(["\n justify-content: flex-start;\n display: flex;\n gap: ",";\n"],["\n justify-content: flex-start;\n display: flex;\n gap: ",";\n"])),s.theme.space8),k=b.default(v)(g||(g=e.__makeTemplateObject(["\n justify-content: flex-end;\n display: flex;\n gap: ",";\n"],["\n justify-content: flex-end;\n display: flex;\n gap: ",";\n"])),s.theme.space8),w=b.default.div(h||(h=e.__makeTemplateObject(["\n padding: ",";\n display: flex;\n align-items: center;\n border-bottom-left-radius: ",";\n border-bottom-right-radius: ",";\n\n & > div + div {\n margin-left: ",";\n }\n"],["\n padding: ",";\n display: flex;\n align-items: center;\n border-bottom-left-radius: ",";\n border-bottom-right-radius: ",";\n\n & > div + div {\n margin-left: ",";\n }\n"])),s.theme.space24,s.theme.radius12,s.theme.radius12,s.theme.space8),T=b.default.div(x||(x=e.__makeTemplateObject(["\n padding: "," ",";\n overflow-y: auto;\n flex-grow: 1;\n"],["\n padding: "," ",";\n overflow-y: auto;\n flex-grow: 1;\n"])),s.theme.space8,s.theme.space24),O=t.forwardRef((function(t,r){var a=t.actions,s=t.children,d=t.label,c=t.leftActions,u=t.onClose,p=t.subtitle,f=e.__rest(t,["actions","children","label","leftActions","onClose","subtitle"]);return n.jsxs(i.BaseDialog,e.__assign({},f,{onClose:u,children:[n.jsxs(j,{children:[n.jsxs(y,{children:[n.jsx(o.Text,{type:"title",children:d}),n.jsx(_,{icon:n.jsx(l.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:u})]}),p&&n.jsx(o.Text,{type:"subtitle",children:p})]}),n.jsx(T,{ref:r,children:s}),(a||c)&&n.jsxs(w,{children:[c&&n.jsx(q,{children:c}),a&&n.jsx(k,{children:a})]})]}))}));exports.Dialog=O;
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("../button/Button.js"),a=require("./BaseDialog.js"),o=require("../text/Text.js"),l=require("../../icons/RemoveCircleDuotoneIcon.js"),s=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../../icons/icon-base/_IconBase.js");var c,u,p,f,m,h,g,x,b=d(r),j=b.default.div(c||(c=e.__makeTemplateObject(["\n padding: ",";\n padding-bottom: ",";\n border-top-left-radius: ",";\n border-top-right-radius: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n"],["\n padding: ",";\n padding-bottom: ",";\n border-top-left-radius: ",";\n border-top-right-radius: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n"])),s.theme.space24,s.theme.space16,s.theme.radius12,s.theme.radius12,s.theme.space12),y=b.default.div(u||(u=e.__makeTemplateObject(["\n width: 100%;\n display: flex;\n align-items: center;\n\n > :not(button) {\n margin: 0;\n flex-grow: 1;\n }\n"],["\n width: 100%;\n display: flex;\n align-items: center;\n\n > :not(button) {\n margin: 0;\n flex-grow: 1;\n }\n"]))),_=b.default(i.Button)(p||(p=e.__makeTemplateObject(["\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\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"],["\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\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"])),s.theme.gray200,s.theme.gray800,s.theme.gray300,s.theme.gray400),v=b.default.div(f||(f=e.__makeTemplateObject(["\n flex-grow: 1;\n display: flex;\n"],["\n flex-grow: 1;\n display: flex;\n"]))),q=b.default(v)(m||(m=e.__makeTemplateObject(["\n justify-content: flex-start;\n display: flex;\n gap: ",";\n"],["\n justify-content: flex-start;\n display: flex;\n gap: ",";\n"])),s.theme.space8),k=b.default(v)(h||(h=e.__makeTemplateObject(["\n justify-content: flex-end;\n display: flex;\n gap: ",";\n"],["\n justify-content: flex-end;\n display: flex;\n gap: ",";\n"])),s.theme.space8),w=b.default.div(g||(g=e.__makeTemplateObject(["\n padding: ",";\n display: flex;\n align-items: center;\n border-bottom-left-radius: ",";\n border-bottom-right-radius: ",";\n\n & > div + div {\n margin-left: ",";\n }\n"],["\n padding: ",";\n display: flex;\n align-items: center;\n border-bottom-left-radius: ",";\n border-bottom-right-radius: ",";\n\n & > div + div {\n margin-left: ",";\n }\n"])),s.theme.space24,s.theme.radius12,s.theme.radius12,s.theme.space8),T=b.default.div(x||(x=e.__makeTemplateObject(["\n padding: "," ",";\n overflow-y: auto;\n flex-grow: 1;\n"],["\n padding: "," ",";\n overflow-y: auto;\n flex-grow: 1;\n"])),s.theme.space8,s.theme.space24),O=t.forwardRef((function(t,r){var i=t.actions,s=t.children,d=t.label,c=t.leftActions,u=t.onClose,p=t.subtitle,f=e.__rest(t,["actions","children","label","leftActions","onClose","subtitle"]);return n.jsxs(a.BaseDialog,e.__assign({},f,{onClose:u,children:[n.jsxs(j,{children:[n.jsxs(y,{children:[n.jsx(o.Text,{type:"title",children:d}),n.jsx(_,{icon:n.jsx(l.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:u})]}),p&&n.jsx(o.Text,{type:"subtitle",children:p})]}),n.jsx(T,{ref:r,children:s}),(i||c)&&n.jsxs(w,{children:[c&&n.jsx(q,{children:c}),i&&n.jsx(k,{children:i})]})]}))}));exports.Dialog=O;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),i=require("react-dropzone"),r=require("styled-components"),t=require("../avatar/ImageAvatar.js"),o=require("../button/LegacyButton.js"),a=require("../spinner/Spinner.js"),l=require("../text/Text.js"),s=require("../thumbnail/Thumbnail.js"),d=require("../../icons/FileDuotoneIcon.js"),c=require("../../icons/FileUploadDuotoneIcon.js"),u=require("../../icons/RemoveCircleDuotoneIcon.js"),p=require("../../styles/constants/theme.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../avatar/AvatarBase.js"),require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../../icons/icon-base/_IconBase.js");var x,f,h,g,j,b,y,v,_,q=m(r),T=q.default.div(x||(x=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ",";\n opacity: ",";\n cursor: ",";\n"],["\n display: flex;\n flex-direction: column;\n gap: ",";\n opacity: ",";\n cursor: ",";\n"])),p.theme.space16,(function(e){return e.disabled?.5:1}),(function(e){return e.disabled?"not-allowed":"auto"})),k=q.default.div(f||(f=e.__makeTemplateObject(["\n border: 2px dashed;\n border-color: ",";\n border-radius: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n"],["\n border: 2px dashed;\n border-color: ",";\n border-radius: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n"])),(function(e){return e.error?p.theme.danger:p.theme.borderColor}),p.theme.radius12),I=q.default.div(h||(h=e.__makeTemplateObject(["\n padding: ",";\n outline: none;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: ",";\n width: 100%;\n height: 100%;\n"],["\n padding: ",";\n outline: none;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: ",";\n width: 100%;\n height: 100%;\n"])),p.theme.space16,p.theme.space12),O=q.default.div(g||(g=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ",";\n align-items: center;\n"],["\n display: flex;\n flex-direction: column;\n gap: ",";\n align-items: center;\n"])),p.theme.space4),D=q.default.button(j||(j=e.__makeTemplateObject(["\n display: inline;\n"],["\n display: inline;\n"]))),F=q.default(o.LegacyButton)(b||(b=e.__makeTemplateObject(["\n margin-left: auto;\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\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\n :active,\n :focus {\n outline: none;\n box-shadow: unset;\n }\n"],["\n margin-left: auto;\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\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\n :active,\n :focus {\n outline: none;\n box-shadow: unset;\n }\n"])),p.theme.gray200,p.theme.gray800,p.theme.gray300,p.theme.gray400),z=q.default.div(y||(y=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ",";\n"],["\n display: flex;\n flex-direction: column;\n gap: ",";\n"])),p.theme.space4),R=q.default.div(v||(v=e.__makeTemplateObject(["\n border: ",";\n border-radius: ",";\n padding: ",";\n display: flex;\n justify-content: flex-start;\n gap: ",";\n"],["\n border: ",";\n border-radius: ",";\n padding: ",";\n display: flex;\n justify-content: flex-start;\n gap: ",";\n"])),p.theme.border,p.theme.space12,p.theme.space16,p.theme.space12),w=q.default.div(_||(_=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])));exports.DropZone=function(r){var o=r.className,p=r.disabled,m=void 0!==p&&p,x=r.dropzoneOptions,f=r.error,h=void 0!==f&&f,g=r.helpText,j=r.instructionText,b=void 0===j?"Drop your file(s) here":j,y=r.loading,v=r.loadingText,_=void 0===v?"Uploading file(s)...":v,q=r.noIcon,C=void 0!==q&&q,U=r.onRemoveFile,B=r.uploadedFiles,A=x.maxFiles||0,L=i.useDropzone(e.__assign(e.__assign({},x),{disabled:m,noClick:!0,noKeyboard:!0})),N=L.getInputProps,P=L.getRootProps,S=L.open,G=0!==A&&B.length>=A;return n.jsx(T,{className:o,disabled:m,children:y?n.jsx(k,{children:n.jsxs(I,{children:[n.jsx(a.Spinner,{}),n.jsx(l.Text,{color:"gray800",type:"label",children:_})]})}):n.jsxs(n.Fragment,{children:[!G&&n.jsx(k,{error:h,children:n.jsxs(I,e.__assign({},P(),{role:void 0,children:[n.jsx("input",e.__assign({},N())),!C&&n.jsx(s.Thumbnail,{icon:n.jsx(c.FileUploadDuotoneIcon,{}),size:40}),n.jsxs(O,{children:[n.jsxs(l.Text,{type:"label",children:[b," or"," ",n.jsx(D,{disabled:m,onClick:S,type:"button",children:n.jsx(l.Text,{color:"blue600",type:"label",children:"browse"})})]}),g&&n.jsx(l.Text,{type:"caption",children:g})]})]}))}),!!B.length&&n.jsx(z,{children:B.map((function(e,i){return n.jsxs(R,{children:[e.imageUrl?n.jsx(t.ImageAvatar,{imageUrl:e.imageUrl,shape:"rounded"}):n.jsx(d.FileDuotoneIcon,{}),n.jsxs(w,{children:[n.jsx(l.Text,{color:"gray1200",type:"label",children:e.name}),e.size&&n.jsx(l.Text,{color:"gray700",type:"caption",children:e.size})]}),U&&n.jsx(F,{onClick:function(){return U(i)},children:n.jsx(u.RemoveCircleDuotoneIcon,{size:20})})]},e.name)}))})]})})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),i=require("react-dropzone"),r=require("styled-components"),t=require("../avatar/ImageAvatar.js"),o=require("../button/Button.js"),a=require("../spinner/Spinner.js"),l=require("../text/Text.js"),s=require("../thumbnail/Thumbnail.js"),d=require("../../icons/FileDuotoneIcon.js"),c=require("../../icons/FileUploadDuotoneIcon.js"),u=require("../../icons/RemoveCircleDuotoneIcon.js"),p=require("../../styles/constants/theme.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../avatar/AvatarBase.js"),require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../../icons/icon-base/_IconBase.js");var x,f,h,j,g,b,y,v,_,q=m(r),T=q.default.div(x||(x=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ",";\n opacity: ",";\n cursor: ",";\n"],["\n display: flex;\n flex-direction: column;\n gap: ",";\n opacity: ",";\n cursor: ",";\n"])),p.theme.space16,(function(e){return e.$disabled?.5:1}),(function(e){return e.$disabled?"not-allowed":"auto"})),k=q.default.div(f||(f=e.__makeTemplateObject(["\n border: 2px dashed;\n border-color: ",";\n border-radius: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n"],["\n border: 2px dashed;\n border-color: ",";\n border-radius: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n"])),(function(e){return e.$error?p.theme.danger:p.theme.borderColor}),p.theme.radius12),I=q.default.div(h||(h=e.__makeTemplateObject(["\n padding: ",";\n outline: none;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: ",";\n width: 100%;\n height: 100%;\n"],["\n padding: ",";\n outline: none;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: ",";\n width: 100%;\n height: 100%;\n"])),p.theme.space16,p.theme.space12),O=q.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ",";\n align-items: center;\n"],["\n display: flex;\n flex-direction: column;\n gap: ",";\n align-items: center;\n"])),p.theme.space4),D=q.default.button(g||(g=e.__makeTemplateObject(["\n display: inline;\n"],["\n display: inline;\n"]))),F=q.default(o.Button)(b||(b=e.__makeTemplateObject(["\n margin-left: auto;\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\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\n :active,\n :focus {\n outline: none;\n box-shadow: unset;\n }\n"],["\n margin-left: auto;\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\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\n :active,\n :focus {\n outline: none;\n box-shadow: unset;\n }\n"])),p.theme.gray200,p.theme.gray800,p.theme.gray300,p.theme.gray400),z=q.default.div(y||(y=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ",";\n"],["\n display: flex;\n flex-direction: column;\n gap: ",";\n"])),p.theme.space4),R=q.default.div(v||(v=e.__makeTemplateObject(["\n border: ",";\n border-radius: ",";\n padding: ",";\n display: flex;\n justify-content: flex-start;\n gap: ",";\n"],["\n border: ",";\n border-radius: ",";\n padding: ",";\n display: flex;\n justify-content: flex-start;\n gap: ",";\n"])),p.theme.border,p.theme.space12,p.theme.space16,p.theme.space12),w=q.default.div(_||(_=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])));exports.DropZone=function(r){var o=r.className,p=r.disabled,m=void 0!==p&&p,x=r.dropzoneOptions,f=r.error,h=void 0!==f&&f,j=r.helpText,g=r.instructionText,b=void 0===g?"Drop your file(s) here":g,y=r.loading,v=r.loadingText,_=void 0===v?"Uploading file(s)...":v,q=r.noIcon,C=void 0!==q&&q,U=r.onRemoveFile,$=r.uploadedFiles,B=x.maxFiles||0,A=i.useDropzone(e.__assign(e.__assign({},x),{disabled:m,noClick:!0,noKeyboard:!0})),N=A.getInputProps,P=A.getRootProps,S=A.open,G=0!==B&&$.length>=B;return n.jsx(T,{$disabled:m,className:o,children:y?n.jsx(k,{children:n.jsxs(I,{children:[n.jsx(a.Spinner,{}),n.jsx(l.Text,{color:"gray800",type:"label",children:_})]})}):n.jsxs(n.Fragment,{children:[!G&&n.jsx(k,{$error:h,children:n.jsxs(I,e.__assign({},P(),{role:void 0,children:[n.jsx("input",e.__assign({},N())),!C&&n.jsx(s.Thumbnail,{icon:n.jsx(c.FileUploadDuotoneIcon,{}),size:40}),n.jsxs(O,{children:[n.jsxs(l.Text,{type:"label",children:[b," or"," ",n.jsx(D,{disabled:m,onClick:S,type:"button",children:n.jsx(l.Text,{color:"blue600",type:"label",children:"browse"})})]}),j&&n.jsx(l.Text,{type:"caption",children:j})]})]}))}),!!$.length&&n.jsx(z,{children:$.map((function(e,i){return n.jsxs(R,{children:[e.imageUrl?n.jsx(t.ImageAvatar,{imageUrl:e.imageUrl,shape:"rounded"}):n.jsx(d.FileDuotoneIcon,{}),n.jsxs(w,{children:[n.jsx(l.Text,{color:"gray1200",type:"label",children:e.name}),e.size&&n.jsx(l.Text,{color:"gray700",type:"caption",children:e.size})]}),U&&n.jsx(F,{onClick:function(){return U(i)},children:n.jsx(u.RemoveCircleDuotoneIcon,{size:20})})]},e.name)}))})]})})};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react-dropzone"),r=require("styled-components"),o=require("../button/LegacyButton.js"),i=require("../text/Text.js"),a=require("../../icons/RemoveCircleDuotoneIcon.js"),s=require("../../styles/constants/theme.js");function l(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c,d,u,p,f,m=l(r),g=m.default.div(c||(c=n.__makeTemplateObject(["\n display: flex;\n justify-content: flex-start;\n padding: "," ",";\n border-radius: ",";\n border: ",";\n border-color: ",";\n\n opacity: ",";\n cursor: ",";\n"],["\n display: flex;\n justify-content: flex-start;\n padding: "," ",";\n border-radius: ",";\n border: ",";\n border-color: ",";\n\n opacity: ",";\n cursor: ",";\n"])),s.theme.space8,s.theme.space12,s.theme.radius10,s.theme.border,(function(n){return n.error?s.theme.danger:s.theme.borderColor}),(function(n){return n.disabled?.5:1}),(function(n){return n.disabled?"not-allowed":"auto"})),x=m.default.div(d||(d=n.__makeTemplateObject(["\n outline: none;\n text-align: center;\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n"],["\n outline: none;\n text-align: center;\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n"]))),y=m.default.div(u||(u=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: ",";\n"])),s.theme.space12),h=m.default.div(p||(p=n.__makeTemplateObject(["\n display: flex;\n gap: ",";\n align-items: center;\n"],["\n display: flex;\n gap: ",";\n align-items: center;\n"])),s.theme.space4),j=m.default(o.LegacyButton)(f||(f=n.__makeTemplateObject(["\n margin-left: auto;\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\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\n :active,\n :focus {\n outline: none;\n box-shadow: unset;\n }\n"],["\n margin-left: auto;\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\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\n :active,\n :focus {\n outline: none;\n box-shadow: unset;\n }\n"])),s.theme.gray200,s.theme.gray800,s.theme.gray300,s.theme.gray400);exports.FileUpload=function(r){var s=r.className,l=r.disabled,c=void 0!==l&&l,d=r.dropzoneOptions,u=r.error,p=void 0!==u&&u,f=r.instructionText,m=void 0===f?"or drag your file here":f,b=r.loading,v=r.loadingText,_=void 0===v?"Uploading...":v,q=r.onRemoveFile,T=r.uploadedFile,k=t.useDropzone(n.__assign(n.__assign({},d),{disabled:c,multiple:!1,noClick:!0,noKeyboard:!0})),C=k.getInputProps,R=k.getRootProps,O=k.open,z=function(){return b?e.jsx(i.Text,{children:_}):T?function(){if(T){var n=T.name,t=T.size;return e.jsxs(h,{children:[e.jsx(i.Text,{color:"gray1200",type:"label",children:n}),t&&e.jsx(i.Text,{color:"gray700",type:"caption",children:t})]})}return null}():e.jsx(i.Text,{color:"gray600",children:m})};return e.jsxs(g,{className:s,disabled:c,error:p,children:[e.jsxs(x,n.__assign({},R(),{children:[e.jsx("input",n.__assign({},C())),e.jsxs(y,{children:[e.jsx(o.LegacyButton,{loading:b,onClick:O,spinnerColor:"black",children:"Browse"}),z()]})]})),q&&T&&e.jsx(j,{onClick:function(){return q()},children:e.jsx(a.RemoveCircleDuotoneIcon,{size:20})})]})};
1
+ "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react-dropzone"),r=require("styled-components"),o=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/RemoveCircleDuotoneIcon.js"),s=require("../../styles/constants/theme.js");function l(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c,d,u,p,f,m=l(r),x=m.default.div(c||(c=n.__makeTemplateObject(["\n display: flex;\n justify-content: flex-start;\n padding: "," ",";\n border-radius: ",";\n border: ",";\n border-color: ",";\n\n opacity: ",";\n cursor: ",";\n"],["\n display: flex;\n justify-content: flex-start;\n padding: "," ",";\n border-radius: ",";\n border: ",";\n border-color: ",";\n\n opacity: ",";\n cursor: ",";\n"])),s.theme.space8,s.theme.space12,s.theme.radius10,s.theme.border,(function(n){return n.error?s.theme.danger:s.theme.borderColor}),(function(n){return n.disabled?.5:1}),(function(n){return n.disabled?"not-allowed":"auto"})),g=m.default.div(d||(d=n.__makeTemplateObject(["\n outline: none;\n text-align: center;\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n"],["\n outline: none;\n text-align: center;\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n"]))),h=m.default.div(u||(u=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: ",";\n"])),s.theme.space12),y=m.default.div(p||(p=n.__makeTemplateObject(["\n display: flex;\n gap: ",";\n align-items: center;\n"],["\n display: flex;\n gap: ",";\n align-items: center;\n"])),s.theme.space4),j=m.default(o.Button)(f||(f=n.__makeTemplateObject(["\n margin-left: auto;\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\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\n :active,\n :focus {\n outline: none;\n box-shadow: unset;\n }\n"],["\n margin-left: auto;\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\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\n :active,\n :focus {\n outline: none;\n box-shadow: unset;\n }\n"])),s.theme.gray200,s.theme.gray800,s.theme.gray300,s.theme.gray400);exports.FileUpload=function(r){var s=r.className,l=r.disabled,c=void 0!==l&&l,d=r.dropzoneOptions,u=r.error,p=void 0!==u&&u,f=r.instructionText,m=void 0===f?"or drag your file here":f,b=r.loading,v=r.loadingText,_=void 0===v?"Uploading...":v,q=r.onRemoveFile,T=r.uploadedFile,k=t.useDropzone(n.__assign(n.__assign({},d),{disabled:c,multiple:!1,noClick:!0,noKeyboard:!0})),C=k.getInputProps,R=k.getRootProps,O=k.open,z=function(){return b?e.jsx(i.Text,{children:_}):T?function(){if(T){var n=T.name,t=T.size;return e.jsxs(y,{children:[e.jsx(i.Text,{color:"gray1200",type:"label",children:n}),t&&e.jsx(i.Text,{color:"gray700",type:"caption",children:t})]})}return null}():e.jsx(i.Text,{color:"gray600",children:m})};return e.jsxs(x,{className:s,disabled:c,error:p,children:[e.jsxs(g,n.__assign({},R(),{children:[e.jsx("input",n.__assign({},C())),e.jsxs(h,{children:[e.jsx(o.Button,{loading:b,onClick:O,spinnerColor:"black",children:"Browse"}),z()]})]})),q&&T&&e.jsx(j,{onClick:function(){return q()},children:e.jsx(a.RemoveCircleDuotoneIcon,{size:20})})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),t=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/ChevronDownIcon.js"),s=require("../../icons/MinusCircleDuotoneIcon.js"),l=require("../../icons/PlusCircleDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c,p,m,x,f,b,h=u(o),g=h.default.div(c||(c=e.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),v=h.default.div(p||(p=e.__makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n border-radius: 100px;\n border: 1px dashed ",";\n background-color: transparent;\n color: ",";\n\n &.active {\n border: ",";\n }\n"],["\n display: inline-flex;\n align-items: center;\n border-radius: 100px;\n border: 1px dashed ",";\n background-color: transparent;\n color: ",";\n\n &.active {\n border: ",";\n }\n"])),d.theme.gray200,d.theme.gray700,d.theme.border),y=h.default.div(m||(m=e.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n\n border-right: 1px solid ",";\n\n &:hover {\n background-color: ",";\n }\n"],["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n\n border-right: 1px solid ",";\n\n &:hover {\n background-color: ",";\n }\n"])),d.theme.space8,d.theme.space4,d.theme.space8,(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.active?d.theme.borderColor:d.theme.gray200}),d.theme.gray100),j=h.default.div(x||(x=e.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n\n &:hover {\n background-color: ",";\n }\n"],["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n\n &:hover {\n background-color: ",";\n }\n"])),d.theme.space8,d.theme.space4,d.theme.space8,d.theme.gray100),_=h.default.div(f||(f=e.__makeTemplateObject(["\n z-index: 1;\n min-width: 400px;\n position: absolute;\n border-radius: ",";\n background-color: ",";\n box-shadow: ",";\n padding: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n outline: none;\n max-height: 600px;\n overflow: auto;\n"],["\n z-index: 1;\n min-width: 400px;\n position: absolute;\n border-radius: ",";\n background-color: ",";\n box-shadow: ",";\n padding: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n outline: none;\n max-height: 600px;\n overflow: auto;\n"])),d.theme.radius12,d.theme.surfaceColor,d.theme.v3ShadowXl,d.theme.space24,d.theme.space24),k=h.default.div(b||(b=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ",";\n"],["\n display: flex;\n flex-direction: column;\n gap: ",";\n"])),d.theme.space8);exports.useFilterWrapper=function(o){var d=o.className,u=o.dropdownTitle,c=o.filterExists,p=o.label,m=o.onApply,x=o.onRemove,f=e.__read(r.useState(!1),2),b=f[0],h=f[1],q=e.__read(r.useState(!1),2),C=q[0],w=q[1],T=e.__read(r.useState("Filter"),2),E=T[0],I=T[1],S=r.useRef(null),D=r.useRef(null),F=function(){h(!0),m(I),w(!1)},z=function(e){"Escape"===e.key&&w(!1),"Enter"===e.key&&F()},O=r.useCallback((function(e){var n,r=e.target;r instanceof Element&&!(null===(n=S.current)||void 0===n?void 0:n.contains(r))&&w(!1)}),[]);r.useEffect((function(){var e,n,r;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",O),(null===(n=S.current)||void 0===n?void 0:n.contains(document.activeElement))||null===(r=S.current)||void 0===r||r.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",O)}}),[C,O]),r.useEffect((function(){var e;if(C){var n=null===(e=S.current)||void 0===e?void 0:e.querySelector("input");null==n||n.focus()}}),[C]);var R=function(e){e.stopPropagation(),w(!0)},W=function(){c?(h(!b),x()):w(!0)};r.useEffect((function(){c||h(!1)}),[c]);return{handleApplyFilter:F,renderWrapper:function(e){return n.jsxs(g,{ref:D,children:[n.jsxs(v,{className:[d,b&&"active"].join(" "),onClick:W,children:[n.jsxs(y,{active:b,hasFilter:b&&c,children:[b?n.jsx(s.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):n.jsx(l.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),n.jsx(i.Text,{fontWeight:600,children:p})]}),b&&c&&n.jsxs(j,{onClick:R,children:[n.jsx(i.Text,{color:"blue600",fontWeight:600,children:E}),n.jsx(a.ChevronDownIcon,{size:24})]})]}),C&&n.jsxs(_,{ref:S,onKeyDown:z,tabIndex:-1,children:[n.jsx(i.Text,{type:"bold-subheader",children:u}),n.jsx(k,{children:e}),n.jsx(t.Button,{onClick:F,size:"md",variant:"primary",children:"Apply"})]})]})},setFilterText:I}};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),t=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/ChevronDownIcon.js"),s=require("../../icons/MinusCircleDuotoneIcon.js"),l=require("../../icons/PlusCircleDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c,p,m,x,f,b,h=u(o),g=h.default.div(c||(c=e.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),v=h.default.div(p||(p=e.__makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n border-radius: 100px;\n border: 1px dashed ",";\n background-color: transparent;\n color: ",";\n\n &.active {\n border: ",";\n }\n"],["\n display: inline-flex;\n align-items: center;\n border-radius: 100px;\n border: 1px dashed ",";\n background-color: transparent;\n color: ",";\n\n &.active {\n border: ",";\n }\n"])),d.theme.gray200,d.theme.gray700,d.theme.border),y=h.default.div(m||(m=e.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n\n border-right: 1px solid\n ",";\n\n &:hover {\n background-color: ",";\n }\n"],["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n\n border-right: 1px solid\n ",";\n\n &:hover {\n background-color: ",";\n }\n"])),d.theme.space8,d.theme.space4,d.theme.space8,(function(e){return e.$hasFilter?"0px":"100px"}),(function(e){return e.$hasFilter?"0px":"100px"}),(function(e){return e.$active?d.theme.borderColor:d.theme.gray200}),d.theme.gray100),j=h.default.div(x||(x=e.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n\n &:hover {\n background-color: ",";\n }\n"],["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n\n &:hover {\n background-color: ",";\n }\n"])),d.theme.space8,d.theme.space4,d.theme.space8,d.theme.gray100),_=h.default.div(f||(f=e.__makeTemplateObject(["\n z-index: 1;\n min-width: 400px;\n position: absolute;\n border-radius: ",";\n background-color: ",";\n box-shadow: ",";\n padding: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n outline: none;\n max-height: 600px;\n overflow: auto;\n"],["\n z-index: 1;\n min-width: 400px;\n position: absolute;\n border-radius: ",";\n background-color: ",";\n box-shadow: ",";\n padding: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n outline: none;\n max-height: 600px;\n overflow: auto;\n"])),d.theme.radius12,d.theme.surfaceColor,d.theme.v3ShadowXl,d.theme.space24,d.theme.space24),k=h.default.div(b||(b=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ",";\n"],["\n display: flex;\n flex-direction: column;\n gap: ",";\n"])),d.theme.space8);exports.useFilterWrapper=function(o){var d=o.className,u=o.dropdownTitle,c=o.filterExists,p=o.label,m=o.onApply,x=o.onRemove,f=e.__read(r.useState(!1),2),b=f[0],h=f[1],q=e.__read(r.useState(!1),2),C=q[0],w=q[1],T=e.__read(r.useState("Filter"),2),E=T[0],I=T[1],S=r.useRef(null),D=r.useRef(null),F=function(){h(!0),m(I),w(!1)},z=function(e){"Escape"===e.key&&w(!1),"Enter"===e.key&&F()},O=r.useCallback((function(e){var n,r=e.target;r instanceof Element&&!(null===(n=S.current)||void 0===n?void 0:n.contains(r))&&w(!1)}),[]);r.useEffect((function(){var e,n,r;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",O),(null===(n=S.current)||void 0===n?void 0:n.contains(document.activeElement))||null===(r=S.current)||void 0===r||r.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",O)}}),[C,O]),r.useEffect((function(){var e;if(C){var n=null===(e=S.current)||void 0===e?void 0:e.querySelector("input");null==n||n.focus()}}),[C]);var R=function(e){e.stopPropagation(),w(!0)},$=function(){c?(h(!b),x()):w(!0)};r.useEffect((function(){c||h(!1)}),[c]);return{handleApplyFilter:F,renderWrapper:function(e){return n.jsxs(g,{ref:D,children:[n.jsxs(v,{className:[d,b&&"active"].join(" "),onClick:$,children:[n.jsxs(y,{$active:b,$hasFilter:b&&c,children:[b?n.jsx(s.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):n.jsx(l.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),n.jsx(i.Text,{fontWeight:600,children:p})]}),b&&c&&n.jsxs(j,{onClick:R,children:[n.jsx(i.Text,{color:"blue600",fontWeight:600,children:E}),n.jsx(a.ChevronDownIcon,{size:24})]})]}),C&&n.jsxs(_,{ref:S,onKeyDown:z,tabIndex:-1,children:[n.jsx(i.Text,{type:"bold-subheader",children:u}),n.jsx(k,{children:e}),n.jsx(t.Button,{onClick:F,size:"md",variant:"primary",children:"Apply"})]})]})},setFilterText:I}};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("@graphiql/react"),n=require("graphiql");require("graphql");var s=require("styled-components"),o=require("./_GraphiqlContextWrapper.js"),a=require("./_LoadingIcon.js"),u=require("../nested-data-table/NestedDataTable.js"),l=require("../split-panel/SplitPanel.js"),c=require("../../icons/EyeIcon.js"),h=require("../../icons/EyeOffIcon.js"),p=require("../../styles/constants/theme.js"),q=require("../../utils/hooks/_useGraphiqlExplorer.js"),d=require("../../utils/hooks/_useGraphiqlFetcher.js"),j=require("../../utils/hooks/_useGraphiqlStorage.js");function g(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../icons/custom/ZonosLogoIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../nested-data-table/_TableData.js"),require("../nested-data-table/_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("react-split-it"),require("@graphiql/plugin-explorer"),require("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js");var m,b,x,_=g(s),f=_.default.div(m||(m=e.__makeTemplateObject(["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"],["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"]))),v=_.default.div(b||(b=e.__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"]))),S=_.default.div(x||(x=e.__makeTemplateObject(["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"],["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"])),p.theme.space12),k=function(s){var p=s.customToolbar,g=s.fetcher,m=s.loadingComponent,b=s.onEditQuery,x=s.onEditVariables,_=s.onResultData,k=s.query,y=void 0===k?"":k,T=s.schema,C=s.schemaName,E=s.url,I=s.variables,w=void 0===I?"":I,F=e.__read(t.useState(null),2),D=F[0],G=F[1],R=e.__read(t.useState(null),2)[1],B=e.__read(t.useState(!1),2),L=B[0],O=B[1],N=e.__read(t.useState("first-time"),1)[0],A=e.__read(t.useState(!1),2),P=A[0],Q=A[1],W=e.__read(t.useState([1,0]),2),z=W[0],M=W[1],V=e.__read(t.useState(!1),2),H=V[0],K=V[1],U=e.__read(t.useState(""),2),Z=U[0],J=U[1],X=d.useGraphiqlFetcher({cachingKey:N,customFetcher:g||null,operationName:Z,query:y,url:E}),Y=X.graphiqlFetcher,$=X.isLoading,ee=X.resultData,re=j.useGraphiqlStorage({defaultSchema:C});t.useEffect((function(){K(!0)}),[]),t.useEffect((function(){O(!!(null==D?void 0:D.isFetching)||$)}),[null==D?void 0:D.isFetching,O,$]),t.useEffect((function(){ee&&_&&_(ee)}),[_,ee]);var te=q.useGraphiqlExplorer({});if(!T)return r.jsx(r.Fragment,{children:m||r.jsx(a.Loading,{})});var ie,ne;return r.jsx(f,{children:r.jsxs(l.SplitPanel,{collapseAll:!P,onSetSizes:M,sizes:z,children:[r.jsx(v,{children:H&&r.jsx(n.GraphiQL,{fetcher:Y,onEditOperationName:J,onEditQuery:b,onEditVariables:x,plugins:[te],query:y,schema:T,storage:re,toolbar:{additionalContent:r.jsxs(i.Tooltip.Provider,{children:[r.jsx(i.ToolbarButton,{label:P?"Hide table":"Show table",onClick:function(){return Q(!P)},children:P?r.jsx(h.EyeOffIcon,{color:"red600"}):r.jsx(c.EyeIcon,{color:"gray400"})}),p]})},variables:w,children:r.jsx(o.GraphiqlContextWrapper,{setExecutionContext:G,setResponseEditorContext:R,children:r.jsx(n.GraphiQL.Footer,{})})})}),(ie=null!==ee?ee.data:ee,ne=ie?Object.entries(ie):null,ne?r.jsx(S,{children:ne.map((function(t){var i=e.__read(t,2),n=i[0],s=i[1];return Array.isArray(s)||s?r.jsx(u.NestedDataTable,{isFetching:L,tableData:s,title:n},n):null}))}):null)]})})};k.ToolbarButton=i.ToolbarButton,exports.GraphMatrix=k;
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("@graphiql/react"),n=require("graphiql");require("graphql");var s=require("styled-components"),o=require("./_GraphiqlContextWrapper.js"),a=require("./_LoadingIcon.js"),u=require("../nested-data-table/NestedDataTable.js"),l=require("../split-panel/SplitPanel.js"),c=require("../../icons/EyeIcon.js"),h=require("../../icons/EyeOffIcon.js"),p=require("../../styles/constants/theme.js"),q=require("../../utils/hooks/_useGraphiqlExplorer.js"),d=require("../../utils/hooks/_useGraphiqlFetcher.js"),j=require("../../utils/hooks/_useGraphiqlStorage.js");function g(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../icons/custom/ZonosLogoIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../nested-data-table/_TableData.js"),require("../nested-data-table/_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("react-split-it"),require("@graphiql/plugin-explorer"),require("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js");var m,b,x,_=g(s),f=_.default.div(m||(m=e.__makeTemplateObject(["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"],["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"]))),v=_.default.div(b||(b=e.__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"]))),S=_.default.div(x||(x=e.__makeTemplateObject(["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"],["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"])),p.theme.space12),k=function(s){var p=s.customToolbar,g=s.fetcher,m=s.loadingComponent,b=s.onEditQuery,x=s.onEditVariables,_=s.onResultData,k=s.query,y=void 0===k?"":k,T=s.schema,C=s.schemaName,E=s.url,I=s.variables,w=void 0===I?"":I,F=e.__read(t.useState(null),2),D=F[0],G=F[1],R=e.__read(t.useState(null),2)[1],B=e.__read(t.useState(!1),2),O=B[0],L=B[1],N=e.__read(t.useState("first-time"),1)[0],A=e.__read(t.useState(!1),2),P=A[0],Q=A[1],W=e.__read(t.useState([1,0]),2),z=W[0],M=W[1],V=e.__read(t.useState(!1),2),H=V[0],K=V[1],U=e.__read(t.useState(""),2),Z=U[0],J=U[1],X=d.useGraphiqlFetcher({cachingKey:N,customFetcher:g||null,operationName:Z,query:y,url:E}),Y=X.graphiqlFetcher,$=X.isLoading,ee=X.resultData,re=j.useGraphiqlStorage({defaultSchema:C});t.useEffect((function(){K(!0)}),[]),t.useEffect((function(){L(!!(null==D?void 0:D.isFetching)||$)}),[null==D?void 0:D.isFetching,L,$]),t.useEffect((function(){ee&&_&&_(ee)}),[_,ee]);var te=q.useGraphiqlExplorer({});if(!T)return r.jsx(r.Fragment,{children:m||r.jsx(a.Loading,{})});var ie,ne;return r.jsx(f,{children:r.jsxs(l.SplitPanel,{collapseAll:!P,onSetSizes:M,sizes:z,children:[r.jsx(v,{children:H&&r.jsx(n.GraphiQL,{fetcher:Y,onEditOperationName:J,onEditQuery:b,onEditVariables:x,plugins:[te],query:y,schema:T,storage:re,toolbar:{additionalContent:r.jsxs(i.Tooltip.Provider,{children:[r.jsx(i.ToolbarButton,{label:P?"Hide table":"Show table",onClick:function(){return Q(!P)},children:P?r.jsx(h.EyeOffIcon,{color:"red600"}):r.jsx(c.EyeIcon,{color:"gray400"})}),p]})},variables:w,children:r.jsx(o.GraphiqlContextWrapper,{setExecutionContext:G,setResponseEditorContext:R,children:r.jsx(n.GraphiQL.Footer,{})})})}),(ie=null!==ee?ee.data:ee,ne=ie?Object.entries(ie):null,ne?r.jsx(S,{children:ne.map((function(t){var i=e.__read(t,2),n=i[0],s=i[1];return Array.isArray(s)||s?r.jsx(u.NestedDataTable,{isFetching:O,tableData:s,title:n},n):null}))}):null)]})})};k.ToolbarButton=i.ToolbarButton,exports.GraphMatrix=k;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("styled-components"),t=require("../help-text/HelpText.js"),a=require("./input-type/_DateInput.js"),i=require("./input-type/_FloatLabelInput.js"),s=require("./input-type/_NumberInput.js"),u=require("./input-type/_PasswordInput.js"),o=require("./input-type/_TimeInput.js"),l=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("react"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../../icons/ClockIcon.js");var c,p,x=d(n),f=x.default.div(c||(c=e.__makeTemplateObject(["\n border-radius: ",";\n border: ",";\n &:hover {\n border: 1px solid ",";\n }\n"],["\n border-radius: ",";\n border: ",";\n &:hover {\n border: 1px solid ",";\n }\n"])),(function(e){return function(e){switch(e){case"sm":return"".concat(l.theme.radius6);case"lg":return"".concat(l.theme.radius10);case"xl":return"".concat(l.theme.radius12);default:return"".concat(l.theme.radius8)}}(e.size)}),l.theme.border,l.theme.gray300),b=x.default.div(p||(p=e.__makeTemplateObject(["\n position: relative;\n width: ",";\n\n & > div {\n flex-direction: row;\n align-items: center;\n display: flex;\n }\n\n &.disabled {\n opacity: 0.4;\n }\n"],["\n position: relative;\n width: ",";\n\n & > div {\n flex-direction: row;\n align-items: center;\n display: flex;\n }\n\n &.disabled {\n opacity: 0.4;\n }\n"])),(function(e){return e.width?"".concat(e.width,"px"):"100%"}));exports.Input=function(n){var l=n.autoFocus,d=n.className,c=n.disabled,p=n.error,x=n.helpText,h=n.inputMode,m=n.inputPrefix,y=n.inputSuffix,j=n.label,q=n.onChange,v=n.onKeyDown,I=n.pattern,_=n.placeholder,w=n.prefix,g=n.readOnly,C=n.required,P=n.size,T=void 0===P?"xl":P,D=n.suffix,N=n.tabIndex,O=n.type,z=n.value,F=n.valuePrefix,M=n.width,K=e.__rest(n,["autoFocus","className","disabled","error","helpText","inputMode","inputPrefix","inputSuffix","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix","width"]);return r.jsxs(b,{className:"amino-input-wrapper ".concat(c?"disabled":""),width:M,children:[r.jsx(f,{size:T,children:function(){switch(O){case"password":return r.jsx(u.PasswordInput,e.__assign({autoFocus:l,className:d,disabled:c,error:p,inputMode:h,label:j,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||m,readOnly:g,required:C,size:T,suffix:D||y,tabIndex:N,value:z||"",valuePrefix:F},K));case"date":case"datetime-local":return r.jsx(a.DateInput,e.__assign({autoFocus:l,className:d,disabled:c,error:p,inputMode:h,label:j,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||m,readOnly:g,required:C,size:T,suffix:D||y,tabIndex:N,type:O,value:z||"",valuePrefix:F},K));case"number":return r.jsx(s.NumberInput,e.__assign({autoFocus:l,className:d,disabled:c,error:p,inputMode:h,label:j,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||m,readOnly:g,required:C,size:T,suffix:null===D?null:D||y,tabIndex:N,value:z||"",valuePrefix:F},K));case"time":return r.jsx(o.TimeInput,e.__assign({autoFocus:l,className:d,disabled:c,error:p,inputMode:h,label:j,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||m,readOnly:g,required:C,size:T,suffix:D||y,tabIndex:N,value:z||"",valuePrefix:F},K));default:return r.jsx(i.FloatLabelInput,e.__assign({autoFocus:l,className:d,disabled:c,error:p,inputMode:h,label:j,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||m,readOnly:g,required:C,size:T,suffix:D||y,tabIndex:N,type:O,value:z||"",valuePrefix:F},K))}}()}),r.jsx(t.HelpText,{error:p,helpText:x})]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("styled-components"),t=require("../help-text/HelpText.js"),a=require("./input-type/_DateInput.js"),i=require("./input-type/_FloatLabelInput.js"),s=require("./input-type/_NumberInput.js"),u=require("./input-type/_PasswordInput.js"),o=require("./input-type/_TimeInput.js"),l=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("react"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../../icons/ClockIcon.js");var c,p,x=d(n),f=x.default.div(c||(c=e.__makeTemplateObject(["\n border-radius: ",";\n border: ",";\n &:hover {\n border: 1px solid ",";\n }\n"],["\n border-radius: ",";\n border: ",";\n &:hover {\n border: 1px solid ",";\n }\n"])),(function(e){return function(e){switch(e){case"sm":return"".concat(l.theme.radius6);case"lg":return"".concat(l.theme.radius10);case"xl":return"".concat(l.theme.radius12);default:return"".concat(l.theme.radius8)}}(e.$size)}),l.theme.border,l.theme.gray300),b=x.default.div(p||(p=e.__makeTemplateObject(["\n position: relative;\n width: ",";\n\n & > div {\n flex-direction: row;\n align-items: center;\n display: flex;\n }\n\n &.disabled {\n opacity: 0.4;\n }\n"],["\n position: relative;\n width: ",";\n\n & > div {\n flex-direction: row;\n align-items: center;\n display: flex;\n }\n\n &.disabled {\n opacity: 0.4;\n }\n"])),(function(e){return e.$width?"".concat(e.$width,"px"):"100%"}));exports.Input=function(n){var l=n.autoFocus,d=n.className,c=n.disabled,p=n.error,x=n.helpText,h=n.inputMode,m=n.inputPrefix,y=n.inputSuffix,j=n.label,q=n.onChange,v=n.onKeyDown,I=n.pattern,_=n.placeholder,w=n.prefix,g=n.readOnly,C=n.required,P=n.size,T=void 0===P?"xl":P,D=n.suffix,N=n.tabIndex,O=n.type,z=n.value,F=n.valuePrefix,M=n.width,K=e.__rest(n,["autoFocus","className","disabled","error","helpText","inputMode","inputPrefix","inputSuffix","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix","width"]);return r.jsxs(b,{$width:M,className:"amino-input-wrapper ".concat(c?"disabled":""),children:[r.jsx(f,{$size:T,children:function(){switch(O){case"password":return r.jsx(u.PasswordInput,e.__assign({autoFocus:l,className:d,disabled:c,error:p,inputMode:h,label:j,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||m,readOnly:g,required:C,size:T,suffix:D||y,tabIndex:N,value:z||"",valuePrefix:F},K));case"date":case"datetime-local":return r.jsx(a.DateInput,e.__assign({autoFocus:l,className:d,disabled:c,error:p,inputMode:h,label:j,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||m,readOnly:g,required:C,size:T,suffix:D||y,tabIndex:N,type:O,value:z||"",valuePrefix:F},K));case"number":return r.jsx(s.NumberInput,e.__assign({autoFocus:l,className:d,disabled:c,error:p,inputMode:h,label:j,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||m,readOnly:g,required:C,size:T,suffix:null===D?null:D||y,tabIndex:N,value:z||"",valuePrefix:F},K));case"time":return r.jsx(o.TimeInput,e.__assign({autoFocus:l,className:d,disabled:c,error:p,inputMode:h,label:j,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||m,readOnly:g,required:C,size:T,suffix:D||y,tabIndex:N,value:z||"",valuePrefix:F},K));default:return r.jsx(i.FloatLabelInput,e.__assign({autoFocus:l,className:d,disabled:c,error:p,inputMode:h,label:j,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||m,readOnly:g,required:C,size:T,suffix:D||y,tabIndex:N,type:O,value:z||"",valuePrefix:F},K))}}()}),r.jsx(t.HelpText,{error:p,helpText:x})]})};
@@ -1 +1 @@
1
- "use strict";var n=require("../../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),o=require("../../../styles/constants/theme.js"),r=require("../../../utils/getTestId.js");function i(n){return n&&n.__esModule?n:{default:n}}var l,s,d,p,c,u,f,h=i(a),b=function(n){switch(n){case"sm":return"".concat(o.theme.radius6);case"lg":return"".concat(o.theme.radius10);case"xl":return"".concat(o.theme.radius12);default:return"".concat(o.theme.radius8)}},m=h.default.label(l||(l=n.__makeTemplateObject(["\n display: block;\n max-height: 0;\n pointer-events: none;\n order: 1;\n &::before {\n content: attr(data-label);\n color: ",";\n position: absolute;\n font-size: ",";\n line-height: ",";\n display: inline-block;\n filter: blur(0);\n transform-origin: left top;\n transition: ",";\n margin-left: ",";\n top: calc(50% - "," / 2);\n z-index: 1;\n }\n &::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n /** disabled state */\n .disabled & {\n pointer-events: inherit;\n ::after {\n cursor: not-allowed;\n z-index: 1;\n }\n }\n"],["\n display: block;\n max-height: 0;\n pointer-events: none;\n order: 1;\n &::before {\n content: attr(data-label);\n color: ",";\n position: absolute;\n font-size: ",";\n line-height: ",";\n display: inline-block;\n filter: blur(0);\n transform-origin: left top;\n transition: ",";\n margin-left: ",";\n top: calc(50% - "," / 2);\n z-index: 1;\n }\n &::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n /** disabled state */\n .disabled & {\n pointer-events: inherit;\n ::after {\n cursor: not-allowed;\n z-index: 1;\n }\n }\n"])),o.theme.gray800,o.theme.fontSizeBase,o.theme.fontSizeBase,o.theme.transition,o.theme.space16,o.theme.fontSizeBase,(function(n){return b(n.$size)})),g=h.default.div(s||(s=n.__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n font-weight: 500;\n background: transparent;\n padding: 0 6px;\n font-weight: 700;\n flex-basis: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n"],["\n font-size: ",";\n line-height: ",";\n font-weight: 500;\n background: transparent;\n padding: 0 6px;\n font-weight: 700;\n flex-basis: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n"])),o.theme.fontSizeS,o.theme.fontSizeS),x=h.default(g)(d||(d=n.__makeTemplateObject(["\n border-top-left-radius: ",";\n border-bottom-left-radius: ",";\n"],["\n border-top-left-radius: ",";\n border-bottom-left-radius: ",";\n"])),o.theme.radius6,o.theme.radius6),w=h.default(g)(p||(p=n.__makeTemplateObject(["\n order: 3;\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n"],["\n order: 3;\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n"])),o.theme.radius6,o.theme.radius6),y=h.default.div(c||(c=n.__makeTemplateObject(["\n display: flex;\n order: 2;\n align-items: flex-end;\n padding-left: ",";\n padding-right: ",";\n padding-bottom: calc(",");\n color: ",";\n white-space: nowrap;\n"],["\n display: flex;\n order: 2;\n align-items: flex-end;\n padding-left: ",";\n padding-right: ",";\n padding-bottom: calc(",");\n color: ",";\n white-space: nowrap;\n"])),o.theme.space16,o.theme.space4,o.theme.space8,o.theme.gray800),k=h.default.input(u||(u=n.__makeTemplateObject(["\n height: ",";\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n outline: none;\n transition: ",";\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n order: 2;\n font-weight: 500;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n padding: "," 4px "," ",";\n &.has-input-prefix {\n padding-left: 0;\n & + ","::before {\n margin-left: 0;\n }\n }\n }\n &:not(.has-label) {\n ::placeholder {\n opacity: 0.6;\n }\n }\n\n &.has-value-prefix {\n padding-left: 8px;\n }\n\n ::placeholder {\n transition: ",";\n opacity: 0;\n }\n\n :focus {\n outline: none;\n & + ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error + ","::after {\n box-shadow: ",";\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + ","::before {\n top: 11px;\n transform: scale(0.8);\n }\n }\n\n &:-webkit-autofill,\n &:-moz-autofill {\n background-color: ",";\n color: ",";\n }\n"],["\n height: ",";\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n outline: none;\n transition: ",";\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n order: 2;\n font-weight: 500;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n padding: "," 4px "," ",";\n &.has-input-prefix {\n padding-left: 0;\n & + ","::before {\n margin-left: 0;\n }\n }\n }\n &:not(.has-label) {\n ::placeholder {\n opacity: 0.6;\n }\n }\n\n &.has-value-prefix {\n padding-left: 8px;\n }\n\n ::placeholder {\n transition: ",";\n opacity: 0;\n }\n\n :focus {\n outline: none;\n & + ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error + ","::after {\n box-shadow: ",";\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + ","::before {\n top: 11px;\n transform: scale(0.8);\n }\n }\n\n &:-webkit-autofill,\n &:-moz-autofill {\n background-color: ",";\n color: ",";\n }\n"])),(function(n){return"calc(var(--amino-size-".concat(n.$size,") - 2px)")}),o.theme.space16,o.theme.transition,(function(n){return b(n.$size)}),o.theme.inputBackground,o.theme.radius6,o.theme.radius6,o.theme.space16,o.theme.space8,o.theme.space16,m,o.theme.transition,m,o.theme.glowBlue,m,o.theme.glowError,m,o.theme.inputBackground,o.theme.textColor),v=h.default.div(f||(f=n.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: row;\n width: 100%;\n background: ",";\n border-radius: ",";\n\n &.sm ",".has-label {\n padding-top: 13px;\n padding-bottom: 0;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 2px;\n }\n }\n }\n\n &.md ",".has-label {\n padding-top: 20px;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 6px;\n }\n }\n }\n\n &.lg ",".has-label {\n &:focus,\n &.has-content {\n & + ","::before {\n top: 10px;\n }\n }\n }\n &.xl ",".has-label {\n padding-bottom: 2px;\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: row;\n width: 100%;\n background: ",";\n border-radius: ",";\n\n &.sm ",".has-label {\n padding-top: 13px;\n padding-bottom: 0;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 2px;\n }\n }\n }\n\n &.md ",".has-label {\n padding-top: 20px;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 6px;\n }\n }\n }\n\n &.lg ",".has-label {\n &:focus,\n &.has-content {\n & + ","::before {\n top: 10px;\n }\n }\n }\n &.xl ",".has-label {\n padding-bottom: 2px;\n }\n"])),o.theme.inputBackground,(function(n){return b(n.$size)}),k,m,k,m,k,m,k),z=t.forwardRef((function(a,o){var i=a.autoFocus,l=a.className,s=a.disabled,d=a.error,p=a.inputMode,c=a.label,u=a.onChange,f=a.onKeyDown,h=a.pattern,b=a.placeholder,g=a.prefix,z=a.readOnly,_=a.required,j=a.size,O=void 0===j?"xl":j,q=a.suffix,T=a.tabIndex,S=a.type,B=a.value,I=a.valuePrefix,$=n.__rest(a,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),M=t.useMemo((function(){return r.getTestId({componentName:"input",name:c})}),[c]),N=!!g||!!I,P=!!B||!!I;return e.jsxs(v,{className:"".concat(l||""," ").concat(O),children:[g&&e.jsx(x,{children:g}),I&&e.jsx(y,{children:I}),e.jsx(k,n.__assign({ref:o,$size:O,"aria-label":c,autoFocus:i,className:[d?"has-error":"",c?"has-label":"",P?"has-content":"",g?"has-input-prefix":"",I?"has-value-prefix":""].join(" "),"data-testid":M,disabled:s,hasPrefix:!!g,hasSuffix:!!q,inputMode:p,onChange:u,onKeyDown:f,pattern:h,placeholder:b,readOnly:z,required:_,tabIndex:T,type:S||"text",value:B||""},$)),e.jsx(m,{$size:O,"data-label":c,hasPrefix:N}),q&&e.jsx(w,{children:q})]})}));exports.FloatLabelInput=z,exports.InputValuePrefix=y;
1
+ "use strict";var n=require("../../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),o=require("../../../styles/constants/theme.js"),r=require("../../../utils/getTestId.js");function i(n){return n&&n.__esModule?n:{default:n}}var l,s,d,p,c,u,f,h=i(a),b=function(n){switch(n){case"sm":return"".concat(o.theme.radius6);case"lg":return"".concat(o.theme.radius10);case"xl":return"".concat(o.theme.radius12);default:return"".concat(o.theme.radius8)}},m=h.default.label(l||(l=n.__makeTemplateObject(["\n display: block;\n max-height: 0;\n pointer-events: none;\n order: 1;\n &::before {\n content: attr(data-label);\n color: ",";\n position: absolute;\n font-size: ",";\n line-height: ",";\n display: inline-block;\n filter: blur(0);\n transform-origin: left top;\n transition: ",";\n margin-left: ",";\n top: calc(50% - "," / 2);\n z-index: 1;\n }\n &::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n /** disabled state */\n .disabled & {\n pointer-events: inherit;\n ::after {\n cursor: not-allowed;\n z-index: 1;\n }\n }\n"],["\n display: block;\n max-height: 0;\n pointer-events: none;\n order: 1;\n &::before {\n content: attr(data-label);\n color: ",";\n position: absolute;\n font-size: ",";\n line-height: ",";\n display: inline-block;\n filter: blur(0);\n transform-origin: left top;\n transition: ",";\n margin-left: ",";\n top: calc(50% - "," / 2);\n z-index: 1;\n }\n &::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n /** disabled state */\n .disabled & {\n pointer-events: inherit;\n ::after {\n cursor: not-allowed;\n z-index: 1;\n }\n }\n"])),o.theme.gray800,o.theme.fontSizeBase,o.theme.fontSizeBase,o.theme.transition,o.theme.space16,o.theme.fontSizeBase,(function(n){return b(n.$size)})),g=h.default.div(s||(s=n.__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n font-weight: 500;\n background: transparent;\n padding: 0 6px;\n font-weight: 700;\n flex-basis: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n"],["\n font-size: ",";\n line-height: ",";\n font-weight: 500;\n background: transparent;\n padding: 0 6px;\n font-weight: 700;\n flex-basis: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n"])),o.theme.fontSizeS,o.theme.fontSizeS),x=h.default(g)(d||(d=n.__makeTemplateObject(["\n border-top-left-radius: ",";\n border-bottom-left-radius: ",";\n"],["\n border-top-left-radius: ",";\n border-bottom-left-radius: ",";\n"])),o.theme.radius6,o.theme.radius6),w=h.default(g)(p||(p=n.__makeTemplateObject(["\n order: 3;\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n"],["\n order: 3;\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n"])),o.theme.radius6,o.theme.radius6),y=h.default.div(c||(c=n.__makeTemplateObject(["\n display: flex;\n order: 2;\n align-items: flex-end;\n padding-left: ",";\n padding-right: ",";\n padding-bottom: calc(",");\n color: ",";\n white-space: nowrap;\n"],["\n display: flex;\n order: 2;\n align-items: flex-end;\n padding-left: ",";\n padding-right: ",";\n padding-bottom: calc(",");\n color: ",";\n white-space: nowrap;\n"])),o.theme.space16,o.theme.space4,o.theme.space8,o.theme.gray800),k=h.default.input(u||(u=n.__makeTemplateObject(["\n height: ",";\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n outline: none;\n transition: ",";\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n order: 2;\n font-weight: 500;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n padding: "," 4px "," ",";\n &.has-input-prefix {\n padding-left: 0;\n & + ","::before {\n margin-left: 0;\n }\n }\n }\n &:not(.has-label) {\n ::placeholder {\n opacity: 0.6;\n }\n }\n\n &.has-value-prefix {\n padding-left: 8px;\n }\n\n ::placeholder {\n transition: ",";\n opacity: 0;\n }\n\n :focus {\n outline: none;\n & + ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error + ","::after {\n box-shadow: ",";\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + ","::before {\n top: 11px;\n transform: scale(0.8);\n }\n }\n\n &:-webkit-autofill,\n &:-moz-autofill {\n background-color: ",";\n color: ",";\n }\n"],["\n height: ",";\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n outline: none;\n transition: ",";\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n order: 2;\n font-weight: 500;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n padding: "," 4px "," ",";\n &.has-input-prefix {\n padding-left: 0;\n & + ","::before {\n margin-left: 0;\n }\n }\n }\n &:not(.has-label) {\n ::placeholder {\n opacity: 0.6;\n }\n }\n\n &.has-value-prefix {\n padding-left: 8px;\n }\n\n ::placeholder {\n transition: ",";\n opacity: 0;\n }\n\n :focus {\n outline: none;\n & + ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error + ","::after {\n box-shadow: ",";\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + ","::before {\n top: 11px;\n transform: scale(0.8);\n }\n }\n\n &:-webkit-autofill,\n &:-moz-autofill {\n background-color: ",";\n color: ",";\n }\n"])),(function(n){return"calc(var(--amino-size-".concat(n.$size,") - 2px)")}),o.theme.space16,o.theme.transition,(function(n){return b(n.$size)}),o.theme.inputBackground,o.theme.radius6,o.theme.radius6,o.theme.space16,o.theme.space8,o.theme.space16,m,o.theme.transition,m,o.theme.glowBlue,m,o.theme.glowError,m,o.theme.inputBackground,o.theme.textColor),v=h.default.div(f||(f=n.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: row;\n width: 100%;\n background: ",";\n border-radius: ",";\n\n &.sm ",".has-label {\n padding-top: 13px;\n padding-bottom: 0;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 2px;\n }\n }\n }\n\n &.md ",".has-label {\n padding-top: 20px;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 6px;\n }\n }\n }\n\n &.lg ",".has-label {\n &:focus,\n &.has-content {\n & + ","::before {\n top: 10px;\n }\n }\n }\n &.xl ",".has-label {\n padding-bottom: 2px;\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: row;\n width: 100%;\n background: ",";\n border-radius: ",";\n\n &.sm ",".has-label {\n padding-top: 13px;\n padding-bottom: 0;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 2px;\n }\n }\n }\n\n &.md ",".has-label {\n padding-top: 20px;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 6px;\n }\n }\n }\n\n &.lg ",".has-label {\n &:focus,\n &.has-content {\n & + ","::before {\n top: 10px;\n }\n }\n }\n &.xl ",".has-label {\n padding-bottom: 2px;\n }\n"])),o.theme.inputBackground,(function(n){return b(n.$size)}),k,m,k,m,k,m,k),z=t.forwardRef((function(a,o){var i=a.autoFocus,l=a.className,s=a.disabled,d=a.error,p=a.inputMode,c=a.label,u=a.onChange,f=a.onKeyDown,h=a.pattern,b=a.placeholder,g=a.prefix,z=a.readOnly,_=a.required,j=a.size,O=void 0===j?"xl":j,q=a.suffix,T=a.tabIndex,S=a.type,B=a.value,I=a.valuePrefix,$=n.__rest(a,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),M=t.useMemo((function(){return r.getTestId({componentName:"input",name:c})}),[c]),N=!!B||!!I;return e.jsxs(v,{className:"".concat(l||""," ").concat(O),children:[g&&e.jsx(x,{children:g}),I&&e.jsx(y,{children:I}),e.jsx(k,n.__assign({ref:o,$size:O,"aria-label":c,autoFocus:i,className:[d?"has-error":"",c?"has-label":"",N?"has-content":"",g?"has-input-prefix":"",I?"has-value-prefix":""].join(" "),"data-testid":M,disabled:s,hasPrefix:!!g,hasSuffix:!!q,inputMode:p,onChange:u,onKeyDown:f,pattern:h,placeholder:b,readOnly:z,required:_,tabIndex:T,type:S||"text",value:B||""},$)),e.jsx(m,{$size:O,"data-label":c}),q&&e.jsx(w,{children:q})]})}));exports.FloatLabelInput=z,exports.InputValuePrefix=y;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../input/SearchInput.js");require("./NavigationGroup.js");var i=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../collapse/Collapse.js"),require("@mui/material/Collapse");var a,d,h,l,s,b,c,m,g,p,u=o(r),x=u.default.div(a||(a=e.__makeTemplateObject(["\n box-sizing: border-box;\n width: ",";\n"],["\n box-sizing: border-box;\n width: ",";\n"])),i.theme.sidebarWidth),f=u.default.div(d||(d=e.__makeTemplateObject(["\n padding: ",";\n box-sizing: border-box;\n overflow-y: auto;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n"],["\n padding: ",";\n box-sizing: border-box;\n overflow-y: auto;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n"])),i.theme.space16),j=u.default.div(h||(h=e.__makeTemplateObject(["\n margin-bottom: ",";\n"],["\n margin-bottom: ",";\n"])),i.theme.space40),v=u.default.div(l||(l=e.__makeTemplateObject(["\n margin-bottom: ",";\n"],["\n margin-bottom: ",";\n"])),i.theme.space24),_=u.default(t.SearchInput)(s||(s=e.__makeTemplateObject(["\n border: 0;\n svg {\n color: ",";\n }\n input {\n background-color: ",";\n border: 0;\n ::placeholder {\n color: ",";\n }\n }\n"],["\n border: 0;\n svg {\n color: ",";\n }\n input {\n background-color: ",";\n border: 0;\n ::placeholder {\n color: ",";\n }\n }\n"])),i.theme.gray1200,i.theme.gray100,i.theme.gray1200),y=u.default.nav(b||(b=e.__makeTemplateObject(["\n border-right: ",";\n width: ",";\n box-sizing: border-box;\n display: grid;\n grid-template-rows: 1fr calc(39px + "," * 2);\n height: inherit;\n background: ",";\n"],["\n border-right: ",";\n width: ",";\n box-sizing: border-box;\n display: grid;\n grid-template-rows: 1fr calc(39px + "," * 2);\n height: inherit;\n background: ",";\n"])),i.theme.border,i.theme.sidebarWidth,i.theme.space24,i.theme.sidebarColor),k=u.default.div(c||(c=e.__makeTemplateObject(["\n height: ",";\n display: grid;\n grid-template-columns: "," 1fr;\n"],["\n height: ",";\n display: grid;\n grid-template-columns: "," 1fr;\n"])),(function(e){return e.hasHeader?"calc(100vh - ".concat(i.theme.appbarHeight,")"):"100vh"}),i.theme.sidebarWidth),w=u.default.main(m||(m=e.__makeTemplateObject(["\n height: 100vh;\n overflow: hidden;\n"],["\n height: 100vh;\n overflow: hidden;\n"]))),z=u.default.div(g||(g=e.__makeTemplateObject(["\n height: inherit;\n overflow-y: auto;\n padding: ",";\n box-sizing: border-box;\n"],["\n height: inherit;\n overflow-y: auto;\n padding: ",";\n box-sizing: border-box;\n"])),i.theme.space24),q=u.default.header(p||(p=e.__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n border-bottom: ",";\n height: ",";\n z-index: ",";\n position: sticky;\n top: 0;\n box-sizing: border-box;\n display: flex;\n"],["\n background: ",";\n box-shadow: ",";\n border-bottom: ",";\n height: ",";\n z-index: ",";\n position: sticky;\n top: 0;\n box-sizing: border-box;\n display: flex;\n"])),i.theme.headerColor,i.theme.v3ShadowBase,i.theme.border,i.theme.appbarHeight,i.theme.appbarElevation);exports.Layout=function(e){var r=e.content,t=e.footer,i=e.headerContent,o=e.logoSidebar,a=e.searchInput,d=e.sidebar;return n.jsxs(w,{children:[!!i&&n.jsx(q,{children:i}),n.jsxs(k,{hasHeader:!!i,children:[n.jsxs(y,{children:[n.jsxs(f,{children:[!!o&&n.jsx(v,{children:o}),!!a&&n.jsx(j,{children:n.jsx(_,{onChange:a.onChange,value:a.value})}),d]}),n.jsx(x,{children:t})]}),n.jsx(z,{children:r})]})]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../input/SearchInput.js");require("./NavigationGroup.js");var i=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../collapse/Collapse.js"),require("@mui/material/Collapse");var a,d,h,l,s,b,c,m,g,p,u=o(r),x=u.default.div(a||(a=e.__makeTemplateObject(["\n box-sizing: border-box;\n width: ",";\n"],["\n box-sizing: border-box;\n width: ",";\n"])),i.theme.sidebarWidth),f=u.default.div(d||(d=e.__makeTemplateObject(["\n padding: ",";\n box-sizing: border-box;\n overflow-y: auto;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n"],["\n padding: ",";\n box-sizing: border-box;\n overflow-y: auto;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n"])),i.theme.space16),j=u.default.div(h||(h=e.__makeTemplateObject(["\n margin-bottom: ",";\n"],["\n margin-bottom: ",";\n"])),i.theme.space40),v=u.default.div(l||(l=e.__makeTemplateObject(["\n margin-bottom: ",";\n"],["\n margin-bottom: ",";\n"])),i.theme.space24),_=u.default(t.SearchInput)(s||(s=e.__makeTemplateObject(["\n border: 0;\n svg {\n color: ",";\n }\n input {\n background-color: ",";\n border: 0;\n ::placeholder {\n color: ",";\n }\n }\n"],["\n border: 0;\n svg {\n color: ",";\n }\n input {\n background-color: ",";\n border: 0;\n ::placeholder {\n color: ",";\n }\n }\n"])),i.theme.gray1200,i.theme.gray100,i.theme.gray1200),y=u.default.nav(b||(b=e.__makeTemplateObject(["\n border-right: ",";\n width: ",";\n box-sizing: border-box;\n display: grid;\n grid-template-rows: 1fr calc(39px + "," * 2);\n height: inherit;\n background: ",";\n"],["\n border-right: ",";\n width: ",";\n box-sizing: border-box;\n display: grid;\n grid-template-rows: 1fr calc(39px + "," * 2);\n height: inherit;\n background: ",";\n"])),i.theme.border,i.theme.sidebarWidth,i.theme.space24,i.theme.sidebarColor),k=u.default.div(c||(c=e.__makeTemplateObject(["\n height: ",";\n display: grid;\n grid-template-columns: "," 1fr;\n"],["\n height: ",";\n display: grid;\n grid-template-columns: "," 1fr;\n"])),(function(e){return e.$hasHeader?"calc(100vh - ".concat(i.theme.appbarHeight,")"):"100vh"}),i.theme.sidebarWidth),w=u.default.main(m||(m=e.__makeTemplateObject(["\n height: 100vh;\n overflow: hidden;\n"],["\n height: 100vh;\n overflow: hidden;\n"]))),z=u.default.div(g||(g=e.__makeTemplateObject(["\n height: inherit;\n overflow-y: auto;\n padding: ",";\n box-sizing: border-box;\n"],["\n height: inherit;\n overflow-y: auto;\n padding: ",";\n box-sizing: border-box;\n"])),i.theme.space24),q=u.default.header(p||(p=e.__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n border-bottom: ",";\n height: ",";\n z-index: ",";\n position: sticky;\n top: 0;\n box-sizing: border-box;\n display: flex;\n"],["\n background: ",";\n box-shadow: ",";\n border-bottom: ",";\n height: ",";\n z-index: ",";\n position: sticky;\n top: 0;\n box-sizing: border-box;\n display: flex;\n"])),i.theme.headerColor,i.theme.v3ShadowBase,i.theme.border,i.theme.appbarHeight,i.theme.appbarElevation);exports.Layout=function(e){var r=e.content,t=e.footer,i=e.headerContent,o=e.logoSidebar,a=e.searchInput,d=e.sidebar;return n.jsxs(w,{children:[!!i&&n.jsx(q,{children:i}),n.jsxs(k,{$hasHeader:!!i,children:[n.jsxs(y,{children:[n.jsxs(f,{children:[!!o&&n.jsx(v,{children:o}),!!a&&n.jsx(j,{children:n.jsx(_,{onChange:a.onChange,value:a.value})}),d]}),n.jsx(x,{children:t})]}),n.jsx(z,{children:r})]})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),s=require("../button/LegacyButton.js"),n=require("./_TableData.js"),u=require("../rest-state/RestState.js"),a=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");var c,j,q,d=o(i),h=d.default.div(c||(c=e.__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"]))),m=d.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: ",";\n"],["\n display: flex;\n align-items: center;\n padding: ",";\n"])),l.theme.space8),p=d.default.div(q||(q=e.__makeTemplateObject(["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n align-items: center;\n gap: ",";\n"])),l.theme.space8);exports.NestedDataTable=function(e){var i=e.currentPage,l=e.customColumnCells,o=e.customFlattenRow,c=e.handlePagination,j=e.hasNextPage,q=e.hasPreviousPage,d=e.isFetching,x=e.loadingComponent,g=e.restState,b=e.tableData,f=e.title,k=r.useMemo((function(){return Array.isArray(b)?b:[b]}),[b]),v=!!c&&!!i&&b.length;return t.jsxs(h,{children:[t.jsxs(m,{children:[!!f&&t.jsx(a.Text,{type:"header",children:f}),!!v&&t.jsxs(p,{children:[t.jsx(s.LegacyButton,{disabled:1===i||!q,intent:"outline",onClick:function(){q&&c(i-1)},children:"Previous page"}),i,t.jsx(s.LegacyButton,{disabled:!j,intent:"outline",onClick:function(){j&&c(i+1)},children:"Next page"})]})]}),d?x?t.jsx(t.Fragment,{children:x}):t.jsx(u.RestState,{label:"Loading..."}):0===k.length?g?t.jsx(t.Fragment,{children:g}):t.jsx(u.RestState,{label:"No data available."}):t.jsx(n.TableData,{customColumnCells:l,customFlattenRow:o,tableDataArr:k})]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),s=require("../button/Button.js"),n=require("./_TableData.js"),u=require("../rest-state/RestState.js"),a=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");var c,j,q,d=o(i),h=d.default.div(c||(c=e.__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"]))),m=d.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: ",";\n"],["\n display: flex;\n align-items: center;\n padding: ",";\n"])),l.theme.space8),p=d.default.div(q||(q=e.__makeTemplateObject(["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n align-items: center;\n gap: ",";\n"])),l.theme.space8);exports.NestedDataTable=function(e){var i=e.currentPage,l=e.customColumnCells,o=e.customFlattenRow,c=e.handlePagination,j=e.hasNextPage,q=e.hasPreviousPage,d=e.isFetching,x=e.loadingComponent,g=e.restState,b=e.tableData,f=e.title,k=t.useMemo((function(){return Array.isArray(b)?b:[b]}),[b]),v=!!c&&!!i&&b.length;return r.jsxs(h,{children:[r.jsxs(m,{children:[!!f&&r.jsx(a.Text,{type:"header",children:f}),!!v&&r.jsxs(p,{children:[r.jsx(s.Button,{disabled:1===i||!q,onClick:function(){q&&c(i-1)},outline:!0,children:"Previous page"}),i,r.jsx(s.Button,{disabled:!j,onClick:function(){j&&c(i+1)},outline:!0,children:"Next page"})]})]}),d?x?r.jsx(r.Fragment,{children:x}):r.jsx(u.RestState,{label:"Loading..."}):0===k.length?g?r.jsx(r.Fragment,{children:g}):r.jsx(u.RestState,{label:"No data available."}):r.jsx(n.TableData,{customColumnCells:l,customFlattenRow:o,tableDataArr:k})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./NestedDataTable.js");require("../../_tslib-ccfac372.js");var i=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js");require("styled-components"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_TableData.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("../../utils/_extractQueryParams.js");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,o=s.query,n=s.setCachingKey,c=s.setQuery,q=s.tableData,l=s.title,j=r.useMemo((function(){return Array.isArray(q)?q:[q]}),[q]),h=i.useHasuraGqlPagination({actionName:l,query:o,setCachingKey:n,setQuery:c}),p=h.currentPage,m=h.handlePagination;return e.jsx(t.NestedDataTable,{currentPage:p,customFlattenRow:u,handlePagination:m,isFetching:a,tableData:j,title:l})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./NestedDataTable.js");require("../../_tslib-ccfac372.js");var i=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js");require("styled-components"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_TableData.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("../../utils/_extractQueryParams.js");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,o=s.query,n=s.setCachingKey,c=s.setQuery,q=s.tableData,l=s.title,j=r.useMemo((function(){return Array.isArray(q)?q:[q]}),[q]),h=i.useHasuraGqlPagination({actionName:l,query:o,setCachingKey:n,setQuery:c}),p=h.currentPage,m=h.handlePagination;return e.jsx(t.NestedDataTable,{currentPage:p,customFlattenRow:u,handlePagination:m,isFetching:a,tableData:j,title:l})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("../button/LegacyButton.js"),s=require("./_Filter.js"),a=require("../pivot-table/PivotTable.js"),o=require("../tooltip/Tooltip.js"),u=require("../../icons/ChevronRightCircleIcon.js"),l=require("../../styles/constants/theme.js"),c=require("../../utils/flattenRow.js"),d=require("../../utils/setupNestedData.js"),p=require("../../utils/truncateText.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var j,g,f,h=m(r),q=h.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-bottom: var(--amino-space-12);\n"],["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-bottom: var(--amino-space-12);\n"]))),x=h.default.div(g||(g=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n height: 100%;\n svg {\n transition: 0.3s all ease;\n }\n .expanding-button {\n svg {\n transform: rotate(90deg);\n }\n }\n"],["\n display: flex;\n align-items: center;\n height: 100%;\n svg {\n transition: 0.3s all ease;\n }\n .expanding-button {\n svg {\n transform: rotate(90deg);\n }\n }\n"]))),_=h.default.div(f||(f=e.__makeTemplateObject(["\n .expanding {\n background-color: ",";\n }\n & & {\n padding: "," "," ",";\n }\n"],["\n .expanding {\n background-color: ",";\n }\n & & {\n padding: "," "," ",";\n }\n"])),l.theme.gray50,l.theme.space4,l.theme.space12,l.theme.space24),v=function(r){var l=r.customColumnCells,m=r.customFlattenRow,j=r.noFilter,g=r.tableDataArr,f=m||c.flattenRow,h=e.__read(t.useState([]),2),b=h[0],y=h[1],k=t.useCallback((function(){return g.map((function(e){var n=Object.entries(e).reduce((function(e,n){return f({currentVal:n,prev:e})}),{});return d.setupNestedData(n)}))}),[f,g]),C=e.__read(t.useState(k()),2),T=C[0],D=C[1];t.useEffect((function(){g&&D(k())}),[k,g]);var R=t.useCallback((function(t){var r=t.column,s=t.onRowChange,a=t.row,c=a[r.key];if(Array.isArray(c)){var d=0===c.length,j=a._expandedKey===r.key;return n.jsx(x,{children:n.jsx(o.Tooltip,{showTooltip:d,subtitle:"This list has no items.",children:n.jsx(i.LegacyButton,{className:j?"expanding-button":"",disabled:d,icon:n.jsx(u.ChevronRightCircleIcon,{}),intent:"subtle",onClick:function(){return s(e.__assign(e.__assign({},a),{_expandedKey:j?"":r.key}))}})})})}return a._expandedData&&a._expandedData.length>0?n.jsx(v,{customColumnCells:l,customFlattenRow:m,noFilter:!0,tableDataArr:a._expandedData}):"string"==typeof c?p.truncateText({addEllipsis:!0,length:40,text:c}):c}),[l,m]),w=t.useMemo((function(){return Object.entries(T.find(Boolean)||{}).filter((function(n){var t=e.__read(n,1)[0];return"key"!==t&&!t.startsWith("_")})).flatMap((function(n){var t=e.__read(n,1)[0];return[{key:t,name:t,renderCell:(null==l?void 0:l[t])||R}]}))}),[l,R,T]),I=t.useMemo((function(){var n=w.filter((function(e){return!b.includes(e.key)}));return n.map((function(t){return e.__assign(e.__assign({},t),{cellClass:function(e){return e._expandedKey===t.key||e._expandedData.length>0?"expanding":""},colSpan:function(e){return"ROW"===e.type&&e.row._expandedData.length>0?n.filter((function(e){return!e.key.startsWith("_")})).length:void 0}})}))}),[w,b]);return n.jsxs(_,{children:[n.jsx(q,{children:!j&&n.jsx(s.Filter,{columns:w,hiddenColumns:b,setHiddenColumns:y})}),n.jsx(a.PivotTable,{columns:I,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,n){var t=n.indexes[0],r=void 0!==t?e[t]:null;if(r&&void 0!==t){var i=r[r._expandedKey];if(i&&Array.isArray(i)){var s=e[t+1],a=(null==s?void 0:s._expandedData)&&s._expandedData.length>0,o=i[0],u="object"==typeof o&&o?i:i.map((function(e){return{item:e}}));e.splice(t+1,a?1:0,{_expandedData:u,_expandedKey:""})}else e.splice(t+1,1);D(e)}},rowHeight:function(e){var n,t;return"ROW"===e.type&&(null===(t=null===(n=e.row)||void 0===n?void 0:n._expandedData)||void 0===t?void 0:t.length)>0?300:45},rows:T,tableHeight:"100%"})]})};exports.TableData=v;
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("../button/Button.js"),s=require("./_Filter.js"),a=require("../pivot-table/PivotTable.js"),o=require("../tooltip/Tooltip.js"),u=require("../../icons/ChevronRightCircleIcon.js"),l=require("../../styles/constants/theme.js"),c=require("../../utils/flattenRow.js"),d=require("../../utils/setupNestedData.js"),p=require("../../utils/truncateText.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var j,f,g,h=m(r),q=h.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-bottom: var(--amino-space-12);\n"],["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-bottom: var(--amino-space-12);\n"]))),x=h.default.div(f||(f=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n height: 100%;\n svg {\n transition: 0.3s all ease;\n }\n .expanding-button {\n svg {\n transform: rotate(90deg);\n }\n }\n"],["\n display: flex;\n align-items: center;\n height: 100%;\n svg {\n transition: 0.3s all ease;\n }\n .expanding-button {\n svg {\n transform: rotate(90deg);\n }\n }\n"]))),_=h.default.div(g||(g=e.__makeTemplateObject(["\n .expanding {\n background-color: ",";\n }\n & & {\n padding: "," "," ",";\n }\n"],["\n .expanding {\n background-color: ",";\n }\n & & {\n padding: "," "," ",";\n }\n"])),l.theme.gray50,l.theme.space4,l.theme.space12,l.theme.space24),v=function(r){var l=r.customColumnCells,m=r.customFlattenRow,j=r.noFilter,f=r.tableDataArr,g=m||c.flattenRow,h=e.__read(t.useState([]),2),b=h[0],y=h[1],k=t.useCallback((function(){return f.map((function(e){var n=Object.entries(e).reduce((function(e,n){return g({currentVal:n,prev:e})}),{});return d.setupNestedData(n)}))}),[g,f]),C=e.__read(t.useState(k()),2),T=C[0],D=C[1];t.useEffect((function(){f&&D(k())}),[k,f]);var R=t.useCallback((function(t){var r=t.column,s=t.onRowChange,a=t.row,c=a[r.key];if(Array.isArray(c)){var d=0===c.length,j=a._expandedKey===r.key;return n.jsx(x,{children:n.jsx(o.Tooltip,{showTooltip:d,subtitle:"This list has no items.",children:n.jsx(i.Button,{className:j?"expanding-button":"",disabled:d,icon:n.jsx(u.ChevronRightCircleIcon,{}),onClick:function(){return s(e.__assign(e.__assign({},a),{_expandedKey:j?"":r.key}))},variant:"subtle"})})})}return a._expandedData&&a._expandedData.length>0?n.jsx(v,{customColumnCells:l,customFlattenRow:m,noFilter:!0,tableDataArr:a._expandedData}):"string"==typeof c?p.truncateText({addEllipsis:!0,length:40,text:c}):c}),[l,m]),w=t.useMemo((function(){return Object.entries(T.find(Boolean)||{}).filter((function(n){var t=e.__read(n,1)[0];return"key"!==t&&!t.startsWith("_")})).flatMap((function(n){var t=e.__read(n,1)[0];return[{key:t,name:t,renderCell:(null==l?void 0:l[t])||R}]}))}),[l,R,T]),I=t.useMemo((function(){var n=w.filter((function(e){return!b.includes(e.key)}));return n.map((function(t){return e.__assign(e.__assign({},t),{cellClass:function(e){return e._expandedKey===t.key||e._expandedData.length>0?"expanding":""},colSpan:function(e){return"ROW"===e.type&&e.row._expandedData.length>0?n.filter((function(e){return!e.key.startsWith("_")})).length:void 0}})}))}),[w,b]);return n.jsxs(_,{children:[n.jsx(q,{children:!j&&n.jsx(s.Filter,{columns:w,hiddenColumns:b,setHiddenColumns:y})}),n.jsx(a.PivotTable,{columns:I,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,n){var t=n.indexes[0],r=void 0!==t?e[t]:null;if(r&&void 0!==t){var i=r[r._expandedKey];if(i&&Array.isArray(i)){var s=e[t+1],a=(null==s?void 0:s._expandedData)&&s._expandedData.length>0,o=i[0],u="object"==typeof o&&o?i:i.map((function(e){return{item:e}}));e.splice(t+1,a?1:0,{_expandedData:u,_expandedKey:""})}else e.splice(t+1,1);D(e)}},rowHeight:function(e){var n,t;return"ROW"===e.type&&(null===(t=null===(n=e.row)||void 0===n?void 0:n._expandedData)||void 0===t?void 0:t.length)>0?300:45},rows:T,tableHeight:"100%"})]})};exports.TableData=v;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react-awesome-gravatar"),a=require("styled-components"),i=require("../avatar/UserAvatar.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../avatar/AvatarBase.js"),require("../../styles/constants/theme.js");var s,o=n(a).default.img(s||(s=e.__makeTemplateObject(["\n width: 100%;\n border-radius: 50%;\n cursor: pointer;\n overflow: hidden;\n height: auto;\n max-width: ","px;\n"],["\n width: 100%;\n border-radius: 50%;\n cursor: pointer;\n overflow: hidden;\n height: auto;\n max-width: ","px;\n"])),(function(e){return e.size}));exports.ProfileIcon=function(e){var a=e.email,n=e.size,s=void 0===n?32:n,u={default:"mp",size:s},d=a&&t.getGravatarUrl(a,u);return d?r.jsx(o,{alt:"Profile",size:s,src:d}):r.jsx(i.UserAvatar,{size:s})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react-awesome-gravatar"),a=require("styled-components"),i=require("../avatar/UserAvatar.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../avatar/AvatarBase.js"),require("../../styles/constants/theme.js");var s,o=n(a).default.img(s||(s=e.__makeTemplateObject(["\n width: 100%;\n border-radius: 50%;\n cursor: pointer;\n overflow: hidden;\n height: auto;\n max-width: ","px;\n"],["\n width: 100%;\n border-radius: 50%;\n cursor: pointer;\n overflow: hidden;\n height: auto;\n max-width: ","px;\n"])),(function(e){return e.$size}));exports.ProfileIcon=function(e){var a=e.email,n=e.size,s=void 0===n?32:n,u={default:"mp",size:s},d=a&&t.getGravatarUrl(a,u);return d?r.jsx(o,{$size:s,alt:"Profile",src:d}):r.jsx(i.UserAvatar,{size:s})};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("framer-motion"),t=require("styled-components"),i=require("../text/Text.js"),o=require("../../styles/constants/theme.js");function c(n){return n&&n.__esModule?n:{default:n}}var a,l,s,d=c(t),u=d.default.div(a||(a=n.__makeTemplateObject(["\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: ",";\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n border: ",";\n box-shadow: ",";\n margin-right: ",";\n transition: ",";\n\n svg {\n color: ",";\n width: 8px;\n height: 8px;\n }\n"],["\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: ",";\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n border: ",";\n box-shadow: ",";\n margin-right: ",";\n transition: ",";\n\n svg {\n color: ",";\n width: 8px;\n height: 8px;\n }\n"])),(function(n){return n.checked?o.theme.primary:o.theme.inputBackground}),(function(n){return n.checked?"none":"1.5px solid ".concat(o.theme.gray400)}),(function(n){return n.checked?o.theme.shadowButtonPrimary:"none"}),o.theme.space8,o.theme.transition,o.theme.gray0),m=d.default(i.Text)(l||(l=n.__makeTemplateObject(["\n margin-bottom: 0;\n"],["\n margin-bottom: 0;\n"]))),h=d.default.div(s||(s=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n cursor: pointer;\n user-select: none;\n\n &.disabled {\n cursor: not-allowed;\n & > div {\n background: ",";\n cursor: not-allowed;\n }\n label {\n cursor: not-allowed;\n }\n }\n\n label {\n display: flex;\n flex-direction: column;\n cursor: pointer;\n margin-bottom: 0;\n color: ",";\n }\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n cursor: pointer;\n user-select: none;\n\n &.disabled {\n cursor: not-allowed;\n & > div {\n background: ",";\n cursor: not-allowed;\n }\n label {\n cursor: not-allowed;\n }\n }\n\n label {\n display: flex;\n flex-direction: column;\n cursor: pointer;\n margin-bottom: 0;\n color: ",";\n }\n"])),(function(n){return n.checked&&o.theme.blue300}),(function(n){return n.disabled?o.theme.gray300:"black"}));exports.Radio=function(n){var t=n.checked,i=n.disabled,o=n.label,c=n.onChange;return e.jsxs(h,{checked:t,className:i?"disabled":"",disabled:i,onClick:function(){return!i&&c(!t)},children:[e.jsx(u,{checked:t,children:e.jsx(r.AnimatePresence,{children:t&&e.jsx(r.motion.svg,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1.5},fill:"currentColor",initial:{opacity:0,scale:1.5},transition:{duration:.35,ease:[.4,0,.2,1]},viewBox:"0 0 10 10",children:e.jsx("circle",{cx:"5",cy:"5",r:"5"})},"radio")})}),o&&e.jsx(m,{type:"input-label",children:o})]})};
1
+ "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("framer-motion"),t=require("styled-components"),i=require("../text/Text.js"),o=require("../../styles/constants/theme.js");function c(n){return n&&n.__esModule?n:{default:n}}var a,l,s,d=c(t),u=d.default.div(a||(a=n.__makeTemplateObject(["\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: ",";\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n border: ",";\n box-shadow: ",";\n margin-right: ",";\n transition: ",";\n\n svg {\n color: ",";\n width: 8px;\n height: 8px;\n }\n"],["\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: ",";\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n border: ",";\n box-shadow: ",";\n margin-right: ",";\n transition: ",";\n\n svg {\n color: ",";\n width: 8px;\n height: 8px;\n }\n"])),(function(n){return n.$checked?o.theme.primary:o.theme.inputBackground}),(function(n){return n.$checked?"none":"1.5px solid ".concat(o.theme.gray400)}),(function(n){return n.$checked?o.theme.shadowButtonPrimary:"none"}),o.theme.space8,o.theme.transition,o.theme.gray0),m=d.default(i.Text)(l||(l=n.__makeTemplateObject(["\n margin-bottom: 0;\n"],["\n margin-bottom: 0;\n"]))),h=d.default.div(s||(s=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n cursor: pointer;\n user-select: none;\n\n &.disabled {\n cursor: not-allowed;\n & > div {\n background: ",";\n cursor: not-allowed;\n }\n label {\n cursor: not-allowed;\n }\n }\n\n label {\n display: flex;\n flex-direction: column;\n cursor: pointer;\n margin-bottom: 0;\n color: ",";\n }\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n cursor: pointer;\n user-select: none;\n\n &.disabled {\n cursor: not-allowed;\n & > div {\n background: ",";\n cursor: not-allowed;\n }\n label {\n cursor: not-allowed;\n }\n }\n\n label {\n display: flex;\n flex-direction: column;\n cursor: pointer;\n margin-bottom: 0;\n color: ",";\n }\n"])),(function(n){return n.$checked&&o.theme.blue300}),(function(n){return n.$disabled?o.theme.gray300:"black"}));exports.Radio=function(n){var t=n.checked,i=n.disabled,o=n.label,c=n.onChange;return e.jsxs(h,{$checked:t,$disabled:i,className:i?"disabled":"",onClick:function(){return!i&&c(!t)},children:[e.jsx(u,{$checked:t,children:e.jsx(r.AnimatePresence,{children:t&&e.jsx(r.motion.svg,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1.5},fill:"currentColor",initial:{opacity:0,scale:1.5},transition:{duration:.35,ease:[.4,0,.2,1]},viewBox:"0 0 10 10",children:e.jsx("circle",{cx:"5",cy:"5",r:"5"})},"radio")})}),o&&e.jsx(m,{type:"input-label",children:o})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),i=require("../card/Card.js"),r=require("../stack/VStack.js"),l=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../stack/HStack.js"),require("../stack/Stack.js"),require("../text/Text.js");var c,o,u,s,h=a(t),d=h.default.div(c||(c=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 16px;\n"]))),f=h.default.div(o||(o=e.__makeTemplateObject(["\n font-weight: bold;\n"],["\n font-weight: bold;\n"]))),p=h.default.div(u||(u=e.__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n"],["\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n"]))),g=h.default(i.Card)(s||(s=e.__makeTemplateObject(["\n min-width: 180px;\n display: flex;\n gap: 24px;\n height: fit-content;\n align-items: center;\n font-weight: 500;\n flex: 0 0 180px;\n font-size: ",";\n color: ",";\n background-color: ",";\n border: ",";\n\n svg > path {\n stroke: ",";\n fill: ",";\n }\n"],["\n min-width: 180px;\n display: flex;\n gap: 24px;\n height: fit-content;\n align-items: center;\n font-weight: 500;\n flex: 0 0 180px;\n font-size: ",";\n color: ",";\n background-color: ",";\n border: ",";\n\n svg > path {\n stroke: ",";\n fill: ",";\n }\n"])),l.theme.fontSizeS,(function(e){return e.highlighted&&l.theme.blue600}),(function(e){return e.highlighted&&l.theme.blue100}),(function(e){return e.highlighted&&"1px solid ".concat(l.theme.blue400)}),(function(e){return e.highlighted&&l.theme.blue600}),(function(e){return e.highlighted&&l.theme.blue200}));exports.RichCardStateSelect=function(e){var t=e.onClick,i=e.states,l=Array.from(new Set(i.map((function(e){return e.region}))));return n.jsx(d,{children:l.map((function(e){return n.jsx("div",{children:n.jsxs(r.VStack,{spacing:8,children:[n.jsx(f,{children:e}),n.jsx(p,{children:i.filter((function(n){return n.region===e})).map((function(e){return n.jsx("button",{onClick:function(){return t(e)},type:"button",children:n.jsxs(g,{highlighted:e.highlighted,spacing:"10px",children:[e.icon,e.name]},e.code)})}))})]})},e)}))})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),i=require("../card/Card.js"),r=require("../stack/VStack.js"),l=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../stack/HStack.js"),require("../stack/Stack.js"),require("../text/Text.js");var c,o,u,s,h=a(t),d=h.default.div(c||(c=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 16px;\n"]))),f=h.default.div(o||(o=e.__makeTemplateObject(["\n font-weight: bold;\n"],["\n font-weight: bold;\n"]))),p=h.default.div(u||(u=e.__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n"],["\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n"]))),g=h.default(i.Card)(s||(s=e.__makeTemplateObject(["\n min-width: 180px;\n display: flex;\n gap: 24px;\n height: fit-content;\n align-items: center;\n font-weight: 500;\n flex: 0 0 180px;\n font-size: ",";\n color: ",";\n background-color: ",";\n border: ",";\n\n svg > path {\n stroke: ",";\n fill: ",";\n }\n"],["\n min-width: 180px;\n display: flex;\n gap: 24px;\n height: fit-content;\n align-items: center;\n font-weight: 500;\n flex: 0 0 180px;\n font-size: ",";\n color: ",";\n background-color: ",";\n border: ",";\n\n svg > path {\n stroke: ",";\n fill: ",";\n }\n"])),l.theme.fontSizeS,(function(e){return e.$highlighted&&l.theme.blue600}),(function(e){return e.$highlighted&&l.theme.blue100}),(function(e){return e.$highlighted&&"1px solid ".concat(l.theme.blue400)}),(function(e){return e.$highlighted&&l.theme.blue600}),(function(e){return e.$highlighted&&l.theme.blue200}));exports.RichCardStateSelect=function(e){var t=e.onClick,i=e.states,l=Array.from(new Set(i.map((function(e){return e.region}))));return n.jsx(d,{children:l.map((function(e){return n.jsx("div",{children:n.jsxs(r.VStack,{spacing:8,children:[n.jsx(f,{children:e}),n.jsx(p,{children:i.filter((function(n){return n.region===e})).map((function(e){return n.jsx("button",{onClick:function(){return t(e)},type:"button",children:n.jsxs(g,{$highlighted:e.highlighted,spacing:"10px",children:[e.icon,e.name]},e.code)})}))})]})},e)}))})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("react-tooltip"),r=require("styled-components"),o=require("../stack/VStack.js"),i=require("../text/Text.js"),d=require("../../icons/CheckmarkIcon.js"),l=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var s,u,p,h,x,b,m,g=c(a),f=c(r),k=f.default.div(s||(s=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"])),l.theme.space16,l.theme.gray400,l.theme.gray0),j=f.default.div(u||(u=e.__makeTemplateObject(["\n position: absolute;\n right: ",";\n background: ",";\n content: ' ';\n border-radius: 50px;\n padding: 2px;\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: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])),l.theme.space16,l.theme.blue600),v=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"])),l.theme.gray0,l.theme.space16,l.theme.space40,l.theme.border,l.theme.radius6,(function(e){return e.itemHeight}),l.theme.gray100,l.theme.gray200,k,l.theme.gray600,l.theme.blue400,l.theme.blue400),y=f.default(i.Text)(h||(h=e.__makeTemplateObject([""],[""]))),_=f.default(i.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"])),l.theme.textColor,l.theme.primary),q=f.default(o.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: 16px;\n height: 16px;\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: 16px;\n height: 16px;\n }\n"])),v,l.theme.blue100,l.theme.blue400,l.theme.blue400,l.theme.blue700,y,l.theme.blue600,l.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,i=a.icon,l=a.itemHeight,c=void 0===l?64:l,s=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,{className:o,spacing:16,children:s.map((function(t){return n.jsxs(v,{"data-disabled":t.disabled,"data-state":t.value===b?"checked":"","data-tip":t.tooltip,itemHeight:c,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(_,{type:"label",children:t.label}),t.subtitle&&n.jsx(y,{color:"gray900",type:"body",children:t.subtitle})]}),!!i&&n.jsx(k,{children:i||n.jsx(d.CheckmarkIcon,{})}),t.value===b&&n.jsx(j,{children:r||n.jsx(d.CheckmarkIcon,{})})]},t.value)}))})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("react-tooltip"),r=require("styled-components"),o=require("../stack/VStack.js"),i=require("../text/Text.js"),d=require("../../icons/CheckmarkIcon.js"),l=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var s,u,p,h,x,b,m,g=c(a),f=c(r),k=f.default.div(s||(s=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"])),l.theme.space16,l.theme.gray400,l.theme.gray0),j=f.default.div(u||(u=e.__makeTemplateObject(["\n position: absolute;\n right: ",";\n background: ",";\n content: ' ';\n border-radius: 50px;\n padding: 2px;\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: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])),l.theme.space16,l.theme.blue600),v=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"])),l.theme.gray0,l.theme.space16,l.theme.space40,l.theme.border,l.theme.radius6,(function(e){return e.$itemHeight}),l.theme.gray100,l.theme.gray200,k,l.theme.gray600,l.theme.blue400,l.theme.blue400),y=f.default(i.Text)(h||(h=e.__makeTemplateObject([""],[""]))),_=f.default(i.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"])),l.theme.textColor,l.theme.primary),q=f.default(o.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: 16px;\n height: 16px;\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: 16px;\n height: 16px;\n }\n"])),v,l.theme.blue100,l.theme.blue400,l.theme.blue400,l.theme.blue700,y,l.theme.blue600,l.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,i=a.icon,l=a.itemHeight,c=void 0===l?64:l,s=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,{className:o,spacing:16,children:s.map((function(t){return n.jsxs(v,{$itemHeight:c,"data-disabled":t.disabled,"data-state":t.value===b?"checked":"","data-tip":t.tooltip,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(_,{type:"label",children:t.label}),t.subtitle&&n.jsx(y,{color:"gray900",type:"body",children:t.subtitle})]}),!!i&&n.jsx(k,{children:i||n.jsx(d.CheckmarkIcon,{})}),t.value===b&&n.jsx(j,{children:r||n.jsx(d.CheckmarkIcon,{})})]},t.value)}))})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("../button/LegacyButton.js"),i=require("../collapse/Collapse.js"),s=require("./_SectionInnerWrapper.js"),l=require("./_SectionSubheader.js"),o=require("../stack/HStack.js"),c=require("../text/Text.js"),u=require("../../icons/ChevronUpIcon.js"),d=require("../../styles/constants/theme.js");function p(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("@mui/material/Collapse"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,f,j,h,b=p(r),x=b.default(o.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"])),d.theme.space8,d.theme.space40),g=b.default(a.LegacyButton)(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"])),d.theme.space4,d.theme.gray300,d.theme.gray400,d.theme.gray800),q=b.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),v=b.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 a=r.children,o=r.className,d=r.collapseByDefault,p=void 0!==d&&d,m=r.collapsible,f=void 0!==m&&m,j=r.label,h=r.sublabel,b=void 0===h?"":h,y=e.__read(t.useState(p),2),_=y[0],k=y[1];return n.jsxs(x,{className:o||"",children:[j&&n.jsx(s.SectionInnerWrapper,{children:n.jsxs(q,{children:[f?n.jsxs(v,{onClick:function(){return k(!_)},onKeyDown:function(){return null},role:"button",tabIndex:0,children:[n.jsx(c.Text,{type:"title",children:j}),n.jsx(g,{className:_?"collapsed":"",icon:n.jsx(u.ChevronUpIcon,{}),intent:"plain",onClick:function(){return k(!_)},size:"sm"})]}):n.jsx(c.Text,{type:"title",children:j}),b&&n.jsx(l.SectionSubheader,{children:b})]})}),f?n.jsx(i.Collapse,{collapsed:_,children:a}):n.jsx("div",{children:a})]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),a=require("../button/Button.js"),i=require("../collapse/Collapse.js"),s=require("./_SectionInnerWrapper.js"),l=require("./_SectionSubheader.js"),o=require("../stack/HStack.js"),c=require("../text/Text.js"),u=require("../../icons/ChevronUpIcon.js"),d=require("../../styles/constants/theme.js");function p(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("@mui/material/Collapse"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,f,j,h,b=p(t),x=b.default(o.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"])),d.theme.space8,d.theme.space40),v=b.default(a.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"])),d.theme.space4,d.theme.gray300,d.theme.gray400,d.theme.gray800),q=b.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),g=b.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(t){var a=t.children,o=t.className,d=t.collapseByDefault,p=void 0!==d&&d,m=t.collapsible,f=void 0!==m&&m,j=t.label,h=t.sublabel,b=void 0===h?"":h,y=e.__read(r.useState(p),2),_=y[0],k=y[1];return n.jsxs(x,{className:o||"",children:[j&&n.jsx(s.SectionInnerWrapper,{children:n.jsxs(q,{children:[f?n.jsxs(g,{onClick:function(){return k(!_)},onKeyDown:function(){return null},role:"button",tabIndex:0,children:[n.jsx(c.Text,{type:"title",children:j}),n.jsx(v,{className:_?"collapsed":"",icon:n.jsx(u.ChevronUpIcon,{}),onClick:function(){return k(!_)},size:"sm",variant:"plain"})]}):n.jsx(c.Text,{type:"title",children:j}),b&&n.jsx(l.SectionSubheader,{children:b})]})}),f?n.jsx(i.Collapse,{collapsed:_,children:a}):n.jsx("div",{children:a})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),o=require("../checkbox/Checkbox.js"),r=require("../skeleton/Skeleton.js"),i=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}require("react"),require("clsx"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js");var d,c,s,h,u,x,b,g=l(t),m=g.default.table(d||(d=e.__makeTemplateObject(["\n width: 100%;\n"],["\n width: 100%;\n"]))),k=g.default.thead(c||(c=e.__makeTemplateObject(["\n text-transform: uppercase;\n"],["\n text-transform: uppercase;\n"]))),p=g.default.tr(s||(s=e.__makeTemplateObject(["\n border-bottom: ",";\n height: 48px;\n"],["\n border-bottom: ",";\n height: 48px;\n"])),a.theme.border),v=g.default.th(h||(h=e.__makeTemplateObject(["\n padding: ",";\n white-space: nowrap;\n text-align: ",";\n"],["\n padding: ",";\n white-space: nowrap;\n text-align: ",";\n"])),a.theme.space16,(function(e){return e.$textAlign})),j=g.default.tr(u||(u=e.__makeTemplateObject(["\n height: 48px;\n cursor: ",";\n & {\n border-bottom: ",";\n }\n\n &.with-hover:hover {\n background-color: ",";\n }\n\n &:not(:hover) {\n .row-hover-show {\n visibility: collapse;\n }\n }\n"],["\n height: 48px;\n cursor: ",";\n & {\n border-bottom: ",";\n }\n\n &.with-hover:hover {\n background-color: ",";\n }\n\n &:not(:hover) {\n .row-hover-show {\n visibility: collapse;\n }\n }\n"])),(function(e){return e.clickable?"pointer":"auto"}),a.theme.border,a.theme.gray50),C=g.default.td(x||(x=e.__makeTemplateObject(["\n padding: ",";\n text-align: ",";\n\n &:not(:hover) {\n .cell-hover-show {\n visibility: collapse;\n }\n }\n"],["\n padding: ",";\n text-align: ",";\n\n &:not(:hover) {\n .cell-hover-show {\n visibility: collapse;\n }\n }\n"])),(function(e){return e.$noPadding?void 0:a.theme.space16}),(function(e){return e.$textAlign})),f=g.default(o.Checkbox)(b||(b=e.__makeTemplateObject(["\n padding: ",";\n display: inline-flex;\n"],["\n padding: ",";\n display: inline-flex;\n"])),a.theme.space16);exports.SimpleTable=function(t){var o=t.className,a=t.headers,l=t.items,d=t.keyExtractor,c=t.loading,s=void 0!==c&&c,h=t.loadingItems,u=void 0===h?10:h,x=t.noHoverBackground,b=void 0!==x&&x,g=t.onRowClick,w=t.onRowHover,y=t.renderFooter,_=t.selectable,q=void 0===_?{enabled:!1}:_;return n.jsxs(m,{className:o,children:[n.jsxs("colgroup",{children:[!!q.onHeaderCheckboxChange&&n.jsx("col",{width:0}),a.map((function(e){return n.jsx("col",{width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)}))]}),n.jsx(k,{children:n.jsxs(p,{children:[!!q.onHeaderCheckboxChange&&n.jsx("th",{children:q.renderCustomHeaderCheckbox||n.jsx(f,{checked:!s&&q.headerCheckboxValue||!1,disabled:s,onChange:q.onHeaderCheckboxChange})}),a.map((function(e){return n.jsx(v,{$textAlign:e.align||"start",children:n.jsx(i.Text,{color:"gray800",type:"small-header",children:e.name})},e.key)}))]})}),n.jsx("tbody",{children:s?e.__spreadArray([],e.__read(Array(u+1).keys()),!1).map((function(e){return n.jsxs(j,{clickable:!1,children:[q.enabled&&n.jsx("td",{children:n.jsx(r.Skeleton,{height:30},e)}),a.map((function(t){return n.jsx(C,{$noPadding:!!t.noPadding,$textAlign:"center",children:n.jsx(r.Skeleton,{height:30},e)},t.key)}))]},e)})):l.map((function(e,t){var o,r,i;return n.jsxs(j,{className:b?"":"with-hover",clickable:!!g||!!q.anySelected&&!!q.onRowCheckboxChange,onClick:function(){var n,o,r;q.anySelected?(null===(n=q.isRowCheckboxDisabled)||void 0===n?void 0:n.call(q,e,t))||null===(o=q.onRowCheckboxChange)||void 0===o||o.call(q,!(null===(r=q.isRowChecked)||void 0===r?void 0:r.call(q,e,t)),e,t):null==g||g(e)},onMouseEnter:function(){return null==w?void 0:w(e)},children:[q.enabled&&n.jsx("td",{children:(null===(o=q.renderCustomRowCheckbox)||void 0===o?void 0:o.call(q,e,t))||n.jsx(f,{checked:(null===(r=q.isRowChecked)||void 0===r?void 0:r.call(q,e,t))||!1,disabled:(null===(i=q.isRowCheckboxDisabled)||void 0===i?void 0:i.call(q,e,t))||!1,onChange:function(n){var o;return null===(o=q.onRowCheckboxChange)||void 0===o?void 0:o.call(q,n,e,t)}})}),a.map((function(t){return function(e,t){var o=t[e.key];return e.renderCustom?n.jsx(C,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:e.renderCustom(o,t)},e.key):n.jsx(C,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:String(o)},e.key)}(t,e)}))]},d(e))}))}),y]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),o=require("../checkbox/Checkbox.js"),r=require("../skeleton/Skeleton.js"),i=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}require("react"),require("clsx"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js");var d,c,s,h,u,x,b,g=l(t),m=g.default.table(d||(d=e.__makeTemplateObject(["\n width: 100%;\n"],["\n width: 100%;\n"]))),k=g.default.thead(c||(c=e.__makeTemplateObject(["\n text-transform: uppercase;\n"],["\n text-transform: uppercase;\n"]))),p=g.default.tr(s||(s=e.__makeTemplateObject(["\n border-bottom: ",";\n height: 48px;\n"],["\n border-bottom: ",";\n height: 48px;\n"])),a.theme.border),v=g.default.th(h||(h=e.__makeTemplateObject(["\n padding: ",";\n white-space: nowrap;\n text-align: ",";\n"],["\n padding: ",";\n white-space: nowrap;\n text-align: ",";\n"])),a.theme.space16,(function(e){return e.$textAlign})),j=g.default.tr(u||(u=e.__makeTemplateObject(["\n height: 48px;\n cursor: ",";\n & {\n border-bottom: ",";\n }\n\n &.with-hover:hover {\n background-color: ",";\n }\n\n &:not(:hover) {\n .row-hover-show {\n visibility: collapse;\n }\n }\n"],["\n height: 48px;\n cursor: ",";\n & {\n border-bottom: ",";\n }\n\n &.with-hover:hover {\n background-color: ",";\n }\n\n &:not(:hover) {\n .row-hover-show {\n visibility: collapse;\n }\n }\n"])),(function(e){return e.$clickable?"pointer":"auto"}),a.theme.border,a.theme.gray50),C=g.default.td(x||(x=e.__makeTemplateObject(["\n padding: ",";\n text-align: ",";\n\n &:not(:hover) {\n .cell-hover-show {\n visibility: collapse;\n }\n }\n"],["\n padding: ",";\n text-align: ",";\n\n &:not(:hover) {\n .cell-hover-show {\n visibility: collapse;\n }\n }\n"])),(function(e){return e.$noPadding?void 0:a.theme.space16}),(function(e){return e.$textAlign})),f=g.default(o.Checkbox)(b||(b=e.__makeTemplateObject(["\n padding: ",";\n display: inline-flex;\n"],["\n padding: ",";\n display: inline-flex;\n"])),a.theme.space16);exports.SimpleTable=function(t){var o=t.className,a=t.headers,l=t.items,d=t.keyExtractor,c=t.loading,s=void 0!==c&&c,h=t.loadingItems,u=void 0===h?10:h,x=t.noHoverBackground,b=void 0!==x&&x,g=t.onRowClick,w=t.onRowHover,y=t.renderFooter,_=t.selectable,q=void 0===_?{enabled:!1}:_;return n.jsxs(m,{className:o,children:[n.jsxs("colgroup",{children:[!!q.onHeaderCheckboxChange&&n.jsx("col",{width:0}),a.map((function(e){return n.jsx("col",{width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)}))]}),n.jsx(k,{children:n.jsxs(p,{children:[!!q.onHeaderCheckboxChange&&n.jsx("th",{children:q.renderCustomHeaderCheckbox||n.jsx(f,{checked:!s&&q.headerCheckboxValue||!1,disabled:s,onChange:q.onHeaderCheckboxChange})}),a.map((function(e){return n.jsx(v,{$textAlign:e.align||"start",children:n.jsx(i.Text,{color:"gray800",type:"small-header",children:e.name})},e.key)}))]})}),n.jsx("tbody",{children:s?e.__spreadArray([],e.__read(Array(u+1).keys()),!1).map((function(e){return n.jsxs(j,{$clickable:!1,children:[q.enabled&&n.jsx("td",{children:n.jsx(r.Skeleton,{height:30},e)}),a.map((function(t){return n.jsx(C,{$noPadding:!!t.noPadding,$textAlign:"center",children:n.jsx(r.Skeleton,{height:30},e)},t.key)}))]},e)})):l.map((function(e,t){var o,r,i;return n.jsxs(j,{$clickable:!!g||!!q.anySelected&&!!q.onRowCheckboxChange,className:b?"":"with-hover",onClick:function(){var n,o,r;q.anySelected?(null===(n=q.isRowCheckboxDisabled)||void 0===n?void 0:n.call(q,e,t))||null===(o=q.onRowCheckboxChange)||void 0===o||o.call(q,!(null===(r=q.isRowChecked)||void 0===r?void 0:r.call(q,e,t)),e,t):null==g||g(e)},onMouseEnter:function(){return null==w?void 0:w(e)},children:[q.enabled&&n.jsx("td",{children:(null===(o=q.renderCustomRowCheckbox)||void 0===o?void 0:o.call(q,e,t))||n.jsx(f,{checked:(null===(r=q.isRowChecked)||void 0===r?void 0:r.call(q,e,t))||!1,disabled:(null===(i=q.isRowCheckboxDisabled)||void 0===i?void 0:i.call(q,e,t))||!1,onChange:function(n){var o;return null===(o=q.onRowCheckboxChange)||void 0===o?void 0:o.call(q,n,e,t)}})}),a.map((function(t){return function(e,t){var o=t[e.key];return e.renderCustom?n.jsx(C,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:e.renderCustom(o,t)},e.key):n.jsx(C,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:String(o)},e.key)}(t,e)}))]},d(e))}))}),y]})};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../styles/constants/theme.js");function s(n){return n&&n.__esModule?n:{default:n}}var i,a,o=s(r),c=o.default.div(i||(i=n.__makeTemplateObject(["\n position: relative;\n overflow: hidden;\n width: ","px;\n height: ","px;\n"],["\n position: relative;\n overflow: hidden;\n width: ","px;\n height: ","px;\n"])),(function(n){return n.size}),(function(n){return n.size})),k=o.default.svg(a||(a=n.__makeTemplateObject(["\n position: absolute;\n width: ","px;\n height: ","px;\n\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n\n &.black {\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n }\n &.white {\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n }\n &.info {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.success {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.danger {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.warning {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n\n @keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n }\n\n @keyframes dash {\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n }\n\n animation: rotate 2s linear infinite;\n\n circle:not(.track) {\n stroke-linecap: round;\n animation: dash 1.5s ease-in-out infinite;\n }\n"],["\n position: absolute;\n width: ","px;\n height: ","px;\n\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n\n &.black {\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n }\n &.white {\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n }\n &.info {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.success {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.danger {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.warning {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n\n @keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n }\n\n @keyframes dash {\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n }\n\n animation: rotate 2s linear infinite;\n\n circle:not(.track) {\n stroke-linecap: round;\n animation: dash 1.5s ease-in-out infinite;\n }\n"])),(function(n){return n.size}),(function(n){return n.size}),t.theme.blue600,t.theme.gray200,t.theme.spinnerStrokeBlack,t.theme.spinnerTrackBlack,t.theme.spinnerStrokeWhite,t.theme.spinnerTrackWhite,t.theme.blue600,t.theme.blue100,t.theme.green600,t.theme.green100,t.theme.red600,t.theme.red100,t.theme.orange600,t.theme.orange100);exports.Spinner=function(n){var r=n.className,t=n.color,s=void 0===t?"primary":t,i=n.size,a=void 0===i?32:i;return e.jsx(c,{size:a,children:e.jsxs(k,{className:[r,s,"amino-spinner"].join(" "),size:a,viewBox:"0 0 50 50",children:[e.jsx("circle",{className:"track",cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20",strokeWidth:"5"}),e.jsx("circle",{cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20",strokeWidth:"5"})]})})};
1
+ "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../styles/constants/theme.js");function s(n){return n&&n.__esModule?n:{default:n}}var i,a,o=s(r),c=o.default.div(i||(i=n.__makeTemplateObject(["\n position: relative;\n overflow: hidden;\n width: ","px;\n height: ","px;\n"],["\n position: relative;\n overflow: hidden;\n width: ","px;\n height: ","px;\n"])),(function(n){return n.$size}),(function(n){return n.$size})),k=o.default.svg(a||(a=n.__makeTemplateObject(["\n position: absolute;\n width: ","px;\n height: ","px;\n\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n\n &.black {\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n }\n &.white {\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n }\n &.info {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.success {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.danger {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.warning {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n\n @keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n }\n\n @keyframes dash {\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n }\n\n animation: rotate 2s linear infinite;\n\n circle:not(.track) {\n stroke-linecap: round;\n animation: dash 1.5s ease-in-out infinite;\n }\n"],["\n position: absolute;\n width: ","px;\n height: ","px;\n\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n\n &.black {\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n }\n &.white {\n stroke: ",";\n\n circle.track {\n stroke: ",";\n }\n }\n &.info {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.success {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.danger {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n &.warning {\n stroke: ",";\n circle.track {\n stroke: ",";\n }\n }\n\n @keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n }\n\n @keyframes dash {\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n }\n\n animation: rotate 2s linear infinite;\n\n circle:not(.track) {\n stroke-linecap: round;\n animation: dash 1.5s ease-in-out infinite;\n }\n"])),(function(n){return n.$size}),(function(n){return n.$size}),t.theme.blue600,t.theme.gray200,t.theme.spinnerStrokeBlack,t.theme.spinnerTrackBlack,t.theme.spinnerStrokeWhite,t.theme.spinnerTrackWhite,t.theme.blue600,t.theme.blue100,t.theme.green600,t.theme.green100,t.theme.red600,t.theme.red100,t.theme.orange600,t.theme.orange100);exports.Spinner=function(n){var r=n.className,t=n.color,s=void 0===t?"primary":t,i=n.size,a=void 0===i?32:i;return e.jsx(c,{$size:a,children:e.jsxs(k,{$size:a,className:[r,s,"amino-spinner"].join(" "),viewBox:"0 0 50 50",children:[e.jsx("circle",{className:"track",cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20",strokeWidth:"5"}),e.jsx("circle",{cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20",strokeWidth:"5"})]})})};
@@ -3,8 +3,11 @@ import type { Depth } from "../../types/Depth";
3
3
  type Props = {
4
4
  children: ReactNode;
5
5
  className?: string;
6
+ /**
7
+ * @default false
8
+ */
6
9
  dense?: boolean;
7
10
  depth?: Depth;
8
11
  };
9
- export declare const Surface: ({ children, className, dense, depth }: Props) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const Surface: ({ children, className, dense, depth, }: Props) => import("react/jsx-runtime").JSX.Element;
10
13
  export {};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),a=require("react/jsx-runtime"),n=require("styled-components"),t=require("../../styles/constants/theme.js");function r(e){return e&&e.__esModule?e:{default:e}}var d,s,o,c,h,l=r(n),u=l.default.div(d||(d=e.__makeTemplateObject(["\n background: ",";\n padding: ",";\n color: ",";\n border-radius: ",";\n"],["\n background: ",";\n padding: ",";\n color: ",";\n border-radius: ",";\n"])),t.theme.surfaceColor,t.theme.space24,t.theme.textColor,(function(e){return e.dense?t.theme.radius6:t.theme.radius8})),m=l.default(u)(s||(s=e.__makeTemplateObject(["\n box-shadow: ",";\n border: ",";\n"],["\n box-shadow: ",";\n border: ",";\n"])),t.theme.v3ShadowBase,t.theme.border),i=l.default(u)(o||(o=e.__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),t.theme.v3ShadowMedium),b=l.default(u)(c||(c=e.__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),t.theme.v3ShadowLarge),x=l.default(u)(h||(h=e.__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),t.theme.v3ShadowXl);exports.Surface=function(e){var n=e.children,t=e.className,r=e.dense,d=e.depth,s=[t||"","elevated"].join(" ");switch(d){case"depth64":return a.jsx(x,{className:s,dense:r,children:n});case"depth16":return a.jsx(b,{className:s,dense:r,children:n});case"depth8":return a.jsx(i,{className:s,dense:r,children:n});default:return a.jsx(m,{className:s,dense:r,children:n})}};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),a=require("react/jsx-runtime"),n=require("styled-components"),t=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}var r,s,o,c,h,l=d(n),u=l.default.div(r||(r=e.__makeTemplateObject(["\n background: ",";\n padding: ",";\n color: ",";\n border-radius: ",";\n"],["\n background: ",";\n padding: ",";\n color: ",";\n border-radius: ",";\n"])),t.theme.surfaceColor,t.theme.space24,t.theme.textColor,(function(e){return e.$dense?t.theme.radius6:t.theme.radius8})),m=l.default(u)(s||(s=e.__makeTemplateObject(["\n box-shadow: ",";\n border: ",";\n"],["\n box-shadow: ",";\n border: ",";\n"])),t.theme.v3ShadowBase,t.theme.border),i=l.default(u)(o||(o=e.__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),t.theme.v3ShadowMedium),b=l.default(u)(c||(c=e.__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),t.theme.v3ShadowLarge),x=l.default(u)(h||(h=e.__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),t.theme.v3ShadowXl);exports.Surface=function(e){var n=e.children,t=e.className,d=e.dense,r=void 0!==d&&d,s=e.depth,o=[t||"","elevated"].join(" ");switch(s){case"depth64":return a.jsx(x,{$dense:r,className:o,children:n});case"depth16":return a.jsx(b,{$dense:r,className:o,children:n});case"depth8":return a.jsx(i,{$dense:r,className:o,children:n});default:return a.jsx(m,{$dense:r,className:o,children:n})}};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("clsx"),i=require("styled-components"),a=require("../text/Text.js"),r=require("../../styles/constants/theme.js");function p(n){return n&&n.__esModule?n:{default:n}}var o,l,x,h,d,c,s,g,u,m,b=p(t),f=p(i),k=f.default.div(o||(o=n.__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n height: 14px;\n width: 14px;\n border-radius: 50%;\n transition: ",";\n position: absolute;\n top: 1px;\n left: ",";\n [data-theme='night'] & {\n background: ",";\n }\n"],["\n background: ",";\n box-shadow: ",";\n height: 14px;\n width: 14px;\n border-radius: 50%;\n transition: ",";\n position: absolute;\n top: 1px;\n left: ",";\n [data-theme='night'] & {\n background: ",";\n }\n"])),r.theme.gray0,(function(n){return n.checked?"0px -1px 1px 0px rgba(68, 94, 238, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)":"0px -1px 1px 0px rgba(0, 0, 0, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)"}),r.theme.transition,(function(n){return n.checked?"calc(100% - 15px)":"1px"}),r.theme.gray1200),w=f.default(k)(l||(l=n.__makeTemplateObject(["\n height: 28px;\n width: 28px;\n top: 2px;\n left: ",";\n box-shadow:\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n [data-theme='night'] & {\n background: ",";\n }\n"],["\n height: 28px;\n width: 28px;\n top: 2px;\n left: ",";\n box-shadow:\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n [data-theme='night'] & {\n background: ",";\n }\n"])),(function(n){return n.checked?"calc(100% - 30px)":"2px"}),r.theme.gray200),j=f.default.div(x||(x=n.__makeTemplateObject(["\n margin-right: ",";\n width: 32px;\n height: 16px;\n min-width: 32px;\n min-height: 16px;\n line-height: 16px;\n border-radius: 20px;\n background: ",";\n box-shadow: ",";\n display: block;\n user-select: none;\n position: relative;\n"],["\n margin-right: ",";\n width: 32px;\n height: 16px;\n min-width: 32px;\n min-height: 16px;\n line-height: 16px;\n border-radius: 20px;\n background: ",";\n box-shadow: ",";\n display: block;\n user-select: none;\n position: relative;\n"])),r.theme.space16,(function(n){return n.checked?r.theme.primary:r.theme.gray100}),r.theme.v3ShadowInset),y=f.default(j)(h||(h=n.__makeTemplateObject(["\n width: 62px;\n height: 32px;\n min-width: 24px;\n background: ",";\n"],["\n width: 62px;\n height: 32px;\n min-width: 24px;\n background: ",";\n"])),r.theme.gray50),_=f.default(a.Text)(d||(d=n.__makeTemplateObject(["\n margin-bottom: 0;\n"],["\n margin-bottom: 0;\n"]))),v=f.default(a.Text)(c||(c=n.__makeTemplateObject([""],[""]))),T=f.default.span(s||(s=n.__makeTemplateObject(["\n margin-left: 4px;\n color: ",";\n"],["\n margin-left: 4px;\n color: ",";\n"])),r.theme.gray600),O=f.default.div(g||(g=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"],["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"]))),q=f.default.label(u||(u=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n cursor: pointer;\n\n &.disabled {\n "," {\n opacity: 0.6;\n }\n "," {\n opacity: 0.95;\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n\n cursor: not-allowed;\n }\n"],["\n display: flex;\n flex-direction: row;\n cursor: pointer;\n\n &.disabled {\n "," {\n opacity: 0.6;\n }\n "," {\n opacity: 0.95;\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n\n cursor: not-allowed;\n }\n"])),j,k,_,r.theme.gray600,v,r.theme.gray400),I=f.default.div(m||(m=n.__makeTemplateObject(["\n position: absolute;\n top: 4px;\n left: ",";\n right: ",";\n svg {\n height: 24px;\n width: 24px;\n }\n"],["\n position: absolute;\n top: 4px;\n left: ",";\n right: ",";\n svg {\n height: 24px;\n width: 24px;\n }\n"])),(function(n){return n.left?"4px":"auto"}),(function(n){return n.left?"auto":"4px"}));exports.Switch=function(n){var t=n.checked,i=n.className,a=n.disabled,r=n.label,p=n.labelDescription,o=n.labelIcon,l=n.onChange,x=n.subtitle,h=n.switchIconLeft,d=n.switchIconRight,c=null==r?void 0:r.replace(/\s/g,"-").toLowerCase(),s=Boolean(h||d);return e.jsxs(q,{checked:t,className:b.default(i,{disabled:a}),htmlFor:c,onClick:function(){return!a&&l(!t)},children:[s?e.jsxs(y,{checked:t,children:[e.jsx(w,{checked:t,id:c}),e.jsx(I,{left:!0,children:h}),e.jsx(I,{children:d})]}):e.jsx(j,{checked:t,children:e.jsx(k,{checked:t,id:c})}),e.jsxs("div",{children:[e.jsxs(O,{children:[o,e.jsxs(_,{type:"input-label",children:[r,p&&e.jsx(T,{children:p})]})]}),x&&e.jsx(v,{type:"subtitle",children:x})]})]})};
1
+ "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("clsx"),i=require("styled-components"),a=require("../text/Text.js"),r=require("../../styles/constants/theme.js");function p(n){return n&&n.__esModule?n:{default:n}}var o,l,x,h,d,c,s,g,u,m,b=p(t),f=p(i),k=f.default.div(o||(o=n.__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n height: 14px;\n width: 14px;\n border-radius: 50%;\n transition: ",";\n position: absolute;\n top: 1px;\n left: ",";\n [data-theme='night'] & {\n background: ",";\n }\n"],["\n background: ",";\n box-shadow: ",";\n height: 14px;\n width: 14px;\n border-radius: 50%;\n transition: ",";\n position: absolute;\n top: 1px;\n left: ",";\n [data-theme='night'] & {\n background: ",";\n }\n"])),r.theme.gray0,(function(n){return n.$checked?"0px -1px 1px 0px rgba(68, 94, 238, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)":"0px -1px 1px 0px rgba(0, 0, 0, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)"}),r.theme.transition,(function(n){return n.$checked?"calc(100% - 15px)":"1px"}),r.theme.gray1200),w=f.default(k)(l||(l=n.__makeTemplateObject(["\n height: 28px;\n width: 28px;\n top: 2px;\n left: ",";\n box-shadow:\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n [data-theme='night'] & {\n background: ",";\n }\n"],["\n height: 28px;\n width: 28px;\n top: 2px;\n left: ",";\n box-shadow:\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n [data-theme='night'] & {\n background: ",";\n }\n"])),(function(n){return n.$checked?"calc(100% - 30px)":"2px"}),r.theme.gray200),j=f.default.div(x||(x=n.__makeTemplateObject(["\n margin-right: ",";\n width: 32px;\n height: 16px;\n min-width: 32px;\n min-height: 16px;\n line-height: 16px;\n border-radius: 20px;\n background: ",";\n box-shadow: ",";\n display: block;\n user-select: none;\n position: relative;\n"],["\n margin-right: ",";\n width: 32px;\n height: 16px;\n min-width: 32px;\n min-height: 16px;\n line-height: 16px;\n border-radius: 20px;\n background: ",";\n box-shadow: ",";\n display: block;\n user-select: none;\n position: relative;\n"])),r.theme.space16,(function(n){return n.$checked?r.theme.primary:r.theme.gray100}),r.theme.v3ShadowInset),y=f.default(j)(h||(h=n.__makeTemplateObject(["\n width: 62px;\n height: 32px;\n min-width: 24px;\n background: ",";\n"],["\n width: 62px;\n height: 32px;\n min-width: 24px;\n background: ",";\n"])),r.theme.gray50),_=f.default(a.Text)(d||(d=n.__makeTemplateObject(["\n margin-bottom: 0;\n"],["\n margin-bottom: 0;\n"]))),v=f.default(a.Text)(c||(c=n.__makeTemplateObject([""],[""]))),T=f.default.span(s||(s=n.__makeTemplateObject(["\n margin-left: 4px;\n color: ",";\n"],["\n margin-left: 4px;\n color: ",";\n"])),r.theme.gray600),$=f.default.div(g||(g=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"],["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"]))),O=f.default.label(u||(u=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n cursor: pointer;\n\n &.disabled {\n "," {\n opacity: 0.6;\n }\n "," {\n opacity: 0.95;\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n\n cursor: not-allowed;\n }\n"],["\n display: flex;\n flex-direction: row;\n cursor: pointer;\n\n &.disabled {\n "," {\n opacity: 0.6;\n }\n "," {\n opacity: 0.95;\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n\n cursor: not-allowed;\n }\n"])),j,k,_,r.theme.gray600,v,r.theme.gray400),q=f.default.div(m||(m=n.__makeTemplateObject(["\n position: absolute;\n top: 4px;\n left: ",";\n right: ",";\n svg {\n height: 24px;\n width: 24px;\n }\n"],["\n position: absolute;\n top: 4px;\n left: ",";\n right: ",";\n svg {\n height: 24px;\n width: 24px;\n }\n"])),(function(n){return n.$left?"4px":"auto"}),(function(n){return n.$left?"auto":"4px"}));exports.Switch=function(n){var t=n.checked,i=n.className,a=n.disabled,r=n.label,p=n.labelDescription,o=n.labelIcon,l=n.onChange,x=n.subtitle,h=n.switchIconLeft,d=n.switchIconRight,c=null==r?void 0:r.replace(/\s/g,"-").toLowerCase(),s=Boolean(h||d);return e.jsxs(O,{className:b.default(i,{disabled:a}),htmlFor:c,onClick:function(){return!a&&l(!t)},children:[s?e.jsxs(y,{$checked:t,children:[e.jsx(w,{$checked:t,id:c}),e.jsx(q,{$left:!0,children:h}),e.jsx(q,{children:d})]}):e.jsx(j,{$checked:t,children:e.jsx(k,{$checked:t,id:c})}),e.jsxs("div",{children:[e.jsxs($,{children:[o,e.jsxs(_,{type:"input-label",children:[r,p&&e.jsx(T,{children:p})]})]}),x&&e.jsx(v,{type:"subtitle",children:x})]})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../button/LegacyButton.js"),o=require("../collapse/Collapse.js"),l=require("./TableCell.js"),i=require("./TableRow.js"),s=require("../../icons/ChevronUpIcon.js"),a=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("@mui/material/Collapse"),require("../../icons/icon-base/_IconBase.js");var u,d,p,m,b,j,h=c(r),q=h.default(i.TableRow)(p||(p=e.__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),(function(n){return!n.collapsed&&r.css(u||(u=e.__makeTemplateObject(["\n td {\n border-bottom: 0;\n }\n "],["\n td {\n border-bottom: 0;\n }\n "])))}),(function(n){return n.collapsible&&r.css(d||(d=e.__makeTemplateObject(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))})),_=h.default(o.Collapse)(m||(m=e.__makeTemplateObject(["\n > div {\n padding-bottom: ",";\n }\n"],["\n > div {\n padding-bottom: ",";\n }\n"])),a.theme.space16),f=h.default(l.TableCell)(b||(b=e.__makeTemplateObject(["\n border-bottom: ",";\n &&& {\n height: ",";\n }\n > div {\n width: 100%;\n }\n"],["\n border-bottom: ",";\n &&& {\n height: ",";\n }\n > div {\n width: 100%;\n }\n"])),(function(e){return e.collapsed?0:"inherit"}),(function(e){return e.collapsed?0:"inherit"})),g=h.default(t.LegacyButton)(j||(j=e.__makeTemplateObject(["\n svg {\n transition: ",";\n\n &.collapsed {\n transform: rotate(180deg);\n }\n }\n"],["\n svg {\n transition: ",";\n\n &.collapsed {\n transform: rotate(180deg);\n }\n }\n"])),a.theme.transition);exports.TableRowCollapse=function(e){var r=e.children,t=e.className,o=e.collapsed,a=void 0!==o&&o,c=e.onToggleCollapse,u=e.rowContent,d=!!r;return n.jsxs(n.Fragment,{children:[n.jsxs(q,{className:t,collapsed:a,collapsible:d,onClick:function(e){return d&&c(e)},withHover:d,children:[u,n.jsx(l.TableCell,{align:"right",children:d&&n.jsx(g,{icon:n.jsx(s.ChevronUpIcon,{className:a?"collapsed":""}),intent:"plain"})})]}),d&&n.jsx(i.TableRow,{children:n.jsx(f,{collapsed:a,colSpan:100,children:n.jsx(_,{collapsed:a,children:r})})})]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../button/Button.js"),o=require("../collapse/Collapse.js"),l=require("./TableCell.js"),i=require("./TableRow.js"),s=require("../../icons/ChevronUpIcon.js"),a=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("@mui/material/Collapse"),require("../../icons/icon-base/_IconBase.js");var u,d,p,m,b,j,h=c(r),q=h.default(i.TableRow)(p||(p=e.__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),(function(n){return!n.collapsed&&r.css(u||(u=e.__makeTemplateObject(["\n td {\n border-bottom: 0;\n }\n "],["\n td {\n border-bottom: 0;\n }\n "])))}),(function(n){return n.collapsible&&r.css(d||(d=e.__makeTemplateObject(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))})),_=h.default(o.Collapse)(m||(m=e.__makeTemplateObject(["\n > div {\n padding-bottom: ",";\n }\n"],["\n > div {\n padding-bottom: ",";\n }\n"])),a.theme.space16),f=h.default(l.TableCell)(b||(b=e.__makeTemplateObject(["\n border-bottom: ",";\n &&& {\n height: ",";\n }\n > div {\n width: 100%;\n }\n"],["\n border-bottom: ",";\n &&& {\n height: ",";\n }\n > div {\n width: 100%;\n }\n"])),(function(e){return e.$collapsed?0:"inherit"}),(function(e){return e.$collapsed?0:"inherit"})),v=h.default(t.Button)(j||(j=e.__makeTemplateObject(["\n svg {\n transition: ",";\n\n &.collapsed {\n transform: rotate(180deg);\n }\n }\n"],["\n svg {\n transition: ",";\n\n &.collapsed {\n transform: rotate(180deg);\n }\n }\n"])),a.theme.transition);exports.TableRowCollapse=function(e){var r=e.children,t=e.className,o=e.collapsed,a=void 0!==o&&o,c=e.onToggleCollapse,u=e.rowContent,d=!!r;return n.jsxs(n.Fragment,{children:[n.jsxs(q,{className:t,collapsed:a,collapsible:d,onClick:function(e){return d&&c(e)},withHover:d,children:[u,n.jsx(l.TableCell,{align:"right",children:d&&n.jsx(v,{icon:n.jsx(s.ChevronUpIcon,{className:a?"collapsed":""}),variant:"plain"})})]}),d&&n.jsx(i.TableRow,{children:n.jsx(f,{$collapsed:a,colSpan:100,children:n.jsx(_,{collapsed:a,children:r})})})]})};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../text/Text.js"),o=require("../../styles/constants/theme.js");function a(n){return n&&n.__esModule?n:{default:n}}var s,i,l,c,d,f=a(t),m=f.default.div(s||(s=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),u=f.default.div(i||(i=n.__makeTemplateObject(["\n position: relative;\n cursor: pointer;\n user-select: none;\n text-align: center;\n padding: "," 0;\n transition: ",";\n color: ",";\n\n &::after {\n position: absolute;\n bottom: 0px;\n left: 0;\n content: '';\n background-color: ",";\n transition: ",";\n height: 2px;\n width: 100%;\n transform: scaleX(0);\n }\n\n &.is-selected {\n color: ",";\n\n &::after {\n background-color: ",";\n transform: scaleX(1);\n }\n }\n\n &:not(.is-selected):hover {\n color: ",";\n\n &::after {\n transform: scaleX(1);\n }\n }\n\n &:not(.is-selected):active {\n color: ",";\n\n &::after {\n background-color: ",";\n transform: scaleX(1);\n }\n }\n"],["\n position: relative;\n cursor: pointer;\n user-select: none;\n text-align: center;\n padding: "," 0;\n transition: ",";\n color: ",";\n\n &::after {\n position: absolute;\n bottom: 0px;\n left: 0;\n content: '';\n background-color: ",";\n transition: ",";\n height: 2px;\n width: 100%;\n transform: scaleX(0);\n }\n\n &.is-selected {\n color: ",";\n\n &::after {\n background-color: ",";\n transform: scaleX(1);\n }\n }\n\n &:not(.is-selected):hover {\n color: ",";\n\n &::after {\n transform: scaleX(1);\n }\n }\n\n &:not(.is-selected):active {\n color: ",";\n\n &::after {\n background-color: ",";\n transform: scaleX(1);\n }\n }\n"])),o.theme.space12,o.theme.transition,o.theme.gray800,o.theme.gray200,o.theme.transition,o.theme.primary,o.theme.primary,o.theme.gray1000,o.theme.gray1000,o.theme.gray300),b=f.default(m)(l||(l=n.__makeTemplateObject(["\n border: ",";\n border-radius: ",";\n"],["\n border: ",";\n border-radius: ",";\n"])),o.theme.border,o.theme.radius8),h=f.default(u)(c||(c=n.__makeTemplateObject(["\n flex: 1;\n font-weight: 500;\n\n &::after {\n height: 4px;\n }\n\n &:first-of-type::after {\n border-bottom-left-radius: ",";\n }\n\n &:last-of-type::after {\n border-bottom-right-radius: ",";\n }\n\n & + & {\n border-left: ",";\n }\n\n &:not(.is-selected):hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n &:not(.is-selected):active {\n background: rgba(0, 0, 0, 0.08);\n }\n"],["\n flex: 1;\n font-weight: 500;\n\n &::after {\n height: 4px;\n }\n\n &:first-of-type::after {\n border-bottom-left-radius: ",";\n }\n\n &:last-of-type::after {\n border-bottom-right-radius: ",";\n }\n\n & + & {\n border-left: ",";\n }\n\n &:not(.is-selected):hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n &:not(.is-selected):active {\n background: rgba(0, 0, 0, 0.08);\n }\n"])),o.theme.radius8,o.theme.radius8,o.theme.border),g=f.default(m)(d||(d=n.__makeTemplateObject(["\n justify-content: ",";\n gap: ",";\n border-bottom: 1px solid ",";\n"],["\n justify-content: ",";\n gap: ",";\n border-bottom: 1px solid ",";\n"])),(function(n){return n.align}),o.theme.space24,o.theme.gray200),p=u;exports.Tabs=function(n){var t=n.align,o=void 0===t?"start":t,a=n.className,s=n.items,i=n.onChange,l=n.selected,c=n.subtle;return void 0!==c&&c?e.jsx(g,{align:o,className:a,children:s.map((function(n){return e.jsx(p,{className:l===s.indexOf(n)?"is-selected":"",onClick:function(){return i(s.indexOf(n))},children:e.jsx(r.Text,{type:"label",children:n})},n)}))}):e.jsx(b,{className:a,children:s.map((function(n){return e.jsx(h,{className:l===s.indexOf(n)?"is-selected":"",onClick:function(){return i(s.indexOf(n))},children:n},n)}))})};
1
+ "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../text/Text.js"),o=require("../../styles/constants/theme.js");function a(n){return n&&n.__esModule?n:{default:n}}var s,i,l,c,d,f=a(t),m=f.default.div(s||(s=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),u=f.default.div(i||(i=n.__makeTemplateObject(["\n position: relative;\n cursor: pointer;\n user-select: none;\n text-align: center;\n padding: "," 0;\n transition: ",";\n color: ",";\n\n &::after {\n position: absolute;\n bottom: 0px;\n left: 0;\n content: '';\n background-color: ",";\n transition: ",";\n height: 2px;\n width: 100%;\n transform: scaleX(0);\n }\n\n &.is-selected {\n color: ",";\n\n &::after {\n background-color: ",";\n transform: scaleX(1);\n }\n }\n\n &:not(.is-selected):hover {\n color: ",";\n\n &::after {\n transform: scaleX(1);\n }\n }\n\n &:not(.is-selected):active {\n color: ",";\n\n &::after {\n background-color: ",";\n transform: scaleX(1);\n }\n }\n"],["\n position: relative;\n cursor: pointer;\n user-select: none;\n text-align: center;\n padding: "," 0;\n transition: ",";\n color: ",";\n\n &::after {\n position: absolute;\n bottom: 0px;\n left: 0;\n content: '';\n background-color: ",";\n transition: ",";\n height: 2px;\n width: 100%;\n transform: scaleX(0);\n }\n\n &.is-selected {\n color: ",";\n\n &::after {\n background-color: ",";\n transform: scaleX(1);\n }\n }\n\n &:not(.is-selected):hover {\n color: ",";\n\n &::after {\n transform: scaleX(1);\n }\n }\n\n &:not(.is-selected):active {\n color: ",";\n\n &::after {\n background-color: ",";\n transform: scaleX(1);\n }\n }\n"])),o.theme.space12,o.theme.transition,o.theme.gray800,o.theme.gray200,o.theme.transition,o.theme.primary,o.theme.primary,o.theme.gray1000,o.theme.gray1000,o.theme.gray300),b=f.default(m)(l||(l=n.__makeTemplateObject(["\n border: ",";\n border-radius: ",";\n"],["\n border: ",";\n border-radius: ",";\n"])),o.theme.border,o.theme.radius8),h=f.default(u)(c||(c=n.__makeTemplateObject(["\n flex: 1;\n font-weight: 500;\n\n &::after {\n height: 4px;\n }\n\n &:first-of-type::after {\n border-bottom-left-radius: ",";\n }\n\n &:last-of-type::after {\n border-bottom-right-radius: ",";\n }\n\n & + & {\n border-left: ",";\n }\n\n &:not(.is-selected):hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n &:not(.is-selected):active {\n background: rgba(0, 0, 0, 0.08);\n }\n"],["\n flex: 1;\n font-weight: 500;\n\n &::after {\n height: 4px;\n }\n\n &:first-of-type::after {\n border-bottom-left-radius: ",";\n }\n\n &:last-of-type::after {\n border-bottom-right-radius: ",";\n }\n\n & + & {\n border-left: ",";\n }\n\n &:not(.is-selected):hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n &:not(.is-selected):active {\n background: rgba(0, 0, 0, 0.08);\n }\n"])),o.theme.radius8,o.theme.radius8,o.theme.border),g=f.default(m)(d||(d=n.__makeTemplateObject(["\n justify-content: ",";\n gap: ",";\n border-bottom: 1px solid ",";\n"],["\n justify-content: ",";\n gap: ",";\n border-bottom: 1px solid ",";\n"])),(function(n){return n.$align}),o.theme.space24,o.theme.gray200),p=u;exports.Tabs=function(n){var t=n.align,o=void 0===t?"start":t,a=n.className,s=n.items,i=n.onChange,l=n.selected,c=n.subtle;return void 0!==c&&c?e.jsx(g,{$align:o,className:a,children:s.map((function(n){return e.jsx(p,{className:l===s.indexOf(n)?"is-selected":"",onClick:function(){return i(s.indexOf(n))},children:e.jsx(r.Text,{type:"label",children:n})},n)}))}):e.jsx(b,{className:a,children:s.map((function(n){return e.jsx(h,{className:l===s.indexOf(n)?"is-selected":"",onClick:function(){return i(s.indexOf(n))},children:n},n)}))})};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../icons/RemoveIcon.js"),i=require("../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js");var a,s,c,l,d=o(t),u=d.default.div(a||(a=n.__makeTemplateObject(["\n display: inline-flex;\n // default background color (gray)\n background-color: ",";\n border-radius: ",";\n\n height: ",";\n"],["\n display: inline-flex;\n // default background color (gray)\n background-color: ",";\n border-radius: ",";\n\n height: ",";\n"])),i.theme.gray100,i.theme.radius4,(function(n){return"base"===n.$size?i.theme.space20:i.theme.space24})),g=d.default.button(s||(s=n.__makeTemplateObject(["\n display: inline-flex;\n font-size: ",";\n background-color: ",";\n border-radius: "," 0 0 ",";\n font-weight: normal;\n padding: ",";\n gap: ",";\n color: ",";\n align-items: center;\n text-align: center;\n font-weight: 600;\n &:focus {\n outline: none;\n }\n p {\n margin: 0;\n font-weight: 600;\n }\n\n svg {\n order: ",";\n }\n"],["\n display: inline-flex;\n font-size: ",";\n background-color: ",";\n border-radius: "," 0 0 ",";\n font-weight: normal;\n padding: ",";\n gap: ",";\n color: ",";\n align-items: center;\n text-align: center;\n font-weight: 600;\n &:focus {\n outline: none;\n }\n p {\n margin: 0;\n font-weight: 600;\n }\n\n svg {\n order: ",";\n }\n"])),i.theme.fontSizeS,i.theme.gray100,i.theme.radius6,i.theme.radius6,(function(n){return"base"===n.size?"2px ".concat(i.theme.space4):"".concat(i.theme.space4," ").concat(i.theme.space4," ").concat(i.theme.space4," ").concat(i.theme.space8)}),i.theme.space4,i.theme.textColor,(function(n){return n.iconRight?"2":""})),m=d.default.button(c||(c=n.__makeTemplateObject(["\n border-radius: ",";\n display: inline-flex;\n align-items: center;\n padding: ",";\n"],["\n border-radius: ",";\n display: inline-flex;\n align-items: center;\n padding: ",";\n"])),i.theme.radius4,(function(n){return"base"===n.size?"2px 3px":"4px 5px"})),h=d.default.div(l||(l=n.__makeTemplateObject(["\n display: flex;\n\n ",":hover & {\n background-color: ",";\n border-radius: 50%;\n }\n"],["\n display: flex;\n\n ",":hover & {\n background-color: ",";\n border-radius: 50%;\n }\n"])),m,i.theme.gray300);exports.Tag=function(n){var t=n.children,i=n.className,o=n.icon,a=n.iconRight,s=n.onClick,c=n.onClose,l=n.size,d=void 0===l?"base":l;return e.jsxs(u,{$size:d,className:i,children:[e.jsxs(g,{iconRight:a,onClick:s,size:d,type:"button",children:[o,e.jsx("p",{children:t})]}),e.jsx(m,{onClick:c,size:d,type:"button",children:e.jsx(h,{children:e.jsx(r.RemoveIcon,{size:14})})})]})};
1
+ "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../icons/RemoveIcon.js"),i=require("../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js");var a,s,c,l,d=o(t),u=d.default.div(a||(a=n.__makeTemplateObject(["\n display: inline-flex;\n // default background color (gray)\n background-color: ",";\n border-radius: ",";\n\n height: ",";\n"],["\n display: inline-flex;\n // default background color (gray)\n background-color: ",";\n border-radius: ",";\n\n height: ",";\n"])),i.theme.gray100,i.theme.radius4,(function(n){return"base"===n.$size?i.theme.space20:i.theme.space24})),g=d.default.button(s||(s=n.__makeTemplateObject(["\n display: inline-flex;\n font-size: ",";\n background-color: ",";\n border-radius: "," 0 0 ",";\n font-weight: normal;\n padding: ",";\n gap: ",";\n color: ",";\n align-items: center;\n text-align: center;\n font-weight: 600;\n &:focus {\n outline: none;\n }\n p {\n margin: 0;\n font-weight: 600;\n }\n\n svg {\n order: ",";\n }\n"],["\n display: inline-flex;\n font-size: ",";\n background-color: ",";\n border-radius: "," 0 0 ",";\n font-weight: normal;\n padding: ",";\n gap: ",";\n color: ",";\n align-items: center;\n text-align: center;\n font-weight: 600;\n &:focus {\n outline: none;\n }\n p {\n margin: 0;\n font-weight: 600;\n }\n\n svg {\n order: ",";\n }\n"])),i.theme.fontSizeS,i.theme.gray100,i.theme.radius6,i.theme.radius6,(function(n){return"base"===n.size?"2px ".concat(i.theme.space4):"".concat(i.theme.space4," ").concat(i.theme.space4," ").concat(i.theme.space4," ").concat(i.theme.space8)}),i.theme.space4,i.theme.textColor,(function(n){return n.iconRight?"2":""})),m=d.default.button(c||(c=n.__makeTemplateObject(["\n border-radius: ",";\n display: inline-flex;\n align-items: center;\n padding: ",";\n"],["\n border-radius: ",";\n display: inline-flex;\n align-items: center;\n padding: ",";\n"])),i.theme.radius4,(function(n){return"base"===n.$size?"2px 3px":"4px 5px"})),h=d.default.div(l||(l=n.__makeTemplateObject(["\n display: flex;\n\n ",":hover & {\n background-color: ",";\n border-radius: 50%;\n }\n"],["\n display: flex;\n\n ",":hover & {\n background-color: ",";\n border-radius: 50%;\n }\n"])),m,i.theme.gray300);exports.Tag=function(n){var t=n.children,i=n.className,o=n.icon,a=n.iconRight,s=n.onClick,c=n.onClose,l=n.size,d=void 0===l?"base":l;return e.jsxs(u,{$size:d,className:i,children:[e.jsxs(g,{iconRight:a,onClick:s,size:d,type:"button",children:[o,e.jsx("p",{children:t})]}),e.jsx(m,{$size:d,onClick:c,type:"button",children:e.jsx(h,{children:e.jsx(r.RemoveIcon,{size:14})})})]})};
@@ -1,5 +1,5 @@
1
1
  import type { ReactNode } from 'react';
2
- import type { Color } from "../../types";
2
+ import { type Color } from "../../types";
3
3
  export declare const textOthers: readonly ["code", "subtitle", "small-header", "input-label"];
4
4
  type OtherText = (typeof textOthers)[number];
5
5
  export declare const textOptions: readonly [{
@@ -86,7 +86,7 @@ type Type = (typeof textOptions)[number]['type'];
86
86
  export type FontWeight = (typeof textOptions)[number]['weight'] | 800;
87
87
  type Tag = (typeof textOptions)[number]['tag'];
88
88
  type TypographyOverrides = {
89
- color?: Color | 'textColorSecondary';
89
+ color?: Color | 'textColorSecondary' | 'textColor';
90
90
  fontSize?: Size;
91
91
  fontWeight?: FontWeight;
92
92
  lineHeight?: Size;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),i=require("styled-components"),a=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var n,r,l,h=s(i),o=h.default.span(n||(n=e.__makeTemplateObject(["\n font-size: ",";\n line-height: 16px;\n color: ",";\n"],["\n font-size: ",";\n line-height: 16px;\n color: ",";\n"])),a.theme.fontSizeS,a.theme.gray900),p=h.default.span(r||(r=e.__makeTemplateObject(["\n color: ",";\n display: block;\n font-family: ",";\n font-size: 14px;\n font-weight: 400;\n line-height: 16px;\n margin-bottom: ",";\n"],["\n color: ",";\n display: block;\n font-family: ",";\n font-size: 14px;\n font-weight: 400;\n line-height: 16px;\n margin-bottom: ",";\n"])),a.theme.gray1200,a.theme.fontSans,a.theme.space8),g=[{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",type:"page-header",weight:700},{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"header",weight:600},{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"description-header",weight:700},{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",type:"title",weight:600},{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"bold-subheader",weight:700},{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",type:"semi-bold-subheader",weight:600},{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"subheader",weight:500},{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"bold-label",weight:700},{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"label",weight:500},{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",type:"body",weight:400},{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",type:"small-header",weight:600},{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",type:"caption",weight:400},{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",type:"hint-text",weight:400}],c=e.__read(g,13),d=c[0],u=c[1],z=c[2],b=c[3],f=c[4],m=c[5],x=c[6],w=c[7],y=c[8],U=c[9],W=c[10],S=c[11],_=c[12],v=h.default.h1(l||(l=e.__makeTemplateObject(["\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n margin: 0;\n color: ",";\n text-transform: ",";\n\n svg {\n display: inline-block;\n vertical-align: middle;\n }\n"],["\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n margin: 0;\n color: ",";\n text-transform: ",";\n\n svg {\n display: inline-block;\n vertical-align: middle;\n }\n"])),(function(e){return"var(--amino-font-size-".concat(e.fontSize||e.size,")")}),(function(e){return e.fontWeight}),(function(e){return"var(--amino-line-height-".concat(e.lineHeight||e.size,")")}),(function(e){return e.color&&a.theme[e.color]}),(function(e){return e.isUppercase&&"uppercase"}));exports.Text=function(e){var i=e.children,a=e.className,s=e.color,n=e.fontSize,r=e.fontWeight,l=e.isUppercase,h=e.lineHeight,g=e.tag,c=e.title,j=function(e){var r=e.as,l=e.fontWeight,o=e.isUppercase,p=e.size;return t.jsx(v,{as:r,className:a,color:s,fontSize:n,fontWeight:l,isUppercase:!!o,lineHeight:h,size:p,title:c,children:i})};switch(e.type){case"page-header":return j({as:g||d.tag,fontWeight:r||d.weight,isUppercase:l,size:d.size});case"header":return j({as:g||u.tag,fontWeight:r||u.weight,isUppercase:l,size:u.size});case"description-header":return j({as:g||z.tag,fontWeight:r||z.weight,isUppercase:l,size:z.size});case"title":return j({as:g||b.tag,fontWeight:r||b.weight,isUppercase:l,size:b.size});case"bold-subheader":return j({as:g||f.tag,fontWeight:r||f.weight,isUppercase:l,size:f.size});case"semi-bold-subheader":return j({as:g||m.tag,fontWeight:r||m.weight,isUppercase:l,size:m.size});case"subheader":return j({as:g||x.tag,fontWeight:r||x.weight,isUppercase:l,size:x.size});case"bold-label":return j({as:g||w.tag,fontWeight:r||w.weight,isUppercase:l,size:w.size});case"label":return j({as:g||y.tag,fontWeight:r||y.weight,isUppercase:l,size:y.size});case"small-header":return j({as:g||W.tag,fontWeight:r||W.weight,isUppercase:"boolean"!=typeof l||l,size:W.size});case"caption":return j({as:g||S.tag,fontWeight:r||S.weight,isUppercase:l,size:S.size});case"hint-text":return j({as:g||_.tag,fontWeight:r||_.weight,isUppercase:l,size:_.size});case"subtitle":return t.jsx(o,{className:a,title:c,children:i});case"input-label":return t.jsx(p,{className:a,title:c,children:i});default:return j({as:g||U.tag,fontWeight:r||U.weight,isUppercase:l,size:U.size})}},exports.textOptions=g,exports.textOthers=["code","subtitle","small-header","input-label"];
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),i=require("styled-components"),a=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var n,r,l,h=s(i),o=h.default.span(n||(n=e.__makeTemplateObject(["\n font-size: ",";\n line-height: 16px;\n color: ",";\n"],["\n font-size: ",";\n line-height: 16px;\n color: ",";\n"])),a.theme.fontSizeS,a.theme.gray900),p=h.default.span(r||(r=e.__makeTemplateObject(["\n color: ",";\n display: block;\n font-family: ",";\n font-size: 14px;\n font-weight: 400;\n line-height: 16px;\n margin-bottom: ",";\n"],["\n color: ",";\n display: block;\n font-family: ",";\n font-size: 14px;\n font-weight: 400;\n line-height: 16px;\n margin-bottom: ",";\n"])),a.theme.gray1200,a.theme.fontSans,a.theme.space8),g=[{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",type:"page-header",weight:700},{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"header",weight:600},{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"description-header",weight:700},{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",type:"title",weight:600},{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"bold-subheader",weight:700},{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",type:"semi-bold-subheader",weight:600},{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"subheader",weight:500},{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"bold-label",weight:700},{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"label",weight:500},{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",type:"body",weight:400},{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",type:"small-header",weight:600},{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",type:"caption",weight:400},{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",type:"hint-text",weight:400}],c=e.__read(g,13),d=c[0],u=c[1],z=c[2],b=c[3],f=c[4],m=c[5],x=c[6],w=c[7],y=c[8],U=c[9],W=c[10],S=c[11],$=c[12],_=h.default.h1(l||(l=e.__makeTemplateObject(["\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n margin: 0;\n color: ",";\n text-transform: ",";\n\n svg {\n display: inline-block;\n vertical-align: middle;\n }\n"],["\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n margin: 0;\n color: ",";\n text-transform: ",";\n\n svg {\n display: inline-block;\n vertical-align: middle;\n }\n"])),(function(e){return"var(--amino-font-size-".concat(e.$fontSize||e.$size,")")}),(function(e){return e.$fontWeight}),(function(e){return"var(--amino-line-height-".concat(e.$lineHeight||e.$size,")")}),(function(e){return e.$color&&a.theme[e.$color]}),(function(e){return e.$isUppercase&&"uppercase"}));exports.Text=function(e){var i=e.children,a=e.className,s=e.color,n=e.fontSize,r=e.fontWeight,l=e.isUppercase,h=e.lineHeight,g=e.tag,c=e.title,v=function(e){var r=e.as,l=e.fontWeight,o=e.isUppercase,p=e.size;return t.jsx(_,{$color:s,$fontSize:n,$fontWeight:l,$isUppercase:!!o,$lineHeight:h,$size:p,as:r,className:a,title:c,children:i})};switch(e.type){case"page-header":return v({as:g||d.tag,fontWeight:r||d.weight,isUppercase:l,size:d.size});case"header":return v({as:g||u.tag,fontWeight:r||u.weight,isUppercase:l,size:u.size});case"description-header":return v({as:g||z.tag,fontWeight:r||z.weight,isUppercase:l,size:z.size});case"title":return v({as:g||b.tag,fontWeight:r||b.weight,isUppercase:l,size:b.size});case"bold-subheader":return v({as:g||f.tag,fontWeight:r||f.weight,isUppercase:l,size:f.size});case"semi-bold-subheader":return v({as:g||m.tag,fontWeight:r||m.weight,isUppercase:l,size:m.size});case"subheader":return v({as:g||x.tag,fontWeight:r||x.weight,isUppercase:l,size:x.size});case"bold-label":return v({as:g||w.tag,fontWeight:r||w.weight,isUppercase:l,size:w.size});case"label":return v({as:g||y.tag,fontWeight:r||y.weight,isUppercase:l,size:y.size});case"small-header":return v({as:g||W.tag,fontWeight:r||W.weight,isUppercase:"boolean"!=typeof l||l,size:W.size});case"caption":return v({as:g||S.tag,fontWeight:r||S.weight,isUppercase:l,size:S.size});case"hint-text":return v({as:g||$.tag,fontWeight:r||$.weight,isUppercase:l,size:$.size});case"subtitle":return t.jsx(o,{className:a,title:c,children:i});case"input-label":return t.jsx(p,{className:a,title:c,children:i});default:return v({as:g||U.tag,fontWeight:r||U.weight,isUppercase:l,size:U.size})}},exports.textOptions=g,exports.textOthers=["code","subtitle","small-header","input-label"];
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("../help-text/HelpText.js"),a=require("../../styles/constants/theme.js"),i=require("../../utils/hooks/useHeightAdjustTextarea.js");function l(n){return n&&n.__esModule?n:{default:n}}require("../text/Text.js");var s,d,u,c,p,h=l(o),b=h.default.div(s||(s=n.__makeTemplateObject(["\n border-radius: ",";\n border: ",";\n position: relative;\n &:hover {\n border: 1px solid ",";\n }\n"],["\n border-radius: ",";\n border: ",";\n position: relative;\n &:hover {\n border: 1px solid ",";\n }\n"])),a.theme.radius12,a.theme.border,a.theme.gray300),f=h.default.div(d||(d=n.__makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n z-index: 1;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n"],["\n &::after {\n content: '';\n position: absolute;\n z-index: 1;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n"])),a.theme.radius12),m=h.default.label(u||(u=n.__makeTemplateObject(["\n color: ",";\n font-size: ",";\n line-height: ",";\n position: absolute;\n filter: blur(0);\n top: calc("," + 6px);\n transform-origin: left top;\n transition: ",";\n left: ",";\n z-index: 3;\n"],["\n color: ",";\n font-size: ",";\n line-height: ",";\n position: absolute;\n filter: blur(0);\n top: calc("," + 6px);\n transform-origin: left top;\n transition: ",";\n left: ",";\n z-index: 3;\n"])),a.theme.gray800,a.theme.fontSizeBase,a.theme.fontSizeBase,a.theme.fontSizeBase,a.theme.transition,a.theme.space16),x=h.default.textarea(c||(c=n.__makeTemplateObject(["\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n padding-top: ",";\n outline: none;\n order: 2;\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n font-size: ",";\n font-weight: 500;\n z-index: 2;\n display: block;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n margin-top: ",";\n padding: 0 4px "," ",";\n\n ::placeholder {\n opacity: 0;\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + "," {\n top: 11px;\n transform: scale(0.8);\n & + "," {\n &::before {\n content: '';\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n height: 25px;\n right: 0;\n background: ",";\n border-radius: ",";\n }\n }\n }\n }\n }\n\n ::placeholder {\n transition: ",";\n color: ",";\n font-weight: 400;\n opacity: 0.6;\n }\n\n :focus {\n outline: none;\n & ~ ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error ~ ","::after {\n box-shadow: ",";\n }\n"],["\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n padding-top: ",";\n outline: none;\n order: 2;\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n font-size: ",";\n font-weight: 500;\n z-index: 2;\n display: block;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n margin-top: ",";\n padding: 0 4px "," ",";\n\n ::placeholder {\n opacity: 0;\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + "," {\n top: 11px;\n transform: scale(0.8);\n & + "," {\n &::before {\n content: '';\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n height: 25px;\n right: 0;\n background: ",";\n border-radius: ",";\n }\n }\n }\n }\n }\n\n ::placeholder {\n transition: ",";\n color: ",";\n font-weight: 400;\n opacity: 0.6;\n }\n\n :focus {\n outline: none;\n & ~ ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error ~ ","::after {\n box-shadow: ",";\n }\n"])),a.theme.space16,a.theme.space8,a.theme.radius6,a.theme.inputBackground,a.theme.fontSizeBase,a.theme.radius6,a.theme.radius6,a.theme.space24,a.theme.space8,a.theme.space16,m,f,a.theme.inputBackground,a.theme.radius6,a.theme.transition,a.theme.gray400,f,a.theme.glowBlue,f,a.theme.glowError),g=h.default.div(p||(p=n.__makeTemplateObject(["\n position: relative;\n width: ",";\n\n &.disabled {\n * {\n cursor: not-allowed;\n }\n "," {\n opacity: 0.4;\n }\n "," {\n user-select: none;\n }\n }\n"],["\n position: relative;\n width: ",";\n\n &.disabled {\n * {\n cursor: not-allowed;\n }\n "," {\n opacity: 0.4;\n }\n "," {\n user-select: none;\n }\n }\n"])),(function(n){return n.width?"".concat(n.width,"px"):"100%"}),b,x),w=t.forwardRef((function(o,a){var l=o.className,s=o.disabled,d=o.error,u=o.expandable,c=o.helpText,p=o.label,h=o.maxRows,w=o.rows,v=o.value,j=o.width,k=n.__rest(o,["className","disabled","error","expandable","helpText","label","maxRows","rows","value","width"]),z=!!v,_=t.useRef(null);return i.useHeightAdjustTextarea({maxRows:h,ref:_,shouldExpand:!!u,textareaValue:(null==v?void 0:v.toString())||""}),e.jsxs(g,{className:"amino-input-wrapper ".concat(l||""," ").concat(s?"disabled":""),width:j,children:[e.jsxs(b,{onClick:function(){var n;return null===(n=null==_?void 0:_.current)||void 0===n?void 0:n.focus()},children:[e.jsx(x,n.__assign({ref:function(n){a&&"function"==typeof a?a(n):a&&(a.current=n),_.current=n},className:[d?"has-error":"",p?"has-label":"",z?"has-content":""].join(" "),disabled:s,label:p,rows:w,value:v},k)),e.jsx(m,{"data-label":p,onClick:function(){var n;return null===(n=null==_?void 0:_.current)||void 0===n?void 0:n.focus()},children:p}),e.jsx(f,{})]}),e.jsx(r.HelpText,{error:d,helpText:c})]})}));exports.Textarea=w;
1
+ "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("../help-text/HelpText.js"),a=require("../../styles/constants/theme.js"),i=require("../../utils/hooks/useHeightAdjustTextarea.js");function l(n){return n&&n.__esModule?n:{default:n}}require("../text/Text.js");var s,d,u,c,p,h=l(o),b=h.default.div(s||(s=n.__makeTemplateObject(["\n border-radius: ",";\n border: ",";\n position: relative;\n &:hover {\n border: 1px solid ",";\n }\n"],["\n border-radius: ",";\n border: ",";\n position: relative;\n &:hover {\n border: 1px solid ",";\n }\n"])),a.theme.radius12,a.theme.border,a.theme.gray300),f=h.default.div(d||(d=n.__makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n z-index: 1;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n"],["\n &::after {\n content: '';\n position: absolute;\n z-index: 1;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n"])),a.theme.radius12),m=h.default.label(u||(u=n.__makeTemplateObject(["\n color: ",";\n font-size: ",";\n line-height: ",";\n position: absolute;\n filter: blur(0);\n top: calc("," + 6px);\n transform-origin: left top;\n transition: ",";\n left: ",";\n z-index: 3;\n"],["\n color: ",";\n font-size: ",";\n line-height: ",";\n position: absolute;\n filter: blur(0);\n top: calc("," + 6px);\n transform-origin: left top;\n transition: ",";\n left: ",";\n z-index: 3;\n"])),a.theme.gray800,a.theme.fontSizeBase,a.theme.fontSizeBase,a.theme.fontSizeBase,a.theme.transition,a.theme.space16),x=h.default.textarea(c||(c=n.__makeTemplateObject(["\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n padding-top: ",";\n outline: none;\n order: 2;\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n font-size: ",";\n font-weight: 500;\n z-index: 2;\n display: block;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n margin-top: ",";\n padding: 0 4px "," ",";\n\n ::placeholder {\n opacity: 0;\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + "," {\n top: 11px;\n transform: scale(0.8);\n & + "," {\n &::before {\n content: '';\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n height: 25px;\n right: 0;\n background: ",";\n border-radius: ",";\n }\n }\n }\n }\n }\n\n ::placeholder {\n transition: ",";\n color: ",";\n font-weight: 400;\n opacity: 0.6;\n }\n\n :focus {\n outline: none;\n & ~ ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error ~ ","::after {\n box-shadow: ",";\n }\n"],["\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n padding-top: ",";\n outline: none;\n order: 2;\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n font-size: ",";\n font-weight: 500;\n z-index: 2;\n display: block;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n margin-top: ",";\n padding: 0 4px "," ",";\n\n ::placeholder {\n opacity: 0;\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + "," {\n top: 11px;\n transform: scale(0.8);\n & + "," {\n &::before {\n content: '';\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n height: 25px;\n right: 0;\n background: ",";\n border-radius: ",";\n }\n }\n }\n }\n }\n\n ::placeholder {\n transition: ",";\n color: ",";\n font-weight: 400;\n opacity: 0.6;\n }\n\n :focus {\n outline: none;\n & ~ ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error ~ ","::after {\n box-shadow: ",";\n }\n"])),a.theme.space16,a.theme.space8,a.theme.radius6,a.theme.inputBackground,a.theme.fontSizeBase,a.theme.radius6,a.theme.radius6,a.theme.space24,a.theme.space8,a.theme.space16,m,f,a.theme.inputBackground,a.theme.radius6,a.theme.transition,a.theme.gray400,f,a.theme.glowBlue,f,a.theme.glowError),g=h.default.div(p||(p=n.__makeTemplateObject(["\n position: relative;\n width: ",";\n\n &.disabled {\n * {\n cursor: not-allowed;\n }\n "," {\n opacity: 0.4;\n }\n "," {\n user-select: none;\n }\n }\n"],["\n position: relative;\n width: ",";\n\n &.disabled {\n * {\n cursor: not-allowed;\n }\n "," {\n opacity: 0.4;\n }\n "," {\n user-select: none;\n }\n }\n"])),(function(n){return n.$width?"".concat(n.$width,"px"):"100%"}),b,x),w=t.forwardRef((function(o,a){var l=o.className,s=o.disabled,d=o.error,u=o.expandable,c=o.helpText,p=o.label,h=o.maxRows,w=o.rows,v=o.value,j=o.width,k=n.__rest(o,["className","disabled","error","expandable","helpText","label","maxRows","rows","value","width"]),z=!!v,_=t.useRef(null);return i.useHeightAdjustTextarea({maxRows:h,ref:_,shouldExpand:!!u,textareaValue:(null==v?void 0:v.toString())||""}),e.jsxs(g,{$width:j,className:"amino-input-wrapper ".concat(l||""," ").concat(s?"disabled":""),children:[e.jsxs(b,{onClick:function(){var n;return null===(n=null==_?void 0:_.current)||void 0===n?void 0:n.focus()},children:[e.jsx(x,n.__assign({ref:function(n){a&&"function"==typeof a?a(n):a&&(a.current=n),_.current=n},className:[d?"has-error":"",p?"has-label":"",z?"has-content":""].join(" "),disabled:s,label:p,rows:w,value:v},k)),e.jsx(m,{"data-label":p,onClick:function(){var n;return null===(n=null==_?void 0:_.current)||void 0===n?void 0:n.focus()},children:p}),e.jsx(f,{})]}),e.jsx(r.HelpText,{error:d,helpText:c})]})}));exports.Textarea=w;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../card/Card.js"),i=require("../select/Select.js"),s=require("../stack/HStack.js"),c=require("../switch/Switch.js"),o=require("../text/Text.js"),a=require("../../icons/custom/theme/ThemeDarkIcon.js"),u=require("../../icons/custom/theme/ThemeLightIcon.js"),l=require("../../icons/NightIcon.js"),d=require("../../icons/SunnyIcon.js"),h=require("../../styles/constants/theme.js"),m=require("../../utils/hooks/useAminoTheme.js");function j(e){return e&&e.__esModule?e:{default:e}}require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react"),require("react-select"),require("../checkbox/Checkbox.js"),require("clsx"),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"),require("../stack/Stack.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_ThemeIconBase.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var x,q,g=j(r),b=g.default.button(x||(x=e.__makeTemplateObject(["\n border: ",";\n color: ",";\n border-radius: ",";\n\n &:not([disabled]) {\n &:active,\n &:focus {\n outline: none;\n }\n }\n"],["\n border: ",";\n color: ",";\n border-radius: ",";\n\n &:not([disabled]) {\n &:active,\n &:focus {\n outline: none;\n }\n }\n"])),(function(e){return"2px solid ".concat(e.isActive?h.theme.blue400:"transparent")}),(function(e){return e.isActive?h.theme.primary:h.theme.textColor}),h.theme.radius8),p=g.default(t.Card)(q||(q=e.__makeTemplateObject(["\n background: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: ",";\n\n svg {\n height: 64px;\n width: 110px;\n box-shadow: ",";\n margin-bottom: ",";\n }\n"],["\n background: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: ",";\n\n svg {\n height: 64px;\n width: 110px;\n box-shadow: ",";\n margin-bottom: ",";\n }\n"])),h.theme.gray0,h.theme.space16,h.theme.v3ShadowLarge,h.theme.space16),f=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=function(e){var r=e.className,t=e.disabled,h=void 0!==t&&t,j=e.type,x=void 0===j?"select":j,q=m.useAminoTheme(),g=q.aminoTheme,y=q.setAminoTheme,k="day"===g;return n.jsxs(n.Fragment,{children:["cards"===x&&n.jsxs(s.HStack,{className:r,children:[n.jsx(b,{"data-theme":"day",isActive:"day"===g,onClick:function(){return y("day")},type:"button",children:n.jsxs(p,{children:[n.jsx(u.ThemeLightIcon,{}),n.jsx(o.Text,{type:"bold-label",children:"Light"})]})}),n.jsx(b,{"data-theme":"night",isActive:"night"===g,onClick:function(){return y("night")},type:"button",children:n.jsxs(p,{children:[n.jsx(a.ThemeDarkIcon,{}),n.jsx(o.Text,{type:"bold-label",children:"Dark"})]})})]}),"select"===x&&n.jsx(i.Select,{className:r,icon:function(){switch(g){case"day":default:return n.jsx(d.SunnyIcon,{});case"night":return n.jsx(l.NightIcon,{})}}(),isClearable:!1,isDisabled:h,onChange:function(e){return y((null==e?void 0:e.value)||"day")},options:f,value:f.filter((function(e){return e.value===g}))}),"toggle"===x&&n.jsx(c.Switch,{checked:k,className:r,disabled:h,onChange:function(){return!h&&y("day"===g?"night":"day")},switchIconLeft:n.jsx(l.NightIcon,{}),switchIconRight:n.jsx(d.SunnyIcon,{})})]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../card/Card.js"),i=require("../select/Select.js"),s=require("../stack/HStack.js"),c=require("../switch/Switch.js"),o=require("../text/Text.js"),a=require("../../icons/custom/theme/ThemeDarkIcon.js"),u=require("../../icons/custom/theme/ThemeLightIcon.js"),l=require("../../icons/NightIcon.js"),d=require("../../icons/SunnyIcon.js"),h=require("../../styles/constants/theme.js"),m=require("../../utils/hooks/useAminoTheme.js");function j(e){return e&&e.__esModule?e:{default:e}}require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react"),require("react-select"),require("../checkbox/Checkbox.js"),require("clsx"),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"),require("../stack/Stack.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_ThemeIconBase.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var x,q,g=j(r),b=g.default.button(x||(x=e.__makeTemplateObject(["\n border: ",";\n color: ",";\n border-radius: ",";\n\n &:not([disabled]) {\n &:active,\n &:focus {\n outline: none;\n }\n }\n"],["\n border: ",";\n color: ",";\n border-radius: ",";\n\n &:not([disabled]) {\n &:active,\n &:focus {\n outline: none;\n }\n }\n"])),(function(e){return"2px solid ".concat(e.$isActive?h.theme.blue400:"transparent")}),(function(e){return e.$isActive?h.theme.primary:h.theme.textColor}),h.theme.radius8),p=g.default(t.Card)(q||(q=e.__makeTemplateObject(["\n background: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: ",";\n\n svg {\n height: 64px;\n width: 110px;\n box-shadow: ",";\n margin-bottom: ",";\n }\n"],["\n background: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: ",";\n\n svg {\n height: 64px;\n width: 110px;\n box-shadow: ",";\n margin-bottom: ",";\n }\n"])),h.theme.gray0,h.theme.space16,h.theme.v3ShadowLarge,h.theme.space16),f=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=function(e){var r=e.className,t=e.disabled,h=void 0!==t&&t,j=e.type,x=void 0===j?"select":j,q=m.useAminoTheme(),g=q.aminoTheme,y=q.setAminoTheme,k="day"===g;return n.jsxs(n.Fragment,{children:["cards"===x&&n.jsxs(s.HStack,{className:r,children:[n.jsx(b,{$isActive:"day"===g,"data-theme":"day",onClick:function(){return y("day")},type:"button",children:n.jsxs(p,{children:[n.jsx(u.ThemeLightIcon,{}),n.jsx(o.Text,{type:"bold-label",children:"Light"})]})}),n.jsx(b,{$isActive:"night"===g,"data-theme":"night",onClick:function(){return y("night")},type:"button",children:n.jsxs(p,{children:[n.jsx(a.ThemeDarkIcon,{}),n.jsx(o.Text,{type:"bold-label",children:"Dark"})]})})]}),"select"===x&&n.jsx(i.Select,{className:r,icon:function(){switch(g){case"day":default:return n.jsx(d.SunnyIcon,{});case"night":return n.jsx(l.NightIcon,{})}}(),isClearable:!1,isDisabled:h,onChange:function(e){return y((null==e?void 0:e.value)||"day")},options:f,value:f.filter((function(e){return e.value===g}))}),"toggle"===x&&n.jsx(c.Switch,{checked:k,className:r,disabled:h,onChange:function(){return!h&&y("day"===g?"night":"day")},switchIconLeft:n.jsx(l.NightIcon,{}),switchIconRight:n.jsx(d.SunnyIcon,{})})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("framer-motion"),o=require("styled-components"),i=require("uuid"),s=require("./Toast.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");var c,u=a(o),l=r.createContext((function(e,t){})),d=u.default.div(c||(c=e.__makeTemplateObject(["\n bottom: ",";\n left: ",";\n"],["\n bottom: ",";\n left: ",";\n"])),(function(e){var t;return(null===(t=e.location)||void 0===t?void 0:t.bottom)||""}),(function(e){var t;return(null===(t=e.location)||void 0===t?void 0:t.left)||""}));exports.ToastContext=l,exports.ToastContextProvider=function(o){var a=o.children,c=e.__read(r.useState([]),2),u=c[0],f=c[1],m=e.__read(r.useState({bottom:"",left:""}),2),v=m[0],j=m[1],_=r.useCallback((function(t,r){f((function(n){return e.__spreadArray(e.__spreadArray([],e.__read(n),!1),[{props:r,toast:t,uuid:i.v4()}],!1)})),setTimeout((function(){return f((function(e){return e.slice(1)}))}),(null==r?void 0:r.duration)||6e3)}),[f]),p=r.useCallback((function(e,t,r){r&&j({bottom:r.bottom||"",left:r.left||""}),_(e,t)}),[_]);return t.jsx(n.AnimatePresence,{children:t.jsxs(l.Provider,{value:p,children:[a,t.jsx("div",{className:"toast-container",children:t.jsx(d,{className:"toasts-wrapper",location:v,children:t.jsx(n.AnimatePresence,{children:u.map((function(e){var r=e.props,n=e.toast,o=e.uuid,i="toast-".concat(n,"-").concat(o);return t.jsx(s.Toast,{direction:null==r?void 0:r.direction,intent:null==r?void 0:r.intent,toastKey:i,children:n},i)}))})})})]})})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("framer-motion"),o=require("styled-components"),i=require("uuid"),s=require("./Toast.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");var c,u=a(o),l=r.createContext((function(e,t){})),d=u.default.div(c||(c=e.__makeTemplateObject(["\n bottom: ",";\n left: ",";\n"],["\n bottom: ",";\n left: ",";\n"])),(function(e){var t;return(null===(t=e.$location)||void 0===t?void 0:t.bottom)||""}),(function(e){var t;return(null===(t=e.$location)||void 0===t?void 0:t.left)||""}));exports.ToastContext=l,exports.ToastContextProvider=function(o){var a=o.children,c=e.__read(r.useState([]),2),u=c[0],f=c[1],m=e.__read(r.useState({bottom:"",left:""}),2),v=m[0],j=m[1],_=r.useCallback((function(t,r){f((function(n){return e.__spreadArray(e.__spreadArray([],e.__read(n),!1),[{props:r,toast:t,uuid:i.v4()}],!1)})),setTimeout((function(){return f((function(e){return e.slice(1)}))}),(null==r?void 0:r.duration)||6e3)}),[f]),p=r.useCallback((function(e,t,r){r&&j({bottom:r.bottom||"",left:r.left||""}),_(e,t)}),[_]);return t.jsx(n.AnimatePresence,{children:t.jsxs(l.Provider,{value:p,children:[a,t.jsx("div",{className:"toast-container",children:t.jsx(d,{$location:v,className:"toasts-wrapper",children:t.jsx(n.AnimatePresence,{children:u.map((function(e){var r=e.props,n=e.toast,o=e.uuid,i="toast-".concat(n,"-").concat(o);return t.jsx(s.Toast,{direction:null==r?void 0:r.direction,intent:null==r?void 0:r.intent,toastKey:i,children:n},i)}))})})})]})})};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zonos/amino",
3
- "version": "5.1.44",
3
+ "version": "5.1.46",
4
4
  "description": "Core UI components for Amino",
5
5
  "repository": "git@github.com:Zonos/amino.git",
6
6
  "license": "MIT",