@zonos/amino 4.4.12 → 4.4.15

package/components/alert-dialog/AlertContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),s=require("react"),i=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("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.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=s.createContext((function(e){}));exports.AlertContext=t,exports.AlertContextProvider=function(u){var o=u.children,n=e.__read(s.useState(),2),a=n[0],c=n[1],l=e.__read(s.useState(!1),2),q=l[0],j=l[1],d=s.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(t.Provider,e.__assign({value:d},{children:[o,a&&r.jsx(i.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"),s=require("react"),i=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("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.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=s.createContext((function(e){}));exports.AlertContext=t,exports.AlertContextProvider=function(u){var o=u.children,n=e.__read(s.useState(),2),a=n[0],c=n[1],l=e.__read(s.useState(!1),2),q=l[0],j=l[1],d=s.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(t.Provider,e.__assign({value:d},{children:[o,a&&r.jsx(i.AlertDialog,{dismissAction:function(){j(!1),a.onDismiss()},dismissText:a.dismissText,intent:a.intent,label:a.label,open:q,subtitle:a.subtitle})]}))};

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

@@ -2,12 +2,12 @@ import type { ReactNode } from 'react';
 import { type Intent } from "../../types/Intent";
 import { type Theme } from "../../types/Theme";
 export type AlertDialogProps = {
-    open: boolean;
+    dismissText: string;
+    intent: Intent;
     label: string;
-    themeOverride?: Theme;
+    open: boolean;
     subtitle: ReactNode;
-    intent: Intent;
-    dismissText: string;
+    themeOverride?: Theme;
     dismissAction: () => void;
 };
-export declare const AlertDialog: ({ themeOverride, open, label, intent, subtitle, dismissText, dismissAction, }: AlertDialogProps) => JSX.Element;
+export declare const AlertDialog: ({ dismissAction, dismissText, intent, label, open, subtitle, themeOverride, }: 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"),o=require("../../icons/ExclamationMarkIcon.js"),u=require("../../icons/HelpIcon.js"),c=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("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var p,m,x,g=j(d),q=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),h=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),_=g.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),f=function(e){switch(e){case"danger":return n.jsx(o.ExclamationMarkIcon,{});case"warning":return n.jsx(c.WarningIcon,{});default:return n.jsx(u.HelpIcon,{})}};exports.AlertDialog=function(o){var u=o.themeOverride,c=o.open,l=o.label,d=o.intent,j=o.subtitle,p=o.dismissText,m=o.dismissAction;return n.jsx(i.BaseDialog,e.__assign({width:350,"data-theme":u,open:c,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:f(d)})),n.jsxs("div",{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:l})),n.jsx(_,{children:j})]}),n.jsx(h,{children:n.jsx(t.Button,e.__assign({onClick:m,intent:d},{children:p}))})]}))})}))};
+"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"),o=require("../../icons/ExclamationMarkIcon.js"),u=require("../../icons/HelpIcon.js"),c=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("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var p,m,x,g=j(d),q=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),h=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),_=g.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),f=function(e){switch(e){case"danger":return n.jsx(o.ExclamationMarkIcon,{});case"warning":return n.jsx(c.WarningIcon,{});default:return n.jsx(u.HelpIcon,{})}};exports.AlertDialog=function(o){var u=o.dismissAction,c=o.dismissText,l=o.intent,d=o.label,j=o.open,p=o.subtitle,m=o.themeOverride;return n.jsx(i.BaseDialog,e.__assign({"data-theme":m,onClose:u,open:j,width:350},{children:n.jsx(q,{children:n.jsxs(s.VStack,e.__assign({spacing:16},{children:[n.jsx(r.RoundedIcon,e.__assign({intent:l},{children:f(l)})),n.jsxs("div",{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:d})),n.jsx(_,{children:p})]}),n.jsx(h,{children:n.jsx(t.Button,e.__assign({intent:l,onClick:u},{children:c}))})]}))})}))};

package/components/announcement-dialog/AnnouncementDialog.d.ts

@@ -4,14 +4,6 @@ export type AnnouncementDialogProps = {
     announcementId: string;
     children: ReactNode;
     className?: string;
-    image?: ReactNode;
-    imageWidth?: number;
-    label?: string;
-    onClose?: () => void;
-    open?: boolean;
-    themeOverride?: Theme;
-    title?: ReactNode;
-    width?: number;
     /** Close when clicking outside dialog (on the backdrop)
      * @default true
      */
@@ -20,6 +12,14 @@ export type AnnouncementDialogProps = {
      * @default true
      */
     closeOnEsc?: boolean;
+    image?: ReactNode;
+    imageWidth?: number;
+    label?: string;
     noBorder?: boolean;
+    open?: boolean;
+    themeOverride?: Theme;
+    title?: ReactNode;
+    width?: number;
+    onClose?: () => void;
 };
 export declare const AnnouncementDialog: import("react").ForwardRefExoticComponent<AnnouncementDialogProps & import("react").RefAttributes<HTMLDivElement>>;

package/components/announcement-dialog/AnnouncementDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("../text/Text.js"),s=require("../../styles/constants/theme.js"),i=require("../../utils/hooks/useStorage.js"),a=require("styled-components"),o=require("../dialog/_BaseDialog.js"),u=require("../stack/VStack.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("react-dom"),require("framer-motion"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("../stack/Stack.js");var c,d,m=l(a),g=m.default(u.VStack)(c||(c=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n"])),s.theme.space16,s.theme.space24),h=m.default.div(d||(d=e.__makeTemplateObject(["\n  width: ",";\n  height: auto;\n  margin: ",";\n  margin-bottom: ",";\n"],["\n  width: ",";\n  height: auto;\n  margin: ",";\n  margin-bottom: ",";\n"])),(function(e){return"".concat(e.imageWidth,"px")||"100%"}),(function(e){return e.imageWidth?"0 auto":"unset"}),s.theme.space16),_=t.forwardRef((function(t,s){var a=t.announcementId,u=t.children,l=t.className,c=t.image,d=t.imageWidth,m=t.label,_=t.onClose,j=t.open,p=t.themeOverride,f=t.title,q=t.width,x=t.closeOnBlur,k=t.closeOnEsc,w=t.noBorder,b=e.__read(i.useStorage({key:"announcement:".concat(a),defaultValue:"",type:"local"}),2),y=b[0],v=b[1];return r.jsxs(o.BaseDialog,e.__assign({className:l,"data-theme":p,open:j||!y,width:q,onClose:function(){_&&_(),v("seen")},closeOnBlur:x,closeOnEsc:k,noBorder:w},{children:[r.jsx(h,e.__assign({imageWidth:d},{children:c})),r.jsxs(g,e.__assign({spacing:8},{children:[r.jsx(n.Text,e.__assign({type:"label",color:"blue600"},{children:m})),r.jsx(n.Text,e.__assign({type:"title"},{children:f})),r.jsx("div",e.__assign({ref:s},{children:r.jsx(n.Text,e.__assign({color:"gray800"},{children:u}))}))]}))]}))}));exports.AnnouncementDialog=_;
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("../text/Text.js"),s=require("../../styles/constants/theme.js"),i=require("../../utils/hooks/useStorage.js"),a=require("styled-components"),o=require("../dialog/_BaseDialog.js"),u=require("../stack/VStack.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("react-dom"),require("framer-motion"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("../stack/Stack.js");var c,d,m=l(a),g=m.default(u.VStack)(c||(c=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n"])),s.theme.space16,s.theme.space24),h=m.default.div(d||(d=e.__makeTemplateObject(["\n  width: ",";\n  height: auto;\n  margin: ",";\n  margin-bottom: ",";\n"],["\n  width: ",";\n  height: auto;\n  margin: ",";\n  margin-bottom: ",";\n"])),(function(e){return"".concat(e.imageWidth,"px")||"100%"}),(function(e){return e.imageWidth?"0 auto":"unset"}),s.theme.space16),_=t.forwardRef((function(t,s){var a=t.announcementId,u=t.children,l=t.className,c=t.closeOnBlur,d=t.closeOnEsc,m=t.image,_=t.imageWidth,j=t.label,p=t.noBorder,f=t.onClose,q=t.open,x=t.themeOverride,k=t.title,w=t.width,b=e.__read(i.useStorage({defaultValue:"",key:"announcement:".concat(a),type:"local"}),2),y=b[0],v=b[1];return r.jsxs(o.BaseDialog,e.__assign({className:l,closeOnBlur:c,closeOnEsc:d,"data-theme":x,noBorder:p,onClose:function(){f&&f(),v("seen")},open:q||!y,width:w},{children:[r.jsx(h,e.__assign({imageWidth:_},{children:m})),r.jsxs(g,e.__assign({spacing:8},{children:[r.jsx(n.Text,e.__assign({color:"blue600",type:"label"},{children:j})),r.jsx(n.Text,e.__assign({type:"title"},{children:k})),r.jsx("div",e.__assign({ref:s},{children:r.jsx(n.Text,e.__assign({color:"gray800"},{children:u}))}))]}))]}))}));exports.AnnouncementDialog=_;

package/components/avatar/AvatarBase.d.ts

@@ -7,17 +7,17 @@ export declare const avatarShapes: {
 };
 type AvatarShape = keyof typeof avatarShapes;
 export type AvatarProps = {
+    /** @default false */
+    bordered?: boolean;
     /** @default round */
     shape?: AvatarShape;
     /** @default 32 px */
     size?: ImageSize;
-    /** @default false */
-    bordered?: boolean;
 };
 type AvartarBaseProps = Required<AvatarProps> & {
-    backgroundUrl?: string;
-    backgroundSize?: string;
     backgroundPosition?: string;
+    backgroundSize?: string;
+    backgroundUrl?: string;
     children?: ReactNode;
 };
 export declare const AvatarBase: ({ children, ...rest }: AvartarBaseProps) => JSX.Element;

package/components/avatar/AvatarBase.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),r=require("../../styles/constants/theme.js"),t=require("styled-components");function a(e){return e&&e.__esModule?e:{default:e}}var o,i,s,d,c,u=a(t),b={round:"50%",rounded:"10px",square:"0px"},l=u.default.div(i||(i=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: ",";\n  border: ",";\n\n  ","\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: ",";\n  border: ",";\n\n  ","\n"])),r.theme.gray100,(function(e){return e.$bordered?"".concat(e.$size/16,"px solid ").concat(r.theme.gray0):void 0}),(function(n){return n.$size&&t.css(o||(o=e.__makeTemplateObject(["\n      border-radius: ",";\n      height: ","px;\n      width: ","px;\n    "],["\n      border-radius: ",";\n      height: ","px;\n      width: ","px;\n    "])),b[n.$shape],n.$size,n.$size)})),g=u.default.div(c||(c=e.__makeTemplateObject(["\n  background-color: ",";\n  height: 100%;\n  width: 100%;\n\n  ","\n\n  ","\n"],["\n  background-color: ",";\n  height: 100%;\n  width: 100%;\n\n  ","\n\n  ","\n"])),r.theme.gray100,(function(n){return t.css(s||(s=e.__makeTemplateObject(["\n      border-radius: ",";\n    "],["\n      border-radius: ",";\n    "])),b[n.shape])}),(function(n){return n.backgroundUrl&&t.css(d||(d=e.__makeTemplateObject(["\n      background-image: url(",");\n      background-position: ",";\n      background-repeat: no-repeat;\n      background-size: ",";\n    "],["\n      background-image: url(",");\n      background-position: ",";\n      background-repeat: no-repeat;\n      background-size: ",";\n    "])),n.backgroundUrl,n.backgroundPosition||"center",n.backgroundSize)}));exports.AvatarBase=function(r){var t=r.children,a=e.__rest(r,["children"]);return n.jsx(l,e.__assign({$bordered:a.bordered,$size:a.size,$shape:a.shape},{children:t||n.jsx(g,e.__assign({},a))}))},exports.avatarShapes=b;
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),r=require("../../styles/constants/theme.js"),t=require("styled-components");function a(e){return e&&e.__esModule?e:{default:e}}var o,i,s,d,c,u=a(t),b={round:"50%",rounded:"10px",square:"0px"},l=u.default.div(i||(i=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: ",";\n  border: ",";\n\n  ","\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: ",";\n  border: ",";\n\n  ","\n"])),r.theme.gray100,(function(e){return e.$bordered?"".concat(e.$size/16,"px solid ").concat(r.theme.gray0):void 0}),(function(n){return n.$size&&t.css(o||(o=e.__makeTemplateObject(["\n      border-radius: ",";\n      height: ","px;\n      width: ","px;\n    "],["\n      border-radius: ",";\n      height: ","px;\n      width: ","px;\n    "])),b[n.$shape],n.$size,n.$size)})),g=u.default.div(c||(c=e.__makeTemplateObject(["\n  background-color: ",";\n  height: 100%;\n  width: 100%;\n\n  ","\n\n  ","\n"],["\n  background-color: ",";\n  height: 100%;\n  width: 100%;\n\n  ","\n\n  ","\n"])),r.theme.gray100,(function(n){return t.css(s||(s=e.__makeTemplateObject(["\n      border-radius: ",";\n    "],["\n      border-radius: ",";\n    "])),b[n.shape])}),(function(n){return n.backgroundUrl&&t.css(d||(d=e.__makeTemplateObject(["\n      background-image: url(",");\n      background-position: ",";\n      background-repeat: no-repeat;\n      background-size: ",";\n    "],["\n      background-image: url(",");\n      background-position: ",";\n      background-repeat: no-repeat;\n      background-size: ",";\n    "])),n.backgroundUrl,n.backgroundPosition||"center",n.backgroundSize)}));exports.AvatarBase=function(r){var t=r.children,a=e.__rest(r,["children"]);return n.jsx(l,e.__assign({$bordered:a.bordered,$shape:a.shape,$size:a.size},{children:t||n.jsx(g,e.__assign({},a))}))},exports.avatarShapes=b;

package/components/avatar/UserAvatar.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type AvatarProps } from './AvatarBase';
 export type UserAvatarProps = AvatarProps;
-export declare const UserAvatar: ({ size, shape, bordered, }: AvatarProps) => JSX.Element;
+export declare const UserAvatar: ({ bordered, shape, size, }: AvatarProps) => JSX.Element;

package/components/avatar/UserAvatar.js

@@ -1 +1 @@
-"use strict";var M=require("react/jsx-runtime"),I=require("./AvatarBase.js");require("../../_tslib-fe391a2e.js"),require("../../styles/constants/theme.js"),require("styled-components");exports.UserAvatar=function(g){var A=g.size,i=void 0===A?32:A,j=g.shape,D=void 0===j?"round":j,N=g.bordered,e=void 0!==N&&N;return M.jsx(I.AvatarBase,{backgroundPosition:"bottom",backgroundSize:"80%",backgroundUrl:"".concat("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0NCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDQyIDQ0Ij48cGF0aCBmaWxsPSIjQTJBMkFBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMSAxOC40NWE4Ljk1IDguOTUgMCAwIDAgNi4zNjQtMi42NjVBOS4xNTIgOS4xNTIgMCAwIDAgMzAgOS4zNWE5LjE1MiA5LjE1MiAwIDAgMC0yLjYzNi02LjQzNUE4Ljk1IDguOTUgMCAwIDAgMjEgLjI1YTguOTUgOC45NSAwIDAgMC02LjM2NCAyLjY2NUE5LjE1MiA5LjE1MiAwIDAgMCAxMiA5LjM1YzAgMi40MTQuOTQ4IDQuNzI4IDIuNjM2IDYuNDM1QTguOTUgOC45NSAwIDAgMCAyMSAxOC40NVpNMCA0NS43NWMwLTIuNzg4LjU0My01LjU1IDEuNTk5LTguMTI2YTIxLjI1IDIxLjI1IDAgMCAxIDQuNTUyLTYuODg4IDIwLjk4NSAyMC45ODUgMCAwIDEgNi44MTMtNC42MDMgMjAuOCAyMC44IDAgMCAxIDE2LjA3MiAwIDIwLjk4NSAyMC45ODUgMCAwIDEgNi44MTMgNC42MDMgMjEuMjUgMjEuMjUgMCAwIDEgNC41NTMgNi44ODhBMjEuNDM5IDIxLjQzOSAwIDAgMSA0MiA0NS43NUgwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"),bordered:e,shape:D,size:i})};
+"use strict";var M=require("react/jsx-runtime"),I=require("./AvatarBase.js");require("../../_tslib-fe391a2e.js"),require("../../styles/constants/theme.js"),require("styled-components");exports.UserAvatar=function(g){var A=g.bordered,i=void 0!==A&&A,j=g.shape,D=void 0===j?"round":j,N=g.size,e=void 0===N?32:N;return M.jsx(I.AvatarBase,{backgroundPosition:"bottom",backgroundSize:"80%",backgroundUrl:"".concat("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0NCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDQyIDQ0Ij48cGF0aCBmaWxsPSIjQTJBMkFBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMSAxOC40NWE4Ljk1IDguOTUgMCAwIDAgNi4zNjQtMi42NjVBOS4xNTIgOS4xNTIgMCAwIDAgMzAgOS4zNWE5LjE1MiA5LjE1MiAwIDAgMC0yLjYzNi02LjQzNUE4Ljk1IDguOTUgMCAwIDAgMjEgLjI1YTguOTUgOC45NSAwIDAgMC02LjM2NCAyLjY2NUE5LjE1MiA5LjE1MiAwIDAgMCAxMiA5LjM1YzAgMi40MTQuOTQ4IDQuNzI4IDIuNjM2IDYuNDM1QTguOTUgOC45NSAwIDAgMCAyMSAxOC40NVpNMCA0NS43NWMwLTIuNzg4LjU0My01LjU1IDEuNTk5LTguMTI2YTIxLjI1IDIxLjI1IDAgMCAxIDQuNTUyLTYuODg4IDIwLjk4NSAyMC45ODUgMCAwIDEgNi44MTMtNC42MDMgMjAuOCAyMC44IDAgMCAxIDE2LjA3MiAwIDIwLjk4NSAyMC45ODUgMCAwIDEgNi44MTMgNC42MDMgMjEuMjUgMjEuMjUgMCAwIDEgNC41NTMgNi44ODhBMjEuNDM5IDIxLjQzOSAwIDAgMSA0MiA0NS43NUgwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"),bordered:i,shape:D,size:e})};

package/components/badge/Badge.d.ts

@@ -3,18 +3,18 @@ import type { FontWeight } from "../text/Text";
 type ColorList = 'blue' | 'cyan' | 'gray' | 'green' | 'orange' | 'purple' | 'red';
 type Size = 'small' | 'large';
 export interface BadgeProps {
+    bold?: boolean;
     children?: ReactNode | string;
     className?: string;
     color?: ColorList;
     fontWeight?: FontWeight;
     icon?: ReactNode;
     iconRight?: boolean;
-    bold?: boolean;
     rounded?: boolean;
     /**
      * @default large
      */
     size?: Size;
 }
-export declare const Badge: ({ children, className, color, fontWeight, icon, iconRight, bold, rounded, size, }: BadgeProps) => JSX.Element;
+export declare const Badge: ({ bold, children, className, color, fontWeight, icon, iconRight, rounded, size, }: BadgeProps) => JSX.Element;
 export {};

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,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})]}))}))};
+"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.bold,c=e.children,l=e.className,g=e.color,t=void 0===g?"gray":g,a=e.fontWeight,b=e.icon,u=e.iconRight,s=e.rounded,h=void 0!==s&&s,m=e.size,f=void 0===m?"large":m;return o.jsx(d,n.__assign({className:l},{children:o.jsxs(i,n.__assign({bold:!!r,className:[t,f,r?"bold":""].join(" "),color:t,fontWeight:a,iconRight:u,rounded:h,size:f},{children:[b,o.jsx("p",{children:c})]}))}))};

package/components/banner/Banner.d.ts

@@ -1,12 +1,12 @@
 import type { ReactNode } from 'react';
 import type { Intent } from "../../types";
 export type BannerProps = {
-    className?: string;
     children?: ReactNode;
-    title?: ReactNode;
+    className?: string;
     footerActions?: ReactNode;
     headerActions?: ReactNode;
     intent?: Exclude<Intent, 'danger' | 'secondary' | 'primary'>;
+    title?: ReactNode;
     onClose?: () => void;
 };
 export declare const Banner: ({ children, className, footerActions, headerActions, intent, onClose, title, }: BannerProps) => JSX.Element;

package/components/banner/Banner.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),r=require("../stack/HStack.js"),o=require("../text/Text.js"),t=require("../../icons/CheckCircleDuotoneIcon.js"),a=require("../../icons/InfoDuotoneIcon.js"),c=require("../../icons/RemoveCircleDuotoneIcon.js"),i=require("../../icons/RemoveIcon.js"),s=require("../../icons/WarningDuotoneIcon.js"),l=require("../../styles/constants/theme.js"),u=require("styled-components"),d=require("../button/Button.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),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 g,j,p,_,f,x,h,b,k,y,I,C,q,v,T=m(u),O=T.default.div(g||(g=e.__makeTemplateObject(["\n  border-radius: ",";\n  padding: ",";\n"],["\n  border-radius: ",";\n  padding: ",";\n"])),l.theme.radius6,l.theme.space16),D=T.default.div(j||(j=e.__makeTemplateObject(["\n  display: grid;\n  align-items: ",";\n  grid-template-areas:\n    'icon header close'\n    '. content .';\n  grid-template-columns: 32px auto ",";\n"],["\n  display: grid;\n  align-items: ",";\n  grid-template-areas:\n    'icon header close'\n    '. content .';\n  grid-template-columns: 32px auto ",";\n"])),(function(e){return e.onlyContent?"start":"center"}),(function(e){return e.withoutCloseButton?"0px":"32px"})),w=T.default.div(p||(p=e.__makeTemplateObject(["\n  grid-area: icon;\n  justify-self: start;\n"],["\n  grid-area: icon;\n  justify-self: start;\n"]))),B=T.default.div(_||(_=e.__makeTemplateObject(["\n  grid-area: close;\n  justify-self: end;\n"],["\n  grid-area: close;\n  justify-self: end;\n"]))),R=T.default(d.Button)(f||(f=e.__makeTemplateObject(["\n  && {\n    width: 20px;\n  }\n"],["\n  && {\n    width: 20px;\n  }\n"]))),z=T.default.div(x||(x=e.__makeTemplateObject(["\n  grid-area: header;\n  color: ",";\n"],["\n  grid-area: header;\n  color: ",";\n"])),(function(e){return l.theme[e.color]})),N=T.default.div(h||(h=e.__makeTemplateObject(["\n  grid-area: content;\n  margin-top: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"],["\n  grid-area: content;\n  margin-top: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"]))),S=T.default.header(b||(b=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"]))),H=T.default.footer(k||(k=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),A=T.default(O)(y||(y=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),l.theme.gray100,l.theme.gray700),W=T.default(O)(I||(I=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),l.theme.blue100,l.theme.blue700),G=T.default(O)(C||(C=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),l.theme.green100,l.theme.green700),M=T.default(O)(q||(q=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),l.theme.orange100,l.theme.orange700),E=T.default(O)(v||(v=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),l.theme.red100,l.theme.red700);exports.Banner=function(l){var u=l.children,d=l.className,m=void 0===d?"":d,g=l.footerActions,j=l.headerActions,p=l.intent,_=l.onClose,f=l.title,x=function(t){var a=t.intentIcon,c=t.removeIconColor,s=!!u&&!f&&!g,l=e.__read([f&&n.jsxs(S,{children:[n.jsx(o.Text,e.__assign({type:"label",color:c},{children:f})),j&&n.jsx(r.HStack,e.__assign({spacing:8},{children:j}))]}),u,g&&n.jsx(H,{children:n.jsx(r.HStack,e.__assign({spacing:8},{children:g}))})].filter(Boolean),3),d=l[0],m=l[1],p=l[2];return n.jsxs(D,e.__assign({withoutCloseButton:!_,onlyContent:s},{children:[n.jsx(w,{children:a}),_&&n.jsx(B,{children:n.jsx(R,{intent:"text",onClick:_,icon:n.jsx(i.RemoveIcon,{size:20,color:c})})}),n.jsx(z,e.__assign({color:c},{children:d})),m&&n.jsxs(N,{children:[m,p]})]}))};switch(p){case"info":return n.jsx(W,e.__assign({className:m},{children:x({intentIcon:n.jsx(t.CheckCircleDuotoneIcon,{color:"blue800",secondaryColor:"blue300",size:20}),removeIconColor:"blue800"})}));case"success":return n.jsx(G,e.__assign({className:m},{children:x({intentIcon:n.jsx(t.CheckCircleDuotoneIcon,{color:"green800",secondaryColor:"green300",size:20}),removeIconColor:"green800"})}));case"warning":return n.jsx(M,e.__assign({className:m},{children:x({intentIcon:n.jsx(s.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange300",size:20}),removeIconColor:"orange800"})}));case"error":return n.jsx(E,e.__assign({className:m},{children:x({intentIcon:n.jsx(c.RemoveCircleDuotoneIcon,{color:"red800",secondaryColor:"red300",size:20}),removeIconColor:"red800"})}));default:return n.jsx(A,e.__assign({className:m},{children:x({intentIcon:n.jsx(a.InfoDuotoneIcon,{color:"gray800",secondaryColor:"gray300",size:20}),removeIconColor:"gray800"})}))}};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),r=require("../stack/HStack.js"),o=require("../text/Text.js"),t=require("../../icons/CheckCircleDuotoneIcon.js"),a=require("../../icons/InfoDuotoneIcon.js"),c=require("../../icons/RemoveCircleDuotoneIcon.js"),i=require("../../icons/RemoveIcon.js"),s=require("../../icons/WarningDuotoneIcon.js"),l=require("../../styles/constants/theme.js"),u=require("styled-components"),d=require("../button/Button.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),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 g,j,p,_,f,x,h,b,k,y,I,C,q,v,T=m(u),O=T.default.div(g||(g=e.__makeTemplateObject(["\n  border-radius: ",";\n  padding: ",";\n"],["\n  border-radius: ",";\n  padding: ",";\n"])),l.theme.radius6,l.theme.space16),D=T.default.div(j||(j=e.__makeTemplateObject(["\n  display: grid;\n  align-items: ",";\n  grid-template-areas:\n    'icon header close'\n    '. content .';\n  grid-template-columns: 32px auto ",";\n"],["\n  display: grid;\n  align-items: ",";\n  grid-template-areas:\n    'icon header close'\n    '. content .';\n  grid-template-columns: 32px auto ",";\n"])),(function(e){return e.onlyContent?"start":"center"}),(function(e){return e.withoutCloseButton?"0px":"32px"})),w=T.default.div(p||(p=e.__makeTemplateObject(["\n  grid-area: icon;\n  justify-self: start;\n"],["\n  grid-area: icon;\n  justify-self: start;\n"]))),B=T.default.div(_||(_=e.__makeTemplateObject(["\n  grid-area: close;\n  justify-self: end;\n"],["\n  grid-area: close;\n  justify-self: end;\n"]))),R=T.default(d.Button)(f||(f=e.__makeTemplateObject(["\n  && {\n    width: 20px;\n  }\n"],["\n  && {\n    width: 20px;\n  }\n"]))),z=T.default.div(x||(x=e.__makeTemplateObject(["\n  grid-area: header;\n  color: ",";\n"],["\n  grid-area: header;\n  color: ",";\n"])),(function(e){return l.theme[e.color]})),N=T.default.div(h||(h=e.__makeTemplateObject(["\n  grid-area: content;\n  margin-top: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"],["\n  grid-area: content;\n  margin-top: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"]))),S=T.default.header(b||(b=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"]))),H=T.default.footer(k||(k=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),A=T.default(O)(y||(y=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),l.theme.gray100,l.theme.gray700),W=T.default(O)(I||(I=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),l.theme.blue100,l.theme.blue700),G=T.default(O)(C||(C=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),l.theme.green100,l.theme.green700),M=T.default(O)(q||(q=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),l.theme.orange100,l.theme.orange700),E=T.default(O)(v||(v=e.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n"],["\n  background: ",";\n  color: ",";\n"])),l.theme.red100,l.theme.red700);exports.Banner=function(l){var u=l.children,d=l.className,m=void 0===d?"":d,g=l.footerActions,j=l.headerActions,p=l.intent,_=l.onClose,f=l.title,x=function(t){var a=t.intentIcon,c=t.removeIconColor,s=!!u&&!f&&!g,l=e.__read([f&&n.jsxs(S,{children:[n.jsx(o.Text,e.__assign({color:c,type:"label"},{children:f})),j&&n.jsx(r.HStack,e.__assign({spacing:8},{children:j}))]}),u,g&&n.jsx(H,{children:n.jsx(r.HStack,e.__assign({spacing:8},{children:g}))})].filter(Boolean),3),d=l[0],m=l[1],p=l[2];return n.jsxs(D,e.__assign({onlyContent:s,withoutCloseButton:!_},{children:[n.jsx(w,{children:a}),_&&n.jsx(B,{children:n.jsx(R,{icon:n.jsx(i.RemoveIcon,{color:c,size:20}),intent:"text",onClick:_})}),n.jsx(z,e.__assign({color:c},{children:d})),m&&n.jsxs(N,{children:[m,p]})]}))};switch(p){case"info":return n.jsx(W,e.__assign({className:m},{children:x({intentIcon:n.jsx(t.CheckCircleDuotoneIcon,{color:"blue800",secondaryColor:"blue300",size:20}),removeIconColor:"blue800"})}));case"success":return n.jsx(G,e.__assign({className:m},{children:x({intentIcon:n.jsx(t.CheckCircleDuotoneIcon,{color:"green800",secondaryColor:"green300",size:20}),removeIconColor:"green800"})}));case"warning":return n.jsx(M,e.__assign({className:m},{children:x({intentIcon:n.jsx(s.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange300",size:20}),removeIconColor:"orange800"})}));case"error":return n.jsx(E,e.__assign({className:m},{children:x({intentIcon:n.jsx(c.RemoveCircleDuotoneIcon,{color:"red800",secondaryColor:"red300",size:20}),removeIconColor:"red800"})}));default:return n.jsx(A,e.__assign({className:m},{children:x({intentIcon:n.jsx(a.InfoDuotoneIcon,{color:"gray800",secondaryColor:"gray300",size:20}),removeIconColor:"gray800"})}))}};

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 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})]}))}};
+"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,{color:n,size:16}),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({disabled:d||m,rippleEnabled:!v&&!["plain","text"].includes(b),rippleRef:I}),K=J.getRippleHandlers,L=J.rippleEnabled,P={className:D,disabled:d||m,size:_},Q=n.__assign(n.__assign(n.__assign({type:F},P),H),K(H));switch(b){case"primary":return e.jsxs(j,n.__assign({as:M},Q,{children:[A(N||"white"),L&&e.jsx(i.RippleGroup,{ref:I})]}));case"subtle":return e.jsxs(O,n.__assign({as:M},Q,{children:[A(N),L&&e.jsx(i.RippleGroup,{ref:I})]}));case"outline":return e.jsxs(C,n.__assign({as:M},Q,{children:[A(N),L&&e.jsx(i.RippleGroup,{ref:I})]}));case"warning":return e.jsxs(z,n.__assign({as:M},Q,{children:[A(N||"white"),L&&e.jsx(i.RippleGroup,{ref:I})]}));case"danger":return e.jsxs(R,n.__assign({as:M},Q,{children:[A(N||"white"),L&&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),L&&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),L&&e.jsx(i.RippleGroup,{ref:I})]}))}};

package/components/button/RippleGroup.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react"),t=require("framer-motion"),o=require("../../styles/constants/theme.js"),i=require("styled-components"),a=require("uuid"),u=require("./_Ripple.js");function s(n){return n&&n.__esModule?n:{default:n}}function c(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(e,r,t.get?t:{enumerable:!0,get:function(){return n[r]}})}})),e.default=n,Object.freeze(e)}var l,p,d=c(r),f=s(i).default.span(p||(p=n.__makeTemplateObject(["\n  overflow: hidden;\n  pointer-events: none;\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: inherit;\n\n  span.ripple {\n    overflow: hidden;\n    position: absolute;\n    border-radius: 50%;\n    opacity: ",";\n    transform: scale(4);\n    // prettier-ignore\n    animation: ","\n      max(","ms, 600ms) ease-out;\n    background-color: ",";\n  }\n"],["\n  overflow: hidden;\n  pointer-events: none;\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: inherit;\n\n  span.ripple {\n    overflow: hidden;\n    position: absolute;\n    border-radius: 50%;\n    opacity: ",";\n    transform: scale(4);\n    // prettier-ignore\n    animation: ","\n      max(","ms, 600ms) ease-out;\n    background-color: ",";\n  }\n"])),(function(n){return n.$opacity}),(function(e){return r=e.$opacity,i.keyframes(l||(l=n.__makeTemplateObject(["\n  0% {\n    transform: scale(0);\n    opacity: 0.1;\n  }\n\n  100% {\n    transform: scale(4);\n    opacity: ",";\n  }\n"],["\n  0% {\n    transform: scale(0);\n    opacity: 0.1;\n  }\n\n  100% {\n    transform: scale(4);\n    opacity: ",";\n  }\n"])),r);var r}),(function(n){return n.$duration}),(function(n){return n.$color?o.theme[n.$color]:"currentColor"})),m=function(n,e){var r=e.getBoundingClientRect(),t=Math.max(r.width,r.height),o=t/2,i=n,a=i.clientX,u=i.clientY;return{width:t,height:t,left:(a||0)-r.left-o,top:(u||0)-r.top-o}},y=d.forwardRef((function(r,o){var i=r.color,s=r.duration,c=void 0===s?200:s,l=r.opacity,p=void 0===l?.12:l,y=n.__read(d.useState([]),2),_=y[0],b=y[1],h=d.useRef(null),v=function(){return b((function(n){return n.slice(1)}))},g=d.useCallback((function(r){if(h.current){var t={style:m(r,h.current),destroy:v,duration:c};b((function(r){return n.__spreadArray(n.__spreadArray([],n.__read(r),!1),[{element:e.jsx(u.Ripple,n.__assign({},t)),key:a.v4()}],!1)}))}}),[c]);return d.useImperativeHandle(o,(function(){return{start:g}}),[g]),e.jsx(f,n.__assign({ref:h,$color:i,$opacity:p,$duration:c},{children:e.jsx(t.AnimatePresence,{children:_.map((function(r){return e.jsx(t.motion.div,n.__assign({initial:{opacity:1},animate:{opacity:1},exit:{opacity:0}},{children:r.element}),r.key)}))})}))}));exports.RippleGroup=y;
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react"),t=require("framer-motion"),o=require("../../styles/constants/theme.js"),i=require("styled-components"),a=require("uuid"),u=require("./_Ripple.js");function s(n){return n&&n.__esModule?n:{default:n}}function c(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(e,r,t.get?t:{enumerable:!0,get:function(){return n[r]}})}})),e.default=n,Object.freeze(e)}var l,p,d=c(r),f=s(i).default.span(p||(p=n.__makeTemplateObject(["\n  overflow: hidden;\n  pointer-events: none;\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: inherit;\n\n  span.ripple {\n    overflow: hidden;\n    position: absolute;\n    border-radius: 50%;\n    opacity: ",";\n    transform: scale(4);\n    // prettier-ignore\n    animation: ","\n      max(","ms, 600ms) ease-out;\n    background-color: ",";\n  }\n"],["\n  overflow: hidden;\n  pointer-events: none;\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: inherit;\n\n  span.ripple {\n    overflow: hidden;\n    position: absolute;\n    border-radius: 50%;\n    opacity: ",";\n    transform: scale(4);\n    // prettier-ignore\n    animation: ","\n      max(","ms, 600ms) ease-out;\n    background-color: ",";\n  }\n"])),(function(n){return n.$opacity}),(function(e){return r=e.$opacity,i.keyframes(l||(l=n.__makeTemplateObject(["\n  0% {\n    transform: scale(0);\n    opacity: 0.1;\n  }\n\n  100% {\n    transform: scale(4);\n    opacity: ",";\n  }\n"],["\n  0% {\n    transform: scale(0);\n    opacity: 0.1;\n  }\n\n  100% {\n    transform: scale(4);\n    opacity: ",";\n  }\n"])),r);var r}),(function(n){return n.$duration}),(function(n){return n.$color?o.theme[n.$color]:"currentColor"})),m=function(n,e){var r=e.getBoundingClientRect(),t=Math.max(r.width,r.height),o=t/2,i=n,a=i.clientX,u=i.clientY;return{height:t,left:(a||0)-r.left-o,top:(u||0)-r.top-o,width:t}},y=d.forwardRef((function(r,o){var i=r.color,s=r.duration,c=void 0===s?200:s,l=r.opacity,p=void 0===l?.12:l,y=n.__read(d.useState([]),2),_=y[0],b=y[1],h=d.useRef(null),v=function(){return b((function(n){return n.slice(1)}))},g=d.useCallback((function(r){if(h.current){var t={destroy:v,duration:c,style:m(r,h.current)};b((function(r){return n.__spreadArray(n.__spreadArray([],n.__read(r),!1),[{element:e.jsx(u.Ripple,n.__assign({},t)),key:a.v4()}],!1)}))}}),[c]);return d.useImperativeHandle(o,(function(){return{start:g}}),[g]),e.jsx(f,n.__assign({ref:h,$color:i,$duration:c,$opacity:p},{children:e.jsx(t.AnimatePresence,{children:_.map((function(r){return e.jsx(t.motion.div,n.__assign({animate:{opacity:1},exit:{opacity:0},initial:{opacity:1}},{children:r.element}),r.key)}))})}))}));exports.RippleGroup=y;

package/components/button/_Ripple.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
 export type RippleProps = {
-    /** Removes the ripple */
-    destroy: () => void;
     /** duration of the ripple */
     duration: number;
     style: {
-        width: number;
         height: number;
         left: number;
         top: number;
+        width: number;
     };
+    /** Removes the ripple */
+    destroy: () => void;
 };
 export declare const Ripple: ({ destroy, duration, style }: RippleProps) => JSX.Element;

package/components/button/_Ripple.js

@@ -1 +1 @@
-"use strict";var t=require("react/jsx-runtime"),e=require("react");exports.Ripple=function(r){var c=r.destroy,i=r.duration,n=r.style;return e.useEffect((function(){var t=setTimeout((function(){c()}),i);return function(){clearTimeout(t)}}),[c,i]),t.jsx("span",{className:"ripple",style:{width:"".concat(n.width,"px"),height:"".concat(n.height,"px"),top:"".concat(n.top,"px"),left:"".concat(n.left,"px")}})};
+"use strict";var t=require("react/jsx-runtime"),e=require("react");exports.Ripple=function(r){var c=r.destroy,i=r.duration,n=r.style;return e.useEffect((function(){var t=setTimeout((function(){c()}),i);return function(){clearTimeout(t)}}),[c,i]),t.jsx("span",{className:"ripple",style:{height:"".concat(n.height,"px"),left:"".concat(n.left,"px"),top:"".concat(n.top,"px"),width:"".concat(n.width,"px")}})};

package/components/button/useRipple.d.ts

@@ -4,14 +4,14 @@ interface IRippleEventHandlers {
     onMouseDown: React.MouseEventHandler;
 }
 type Props = {
-    rippleRef: React.RefObject<IRippleActions>;
     disabled: boolean;
     rippleEnabled: boolean;
+    rippleRef: React.RefObject<IRippleActions>;
 };
 type Return = {
     /** Combines event handlers */
     getRippleHandlers(otherEvents: Partial<IRippleEventHandlers>): IRippleEventHandlers;
     rippleEnabled: boolean;
 };
-export declare const useRipple: ({ rippleRef, disabled, rippleEnabled, }: Props) => Return;
+export declare const useRipple: ({ disabled, rippleEnabled, rippleRef, }: Props) => Return;
 export {};

package/components/button/useRipple.js

@@ -1 +1 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var r=e(require("react"));exports.useRipple=function(e){var n=e.rippleRef,t=e.disabled,u=e.rippleEnabled;var a,c,i=(a="start",void 0===c&&(c=!u),r.useCallback((function(e){!c&&n.current&&n.current[a](e)}),[a,c])),l=r.useMemo((function(){var e={onMouseDown:i};return function(r){var n=Object.keys(e).map((function(n){return{name:n,handler:function(t){var u;null===(u=r[n])||void 0===u||u.call(r,t),e[n](t)}}}));return n.reduce((function(e,r){return e[r.name]=r.handler,e}),{})}}),[i]);return{rippleEnabled:u&&!t,getRippleHandlers:l}};
+"use strict";function e(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var r=e(require("react"));exports.useRipple=function(e){var n=e.disabled,t=e.rippleEnabled,u=e.rippleRef;var a,c,i=(a="start",void 0===c&&(c=!t),r.useCallback((function(e){!c&&u.current&&u.current[a](e)}),[a,c])),l=r.useMemo((function(){var e={onMouseDown:i};return function(r){var n=Object.keys(e).map((function(n){return{handler:function(t){var u;null===(u=r[n])||void 0===u||u.call(r,t),e[n](t)},name:n}}));return n.reduce((function(e,r){return e[r.name]=r.handler,e}),{})}}),[i]);return{getRippleHandlers:l,rippleEnabled:t&&!n}};

package/components/card/Card.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../stack/HStack.js"),r=require("../text/Text.js"),i=require("../../styles/constants/theme.js"),a=require("styled-components");function s(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js");var c,o,d,g=s(a),h=g.default.div(c||(c=e.__makeTemplateObject(["\n  border: ",";\n  border-radius: ",";\n  padding: ",";\n\n  /** Dividers should stretch the whole width by default */\n  hr {\n    margin-left: ",";\n    margin-right: ",";\n  }\n"],["\n  border: ",";\n  border-radius: ",";\n  padding: ",";\n\n  /** Dividers should stretch the whole width by default */\n  hr {\n    margin-left: ",";\n    margin-right: ",";\n  }\n"])),i.theme.border,i.theme.radius6,(function(e){return e.spacing||i.theme.space24}),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):i.theme.spaceNegative24}),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):i.theme.spaceNegative24})),u=g.default.header(o||(o=e.__makeTemplateObject(["\n  margin: ",";\n  padding: ",";\n  display: flex;\n  align-items: center;\n  margin-bottom: ",";\n  border-bottom: ",";\n  height: 65px;\n  line-height: 65px;\n  user-select: none;\n\n  h5 {\n    margin-bottom: 0;\n    flex: 1;\n  }\n"],["\n  margin: ",";\n  padding: ",";\n  display: flex;\n  align-items: center;\n  margin-bottom: ",";\n  border-bottom: ",";\n  height: 65px;\n  line-height: 65px;\n  user-select: none;\n\n  h5 {\n    margin-bottom: 0;\n    flex: 1;\n  }\n"])),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):i.theme.spaceNegative24}),(function(e){return e.spacing||i.theme.space24}),(function(e){return e.spacing||i.theme.space24}),i.theme.border),l=g.default.footer(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: ",";\n  padding: ",";\n  border-top: ",";\n  background: ",";\n  margin-top: ",";\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n  height: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: ",";\n  padding: ",";\n  border-top: ",";\n  background: ",";\n  margin-top: ",";\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n  height: ",";\n"])),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):i.theme.spaceNegative24}),(function(e){return e.spacing||i.theme.space24}),i.theme.border,i.theme.surfaceColorSecondary,(function(e){return e.spacing||i.theme.space24}),i.theme.radius8,i.theme.radius8,(function(e){return e.footerHeight&&"".concat(e.footerHeight,"px")}));exports.Card=function(a){var s=a.actions,c=a.children,o=a.className,d=a.footerActions,g=a.footerContent,m=a.footerHeight,p=a.label,f=a.spacing,b=void 0===f?i.theme.space24:f;return n.jsxs(h,e.__assign({spacing:b,className:o||""},{children:[p&&n.jsxs(u,e.__assign({spacing:b},{children:[n.jsx(r.Text,e.__assign({type:"subheader"},{children:p})),n.jsx(t.HStack,e.__assign({spacing:8},{children:s}))]})),c,(d||g)&&n.jsxs(l,e.__assign({footerHeight:m,spacing:b},{children:[n.jsx("div",{children:g}),n.jsx(t.HStack,e.__assign({spacing:8},{children:d}))]}))]}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../stack/HStack.js"),r=require("../text/Text.js"),i=require("../../styles/constants/theme.js"),a=require("styled-components");function s(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js");var c,o,d,g=s(a),h=g.default.div(c||(c=e.__makeTemplateObject(["\n  border: ",";\n  border-radius: ",";\n  padding: ",";\n\n  /** Dividers should stretch the whole width by default */\n  hr {\n    margin-left: ",";\n    margin-right: ",";\n  }\n"],["\n  border: ",";\n  border-radius: ",";\n  padding: ",";\n\n  /** Dividers should stretch the whole width by default */\n  hr {\n    margin-left: ",";\n    margin-right: ",";\n  }\n"])),i.theme.border,i.theme.radius6,(function(e){return e.spacing||i.theme.space24}),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):i.theme.spaceNegative24}),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):i.theme.spaceNegative24})),u=g.default.header(o||(o=e.__makeTemplateObject(["\n  margin: ",";\n  padding: ",";\n  display: flex;\n  align-items: center;\n  margin-bottom: ",";\n  border-bottom: ",";\n  height: 65px;\n  line-height: 65px;\n  user-select: none;\n\n  h5 {\n    margin-bottom: 0;\n    flex: 1;\n  }\n"],["\n  margin: ",";\n  padding: ",";\n  display: flex;\n  align-items: center;\n  margin-bottom: ",";\n  border-bottom: ",";\n  height: 65px;\n  line-height: 65px;\n  user-select: none;\n\n  h5 {\n    margin-bottom: 0;\n    flex: 1;\n  }\n"])),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):i.theme.spaceNegative24}),(function(e){return e.spacing||i.theme.space24}),(function(e){return e.spacing||i.theme.space24}),i.theme.border),l=g.default.footer(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: ",";\n  padding: ",";\n  border-top: ",";\n  background: ",";\n  margin-top: ",";\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n  height: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: ",";\n  padding: ",";\n  border-top: ",";\n  background: ",";\n  margin-top: ",";\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n  height: ",";\n"])),(function(e){var n=e.spacing;return n?"calc(".concat(n," * -1)"):i.theme.spaceNegative24}),(function(e){return e.spacing||i.theme.space24}),i.theme.border,i.theme.surfaceColorSecondary,(function(e){return e.spacing||i.theme.space24}),i.theme.radius8,i.theme.radius8,(function(e){return e.footerHeight&&"".concat(e.footerHeight,"px")}));exports.Card=function(a){var s=a.actions,c=a.children,o=a.className,d=a.footerActions,g=a.footerContent,m=a.footerHeight,p=a.label,f=a.spacing,b=void 0===f?i.theme.space24:f;return n.jsxs(h,e.__assign({className:o||"",spacing:b},{children:[p&&n.jsxs(u,e.__assign({spacing:b},{children:[n.jsx(r.Text,e.__assign({type:"subheader"},{children:p})),n.jsx(t.HStack,e.__assign({spacing:8},{children:s}))]})),c,(d||g)&&n.jsxs(l,e.__assign({footerHeight:m,spacing:b},{children:[n.jsx("div",{children:g}),n.jsx(t.HStack,e.__assign({spacing:8},{children:d}))]}))]}))};

package/components/checkbox/Checkbox.d.ts

@@ -6,7 +6,7 @@ export type CheckboxProps = {
     label?: string;
     labelComponent?: ReactNode;
     labelDescription?: string;
-    onChange: (checked: boolean, event: MouseEvent<HTMLLabelElement>) => void;
     subtitle?: string;
+    onChange: (checked: boolean, event: MouseEvent<HTMLLabelElement>) => void;
 };
 export declare const Checkbox: ({ checked, disabled, icon, label, labelComponent, labelDescription, onChange, subtitle, }: CheckboxProps) => JSX.Element;

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"),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}))]})]}))};
+"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({checked:o,className:["amino-input-wrapper",c?"disabled":""].join(" "),"data-testid":x,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,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,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/collapse/Collapse.d.ts

@@ -1,16 +1,16 @@
 import { type ReactNode } from 'react';
 export type CollapseProps = {
-    className?: string;
     children: ReactNode;
-    /**
-     * Collapsed state
-     * @default false
-     */
-    collapsed?: boolean;
+    className?: string;
     /**
      * Size when collapsed
      * @default 0
      */
     collapseSize?: number;
+    /**
+     * Collapsed state
+     * @default false
+     */
+    collapsed?: boolean;
 };
-export declare const Collapse: ({ className, children, collapsed, collapseSize, }: CollapseProps) => JSX.Element;
+export declare const Collapse: ({ children, className, collapsed, collapseSize, }: CollapseProps) => JSX.Element;

package/components/collapse/Collapse.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),i=require("react");function n(e){return e&&e.__esModule?e:{default:e}}var r,o=n(require("styled-components")).default.div(r||(r=e.__makeTemplateObject(["\n  position: relative;\n  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  overflow: ",";\n  visibility: ",";\n  height: ",";\n"],["\n  position: relative;\n  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  overflow: ",";\n  visibility: ",";\n  height: ",";\n"])),(function(e){return e.hideOverflow?"hidden":void 0}),(function(e){return e.completelyCollapsed?"hidden":void 0}),(function(e){return e.currentlyCollapsed?"".concat(e.collapseSize,"px"):"".concat(e.$height,"px")}));exports.Collapse=function(n){var r=n.className,l=n.children,s=n.collapsed,a=void 0!==s&&s,c=n.collapseSize,u=void 0===c?0:c,d=e.__read(i.useState(a),2),p=d[0],h=d[1],f=e.__read(i.useState(a),2),v=f[0],m=f[1],_=e.__read(i.useState(),2),g=_[0],b=_[1],y=i.useRef(null),S=function(){if(null!==y.current){var e=window.getComputedStyle(y.current);return parseFloat(e.height)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+parseFloat(e.marginTop)+parseFloat(e.marginBottom)}};i.useEffect((function(){b(S())}),[]),i.useEffect((function(){m(!0),a||h(!1)}),[a]);return t.jsx(o,e.__assign({className:r,currentlyCollapsed:a,completelyCollapsed:p,hideOverflow:v,onTransitionEnd:function(){a?(m(!0),h(!0)):(m(!1),h(!1),b(S()))},$height:g,collapseSize:u},{children:t.jsx("div",e.__assign({style:{position:"relative"},ref:y},{children:l}))}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),i=require("react");function n(e){return e&&e.__esModule?e:{default:e}}var r,o=n(require("styled-components")).default.div(r||(r=e.__makeTemplateObject(["\n  position: relative;\n  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  overflow: ",";\n  visibility: ",";\n  height: ",";\n"],["\n  position: relative;\n  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  overflow: ",";\n  visibility: ",";\n  height: ",";\n"])),(function(e){return e.hideOverflow?"hidden":void 0}),(function(e){return e.completelyCollapsed?"hidden":void 0}),(function(e){return e.currentlyCollapsed?"".concat(e.collapseSize,"px"):"".concat(e.$height,"px")}));exports.Collapse=function(n){var r=n.children,l=n.className,s=n.collapsed,a=void 0!==s&&s,c=n.collapseSize,u=void 0===c?0:c,d=e.__read(i.useState(a),2),p=d[0],h=d[1],f=e.__read(i.useState(a),2),v=f[0],m=f[1],_=e.__read(i.useState(),2),g=_[0],b=_[1],y=i.useRef(null),S=function(){if(null!==y.current){var e=window.getComputedStyle(y.current);return parseFloat(e.height)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+parseFloat(e.marginTop)+parseFloat(e.marginBottom)}};i.useEffect((function(){b(S())}),[]),i.useEffect((function(){m(!0),a||h(!1)}),[a]);return t.jsx(o,e.__assign({$height:g,className:l,collapseSize:u,completelyCollapsed:p,currentlyCollapsed:a,hideOverflow:v,onTransitionEnd:function(){a?(m(!0),h(!0)):(m(!1),h(!1),b(S()))}},{children:t.jsx("div",e.__assign({ref:y,style:{position:"relative"}},{children:r}))}))};

package/components/confirm-dialog/ConfirmContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),i=require("react"),s=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("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.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(n){var o=n.children,u=e.__read(i.useState(),2),a=u[0],c=u[1],q=e.__read(i.useState(!1),2),l=q[0],j=q[1],m=i.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(t.Provider,e.__assign({value:m},{children:[o,a&&r.jsx(s.ConfirmDialog,{open:l,label:a.label,subtitle:a.subtitle,intent:a.intent,dismissText:a.dismissText,confirmText:a.confirmText,dismissAction:function(){j(!1),a.onConfirm(!1)},confirmAction:function(){j(!1),a.onConfirm(!0)}})]}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),i=require("react"),s=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("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.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(n){var o=n.children,u=e.__read(i.useState(),2),a=u[0],c=u[1],q=e.__read(i.useState(!1),2),l=q[0],j=q[1],m=i.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(t.Provider,e.__assign({value:m},{children:[o,a&&r.jsx(s.ConfirmDialog,{confirmAction:function(){j(!1),a.onConfirm(!0)},confirmText:a.confirmText,dismissAction:function(){j(!1),a.onConfirm(!1)},dismissText:a.dismissText,intent:a.intent,label:a.label,open:l,subtitle:a.subtitle})]}))};

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

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

package/components/confirm-dialog/ConfirmDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),i=require("../button/Button.js"),t=require("../dialog/_BaseDialog.js"),r=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),a=require("../text/Text.js"),o=require("../../icons/ExclamationMarkIcon.js"),u=require("../../icons/HelpIcon.js"),c=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("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,p,x,g=j(d),q=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),f=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),h=g.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),_=function(e){switch(e){case"danger":return n.jsx(o.ExclamationMarkIcon,{});case"warning":return n.jsx(c.WarningIcon,{});default:return n.jsx(u.HelpIcon,{})}};exports.ConfirmDialog=function(o){var u=o.themeOverride,c=o.open,l=o.label,d=o.intent,j=o.subtitle,m=o.confirmText,p=o.dismissText,x=o.confirmAction,g=o.dismissAction;return n.jsx(t.BaseDialog,e.__assign({width:350,"data-theme":u,open:c},{children:n.jsx(q,{children:n.jsxs(s.VStack,e.__assign({spacing:16},{children:[n.jsx(r.RoundedIcon,e.__assign({intent:d},{children:_(d)})),n.jsxs("div",{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:l})),j&&n.jsx(h,{children:j})]}),n.jsxs(f,{children:[n.jsx(i.Button,e.__assign({size:"md",onClick:g,intent:"outline"},{children:p})),n.jsx(i.Button,e.__assign({size:"md",onClick:x,intent:d},{children:m}))]})]}))})}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),i=require("../button/Button.js"),t=require("../dialog/_BaseDialog.js"),r=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),a=require("../text/Text.js"),o=require("../../icons/ExclamationMarkIcon.js"),u=require("../../icons/HelpIcon.js"),c=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("../../utils/hooks/useAminoTheme.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,p,x,g=j(d),q=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),f=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),h=g.default.span(x||(x=e.__makeTemplateObject(["\n  opacity: 0.5;\n"],["\n  opacity: 0.5;\n"]))),_=function(e){switch(e){case"danger":return n.jsx(o.ExclamationMarkIcon,{});case"warning":return n.jsx(c.WarningIcon,{});default:return n.jsx(u.HelpIcon,{})}};exports.ConfirmDialog=function(o){var u=o.confirmAction,c=o.confirmText,l=o.dismissAction,d=o.dismissText,j=o.intent,m=o.label,p=o.open,x=o.subtitle,g=o.themeOverride;return n.jsx(t.BaseDialog,e.__assign({"data-theme":g,open:p,width:350},{children:n.jsx(q,{children:n.jsxs(s.VStack,e.__assign({spacing:16},{children:[n.jsx(r.RoundedIcon,e.__assign({intent:j},{children:_(j)})),n.jsxs("div",{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:m})),x&&n.jsx(h,{children:x})]}),n.jsxs(f,{children:[n.jsx(i.Button,e.__assign({intent:"outline",onClick:l,size:"md"},{children:d})),n.jsx(i.Button,e.__assign({intent:j,onClick:u,size:"md"},{children:c}))]})]}))})}))};

package/components/connection-map/ConnectionMap.d.ts

@@ -3,10 +3,10 @@ import { type ICountryOption } from "../../types/ICountry";
 import { type IGeoJsonWorld } from "../../types/IGeoJsonWorld";
 type Props = {
     countries: ICountryOption[];
+    from: string;
     height?: number;
     to: string;
-    from: string;
     worldData: IGeoJsonWorld | null;
 };
-export declare const ConnectionMap: ({ countries, to, from, height, worldData, }: Props) => JSX.Element;
+export declare const ConnectionMap: ({ countries, from, height, to, worldData, }: Props) => JSX.Element;
 export {};

package/components/connection-map/ConnectionMap.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("react-simple-maps"),i=require("d3-geo"),s=require("../../styles/constants/theme.js"),a=require("../../utils/getCountryCodeByName.js"),o=require("styled-components"),l=require("topojson-client"),u=require("../skeleton/Skeleton.js");function d(e){return e&&e.__esModule?e:{default:e}}var c,h,g=d(o),m=g.default.div(c||(c=e.__makeTemplateObject(["\n  background: ",";\n  border-radius: ",";\n  overflow: hidden;\n\n  * {\n    outline: none;\n  }\n"],["\n  background: ",";\n  border-radius: ",";\n  overflow: hidden;\n\n  * {\n    outline: none;\n  }\n"])),s.theme.gray50,s.theme.radius12),f=g.default(u.Skeleton)(h||(h=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  border-radius: ",";\n  width: 100%;\n  /* 50% padding is 100% of width, ratio is 33%, so half */\n  padding: 16.5%;\n  margin: 0;\n"],["\n  box-sizing: border-box;\n  border-radius: ",";\n  width: 100%;\n  /* 50% padding is 100% of width, ratio is 33%, so half */\n  padding: 16.5%;\n  margin: 0;\n"])),s.theme.radius12);exports.ConnectionMap=function(o){var u=o.countries,d=o.to,c=o.from,h=o.height,g=void 0===h?400:h,_=o.worldData,b=e.__read(n.useState([0,0]),2),j=b[0],p=b[1],x=e.__read(n.useState(1),2),v=x[0],k=x[1],y=e.__read(n.useState([0,0,0]),2),M=y[0],q=y[1],C=n.useMemo((function(){return _?l.feature(_,_.objects.countries).features:null}),[_]),w=n.useCallback((function(e){var r=null==C?void 0:C.find((function(r){var n;return a.getCountryCodeByName(null===(n=r.properties)||void 0===n?void 0:n.name,u)===e}));return r?i.geoCentroid(r):[0,0]}),[u,C]),S=!(C&&u.length&&c&&d);return n.useEffect((function(){if(!S){var r=e.__read(w(c),2),n=r[0],t=r[1],s=e.__read(w(d),2),a=s[0],o=s[1],l=i.geoDistance([n,t],[a,o]),u=i.geoDistance([n,0],[a,0]),h=i.geoDistance([0,t],[0,o]),g=function(e,r){return-19.46498024*e+-92.29376925*r+284.7+(e+r>4?80*(e+r-4):0)}(u,h);k(g);var m=e.__read([(n+a)/2,(t+o)/2],2),f=m[0],_=m[1];p([0,_]);var b=-f;Math.abs(n-a)>180&&(b+=180);var j=Math.abs(_)>55?l*-(Math.abs(_)-50):0,x=h>1&&u>h&&Math.max(t,o)>50?u/h*-5:0;q([b,j+x,0])}}),[w,d,c,S]),S?r.jsx(f,{height:g}):r.jsx(m,{children:r.jsxs(t.ComposableMap,e.__assign({projection:"geoEqualEarth",projectionConfig:{scale:v,center:j,rotate:M},height:g},{children:[r.jsx(t.Geographies,e.__assign({geography:C},{children:function(e){return e.geographies.map((function(e){var n=[d,c].includes(a.getCountryCodeByName(e.properties.name,u));return r.jsx(t.Geography,{geography:e,fill:n?s.theme.blue100:s.theme.gray400,stroke:n?s.theme.blue300:s.theme.gray500,strokeWidth:1},e.rsmKey)}))}})),r.jsxs(t.Marker,e.__assign({coordinates:w(c)},{children:[r.jsx("circle",{r:10,fill:s.theme.blue300}),r.jsx("circle",{r:7,fill:s.theme.blue400})]})),r.jsxs(t.Marker,e.__assign({coordinates:w(d)},{children:[r.jsx("circle",{r:10,fill:s.theme.blue300}),r.jsx("circle",{r:7,fill:s.theme.blue400})]})),r.jsx(t.Line,{from:w(c),to:w(d),stroke:s.theme.blue600,strokeWidth:4}),r.jsxs(t.Marker,e.__assign({coordinates:w(c)},{children:[r.jsx("circle",{r:4,fill:"white"}),r.jsx("circle",{r:2,fill:s.theme.blue600})]})),r.jsxs(t.Marker,e.__assign({coordinates:w(d)},{children:[r.jsx("circle",{r:4,fill:"white"}),r.jsx("circle",{r:2,fill:s.theme.blue600})]}))]}))})};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("react-simple-maps"),i=require("d3-geo"),s=require("../../styles/constants/theme.js"),a=require("../../utils/getCountryCodeByName.js"),o=require("styled-components"),l=require("topojson-client"),u=require("../skeleton/Skeleton.js");function d(e){return e&&e.__esModule?e:{default:e}}var c,h,g=d(o),m=g.default.div(c||(c=e.__makeTemplateObject(["\n  background: ",";\n  border-radius: ",";\n  overflow: hidden;\n\n  * {\n    outline: none;\n  }\n"],["\n  background: ",";\n  border-radius: ",";\n  overflow: hidden;\n\n  * {\n    outline: none;\n  }\n"])),s.theme.gray50,s.theme.radius12),f=g.default(u.Skeleton)(h||(h=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  border-radius: ",";\n  width: 100%;\n  /* 50% padding is 100% of width, ratio is 33%, so half */\n  padding: 16.5%;\n  margin: 0;\n"],["\n  box-sizing: border-box;\n  border-radius: ",";\n  width: 100%;\n  /* 50% padding is 100% of width, ratio is 33%, so half */\n  padding: 16.5%;\n  margin: 0;\n"])),s.theme.radius12);exports.ConnectionMap=function(o){var u=o.countries,d=o.from,c=o.height,h=void 0===c?400:c,g=o.to,_=o.worldData,b=e.__read(n.useState([0,0]),2),j=b[0],p=b[1],x=e.__read(n.useState(1),2),v=x[0],k=x[1],y=e.__read(n.useState([0,0,0]),2),M=y[0],q=y[1],C=n.useMemo((function(){return _?l.feature(_,_.objects.countries).features:null}),[_]),w=n.useCallback((function(e){var r=null==C?void 0:C.find((function(r){var n;return a.getCountryCodeByName(null===(n=r.properties)||void 0===n?void 0:n.name,u)===e}));return r?i.geoCentroid(r):[0,0]}),[u,C]),S=!(C&&u.length&&d&&g);return n.useEffect((function(){if(!S){var r=e.__read(w(d),2),n=r[0],t=r[1],s=e.__read(w(g),2),a=s[0],o=s[1],l=i.geoDistance([n,t],[a,o]),u=i.geoDistance([n,0],[a,0]),c=i.geoDistance([0,t],[0,o]),h=function(e,r){return-19.46498024*e+-92.29376925*r+284.7+(e+r>4?80*(e+r-4):0)}(u,c);k(h);var m=e.__read([(n+a)/2,(t+o)/2],2),f=m[0],_=m[1];p([0,_]);var b=-f;Math.abs(n-a)>180&&(b+=180);var j=Math.abs(_)>55?l*-(Math.abs(_)-50):0,x=c>1&&u>c&&Math.max(t,o)>50?u/c*-5:0;q([b,j+x,0])}}),[w,g,d,S]),S?r.jsx(f,{height:h}):r.jsx(m,{children:r.jsxs(t.ComposableMap,e.__assign({height:h,projection:"geoEqualEarth",projectionConfig:{center:j,rotate:M,scale:v}},{children:[r.jsx(t.Geographies,e.__assign({geography:C},{children:function(e){return e.geographies.map((function(e){var n=[g,d].includes(a.getCountryCodeByName(e.properties.name,u));return r.jsx(t.Geography,{fill:n?s.theme.blue100:s.theme.gray400,geography:e,stroke:n?s.theme.blue300:s.theme.gray500,strokeWidth:1},e.rsmKey)}))}})),r.jsxs(t.Marker,e.__assign({coordinates:w(d)},{children:[r.jsx("circle",{fill:s.theme.blue300,r:10}),r.jsx("circle",{fill:s.theme.blue400,r:7})]})),r.jsxs(t.Marker,e.__assign({coordinates:w(g)},{children:[r.jsx("circle",{fill:s.theme.blue300,r:10}),r.jsx("circle",{fill:s.theme.blue400,r:7})]})),r.jsx(t.Line,{from:w(d),stroke:s.theme.blue600,strokeWidth:4,to:w(g)}),r.jsxs(t.Marker,e.__assign({coordinates:w(d)},{children:[r.jsx("circle",{fill:"white",r:4}),r.jsx("circle",{fill:s.theme.blue600,r:2})]})),r.jsxs(t.Marker,e.__assign({coordinates:w(g)},{children:[r.jsx("circle",{fill:"white",r:4}),r.jsx("circle",{fill:s.theme.blue600,r:2})]}))]}))})};