@zonos/amino 4.3.2 → 4.4.0

package/all.d.ts

@@ -24,7 +24,6 @@ import './components/cover-sheet/CoverSheetActions';
 import './components/currency/Currency';
 import './components/currency/DualCurrency';
 import './components/danger-zone/DangerZone';
-import './components/dark-mode-wrapper/DarkModeWrapper';
 import './components/dialog/Dialog';
 import './components/divider/Divider';
 import './components/drop-zone/DropZone';
@@ -40,30 +39,31 @@ import './components/lightbox/LightBox';
 import './components/list-item/ListItem';
 import './components/list/CollapsibleList';
 import './components/list/List';
-import './components/mdx-anchor/MdxAnchor';
-import './components/mdx-badge/MdxBadge';
-import './components/mdx-banner/MdxBanner';
-import './components/mdx-bread-crumbs/MdxBreadCrumbs';
-import './components/mdx-button/MdxButton';
-import './components/mdx-card-grid/MdxCardGrid';
-import './components/mdx-card/MdxCard';
-import './components/mdx-code-block/MdxCodeBlock';
-import './components/mdx-collapse/MdxCollapse';
-import './components/mdx-copy-value/MdxCopyValue';
-import './components/mdx-hero/MdxHero';
-import './components/mdx-image/MdxImage';
-import './components/mdx-progress-checkbox/MdxProgressCheckbox';
-import './components/mdx-related-content/MdxRelatedContent';
-import './components/mdx-section/MdxSection';
-import './components/mdx-subtitle/MdxSubtitle';
-import './components/mdx-table/MdxTable';
-import './components/mdx-tabs/MdxTab';
-import './components/mdx-tabs/MdxTabs';
-import './components/mdx-video-guide/MdxVideoGuide';
+import './components/mdx/mdx-anchor/MdxAnchor';
+import './components/mdx/mdx-badge/MdxBadge';
+import './components/mdx/mdx-banner/MdxBanner';
+import './components/mdx/mdx-bread-crumbs/MdxBreadCrumbs';
+import './components/mdx/mdx-button/MdxButton';
+import './components/mdx/mdx-card-grid/MdxCardGrid';
+import './components/mdx/mdx-card/MdxCard';
+import './components/mdx/mdx-code-block/MdxCodeBlock';
+import './components/mdx/mdx-collapse/MdxCollapse';
+import './components/mdx/mdx-copy-value/MdxCopyValue';
+import './components/mdx/mdx-hero/MdxHero';
+import './components/mdx/mdx-image/MdxImage';
+import './components/mdx/mdx-progress-checkbox/MdxProgressCheckbox';
+import './components/mdx/mdx-related-content/MdxRelatedContent';
+import './components/mdx/mdx-section/MdxSection';
+import './components/mdx/mdx-subtitle/MdxSubtitle';
+import './components/mdx/mdx-table/MdxTable';
+import './components/mdx/mdx-tabs/MdxTab';
+import './components/mdx/mdx-tabs/MdxTabs';
+import './components/mdx/mdx-video-guide/MdxVideoGuide';
 import './components/menu/Menu';
 import './components/menu/MenuItem';
 import './components/nested-data-table/NestedDataTable';
 import './components/nested-data-table/NestedDataTableHasura';
+import './components/night-mode-wrapper/NightModeWrapper';
 import './components/ownership-block/OwnershipBlock';
 import './components/pivot-table/PivotTable';
 import './components/profile-icon/ProfileIcon';
@@ -80,6 +80,7 @@ import './components/select/CountryPhoneSelect';
 import './components/select/CountrySelect';
 import './components/select/MultiSelect';
 import './components/select/Select';
+import './components/select/ThemeSelect';
 import './components/skeleton/Skeleton';
 import './components/slide-over/SlideOver';
 import './components/slider/Slider';
@@ -778,6 +779,7 @@ import './utils/getProductDetails';
 import './utils/getTestId';
 import './utils/handleFetch';
 import './utils/hooks/action-pivot-table/useHasuraGqlPagination';
+import './utils/hooks/useAminoTheme';
 import './utils/hooks/useCurrentShema';
 import './utils/hooks/useDropdown';
 import './utils/hooks/useNotify';

package/amino.css

@@ -69,7 +69,6 @@
 html {
   font-size: var(--amino-type-scale-base);
   font-family: var(--amino-font-sans);
-  color: var(--amino-text-color);
   height: 100%;
   width: 100%;
   -webkit-font-smoothing: antialiased;

package/components/alert-dialog/AlertContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("./AlertDialog.js");require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");var s=i.createContext((function(e){}));exports.AlertContext=s,exports.AlertContextProvider=function(n){var u=n.children,o=e.__read(i.useState(),2),a=o[0],c=o[1],l=e.__read(i.useState(!1),2),q=l[0],j=l[1],d=i.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(s.Provider,e.__assign({value:d},{children:[u,a&&r.jsx(t.AlertDialog,{open:q,label:a.label,subtitle:a.subtitle,intent:a.intent,dismissText:a.dismissText,dismissAction:function(){j(!1),a.onDismiss()}})]}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("./AlertDialog.js");require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("../backdrop/Backdrop.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");var s=i.createContext((function(e){}));exports.AlertContext=s,exports.AlertContextProvider=function(n){var u=n.children,o=e.__read(i.useState(),2),a=o[0],c=o[1],l=e.__read(i.useState(!1),2),q=l[0],j=l[1],d=i.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(s.Provider,e.__assign({value:d},{children:[u,a&&r.jsx(t.AlertDialog,{open:q,label:a.label,subtitle:a.subtitle,intent:a.intent,dismissText:a.dismissText,dismissAction:function(){j(!1),a.onDismiss()}})]}))};

package/components/alert-dialog/AlertDialog.d.ts

@@ -1,13 +1,13 @@
 import type { ReactNode } from 'react';
-import type { IAminoTheme } from "../../types/IAminoTheme";
-import type { Intent } from "../../types/Intent";
+import { type Intent } from "../../types/Intent";
+import { type Theme } from "../../types/Theme";
 export type AlertDialogProps = {
     open: boolean;
     label: string;
-    theme?: IAminoTheme;
+    themeOverride?: Theme;
     subtitle: ReactNode;
     intent: Intent;
     dismissText: string;
     dismissAction: () => void;
 };
-export declare const AlertDialog: ({ theme: _theme, open, label, intent, subtitle, dismissText, dismissAction, }: AlertDialogProps) => JSX.Element;
+export declare const AlertDialog: ({ themeOverride, open, label, intent, subtitle, dismissText, dismissAction, }: AlertDialogProps) => JSX.Element;

package/components/alert-dialog/AlertDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../button/Button.js"),i=require("../dialog/_BaseDialog.js"),r=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../icons/ExclamationMarkIcon.js"),o=require("../../icons/HelpIcon.js"),u=require("../../icons/WarningIcon.js"),l=require("../../styles/constants/theme.js"),d=require("styled-components");function p(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var j,m,x,g=p(d),q=g.default.div(j||(j=e.__makeTemplateObject(["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"],["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"])),l.theme.space24),_=g.default.div(m||(m=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"])),l.theme.space24,l.theme.space8),f=g.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),h=function(e){switch(e){case"danger":return n.jsx(c.ExclamationMarkIcon,{});case"warning":return n.jsx(u.WarningIcon,{});default:return n.jsx(o.HelpIcon,{})}};exports.AlertDialog=function(c){var o=c.theme,u=c.open,l=c.label,d=c.intent,p=c.subtitle,j=c.dismissText,m=c.dismissAction;return n.jsx(i.BaseDialog,e.__assign({width:350,"data-theme":o,open:u,onClose:m},{children:n.jsx(q,{children:n.jsxs(s.VStack,e.__assign({spacing:16},{children:[n.jsx(r.RoundedIcon,e.__assign({intent:d},{children:h(d)})),n.jsxs("div",{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:l})),n.jsx(f,{children:p})]}),n.jsx(_,{children:n.jsx(t.Button,e.__assign({onClick:m,intent:d},{children:j}))})]}))})}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../button/Button.js"),i=require("../dialog/_BaseDialog.js"),r=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../icons/ExclamationMarkIcon.js"),o=require("../../icons/HelpIcon.js"),u=require("../../icons/WarningIcon.js"),l=require("../../styles/constants/theme.js"),d=require("styled-components");function p(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../backdrop/Backdrop.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var j,m,x,g=p(d),q=g.default.div(j||(j=e.__makeTemplateObject(["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"],["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"])),l.theme.space24),_=g.default.div(m||(m=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"])),l.theme.space24,l.theme.space8),f=g.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),h=function(e){switch(e){case"danger":return n.jsx(c.ExclamationMarkIcon,{});case"warning":return n.jsx(u.WarningIcon,{});default:return n.jsx(o.HelpIcon,{})}};exports.AlertDialog=function(c){var o=c.themeOverride,u=c.open,l=c.label,d=c.intent,p=c.subtitle,j=c.dismissText,m=c.dismissAction;return n.jsx(i.BaseDialog,e.__assign({width:350,"data-theme":o,open:u,onClose:m},{children:n.jsx(q,{children:n.jsxs(s.VStack,e.__assign({spacing:16},{children:[n.jsx(r.RoundedIcon,e.__assign({intent:d},{children:h(d)})),n.jsxs("div",{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:l})),n.jsx(f,{children:p})]}),n.jsx(_,{children:n.jsx(t.Button,e.__assign({onClick:m,intent:d},{children:j}))})]}))})}))};

package/components/alert-dialog/useAlert.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../_tslib-fe391a2e.js"),require("react/jsx-runtime"),require("./AlertDialog.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");exports.useAlert=function(){return e.useContext(r.AlertContext)};
+"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../_tslib-fe391a2e.js"),require("react/jsx-runtime"),require("./AlertDialog.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("../backdrop/Backdrop.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");exports.useAlert=function(){return e.useContext(r.AlertContext)};

package/components/badge/Badge.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),o=require("react/jsx-runtime"),e=require("../../styles/constants/theme.js");function r(n){return n&&n.__esModule?n:{default:n}}var c,l,d=r(require("styled-components")),g=d.default.div(c||(c=n.__makeTemplateObject(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"]))),a=d.default.div(l||(l=n.__makeTemplateObject(["\n  display: flex;\n  gap: ",";\n  font-size: ",";\n  padding: 2px 6px;\n  text-align: center;\n  border-radius: ",";\n  // default background color (gray)\n  background-color: ",";\n  color: ",";\n  align-items: center;\n\n  p {\n    margin: 0;\n    font-weight: ",";\n    line-height: 16px;\n  }\n  svg {\n    order: ",";\n  }\n\n  &.bold {\n    // bold config default (gray)\n    background-color: ",";\n    color: ",";\n  }\n\n  // size\n  &.large {\n    padding: 4px 8px;\n  }\n\n  &.blue {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n\n  &.green {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n\n  &.red {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n\n  &.orange {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n\n  &.purple {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n\n  &.cyan {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n"],["\n  display: flex;\n  gap: ",";\n  font-size: ",";\n  padding: 2px 6px;\n  text-align: center;\n  border-radius: ",";\n  // default background color (gray)\n  background-color: ",";\n  color: ",";\n  align-items: center;\n\n  p {\n    margin: 0;\n    font-weight: ",";\n    line-height: 16px;\n  }\n  svg {\n    order: ",";\n  }\n\n  &.bold {\n    // bold config default (gray)\n    background-color: ",";\n    color: ",";\n  }\n\n  // size\n  &.large {\n    padding: 4px 8px;\n  }\n\n  &.blue {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n\n  &.green {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n\n  &.red {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n\n  &.orange {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n\n  &.purple {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n\n  &.cyan {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n"])),e.theme.space8,e.theme.fontSizeS,(function(n){return n.rounded?"20px":e.theme.radius6}),e.theme.gray100,e.theme.gray800,(function(n){return n.fontWeight||"600"}),(function(n){return n.iconRight?"2":""}),e.theme.gray600,e.theme.gray100,e.theme.blue100,e.theme.blue800,e.theme.blue600,e.theme.blue100,e.theme.green100,e.theme.green800,e.theme.green600,e.theme.green100,e.theme.red100,e.theme.red800,e.theme.red600,e.theme.red100,e.theme.orange100,e.theme.orange800,e.theme.orange600,e.theme.orange100,e.theme.purple100,e.theme.purple800,e.theme.purple600,e.theme.purple100,e.theme.cyan100,e.theme.cyan800,e.theme.cyan600,e.theme.cyan100);exports.Badge=function(e){var r=e.children,c=e.className,l=e.color,d=void 0===l?"gray":l,i=e.fontWeight,t=e.icon,b=e.iconRight,u=e.bold,f=e.rounded,h=void 0!==f&&f,s=e.size,m=void 0===s?"large":s;return o.jsx(g,n.__assign({className:c},{children:o.jsxs(a,n.__assign({rounded:h,bold:!!u,fontWeight:i,iconRight:b,color:d,size:m,className:[d,m,u?"bold":""].join(" ")},{children:[t,o.jsx("p",{children:r})]}))}))};
+"use strict";var n=require("../../_tslib-fe391a2e.js"),o=require("react/jsx-runtime"),e=require("../../styles/constants/theme.js");function r(n){return n&&n.__esModule?n:{default:n}}var c,l,g=r(require("styled-components")),d=g.default.div(c||(c=n.__makeTemplateObject(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"]))),i=g.default.div(l||(l=n.__makeTemplateObject(["\n  display: flex;\n  gap: ",";\n  font-size: ",";\n  padding: 2px 6px;\n  text-align: center;\n  border-radius: ",";\n  background-color: ",";\n  color: ",";\n  align-items: center;\n\n  p {\n    margin: 0;\n    font-weight: ",";\n    line-height: 16px;\n  }\n  svg {\n    order: ",";\n  }\n\n  &.bold {\n    // bold config default (gray)\n    background-color: ",";\n    color: ",";\n    & svg {\n      color: ",";\n    }\n  }\n\n  // size\n  &.large {\n    padding: 4px 8px;\n  }\n\n  &.blue {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.green {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.red {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.orange {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.purple {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.cyan {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n"],["\n  display: flex;\n  gap: ",";\n  font-size: ",";\n  padding: 2px 6px;\n  text-align: center;\n  border-radius: ",";\n  background-color: ",";\n  color: ",";\n  align-items: center;\n\n  p {\n    margin: 0;\n    font-weight: ",";\n    line-height: 16px;\n  }\n  svg {\n    order: ",";\n  }\n\n  &.bold {\n    // bold config default (gray)\n    background-color: ",";\n    color: ",";\n    & svg {\n      color: ",";\n    }\n  }\n\n  // size\n  &.large {\n    padding: 4px 8px;\n  }\n\n  &.blue {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.green {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.red {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.orange {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.purple {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n      & svg {\n        color: ",";\n      }\n    }\n  }\n\n  &.cyan {\n    // color config\n    background-color: ",";\n    color: ",";\n    &.bold {\n      // bold config\n      background-color: ",";\n      color: ",";\n    }\n  }\n"])),e.theme.space8,e.theme.fontSizeS,(function(n){return n.rounded?"20px":e.theme.radius6}),e.theme.gray100,e.theme.gray800,(function(n){return n.fontWeight||"600"}),(function(n){return n.iconRight?"2":""}),e.theme.gray600,e.theme.gray100,e.theme.gray100,e.theme.blue100,e.theme.blue800,e.theme.blue600,e.theme.blue100,e.theme.blue100,e.theme.green100,e.theme.green800,e.theme.green600,e.theme.green100,e.theme.green100,e.theme.red100,e.theme.red800,e.theme.red600,e.theme.red100,e.theme.red100,e.theme.orange100,e.theme.orange800,e.theme.orange600,e.theme.orange100,e.theme.orange100,e.theme.purple100,e.theme.purple800,e.theme.purple600,e.theme.purple100,e.theme.purple100,e.theme.cyan100,e.theme.cyan800,e.theme.cyan600,e.theme.cyan100);exports.Badge=function(e){var r=e.children,c=e.className,l=e.color,g=void 0===l?"gray":l,t=e.fontWeight,a=e.icon,b=e.iconRight,u=e.bold,s=e.rounded,h=void 0!==s&&s,m=e.size,f=void 0===m?"large":m;return o.jsx(d,n.__assign({className:c},{children:o.jsxs(i,n.__assign({rounded:h,bold:!!u,fontWeight:t,iconRight:b,color:g,size:f,className:[g,f,u?"bold":""].join(" ")},{children:[a,o.jsx("p",{children:r})]}))}))};

package/components/button/Button.d.ts

@@ -29,7 +29,7 @@ type ButtonBase = {
     /** Color for the spinner when in a loading state */
     spinnerColor?: SpinnerProps['color'];
     tabIndex?: number;
-    theme?: Theme | 'space';
+    themeOverride?: Theme;
     type?: 'button' | 'reset' | 'submit';
 };
 export type GroupTag = 'div' | 'a' | 'button';
@@ -38,5 +38,5 @@ export type ButtonProps<T extends GroupTag = 'button'> = ButtonBase & Omit<Compo
     onClick?: MouseEventHandler<MyHtmlElement<T>>;
     tag?: T;
 };
-export declare function Button<T extends GroupTag = 'button'>({ children, className, disabled, icon, iconRight, intent, loading, loadingText, noRipple, size, spinnerColor, tag: _tag, theme: _theme, type, ...props }: ButtonProps<T>): JSX.Element;
+export declare function Button<T extends GroupTag = 'button'>({ children, className, disabled, icon, iconRight, intent, loading, loadingText, noRipple, size, spinnerColor, tag: _tag, themeOverride, type, ...props }: ButtonProps<T>): JSX.Element;
 export {};

package/components/button/Button.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react"),o=require("../spinner/Spinner.js"),t=require("../../styles/constants/theme.js"),a=require("styled-components"),i=require("./RippleGroup.js"),c=require("./useRipple.js");function l(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var d,s,u,g,h,b,p,m,f,k,v=l(a),x=function(n){return"inherit"===n?"inherit":n?t.theme[n]:void 0},_=v.default.span(d||(d=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"])),t.theme.radius4,t.theme.space8),y=v.default.button(s||(s=n.__makeTemplateObject(["\n  position: relative;\n  outline: none;\n  height: ",";\n  line-height: ",";\n  font-size: 14px;\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  font-weight: 500;\n  user-select: none;\n  font-family: ",";\n  letter-spacing: normal;\n  cursor: pointer;\n  white-space: nowrap;\n  padding: ",";\n\n  svg path:not([data-is-secondary-color]) {\n    fill: currentColor;\n  }\n\n  &.only-icon {\n    width: ",";\n    padding: 0;\n  }\n\n  &:active,\n  &:focus {\n    outline: none;\n    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:active {\n    transform: scale(0.99);\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg {\n        margin-left: ",";\n        margin-right: 0;\n      }\n    }\n    svg {\n      margin-right: ",";\n      margin-left: 0;\n    }\n  }\n\n  &[disabled] {\n    box-shadow: none;\n    &:not(.loading) {\n      opacity: 0.5;\n    }\n  }\n"],["\n  position: relative;\n  outline: none;\n  height: ",";\n  line-height: ",";\n  font-size: 14px;\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  font-weight: 500;\n  user-select: none;\n  font-family: ",";\n  letter-spacing: normal;\n  cursor: pointer;\n  white-space: nowrap;\n  padding: ",";\n\n  svg path:not([data-is-secondary-color]) {\n    fill: currentColor;\n  }\n\n  &.only-icon {\n    width: ",";\n    padding: 0;\n  }\n\n  &:active,\n  &:focus {\n    outline: none;\n    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:active {\n    transform: scale(0.99);\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg {\n        margin-left: ",";\n        margin-right: 0;\n      }\n    }\n    svg {\n      margin-right: ",";\n      margin-left: 0;\n    }\n  }\n\n  &[disabled] {\n    box-shadow: none;\n    &:not(.loading) {\n      opacity: 0.5;\n    }\n  }\n"])),(function(n){return"var(--amino-size-".concat(n.size,")")}),(function(n){return"var(--amino-size-".concat(n.size,")")}),t.theme.space16,t.theme.radius6,t.theme.transition,t.theme.fontSans,(function(n){return function(n){switch(n){case"sm":return"6px 10px";case"lg":return"14px 18px";default:return"10px 14px"}}(n.size)}),(function(n){return"var(--amino-size-".concat(n.size,")")}),t.theme.space8,t.theme.space8),j=v.default(y)(u||(u=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active,\n    &:focus {\n      background: ",";\n      color: white;\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active,\n    &:focus {\n      background: ",";\n      color: white;\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return x(n.background)||t.theme.primary}),(function(n){return x(n.color)||t.theme.textLight}),t.theme.blue400,t.theme.blue700,_,t.theme.primary),w=v.default(y)(g||(g=n.__makeTemplateObject(["\n  color: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n      svg path {\n        fill: currentColor;\n      }\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n\n  /** Dark mode */\n  &.dark {\n    color: white;\n    background: ",";\n\n    &:not([disabled]) {\n      &:hover {\n        background: ",";\n      }\n      &:active,\n      &:focus {\n        background: ",";\n        color: ",";\n        svg path {\n          fill: currentColor;\n        }\n      }\n    }\n\n    "," {\n      background: ",";\n    }\n  }\n"],["\n  color: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n      svg path {\n        fill: currentColor;\n      }\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n\n  /** Dark mode */\n  &.dark {\n    color: white;\n    background: ",";\n\n    &:not([disabled]) {\n      &:hover {\n        background: ",";\n      }\n      &:active,\n      &:focus {\n        background: ",";\n        color: ",";\n        svg path {\n          fill: currentColor;\n        }\n      }\n    }\n\n    "," {\n      background: ",";\n    }\n  }\n"])),(function(n){return x(n.color)||t.theme.textColor}),(function(n){return x(n.background)||t.theme.gray100}),t.theme.gray200,t.theme.blue100,t.theme.blue600,_,t.theme.gray100,t.theme.gray1000,t.theme.gray900,t.theme.blue1000,t.theme.blue300,_,t.theme.gray1000),R=v.default(y)(h||(h=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return x(n.background)||t.theme.red600}),(function(n){return x(n.color)||"white"}),t.theme.red400,t.theme.red700,_,t.theme.red600),z=v.default(y)(b||(b=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return x(n.background)||t.theme.orange600}),(function(n){return x(n.color)||"white"}),t.theme.orange400,t.theme.orange700,_,t.theme.orange600),C=v.default(y)(p||(p=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n      border: 1px solid ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n      border: 1px solid ",";\n    }\n  }\n\n  "," {\n    background: white;\n  }\n"],["\n  background: ",";\n  color: ",";\n  border: 1px solid ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n      border: 1px solid ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n      border: 1px solid ",";\n    }\n  }\n\n  "," {\n    background: white;\n  }\n"])),(function(n){return x(n.background)||"white"}),(function(n){return x(n.color)||t.theme.textColor}),(function(n){return x(n.borderColor)||t.theme.gray200}),t.theme.gray100,t.theme.gray200,t.theme.blue100,t.theme.blue600,t.theme.blue300,_),T=v.default(y)(m||(m=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n"])),(function(n){return x(n.background)||"none"}),(function(n){return x(n.color)||t.theme.gray800}),t.theme.gray100,t.theme.blue100,t.theme.blue600),q=v.default(y)(f||(f=n.__makeTemplateObject(["\n  color: ",";\n  height: 20px;\n  line-height: 20px;\n\n  &[disabled] {\n    color: ",";\n    &:not(.loading) {\n      opacity: inherit;\n    }\n  }\n\n  &:not([disabled]) {\n    &:hover {\n      color: ",";\n    }\n    &:active {\n      color: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n"],["\n  color: ",";\n  height: 20px;\n  line-height: 20px;\n\n  &[disabled] {\n    color: ",";\n    &:not(.loading) {\n      opacity: inherit;\n    }\n  }\n\n  &:not([disabled]) {\n    &:hover {\n      color: ",";\n    }\n    &:active {\n      color: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n"])),(function(n){return x(n.color)||t.theme.gray800}),t.theme.gray400,t.theme.gray700,t.theme.black),O=y,G=v.default(y)(k||(k=n.__makeTemplateObject(["\n  color: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  "," {\n    background: white;\n  }\n"],["\n  color: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  "," {\n    background: white;\n  }\n"])),(function(n){return x(n.color)||t.theme.blue600}),(function(n){return x(n.background)||"white"}),t.theme.gray100,t.theme.blue100,t.theme.blue800,_);exports.Button=function(t){var a=t.children,l=t.className,d=t.disabled,s=void 0!==d&&d,u=t.icon,g=t.iconRight,h=t.intent,b=void 0===h?"secondary":h,p=t.loading,m=void 0!==p&&p,f=t.loadingText,k=t.noRipple,v=void 0!==k&&k,x=t.size,y=void 0===x?"sm":x,N=t.spinnerColor,S=t.tag,B=t.theme,D=t.type,E=void 0===D?"button":D,F=n.__rest(t,["children","className","disabled","icon","iconRight","intent","loading","loadingText","noRipple","size","spinnerColor","tag","theme","type"]),H=S||"button",L=function(n){return e.jsxs(e.Fragment,{children:[!g&&u,a,g&&u,"plain"!==b&&m&&e.jsxs(_,{children:[e.jsx(o.Spinner,{size:16,color:n}),f]})]})},M=[l||"",u&&!a?"only-icon":"",g?"icon-right":"",u?"has-icon":"",m?"loading":"",B].filter(Boolean).join(" "),A=r.useRef(null),I=c.useRipple({rippleRef:A,rippleEnabled:!v&&!["plain","text"].includes(b),disabled:s||m}),J=I.rippleEnabled,K=I.getRippleHandlers,P={className:M,disabled:s||m,size:y},Q=n.__assign(n.__assign(n.__assign({type:E},P),F),K(F));switch(b){case"primary":return e.jsxs(j,n.__assign({as:H},Q,{children:[L(N||"white"),J&&e.jsx(i.RippleGroup,{ref:A})]}));case"subtle":return e.jsxs(T,n.__assign({as:H},Q,{children:[L(N),J&&e.jsx(i.RippleGroup,{ref:A})]}));case"outline":return e.jsxs(C,n.__assign({as:H},Q,{children:[L(N),J&&e.jsx(i.RippleGroup,{ref:A})]}));case"warning":return e.jsxs(z,n.__assign({as:H},Q,{children:[L(N||"white"),J&&e.jsx(i.RippleGroup,{ref:A})]}));case"danger":return e.jsxs(R,n.__assign({as:H},Q,{children:[L(N||"white"),J&&e.jsx(i.RippleGroup,{ref:A})]}));case"text":return e.jsx(q,n.__assign({as:H},Q,{children:L(N)}));case"link":return e.jsxs(G,n.__assign({as:H},Q,{children:[L(N),J&&e.jsx(i.RippleGroup,{ref:A})]}));case"plain":return e.jsx(O,n.__assign({as:H},Q,{children:L(N)}));default:return e.jsxs(w,n.__assign({as:H},Q,{children:[L(N),J&&e.jsx(i.RippleGroup,{ref:A})]}))}};
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react"),o=require("../spinner/Spinner.js"),t=require("../../styles/constants/theme.js"),a=require("styled-components"),i=require("./RippleGroup.js"),c=require("./useRipple.js");function l(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var s,d,u,g,h,b,p,m,f,k,v=l(a),x=function(n){return"inherit"===n?"inherit":n?t.theme[n]:void 0},y=v.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"])),t.theme.radius4,t.theme.space8),_=v.default.button(d||(d=n.__makeTemplateObject(["\n  position: relative;\n  outline: none;\n  height: ",";\n  line-height: ",";\n  font-size: 14px;\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  font-weight: 500;\n  user-select: none;\n  font-family: ",";\n  letter-spacing: normal;\n  cursor: pointer;\n  white-space: nowrap;\n  padding: ",";\n\n  svg path:not([data-is-secondary-color]) {\n    fill: currentColor;\n  }\n\n  &.only-icon {\n    width: ",";\n    padding: 0;\n  }\n\n  &:active,\n  &:focus {\n    outline: none;\n    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:active {\n    transform: scale(0.99);\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg {\n        margin-left: ",";\n        margin-right: 0;\n      }\n    }\n    svg {\n      margin-right: ",";\n      margin-left: 0;\n    }\n  }\n\n  &[disabled] {\n    box-shadow: none;\n    &:not(.loading) {\n      opacity: 0.5;\n    }\n  }\n"],["\n  position: relative;\n  outline: none;\n  height: ",";\n  line-height: ",";\n  font-size: 14px;\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  font-weight: 500;\n  user-select: none;\n  font-family: ",";\n  letter-spacing: normal;\n  cursor: pointer;\n  white-space: nowrap;\n  padding: ",";\n\n  svg path:not([data-is-secondary-color]) {\n    fill: currentColor;\n  }\n\n  &.only-icon {\n    width: ",";\n    padding: 0;\n  }\n\n  &:active,\n  &:focus {\n    outline: none;\n    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:active {\n    transform: scale(0.99);\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg {\n        margin-left: ",";\n        margin-right: 0;\n      }\n    }\n    svg {\n      margin-right: ",";\n      margin-left: 0;\n    }\n  }\n\n  &[disabled] {\n    box-shadow: none;\n    &:not(.loading) {\n      opacity: 0.5;\n    }\n  }\n"])),(function(n){return"var(--amino-size-".concat(n.size,")")}),(function(n){return"var(--amino-size-".concat(n.size,")")}),t.theme.space16,t.theme.radius6,t.theme.transition,t.theme.fontSans,(function(n){return function(n){switch(n){case"sm":return"6px 10px";case"lg":return"14px 18px";default:return"10px 14px"}}(n.size)}),(function(n){return"var(--amino-size-".concat(n.size,")")}),t.theme.space8,t.theme.space8),j=v.default(_)(u||(u=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active,\n    &:focus {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active,\n    &:focus {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return x(n.background)||t.theme.primary}),(function(n){return x(n.color)||t.theme.gray0}),t.theme.blue400,t.theme.blue700,t.theme.gray0,y,t.theme.primary),w=v.default(_)(g||(g=n.__makeTemplateObject(["\n  color: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n      svg path {\n        fill: currentColor;\n      }\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n\n  /** Night mode */\n  &.night {\n    color: ",";\n    background: ",";\n\n    &:not([disabled]) {\n      &:hover {\n        background: ",";\n      }\n      &:active,\n      &:focus {\n        background: ",";\n        color: ",";\n        svg path {\n          fill: currentColor;\n        }\n      }\n    }\n\n    "," {\n      background: ",";\n    }\n  }\n"],["\n  color: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n      svg path {\n        fill: currentColor;\n      }\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n\n  /** Night mode */\n  &.night {\n    color: ",";\n    background: ",";\n\n    &:not([disabled]) {\n      &:hover {\n        background: ",";\n      }\n      &:active,\n      &:focus {\n        background: ",";\n        color: ",";\n        svg path {\n          fill: currentColor;\n        }\n      }\n    }\n\n    "," {\n      background: ",";\n    }\n  }\n"])),(function(n){return x(n.color)||t.theme.textColor}),(function(n){return x(n.background)||t.theme.gray100}),t.theme.gray200,t.theme.blue100,t.theme.blue600,y,t.theme.gray100,t.theme.gray0,t.theme.gray1000,t.theme.gray900,t.theme.blue1000,t.theme.blue300,y,t.theme.gray1000),R=v.default(_)(h||(h=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return x(n.background)||t.theme.red600}),(function(n){return x(n.color)||t.theme.gray0}),t.theme.red400,t.theme.red700,y,t.theme.red600),z=v.default(_)(b||(b=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return x(n.background)||t.theme.orange600}),(function(n){return x(n.color)||t.theme.gray0}),t.theme.orange400,t.theme.orange700,y,t.theme.orange600),C=v.default(_)(p||(p=n.__makeTemplateObject(["\n  color: ",";\n  border: 1px solid ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n      border: 1px solid ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n      border: 1px solid ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  border: 1px solid ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n      border: 1px solid ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n      border: 1px solid ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return x(n.color)||t.theme.textColor}),(function(n){return x(n.borderColor)||t.theme.gray200}),t.theme.gray100,t.theme.gray200,t.theme.blue100,t.theme.blue600,t.theme.blue300,y,t.theme.gray0),O=v.default(_)(m||(m=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n"])),(function(n){return x(n.background)||"none"}),(function(n){return x(n.color)||t.theme.gray800}),t.theme.gray100,t.theme.blue100,t.theme.blue600),T=v.default(_)(f||(f=n.__makeTemplateObject(["\n  color: ",";\n  height: 20px;\n  line-height: 20px;\n\n  &[disabled] {\n    color: ",";\n    &:not(.loading) {\n      opacity: inherit;\n    }\n  }\n\n  &:not([disabled]) {\n    &:hover {\n      color: ",";\n    }\n    &:active {\n      color: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n"],["\n  color: ",";\n  height: 20px;\n  line-height: 20px;\n\n  &[disabled] {\n    color: ",";\n    &:not(.loading) {\n      opacity: inherit;\n    }\n  }\n\n  &:not([disabled]) {\n    &:hover {\n      color: ",";\n    }\n    &:active {\n      color: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n"])),(function(n){return x(n.color)||t.theme.gray800}),t.theme.gray400,t.theme.gray700,t.theme.gray1200),q=_,G=v.default(_)(k||(k=n.__makeTemplateObject(["\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n      color: ",";\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return x(n.color)||t.theme.blue600}),t.theme.gray100,t.theme.blue100,t.theme.blue800,y,t.theme.gray0);exports.Button=function(t){var a=t.children,l=t.className,s=t.disabled,d=void 0!==s&&s,u=t.icon,g=t.iconRight,h=t.intent,b=void 0===h?"secondary":h,p=t.loading,m=void 0!==p&&p,f=t.loadingText,k=t.noRipple,v=void 0!==k&&k,x=t.size,_=void 0===x?"sm":x,N=t.spinnerColor,S=t.tag,B=t.themeOverride,E=t.type,F=void 0===E?"button":E,H=n.__rest(t,["children","className","disabled","icon","iconRight","intent","loading","loadingText","noRipple","size","spinnerColor","tag","themeOverride","type"]),M=S||"button",A=function(n){return e.jsxs(e.Fragment,{children:[!g&&u,a,g&&u,"plain"!==b&&m&&e.jsxs(y,{children:[e.jsx(o.Spinner,{size:16,color:n}),f]})]})},D=[l||"",u&&!a?"only-icon":"",g?"icon-right":"",u?"has-icon":"",m?"loading":"",B].filter(Boolean).join(" "),I=r.useRef(null),J=c.useRipple({rippleRef:I,rippleEnabled:!v&&!["plain","text"].includes(b),disabled:d||m}),K=J.rippleEnabled,L=J.getRippleHandlers,P={className:D,disabled:d||m,size:_},Q=n.__assign(n.__assign(n.__assign({type:F},P),H),L(H));switch(b){case"primary":return e.jsxs(j,n.__assign({as:M},Q,{children:[A(N||"white"),K&&e.jsx(i.RippleGroup,{ref:I})]}));case"subtle":return e.jsxs(O,n.__assign({as:M},Q,{children:[A(N),K&&e.jsx(i.RippleGroup,{ref:I})]}));case"outline":return e.jsxs(C,n.__assign({as:M},Q,{children:[A(N),K&&e.jsx(i.RippleGroup,{ref:I})]}));case"warning":return e.jsxs(z,n.__assign({as:M},Q,{children:[A(N||"white"),K&&e.jsx(i.RippleGroup,{ref:I})]}));case"danger":return e.jsxs(R,n.__assign({as:M},Q,{children:[A(N||"white"),K&&e.jsx(i.RippleGroup,{ref:I})]}));case"text":return e.jsx(T,n.__assign({as:M},Q,{children:A(N)}));case"link":return e.jsxs(G,n.__assign({as:M},Q,{children:[A(N),K&&e.jsx(i.RippleGroup,{ref:I})]}));case"plain":return e.jsx(q,n.__assign({as:M},Q,{children:A(N)}));default:return e.jsxs(w,n.__assign({as:M},Q,{children:[A(N),K&&e.jsx(i.RippleGroup,{ref:I})]}))}};

package/components/checkbox/Checkbox.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("framer-motion"),r=require("../text/Text.js"),o=require("../../icons/CheckmarkIcon.js"),a=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js"),c=require("styled-components");function l(n){return n&&n.__esModule?n:{default:n}}require("../../icons/icon-base/_IconBase.js");var d,h,u,m,p,x,g=l(c),b=i.motion(o.CheckmarkIcon),f=g.default.div(d||(d=n.__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  margin-right: 8px;\n\n  &:active {\n    box-shadow: ",";\n  }\n\n  svg {\n    color: white;\n    box-shadow: ",";\n    width: 14px;\n    height: 14px;\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  margin-right: 8px;\n\n  &:active {\n    box-shadow: ",";\n  }\n\n  svg {\n    color: white;\n    box-shadow: ",";\n    width: 14px;\n    height: 14px;\n  }\n"])),a.theme.radius4,(function(n){return n.checked?a.theme.primary:a.theme.inputBackground}),(function(n){return n.checked?"none":"1.5px solid ".concat(a.theme.gray400)}),a.theme.glowBlue,a.theme.v3ShadowBase),k=g.default(r.Text)(h||(h=n.__makeTemplateObject([""],[""]))),j=g.default.span(u||(u=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),a.theme.gray600),_=g.default(r.Text)(m||(m=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),y=g.default.div(p||(p=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"]))),w=g.default.label(x||(x=n.__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"])),f,(function(n){return n.checked?a.theme.blue200:""}),(function(n){return n.checked?"2px solid ".concat(a.theme.blue200):"1.5px solid ".concat(a.theme.gray300)}),_,a.theme.gray600,k,a.theme.gray400,y);exports.Checkbox=function(r){var o=r.checked,a=void 0!==o&&o,c=r.disabled,l=r.icon,d=r.label,h=r.labelComponent,u=r.labelDescription,m=r.onChange,p=r.subtitle,x=t.useMemo((function(){return s.getTestId({componentName:"checkbox",name:d})}),[d]);return e.jsxs(w,n.__assign({"data-testid":x,className:["amino-input-wrapper",c?"disabled":""].join(" "),checked:a,htmlFor:d,onClick:function(n){return!c&&m(!a,n)}},{children:[e.jsx(f,n.__assign({checked:a,id:d},{children:e.jsx(i.AnimatePresence,{children:a&&e.jsx(b,{transition:{ease:[.4,0,.2,1],duration:.35},initial:{opacity:0,scale:.5},animate:{opacity:1,scale:1},exit:{opacity:0,scale:1}},"checkbox")})})),h||e.jsxs("div",{children:[e.jsxs(y,{children:[l,e.jsxs(_,n.__assign({type:"input-label"},{children:[d,u&&e.jsx(j,{children:u})]}))]}),p&&e.jsx(k,n.__assign({type:"subtitle"},{children:p}))]})]}))};
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("framer-motion"),r=require("../text/Text.js"),a=require("../../icons/CheckmarkIcon.js"),o=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js"),c=require("styled-components");function l(n){return n&&n.__esModule?n:{default:n}}require("../../icons/icon-base/_IconBase.js");var d,h,u,m,p,x,g=l(c),b=i.motion(a.CheckmarkIcon),f=g.default.div(d||(d=n.__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  margin-right: 8px;\n\n  &:active {\n    box-shadow: ",";\n  }\n\n  svg {\n    color: ",";\n    box-shadow: ",";\n    width: 14px;\n    height: 14px;\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  margin-right: 8px;\n\n  &:active {\n    box-shadow: ",";\n  }\n\n  svg {\n    color: ",";\n    box-shadow: ",";\n    width: 14px;\n    height: 14px;\n  }\n"])),o.theme.radius4,(function(n){return n.checked?o.theme.primary:o.theme.inputBackground}),(function(n){return n.checked?"none":"1.5px solid ".concat(o.theme.gray400)}),o.theme.glowBlue,o.theme.gray0,o.theme.v3ShadowBase),k=g.default(r.Text)(h||(h=n.__makeTemplateObject([""],[""]))),j=g.default.span(u||(u=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),o.theme.gray600),y=g.default(r.Text)(m||(m=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),_=g.default.div(p||(p=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"]))),w=g.default.label(x||(x=n.__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"])),f,(function(n){return n.checked?o.theme.blue200:""}),(function(n){return n.checked?"2px solid ".concat(o.theme.blue200):"1.5px solid ".concat(o.theme.gray300)}),y,o.theme.gray600,k,o.theme.gray400,_);exports.Checkbox=function(r){var a=r.checked,o=void 0!==a&&a,c=r.disabled,l=r.icon,d=r.label,h=r.labelComponent,u=r.labelDescription,m=r.onChange,p=r.subtitle,x=t.useMemo((function(){return s.getTestId({componentName:"checkbox",name:d})}),[d]);return e.jsxs(w,n.__assign({"data-testid":x,className:["amino-input-wrapper",c?"disabled":""].join(" "),checked:o,htmlFor:d,onClick:function(n){return!c&&m(!o,n)}},{children:[e.jsx(f,n.__assign({checked:o,id:d},{children:e.jsx(i.AnimatePresence,{children:o&&e.jsx(b,{transition:{ease:[.4,0,.2,1],duration:.35},initial:{opacity:0,scale:.5},animate:{opacity:1,scale:1},exit:{opacity:0,scale:1}},"checkbox")})})),h||e.jsxs("div",{children:[e.jsxs(_,{children:[l,e.jsxs(y,n.__assign({type:"input-label"},{children:[d,u&&e.jsx(j,{children:u})]}))]}),p&&e.jsx(k,n.__assign({type:"subtitle"},{children:p}))]})]}))};

package/components/confirm-dialog/ConfirmContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),i=require("react"),n=require("./ConfirmDialog.js");require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");var t=i.createContext((function(e){}));exports.ConfirmContext=t,exports.ConfirmContextProvider=function(s){var o=s.children,u=e.__read(i.useState(),2),c=u[0],a=u[1],q=e.__read(i.useState(!1),2),l=q[0],j=q[1],d=i.useCallback((function(e){a(e),j(!0)}),[]);return r.jsxs(t.Provider,e.__assign({value:d},{children:[o,c&&r.jsx(n.ConfirmDialog,{open:l,label:c.label,subtitle:c.subtitle,intent:c.intent,dismissText:c.dismissText,confirmText:c.confirmText,dismissAction:function(){j(!1),c.onConfirm(!1)},confirmAction:function(){j(!1),c.onConfirm(!0)}})]}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),i=require("react"),n=require("./ConfirmDialog.js");require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("../backdrop/Backdrop.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");var t=i.createContext((function(e){}));exports.ConfirmContext=t,exports.ConfirmContextProvider=function(s){var o=s.children,u=e.__read(i.useState(),2),c=u[0],a=u[1],l=e.__read(i.useState(!1),2),q=l[0],j=l[1],d=i.useCallback((function(e){a(e),j(!0)}),[]);return r.jsxs(t.Provider,e.__assign({value:d},{children:[o,c&&r.jsx(n.ConfirmDialog,{open:q,label:c.label,subtitle:c.subtitle,intent:c.intent,dismissText:c.dismissText,confirmText:c.confirmText,dismissAction:function(){j(!1),c.onConfirm(!1)},confirmAction:function(){j(!1),c.onConfirm(!0)}})]}))};

package/components/confirm-dialog/ConfirmDialog.d.ts

@@ -1,10 +1,10 @@
 import type { ReactNode } from 'react';
-import type { IAminoTheme } from "../../types/IAminoTheme";
 import type { Intent } from "../../types/Intent";
+import type { Theme } from "../../types/Theme";
 export type ConfirmDialogProps = {
     open: boolean;
     label: string;
-    theme?: IAminoTheme;
+    themeOverride?: Theme;
     subtitle?: ReactNode;
     intent: Intent;
     confirmText?: string;
@@ -12,4 +12,4 @@ export type ConfirmDialogProps = {
     confirmAction: () => void;
     dismissAction: () => void;
 };
-export declare const ConfirmDialog: ({ theme: _theme, open, label, intent, subtitle, confirmText, dismissText, confirmAction, dismissAction, }: ConfirmDialogProps) => JSX.Element;
+export declare const ConfirmDialog: ({ themeOverride, open, label, intent, subtitle, confirmText, dismissText, confirmAction, dismissAction, }: ConfirmDialogProps) => JSX.Element;

package/components/confirm-dialog/ConfirmDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../button/Button.js"),i=require("../dialog/_BaseDialog.js"),r=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../icons/ExclamationMarkIcon.js"),o=require("../../icons/HelpIcon.js"),u=require("../../icons/WarningIcon.js"),l=require("../../styles/constants/theme.js"),d=require("styled-components");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,p,x,g=j(d),f=g.default.div(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"],["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"])),l.theme.space24),_=g.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"])),l.theme.space24,l.theme.space8),q=g.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),h=function(e){switch(e){case"danger":return n.jsx(c.ExclamationMarkIcon,{});case"warning":return n.jsx(u.WarningIcon,{});default:return n.jsx(o.HelpIcon,{})}};exports.ConfirmDialog=function(c){var o=c.theme,u=c.open,l=c.label,d=c.intent,j=c.subtitle,m=c.confirmText,p=c.dismissText,x=c.confirmAction,g=c.dismissAction;return n.jsx(i.BaseDialog,e.__assign({width:350,"data-theme":o,open:u},{children:n.jsx(f,{children:n.jsxs(s.VStack,e.__assign({spacing:16},{children:[n.jsx(r.RoundedIcon,e.__assign({intent:d},{children:h(d)})),n.jsxs("div",{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:l})),j&&n.jsx(q,{children:j})]}),n.jsxs(_,{children:[n.jsx(t.Button,e.__assign({size:"md",onClick:g,intent:"outline"},{children:p})),n.jsx(t.Button,e.__assign({size:"md",onClick:x,intent:d},{children:m}))]})]}))})}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../button/Button.js"),i=require("../dialog/_BaseDialog.js"),r=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../icons/ExclamationMarkIcon.js"),o=require("../../icons/HelpIcon.js"),u=require("../../icons/WarningIcon.js"),l=require("../../styles/constants/theme.js"),d=require("styled-components");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../backdrop/Backdrop.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var p,m,x,g=j(d),f=g.default.div(p||(p=e.__makeTemplateObject(["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"],["\n  padding: ",";\n\n  & > div {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n"])),l.theme.space24),_=g.default.div(m||(m=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ",";\n\n  & > button + button {\n    margin-left: ",";\n  }\n\n  button {\n    flex: 1;\n  }\n"])),l.theme.space24,l.theme.space8),q=g.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),h=function(e){switch(e){case"danger":return n.jsx(c.ExclamationMarkIcon,{});case"warning":return n.jsx(u.WarningIcon,{});default:return n.jsx(o.HelpIcon,{})}};exports.ConfirmDialog=function(c){var o=c.themeOverride,u=c.open,l=c.label,d=c.intent,j=c.subtitle,p=c.confirmText,m=c.dismissText,x=c.confirmAction,g=c.dismissAction;return n.jsx(i.BaseDialog,e.__assign({width:350,"data-theme":o,open:u},{children:n.jsx(f,{children:n.jsxs(s.VStack,e.__assign({spacing:16},{children:[n.jsx(r.RoundedIcon,e.__assign({intent:d},{children:h(d)})),n.jsxs("div",{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:l})),j&&n.jsx(q,{children:j})]}),n.jsxs(_,{children:[n.jsx(t.Button,e.__assign({size:"md",onClick:g,intent:"outline"},{children:m})),n.jsx(t.Button,e.__assign({size:"md",onClick:x,intent:d},{children:p}))]})]}))})}))};

package/components/confirm-dialog/useConfirm.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../_tslib-fe391a2e.js"),require("react/jsx-runtime"),require("./ConfirmDialog.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");exports.useConfirm=function(){return e.useContext(r.ConfirmContext)};
+"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../_tslib-fe391a2e.js"),require("react/jsx-runtime"),require("./ConfirmDialog.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("../backdrop/Backdrop.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");exports.useConfirm=function(){return e.useContext(r.ConfirmContext)};

package/components/cover-sheet/CoverSheet.d.ts

@@ -9,4 +9,4 @@ export type CoverSheetProps = {
     actionWrapperId?: string;
     actions?: ReactNode;
 };
-export declare const CoverSheet: ({ className, open, label, onClose, children, actionWrapperId, actions, }: CoverSheetProps) => import("react").ReactPortal | null;
+export declare const CoverSheet: ({ className, open, label, onClose, children, actionWrapperId, actions, }: CoverSheetProps) => JSX.Element | null;

package/components/cover-sheet/CoverSheet.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("react-dom"),r=require("framer-motion"),o=require("../text/Text.js"),a=require("../../icons/RemoveIcon.js"),s=require("../../styles/constants/theme.js"),c=require("styled-components"),d=require("../button/Button.js"),u=require("./CoverSheetActions.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../stack/HStack.js"),require("../stack/Stack.js");var p,h,m,g,b,x=l(c),f=x.default(r.motion.div)(p||(p=e.__makeTemplateObject(["\n  z-index: 990;\n  outline: none;\n  overflow-y: auto;\n  box-sizing: border-box;\n  overscroll-behavior: contain;\n  background: ",";\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n\n  @media print {\n    height: unset;\n    min-height: 100vh;\n    position: absolute;\n  }\n"],["\n  z-index: 990;\n  outline: none;\n  overflow-y: auto;\n  box-sizing: border-box;\n  overscroll-behavior: contain;\n  background: ",";\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n\n  @media print {\n    height: unset;\n    min-height: 100vh;\n    position: absolute;\n  }\n"])),s.theme.pageBackground),j=x.default(d.Button)(h||(h=e.__makeTemplateObject(["\n  margin-right: ",";\n"],["\n  margin-right: ",";\n"])),s.theme.space24),v=x.default(o.Text)(m||(m=e.__makeTemplateObject(["\n  flex-grow: 1;\n"],["\n  flex-grow: 1;\n"]))),_=x.default.header(g||(g=e.__makeTemplateObject(["\n  background: ",";\n  border-bottom: ",";\n\n  padding: "," ",";\n  display: flex;\n  align-items: center;\n  height: 64px;\n  position: sticky;\n  top: 0;\n  z-index: 99;\n\n  @media print {\n    display: none;\n  }\n"],["\n  background: ",";\n  border-bottom: ",";\n\n  padding: "," ",";\n  display: flex;\n  align-items: center;\n  height: 64px;\n  position: sticky;\n  top: 0;\n  z-index: 99;\n\n  @media print {\n    display: none;\n  }\n"])),s.theme.surfaceColor,s.theme.border,s.theme.space16,s.theme.space24),q=x.default.div(b||(b=e.__makeTemplateObject(["\n  padding: ",";\n"],["\n  padding: ",";\n"])),s.theme.space24);exports.CoverSheet=function(o){var s=o.className,c=o.open,d=o.label,l=o.onClose,p=o.children,h=o.actionWrapperId,m=void 0===h?"__cover-sheet-actions":h,g=o.actions;if(t.useEffect((function(){"undefined"!=typeof document&&document.querySelectorAll("[id='".concat(m,"']")).length>1&&console.error('Duplicate id "'.concat(m,'" detected in "CoverSheet" component. Please set "actionWrapperId" to an unique id.'))}),[m]),"undefined"!=typeof document){var b=document.querySelector("body");if(b)return i.createPortal(n.jsx(r.AnimatePresence,{children:c&&n.jsxs(f,e.__assign({className:s,transition:{ease:[.4,0,.2,1],duration:.35},initial:{opacity:0,translateY:10},animate:{opacity:1,translateY:0},exit:{opacity:0,translateY:5}},{children:[n.jsxs(_,{children:[n.jsx(j,{icon:n.jsx(a.RemoveIcon,{size:20}),onClick:l}),n.jsx(v,e.__assign({type:"header"},{children:d})),n.jsx("div",e.__assign({id:m},{children:g&&n.jsx(u.CoverSheetActions,e.__assign({coverSheetActionId:m},{children:g}))}))]}),n.jsx(q,{children:p})]}))}),b)}return null};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("framer-motion"),o=require("../text/Text.js"),r=require("../../icons/RemoveIcon.js"),a=require("../../styles/constants/theme.js"),s=require("styled-components"),c=require("../button/Button.js"),d=require("./CoverSheetActions.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("react-dom"),require("../stack/HStack.js"),require("../stack/Stack.js");var l,p,h,m,g,b=u(s),x=b.default(i.motion.div)(l||(l=e.__makeTemplateObject(["\n  z-index: 990;\n  outline: none;\n  overflow-y: auto;\n  box-sizing: border-box;\n  overscroll-behavior: contain;\n  background: ",";\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n\n  @media print {\n    height: unset;\n    min-height: 100vh;\n    position: absolute;\n  }\n"],["\n  z-index: 990;\n  outline: none;\n  overflow-y: auto;\n  box-sizing: border-box;\n  overscroll-behavior: contain;\n  background: ",";\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n\n  @media print {\n    height: unset;\n    min-height: 100vh;\n    position: absolute;\n  }\n"])),a.theme.pageBackground),f=b.default(c.Button)(p||(p=e.__makeTemplateObject(["\n  margin-right: ",";\n"],["\n  margin-right: ",";\n"])),a.theme.space24),j=b.default(o.Text)(h||(h=e.__makeTemplateObject(["\n  flex-grow: 1;\n"],["\n  flex-grow: 1;\n"]))),v=b.default.header(m||(m=e.__makeTemplateObject(["\n  background: ",";\n  border-bottom: ",";\n\n  padding: "," ",";\n  display: flex;\n  align-items: center;\n  height: 64px;\n  position: sticky;\n  top: 0;\n  z-index: 99;\n\n  @media print {\n    display: none;\n  }\n"],["\n  background: ",";\n  border-bottom: ",";\n\n  padding: "," ",";\n  display: flex;\n  align-items: center;\n  height: 64px;\n  position: sticky;\n  top: 0;\n  z-index: 99;\n\n  @media print {\n    display: none;\n  }\n"])),a.theme.surfaceColor,a.theme.border,a.theme.space16,a.theme.space24),_=b.default.div(g||(g=e.__makeTemplateObject(["\n  padding: ",";\n"],["\n  padding: ",";\n"])),a.theme.space24);exports.CoverSheet=function(o){var a=o.className,s=o.open,c=o.label,u=o.onClose,l=o.children,p=o.actionWrapperId,h=void 0===p?"__cover-sheet-actions":p,m=o.actions,g=e.__read(t.useState(!1),2),b=g[0],q=g[1];return t.useEffect((function(){q(!0)}),[]),t.useEffect((function(){"undefined"!=typeof document&&document.querySelectorAll("[id='".concat(h,"']")).length>1&&console.error('Duplicate id "'.concat(h,'" detected in "CoverSheet" component. Please set "actionWrapperId" to a unique id.'))}),[h]),b?n.jsx(i.AnimatePresence,{children:s&&n.jsxs(x,e.__assign({className:a,transition:{ease:[.4,0,.2,1],duration:.35},initial:{opacity:0,translateY:10},animate:{opacity:1,translateY:0},exit:{opacity:0,translateY:5}},{children:[n.jsxs(v,{children:[n.jsx(f,{icon:n.jsx(r.RemoveIcon,{size:20}),onClick:u}),n.jsx(j,e.__assign({type:"header"},{children:c})),n.jsx("div",e.__assign({id:h},{children:m&&n.jsx(d.CoverSheetActions,e.__assign({coverSheetActionId:h},{children:m}))}))]}),n.jsx(_,{children:l})]}))}):null};

package/components/currency/Currency.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../../styles/constants/theme.js"),r=require("styled-components"),s=require("../text/Text.js");function a(e){return e&&e.__esModule?e:{default:e}}var i,l=a(r).default.span(i||(i=e.__makeTemplateObject(["\n  font-feature-settings: 'tnum' 1;\n  /** Make it not break line */\n  white-space: nowrap;\n  display: flex;\n  gap: ",";\n"],["\n  font-feature-settings: 'tnum' 1;\n  /** Make it not break line */\n  white-space: nowrap;\n  display: flex;\n  gap: ",";\n"])),t.theme.space4);exports.Currency=function(t){var r=t.amount,a=t.className,i=t.code,c=new Intl.NumberFormat("en-US",{style:"currency",currency:i}).format(r).replace(/[^0-9.-]+/g,""),u=r<0;return n.jsxs(l,e.__assign({className:a},{children:[n.jsx(s.Text,e.__assign({type:"label",color:u?"red600":"gray1300"},{children:c})),n.jsx(s.Text,e.__assign({color:u?"red400":"gray700"},{children:i.toUpperCase()}))]}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../../styles/constants/theme.js"),r=require("styled-components"),s=require("../text/Text.js");function a(e){return e&&e.__esModule?e:{default:e}}var i,l=a(r).default.span(i||(i=e.__makeTemplateObject(["\n  font-feature-settings: 'tnum' 1;\n  /** Make it not break line */\n  white-space: nowrap;\n  display: flex;\n  gap: ",";\n"],["\n  font-feature-settings: 'tnum' 1;\n  /** Make it not break line */\n  white-space: nowrap;\n  display: flex;\n  gap: ",";\n"])),t.theme.space4);exports.Currency=function(t){var r=t.amount,a=t.className,i=t.code,c=new Intl.NumberFormat("en-US",{style:"currency",currency:i}).format(r).replace(/[^0-9.-]+/g,""),u=r<0;return n.jsxs(l,e.__assign({className:a},{children:[n.jsx(s.Text,e.__assign({type:"label",color:u?"red600":"gray1200"},{children:c})),n.jsx(s.Text,e.__assign({color:u?"red400":"gray700"},{children:i.toUpperCase()}))]}))};

package/components/dialog/Dialog.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { IAminoTheme } from "../../types/IAminoTheme";
+import type { Theme } from "../../types/Theme";
 export type DialogProps = {
     actions?: ReactNode;
     className?: string;
@@ -9,7 +9,7 @@ export type DialogProps = {
     leftActions?: ReactNode;
     onClose: () => void;
     open: boolean;
-    theme?: IAminoTheme;
+    themeOverride?: Theme;
     width?: number;
     /** Close when clicking outside dialog (on the backdrop)
      * @default true

package/components/dialog/Dialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("../text/Text.js"),r=require("../../icons/RemoveCircleDuotoneIcon.js"),i=require("../../styles/constants/theme.js"),o=require("styled-components"),s=require("../button/Button.js"),l=require("./_BaseDialog.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("react-dom"),require("../backdrop/Backdrop.js");var d=c(o),h=d.default.div(k||(k=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"])),i.theme.space24,i.theme.space16,i.theme.radius12,i.theme.radius12,i.theme.space12),m=d.default.div(v||(v=e.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n    font-weight: 700;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n    font-weight: 700;\n  }\n"]))),p=d.default(s.Button)(w||(w=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"])),i.theme.gray200,i.theme.gray800,i.theme.gray300,i.theme.gray400),g=d.default.div(x||(x=e.__makeTemplateObject(["\n  flex-grow: 1;\n  display: flex;\n"],["\n  flex-grow: 1;\n  display: flex;\n"]))),u=d.default(g)(y||(y=e.__makeTemplateObject(["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"])),i.theme.space8),f=d.default(g)(j||(j=e.__makeTemplateObject(["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"])),i.theme.space8),b=d.default.div(_||(_=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"])),i.theme.space24,i.theme.radius12,i.theme.radius12,i.theme.space8);o.css(T||(T=e.__makeTemplateObject(["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position: 0 0, 100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"],["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position: 0 0, 100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"])));var k,v,w,x,y,j,_,T,q,O=d.default.div(q||(q=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"])),i.theme.space8,i.theme.space24),z=t.forwardRef((function(t,i){var o=t.actions,s=t.children,c=t.className,d=t.label,g=t.subtitle,k=t.leftActions,v=t.onClose,w=t.open,x=t.theme,y=t.width,j=t.closeOnBlur,_=t.closeOnEsc,T=t.noBorder;return n.jsxs(l.BaseDialog,e.__assign({className:c,"data-theme":x,open:w,width:y,onClose:v,closeOnBlur:j,closeOnEsc:_,noBorder:T},{children:[n.jsxs(h,{children:[n.jsxs(m,{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:d})),n.jsx(p,{noRipple:!0,onClick:v,icon:n.jsx(r.RemoveCircleDuotoneIcon,{size:24})})]}),g&&n.jsx(a.Text,e.__assign({type:"subtitle"},{children:g}))]}),n.jsx(O,e.__assign({ref:i},{children:s})),(o||k)&&n.jsxs(b,{children:[k&&n.jsx(u,{children:k}),o&&n.jsx(f,{children:o})]})]}))}));exports.Dialog=z;
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("../text/Text.js"),r=require("../../icons/RemoveCircleDuotoneIcon.js"),i=require("../../styles/constants/theme.js"),o=require("styled-components"),s=require("../button/Button.js"),l=require("./_BaseDialog.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../backdrop/Backdrop.js");var d=c(o),h=d.default.div(k||(k=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"])),i.theme.space24,i.theme.space16,i.theme.radius12,i.theme.radius12,i.theme.space12),m=d.default.div(v||(v=e.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n    font-weight: 700;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n    font-weight: 700;\n  }\n"]))),p=d.default(s.Button)(w||(w=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"])),i.theme.gray200,i.theme.gray800,i.theme.gray300,i.theme.gray400),g=d.default.div(x||(x=e.__makeTemplateObject(["\n  flex-grow: 1;\n  display: flex;\n"],["\n  flex-grow: 1;\n  display: flex;\n"]))),u=d.default(g)(y||(y=e.__makeTemplateObject(["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"])),i.theme.space8),f=d.default(g)(j||(j=e.__makeTemplateObject(["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"])),i.theme.space8),b=d.default.div(_||(_=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"])),i.theme.space24,i.theme.radius12,i.theme.radius12,i.theme.space8);o.css(T||(T=e.__makeTemplateObject(["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position: 0 0, 100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"],["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position: 0 0, 100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"])));var k,v,w,x,y,j,_,T,q,O=d.default.div(q||(q=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"])),i.theme.space8,i.theme.space24),z=t.forwardRef((function(t,i){var o=t.actions,s=t.children,c=t.className,d=t.label,g=t.subtitle,k=t.leftActions,v=t.onClose,w=t.open,x=t.themeOverride,y=t.width,j=t.closeOnBlur,_=t.closeOnEsc,T=t.noBorder;return n.jsxs(l.BaseDialog,e.__assign({className:c,"data-theme":x,open:w,width:y,onClose:v,closeOnBlur:j,closeOnEsc:_,noBorder:T},{children:[n.jsxs(h,{children:[n.jsxs(m,{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:d})),n.jsx(p,{noRipple:!0,onClick:v,icon:n.jsx(r.RemoveCircleDuotoneIcon,{size:24})})]}),g&&n.jsx(a.Text,e.__assign({type:"subtitle"},{children:g}))]}),n.jsx(O,e.__assign({ref:i},{children:s})),(o||k)&&n.jsxs(b,{children:[k&&n.jsx(u,{children:k}),o&&n.jsx(f,{children:o})]})]}))}));exports.Dialog=z;

package/components/dialog/_BaseDialog.d.ts

@@ -1,14 +1,14 @@
 import { type ReactNode } from 'react';
-import type { IAminoTheme } from "../../types/IAminoTheme";
+import type { Theme } from "../../types/Theme";
 export type BaseDialogProps = {
     children: ReactNode;
     className?: string;
     open: boolean;
-    theme?: IAminoTheme;
+    themeOverride?: Theme;
     width?: number;
     onClose?: () => void;
     closeOnBlur?: boolean;
     closeOnEsc?: boolean;
     noBorder?: boolean;
 };
-export declare const BaseDialog: ({ children, className, open, theme: _theme, width, onClose, closeOnBlur, closeOnEsc, noBorder, }: BaseDialogProps) => import("react").ReactPortal | null;
+export declare const BaseDialog: ({ children, className, open, themeOverride, width, onClose, closeOnBlur, closeOnEsc, noBorder, }: BaseDialogProps) => JSX.Element | null;

package/components/dialog/_BaseDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("react-dom"),o=require("framer-motion"),r=require("../backdrop/Backdrop.js"),a=require("../../styles/constants/theme.js"),d=require("styled-components");function c(e){return e&&e.__esModule?e:{default:e}}var l,s,u=c(i),h=c(d),f=h.default.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=h.default(o.motion.div)(s||(s=e.__makeTemplateObject(["\n  position: relative;\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  position: relative;\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.noBorder&&a.theme.border}));exports.BaseDialog=function(i){var a=i.children,d=i.className,c=i.open,l=i.theme,s=i.width,h=i.onClose,p=i.closeOnBlur,x=void 0===p||p,v=i.closeOnEsc,y=void 0===v||v,b=i.noBorder,w=void 0!==b&&b,g=t.useRef(null);return t.useEffect((function(){var e,n;(null===(e=g.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(n=g.current)||void 0===n||n.focus()}),[c]),"undefined"!=typeof document?u.default.createPortal(n.jsxs(o.AnimatePresence,{children:[c&&n.jsx(r.Backdrop,{initial:{opacity:0},animate:{opacity:.65},exit:{opacity:0},transition:{duration:.3},"data-theme":l},"dialog-backdrop"),c&&n.jsx(f,e.__assign({"data-theme":l,onClick:function(){return h&&x&&h()},onKeyDown:function(e){h&&y&&"Escape"===e.key&&h()},tabIndex:-1,ref:g},{children:n.jsx(m,e.__assign({className:d,transition:{ease:[.4,0,.2,1],duration:.3},initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},width:s||444,noBorder:w,onClick:function(e){e.stopPropagation()}},{children:a}),"dialog")}))]}),document.querySelector("body")):null};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),i=require("react"),t=require("framer-motion"),o=require("../backdrop/Backdrop.js"),r=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var d,s,c=a(require("styled-components")),l=c.default.div(d||(d=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"])),r.theme.textColor),u=c.default(t.motion.div)(s||(s=e.__makeTemplateObject(["\n  position: fixed;\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  position: fixed;\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"])),r.theme.surfaceColor,(function(e){return e.width}),r.theme.radius12,r.theme.v3ShadowXxl,(function(e){return!e.noBorder&&r.theme.border}));exports.BaseDialog=function(r){var a=r.children,d=r.className,s=r.open,c=r.themeOverride,h=r.width,f=r.onClose,x=r.closeOnBlur,p=void 0===x||x,m=r.closeOnEsc,v=void 0===m||m,y=r.noBorder,b=void 0!==y&&y,w=e.__read(i.useState(!1),2),g=w[0],_=w[1];i.useEffect((function(){_(!0)}),[]);return g?n.jsxs(t.AnimatePresence,{children:[s&&n.jsx(o.Backdrop,{initial:{opacity:0},animate:{opacity:.65},exit:{opacity:0},transition:{duration:.3},"data-theme":c},"dialog-backdrop"),s&&n.jsx(l,e.__assign({"data-theme":c,onClick:function(){return f&&p&&f()},onKeyDown:function(e){f&&v&&"Escape"===e.key&&f()},tabIndex:-1},{children:n.jsx(u,e.__assign({className:d,transition:{ease:[.4,0,.2,1],duration:.3},initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},width:h||444,noBorder:b,onClick:function(e){e.stopPropagation()}},{children:a}),"dialog")}))]}):null};

package/components/drop-zone/DropZone.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),i=require("react-dropzone"),r=require("../../icons/FileDuotoneIcon.js"),t=require("../../icons/FileUploadDuotoneIcon.js"),o=require("../../icons/RemoveCircleDuotoneIcon.js"),a=require("../../styles/constants/theme.js"),l=require("styled-components"),s=require("../button/Button.js"),c=require("../spinner/Spinner.js"),d=require("../text/Text.js"),u=require("../thumbnail/Thumbnail.js");function p(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js");var m,x,f,g,h,j,_,b,y,v=p(l),T=v.default.div(m||(m=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"])),a.theme.space16,(function(e){return e.disabled?.5:1}),(function(e){return e.disabled?"not-allowed":"auto"})),q=v.default.div(x||(x=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?a.theme.danger:a.theme.borderColor}),a.theme.radius12),k=v.default.div(f||(f=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"],["\n  padding: ",";\n  outline: none;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"])),a.theme.space16,a.theme.space12),O=v.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"])),a.theme.space4),D=v.default.button(h||(h=e.__makeTemplateObject(["\n  display: inline;\n"],["\n  display: inline;\n"]))),I=v.default(s.Button)(j||(j=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"])),a.theme.gray200,a.theme.gray800,a.theme.gray300,a.theme.gray400),F=v.default.div(_||(_=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),a.theme.space4),z=v.default.div(b||(b=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"])),a.theme.border,a.theme.space12,a.theme.space16,a.theme.space12),R=v.default.div(y||(y=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"])));exports.DropZone=function(a){var l=a.className,s=a.dropzoneOptions,p=a.disabled,m=void 0!==p&&p,x=a.instructionText,f=void 0===x?"Drop your file(s) here":x,g=a.helpText,h=a.noIcon,j=void 0!==h&&h,_=a.uploadedFiles,b=a.onRemoveFile,y=a.error,v=void 0!==y&&y,C=a.loading,w=a.loadingText,B=void 0===w?"Uploading file(s)...":w,U=s.maxFiles||0,N=i.useDropzone(e.__assign(e.__assign({},s),{disabled:m,noClick:!0,noKeyboard:!0})),P=N.getRootProps,S=N.getInputProps,G=N.open,K=0!==U&&_.length>=U;return n.jsx(T,e.__assign({disabled:m,className:l},{children:C?n.jsx(q,{children:n.jsxs(k,{children:[n.jsx(c.Spinner,{}),n.jsx(d.Text,e.__assign({type:"label",color:"gray800"},{children:B}))]})}):n.jsxs(n.Fragment,{children:[!K&&n.jsx(q,e.__assign({error:v},{children:n.jsxs(k,e.__assign({},P(),{role:void 0},{children:[n.jsx("input",e.__assign({},S())),!j&&n.jsx(u.Thumbnail,{size:40,icon:n.jsx(t.FileUploadDuotoneIcon,{})}),n.jsxs(O,{children:[n.jsxs(d.Text,e.__assign({type:"label"},{children:[f," or"," ",n.jsx(D,e.__assign({type:"button",onClick:G,disabled:m},{children:n.jsx(d.Text,e.__assign({type:"label",color:"blue600"},{children:"browse"}))}))]})),g&&n.jsx(d.Text,e.__assign({type:"caption"},{children:g}))]})]}))})),!!_.length&&n.jsx(F,{children:_.map((function(i,t){return n.jsxs(z,{children:[n.jsx(r.FileDuotoneIcon,{}),n.jsxs(R,{children:[n.jsx(d.Text,e.__assign({type:"label",color:"gray1300"},{children:i.name})),i.size&&n.jsx(d.Text,e.__assign({type:"caption",color:"gray700"},{children:i.size}))]}),b&&n.jsx(I,e.__assign({onClick:function(){return b(t)}},{children:n.jsx(o.RemoveCircleDuotoneIcon,{size:20})}))]},i.name)}))})]})}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),i=require("react-dropzone"),r=require("../../icons/FileDuotoneIcon.js"),t=require("../../icons/FileUploadDuotoneIcon.js"),o=require("../../icons/RemoveCircleDuotoneIcon.js"),a=require("../../styles/constants/theme.js"),l=require("styled-components"),s=require("../button/Button.js"),c=require("../spinner/Spinner.js"),d=require("../text/Text.js"),u=require("../thumbnail/Thumbnail.js");function p(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js");var m,x,f,g,h,j,_,b,y,v=p(l),T=v.default.div(m||(m=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"])),a.theme.space16,(function(e){return e.disabled?.5:1}),(function(e){return e.disabled?"not-allowed":"auto"})),q=v.default.div(x||(x=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?a.theme.danger:a.theme.borderColor}),a.theme.radius12),k=v.default.div(f||(f=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"],["\n  padding: ",";\n  outline: none;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ",";\n"])),a.theme.space16,a.theme.space12),O=v.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"])),a.theme.space4),D=v.default.button(h||(h=e.__makeTemplateObject(["\n  display: inline;\n"],["\n  display: inline;\n"]))),I=v.default(s.Button)(j||(j=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"])),a.theme.gray200,a.theme.gray800,a.theme.gray300,a.theme.gray400),F=v.default.div(_||(_=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),a.theme.space4),z=v.default.div(b||(b=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"])),a.theme.border,a.theme.space12,a.theme.space16,a.theme.space12),R=v.default.div(y||(y=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"])));exports.DropZone=function(a){var l=a.className,s=a.dropzoneOptions,p=a.disabled,m=void 0!==p&&p,x=a.instructionText,f=void 0===x?"Drop your file(s) here":x,g=a.helpText,h=a.noIcon,j=void 0!==h&&h,_=a.uploadedFiles,b=a.onRemoveFile,y=a.error,v=void 0!==y&&y,C=a.loading,w=a.loadingText,B=void 0===w?"Uploading file(s)...":w,U=s.maxFiles||0,N=i.useDropzone(e.__assign(e.__assign({},s),{disabled:m,noClick:!0,noKeyboard:!0})),P=N.getRootProps,S=N.getInputProps,G=N.open,K=0!==U&&_.length>=U;return n.jsx(T,e.__assign({disabled:m,className:l},{children:C?n.jsx(q,{children:n.jsxs(k,{children:[n.jsx(c.Spinner,{}),n.jsx(d.Text,e.__assign({type:"label",color:"gray800"},{children:B}))]})}):n.jsxs(n.Fragment,{children:[!K&&n.jsx(q,e.__assign({error:v},{children:n.jsxs(k,e.__assign({},P(),{role:void 0},{children:[n.jsx("input",e.__assign({},S())),!j&&n.jsx(u.Thumbnail,{size:40,icon:n.jsx(t.FileUploadDuotoneIcon,{})}),n.jsxs(O,{children:[n.jsxs(d.Text,e.__assign({type:"label"},{children:[f," or"," ",n.jsx(D,e.__assign({type:"button",onClick:G,disabled:m},{children:n.jsx(d.Text,e.__assign({type:"label",color:"blue600"},{children:"browse"}))}))]})),g&&n.jsx(d.Text,e.__assign({type:"caption"},{children:g}))]})]}))})),!!_.length&&n.jsx(F,{children:_.map((function(i,t){return n.jsxs(z,{children:[n.jsx(r.FileDuotoneIcon,{}),n.jsxs(R,{children:[n.jsx(d.Text,e.__assign({type:"label",color:"gray1200"},{children:i.name})),i.size&&n.jsx(d.Text,e.__assign({type:"caption",color:"gray700"},{children:i.size}))]}),b&&n.jsx(I,e.__assign({onClick:function(){return b(t)}},{children:n.jsx(o.RemoveCircleDuotoneIcon,{size:20})}))]},i.name)}))})]})}))};

package/components/file-upload/FileUpload.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("react-dropzone"),r=require("../text/Text.js"),o=require("../../icons/RemoveCircleDuotoneIcon.js"),i=require("../../styles/constants/theme.js"),a=require("styled-components"),s=require("../button/Button.js");function l(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js");var c,d,u,p,f,g=l(a),m=g.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"])),i.theme.space8,i.theme.space12,i.theme.radius10,i.theme.border,(function(n){return n.error?i.theme.danger:i.theme.borderColor}),(function(n){return n.disabled?.5:1}),(function(n){return n.disabled?"not-allowed":"auto"})),x=g.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=g.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"])),i.theme.space12),y=g.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"])),i.theme.space4),_=g.default(s.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"])),i.theme.gray200,i.theme.gray800,i.theme.gray300,i.theme.gray400);exports.FileUpload=function(i){var a=i.className,l=i.dropzoneOptions,c=i.disabled,d=void 0!==c&&c,u=i.error,p=void 0!==u&&u,f=i.onRemoveFile,g=i.uploadedFile,j=i.instructionText,b=void 0===j?"or drag your file here":j,v=i.loading,q=i.loadingText,T=void 0===q?"Uploading...":q,k=t.useDropzone(n.__assign(n.__assign({},l),{disabled:d,noClick:!0,noKeyboard:!0,multiple:!1})),C=k.getRootProps,R=k.getInputProps,O=k.open,z=function(){return v?e.jsx(r.Text,{children:T}):g?function(){if(g){var t=g.name,o=g.size;return e.jsxs(y,{children:[e.jsx(r.Text,n.__assign({type:"label",color:"gray1300"},{children:t})),o&&e.jsx(r.Text,n.__assign({type:"caption",color:"gray700"},{children:o}))]})}return null}():e.jsx(r.Text,n.__assign({color:"gray600"},{children:b}))};return e.jsxs(m,n.__assign({disabled:d,error:p,className:a},{children:[e.jsxs(x,n.__assign({},C(),{children:[e.jsx("input",n.__assign({},R())),e.jsxs(h,{children:[e.jsx(s.Button,n.__assign({onClick:O,loading:v,spinnerColor:"black"},{children:"Browse"})),z()]})]})),f&&g&&e.jsx(_,n.__assign({onClick:function(){return f()}},{children:e.jsx(o.RemoveCircleDuotoneIcon,{size:20})}))]}))};
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("react-dropzone"),r=require("../text/Text.js"),o=require("../../icons/RemoveCircleDuotoneIcon.js"),i=require("../../styles/constants/theme.js"),a=require("styled-components"),s=require("../button/Button.js");function l(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js");var c,d,u,p,f,g=l(a),m=g.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"])),i.theme.space8,i.theme.space12,i.theme.radius10,i.theme.border,(function(n){return n.error?i.theme.danger:i.theme.borderColor}),(function(n){return n.disabled?.5:1}),(function(n){return n.disabled?"not-allowed":"auto"})),x=g.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=g.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"])),i.theme.space12),y=g.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"])),i.theme.space4),_=g.default(s.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"])),i.theme.gray200,i.theme.gray800,i.theme.gray300,i.theme.gray400);exports.FileUpload=function(i){var a=i.className,l=i.dropzoneOptions,c=i.disabled,d=void 0!==c&&c,u=i.error,p=void 0!==u&&u,f=i.onRemoveFile,g=i.uploadedFile,j=i.instructionText,b=void 0===j?"or drag your file here":j,v=i.loading,q=i.loadingText,T=void 0===q?"Uploading...":q,k=t.useDropzone(n.__assign(n.__assign({},l),{disabled:d,noClick:!0,noKeyboard:!0,multiple:!1})),C=k.getRootProps,R=k.getInputProps,O=k.open,z=function(){return v?e.jsx(r.Text,{children:T}):g?function(){if(g){var t=g.name,o=g.size;return e.jsxs(y,{children:[e.jsx(r.Text,n.__assign({type:"label",color:"gray1200"},{children:t})),o&&e.jsx(r.Text,n.__assign({type:"caption",color:"gray700"},{children:o}))]})}return null}():e.jsx(r.Text,n.__assign({color:"gray600"},{children:b}))};return e.jsxs(m,n.__assign({disabled:d,error:p,className:a},{children:[e.jsxs(x,n.__assign({},C(),{children:[e.jsx("input",n.__assign({},R())),e.jsxs(h,{children:[e.jsx(s.Button,n.__assign({onClick:O,loading:v,spinnerColor:"black"},{children:"Browse"})),z()]})]})),f&&g&&e.jsx(_,n.__assign({onClick:function(){return f()}},{children:e.jsx(o.RemoveCircleDuotoneIcon,{size:20})}))]}))};