@zonos/amino 5.1.86 → 5.1.87

package/components/theme-select/ThemeSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../card/Card.js"),i=require("../select/Select.js"),s=require("../stack/HStack.js"),c=require("../switch/Switch.js"),o=require("../text/Text.js"),a=require("../../icons/custom/theme/ThemeDarkIcon.js"),u=require("../../icons/custom/theme/ThemeLightIcon.js"),l=require("../../icons/NightIcon.js"),d=require("../../icons/SunnyIcon.js"),h=require("../../styles/constants/theme.js"),m=require("../../utils/hooks/useAminoTheme.js");function j(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../style-inject.es-d4ddeae4.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../stack/Stack.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_ThemeIconBase.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var q,x,g=j(r),b=g.default.button(q||(q=e.__makeTemplateObject(["\n  border: ",";\n  color: ",";\n  border-radius: ",";\n\n  &:not([disabled]) {\n    &:active,\n    &:focus {\n      outline: none;\n    }\n  }\n"],["\n  border: ",";\n  color: ",";\n  border-radius: ",";\n\n  &:not([disabled]) {\n    &:active,\n    &:focus {\n      outline: none;\n    }\n  }\n"])),(function(e){return"2px solid ".concat(e.$isActive?h.theme.blue400:"transparent")}),(function(e){return e.$isActive?h.theme.primary:h.theme.textColor}),h.theme.radius8),p=g.default(t.Card)(x||(x=e.__makeTemplateObject(["\n  background: ",";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: ",";\n\n  svg {\n    height: 64px;\n    width: 110px;\n    box-shadow: ",";\n    margin-bottom: ",";\n  }\n"],["\n  background: ",";\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: ",";\n\n  svg {\n    height: 64px;\n    width: 110px;\n    box-shadow: ",";\n    margin-bottom: ",";\n  }\n"])),h.theme.gray0,h.theme.space16,h.theme.v3ShadowLarge,h.theme.space16),y=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=function(e){var r=e.className,t=e.disabled,h=void 0!==t&&t,j=e.type,q=void 0===j?"select":j,x=m.useAminoTheme(),g=x.aminoTheme,f=x.setAminoTheme,k="day"===g;return n.jsxs(n.Fragment,{children:["cards"===q&&n.jsxs(s.HStack,{className:r,children:[n.jsx(b,{$isActive:"day"===g,"data-theme":"day",onClick:function(){return f("day")},type:"button",children:n.jsxs(p,{children:[n.jsx(u.ThemeLightIcon,{}),n.jsx(o.Text,{type:"bold-label",children:"Light"})]})}),n.jsx(b,{$isActive:"night"===g,"data-theme":"night",onClick:function(){return f("night")},type:"button",children:n.jsxs(p,{children:[n.jsx(a.ThemeDarkIcon,{}),n.jsx(o.Text,{type:"bold-label",children:"Dark"})]})})]}),"select"===q&&n.jsx(i.Select,{className:r,icon:function(){switch(g){case"day":default:return n.jsx(d.SunnyIcon,{});case"night":return n.jsx(l.NightIcon,{})}}(),isClearable:!1,isDisabled:h,onChange:function(e){return f((null==e?void 0:e.value)||"day")},options:y,value:y.filter((function(e){return e.value===g}))}),"toggle"===q&&n.jsx(c.Switch,{checked:k,className:r,disabled:h,onChange:function(){return!h&&f("day"===g?"night":"day")},switchIconLeft:n.jsx(l.NightIcon,{}),switchIconRight:n.jsx(d.SunnyIcon,{})})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),t=require("../card/Card.js"),i=require("../select/Select.js"),s=require("../stack/HStack.js"),o=require("../switch/Switch.js"),n=require("../text/Text.js"),c=require("../../icons/custom/theme/ThemeDarkIcon.js"),a=require("../../icons/custom/theme/ThemeLightIcon.js"),l=require("../../icons/NightIcon.js"),u=require("../../icons/SunnyIcon.js"),d=require("../../utils/hooks/useAminoTheme.js"),m=require("../../style-inject.es-d4ddeae4.js");function h(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("../../styles/constants/theme.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../stack/Stack.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_ThemeIconBase.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var j=h(r),q="Amino_ThemeSelect-module__buttonStyled--wBHjJ",x="Amino_ThemeSelect-module__isActive--ZPXYh",_="Amino_ThemeSelect-module__themeCard--hAr8l";m.styleInject(".Amino_ThemeSelect-module__buttonStyled--wBHjJ{border:2px solid #0000;border-radius:var(--amino-radius-8);color:var(--amino-text-color)}.Amino_ThemeSelect-module__buttonStyled--wBHjJ.Amino_ThemeSelect-module__isActive--ZPXYh{border-color:var(--amino-blue-400);color:var(--amino-primary)}.Amino_ThemeSelect-module__buttonStyled--wBHjJ:not([disabled]):active,.Amino_ThemeSelect-module__buttonStyled--wBHjJ:not([disabled]):focus{outline:none}.Amino_ThemeSelect-module__themeCard--hAr8l{align-items:center;background:var(--amino-gray-0);display:flex;flex-direction:column;padding:16px}.Amino_ThemeSelect-module__themeCard--hAr8l svg{box-shadow:var(--amino-v3-shadow-large);height:64px;margin-bottom:16px;width:110px}");var b=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=function(r){var m=r.className,h=r.disabled,g=void 0!==h&&h,S=r.type,y=void 0===S?"select":S,v=d.useAminoTheme(),T=v.aminoTheme,I=v.setAminoTheme,k="day"===T;return e.jsxs(e.Fragment,{children:["cards"===y&&e.jsxs(s.HStack,{className:m,children:[e.jsx("button",{className:j.default(q,"day"===T&&x),"data-theme":"day",onClick:function(){return I("day")},type:"button",children:e.jsxs(t.Card,{className:_,children:[e.jsx(a.ThemeLightIcon,{}),e.jsx(n.Text,{type:"bold-label",children:"Light"})]})}),e.jsx("button",{className:j.default(q,"night"===T&&x),"data-theme":"night",onClick:function(){return I("night")},type:"button",children:e.jsxs(t.Card,{className:_,children:[e.jsx(c.ThemeDarkIcon,{}),e.jsx(n.Text,{type:"bold-label",children:"Dark"})]})})]}),"select"===y&&e.jsx(i.Select,{className:m,icon:function(){switch(T){case"day":default:return e.jsx(u.SunnyIcon,{});case"night":return e.jsx(l.NightIcon,{})}}(),isClearable:!1,isDisabled:g,onChange:function(e){return I((null==e?void 0:e.value)||"day")},options:b,value:b.filter((function(e){return e.value===T}))}),"toggle"===y&&e.jsx(o.Switch,{checked:k,className:m,disabled:g,onChange:function(){return!g&&I("day"===T?"night":"day")},switchIconLeft:e.jsx(l.NightIcon,{}),switchIconRight:e.jsx(u.SunnyIcon,{})})]})};

package/components/thumbnail/Thumbnail.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}var i,c={round:"50%",rounded:"20%",square:"0px"},a=o(t).default.div(i||(i=n.__makeTemplateObject(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: ",";\n  height: ",";\n  border-radius: ",";\n  border: ",";\n  border: ",";\n  box-sizing: content-box;\n  background-color: ",";\n\n  svg {\n    color: ",";\n\n    width: 60%;\n    height: 60%;\n\n    path[data-is-secondary-color] {\n      fill: ",";\n    }\n  }\n"],["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: ",";\n  height: ",";\n  border-radius: ",";\n  border: ",";\n  border: ",";\n  box-sizing: content-box;\n  background-color: ",";\n\n  svg {\n    color: ",";\n\n    width: 60%;\n    height: 60%;\n\n    path[data-is-secondary-color] {\n      fill: ",";\n    }\n  }\n"])),(function(n){return"".concat(n.size,"px")}),(function(n){return"".concat(n.size,"px")}),(function(n){return c[n.shape]}),(function(n){return"bordered"===n.intent&&"".concat(n.size/16,"px solid ").concat(r.theme.gray0)}),(function(n){return"outline"===n.intent&&"1px solid ".concat(r.theme.gray200)}),(function(n){return"outline"===n.intent?"transparent":r.theme["".concat(n.color,"100")]}),(function(n){return r.theme["".concat(n.color,"800")]}),(function(n){return r.theme["".concat(n.color,"400")]}));exports.Thumbnail=function(n){var t=n.className,r=n.color,o=void 0===r?"gray":r,i=n.icon,c=n.intent,s=void 0===c?"full":c,u=n.shape,l=void 0===u?"round":u,d=n.size,h=void 0===d?32:d;return e.jsx(a,{className:t,color:o,intent:s,shape:l,size:h,children:i})};
+"use strict";var i=require("react/jsx-runtime"),o=require("clsx"),a=require("../../styles/constants/theme.js"),n=require("../../style-inject.es-d4ddeae4.js");function e(i){return i&&i.__esModule?i:{default:i}}var r=e(o),l="Amino_Thumbnail-module__wrapper--oG7iK",m="Amino_Thumbnail-module__bordered--hqPCS",u="Amino_Thumbnail-module__outline--BntlJ";n.styleInject(".Amino_Thumbnail-module__wrapper--oG7iK{align-items:center;background-color:var(--amino-thumbnail-background-color);border-radius:var(--amino-thumbnail-border-radius);box-sizing:initial;display:inline-flex;height:var(--amino-thumbnail-size);justify-content:center;width:var(--amino-thumbnail-size)}.Amino_Thumbnail-module__wrapper--oG7iK.Amino_Thumbnail-module__bordered--hqPCS{border:calc(var(--amino-thumbnail-size)/16) solid var(--amino-gray-0)}.Amino_Thumbnail-module__wrapper--oG7iK.Amino_Thumbnail-module__outline--BntlJ{background-color:initial;border:1px solid var(--amino-gray-200)}.Amino_Thumbnail-module__wrapper--oG7iK svg{color:var(--amino-thumbnail-svg-main-color);height:60%;width:60%}.Amino_Thumbnail-module__wrapper--oG7iK svg path[data-is-secondary-color]{fill:var(--amino-thumbnail-svg-secondary-color)}");var t={round:"50%",rounded:"20%",square:"0px"};exports.Thumbnail=function(o){var n=o.className,e=o.color,d=void 0===e?"gray":e,s=o.icon,c=o.intent,h=void 0===c?"full":c,b=o.shape,_=void 0===b?"round":b,v=o.size,p=void 0===v?32:v;return i.jsx("div",{className:r.default(n,l,"bordered"===h&&m,"outline"===h&&u),style:{"--amino-thumbnail-background-color":a.theme["".concat(d,"100")],"--amino-thumbnail-border-radius":t[_],"--amino-thumbnail-size":"".concat(p,"px"),"--amino-thumbnail-svg-main-color":a.theme["".concat(d,"800")],"--amino-thumbnail-svg-secondary-color":a.theme["".concat(d,"400")]},children:s})};

package/components/toast/Toast.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("framer-motion"),a=require("styled-components"),t=require("../../icons/CheckCircleIcon.js"),g=require("../../icons/InfoIcon.js"),o=require("../../icons/RemoveCircleIcon.js"),i=require("../../icons/WarningIcon.js"),s=require("../../styles/constants/theme.js");function c(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js");var d,l,b,u,h,m=c(a),y=m.default(r.motion.div)(d||(d=n.__makeTemplateObject(["\n  background: linear-gradient(\n      90deg,\n      rgba(148, 150, 158, 0.4) 0%,\n      rgba(148, 150, 158, 0) 50%\n    ),\n    ",";\n  z-index: 999999;\n  border-radius: ",";\n  color: ",";\n  box-shadow: ",";\n  padding: ",";\n  display: flex;\n  align-items: center;\n  gap: ",";\n  font-weight: 500;\n  user-select: none;\n\n  & + & {\n    margin-top: ",";\n  }\n\n  & svg {\n    color: ",";\n  }\n\n  [data-theme='night'] & {\n    background: linear-gradient(\n        90deg,\n        rgba(148, 150, 158, 0.24) 0%,\n        rgba(148, 150, 158, 0) 50%\n      ),\n      ",";\n    color: ",";\n\n    & svg {\n      color: ",";\n    }\n  }\n"],["\n  background: linear-gradient(\n      90deg,\n      rgba(148, 150, 158, 0.4) 0%,\n      rgba(148, 150, 158, 0) 50%\n    ),\n    ",";\n  z-index: 999999;\n  border-radius: ",";\n  color: ",";\n  box-shadow: ",";\n  padding: ",";\n  display: flex;\n  align-items: center;\n  gap: ",";\n  font-weight: 500;\n  user-select: none;\n\n  & + & {\n    margin-top: ",";\n  }\n\n  & svg {\n    color: ",";\n  }\n\n  [data-theme='night'] & {\n    background: linear-gradient(\n        90deg,\n        rgba(148, 150, 158, 0.24) 0%,\n        rgba(148, 150, 158, 0) 50%\n      ),\n      ",";\n    color: ",";\n\n    & svg {\n      color: ",";\n    }\n  }\n"])),s.theme.gray1200,s.theme.radius12,s.theme.gray0,s.theme.v3ShadowLarge,s.theme.space16,s.theme.space12,s.theme.space24,s.theme.gray500,s.theme.gray50,s.theme.gray1200,s.theme.gray600),k=m.default(y)(l||(l=n.__makeTemplateObject(["\n  background: linear-gradient(\n      90deg,\n      rgba(86, 199, 111, 0.4) 0%,\n      rgba(86, 199, 111, 0) 50%\n    ),\n    ",";\n\n  & svg {\n    color: ",";\n  }\n\n  [data-theme='night'] & {\n    background: linear-gradient(\n        90deg,\n        rgba(86, 199, 111, 0.24) 0%,\n        rgba(86, 199, 111, 0) 50%\n      ),\n      ",";\n\n    & svg {\n      color: ",";\n    }\n  }\n"],["\n  background: linear-gradient(\n      90deg,\n      rgba(86, 199, 111, 0.4) 0%,\n      rgba(86, 199, 111, 0) 50%\n    ),\n    ",";\n\n  & svg {\n    color: ",";\n  }\n\n  [data-theme='night'] & {\n    background: linear-gradient(\n        90deg,\n        rgba(86, 199, 111, 0.24) 0%,\n        rgba(86, 199, 111, 0) 50%\n      ),\n      ",";\n\n    & svg {\n      color: ",";\n    }\n  }\n"])),s.theme.gray1200,s.theme.green500,s.theme.gray50,s.theme.green600),v=m.default(y)(b||(b=n.__makeTemplateObject(["\n  background: linear-gradient(\n      90deg,\n      rgba(249, 92, 103, 0.4) 0%,\n      rgba(249, 92, 103, 0) 50%\n    ),\n    ",";\n\n  & svg {\n    color: ",";\n  }\n\n  [data-theme='night'] & {\n    background: linear-gradient(\n        90deg,\n        rgba(249, 92, 103, 0.24) 0%,\n        rgba(249, 92, 103, 0) 50%\n      ),\n      ",";\n\n    & svg {\n      color: ",";\n    }\n  }\n"],["\n  background: linear-gradient(\n      90deg,\n      rgba(249, 92, 103, 0.4) 0%,\n      rgba(249, 92, 103, 0) 50%\n    ),\n    ",";\n\n  & svg {\n    color: ",";\n  }\n\n  [data-theme='night'] & {\n    background: linear-gradient(\n        90deg,\n        rgba(249, 92, 103, 0.24) 0%,\n        rgba(249, 92, 103, 0) 50%\n      ),\n      ",";\n\n    & svg {\n      color: ",";\n    }\n  }\n"])),s.theme.gray1200,s.theme.red500,s.theme.gray50,s.theme.red600),p=m.default(y)(u||(u=n.__makeTemplateObject(["\n  background: linear-gradient(\n      90deg,\n      rgba(248, 140, 83, 0.4) 0%,\n      rgba(248, 140, 83, 0) 50%\n    ),\n    ",";\n\n  & svg {\n    color: ",";\n  }\n\n  [data-theme='night'] & {\n    background: linear-gradient(\n        90deg,\n        rgba(248, 140, 83, 0.24) 0%,\n        rgba(248, 140, 83, 0) 50%\n      ),\n      ",";\n\n    & svg {\n      color: ",";\n    }\n  }\n"],["\n  background: linear-gradient(\n      90deg,\n      rgba(248, 140, 83, 0.4) 0%,\n      rgba(248, 140, 83, 0) 50%\n    ),\n    ",";\n\n  & svg {\n    color: ",";\n  }\n\n  [data-theme='night'] & {\n    background: linear-gradient(\n        90deg,\n        rgba(248, 140, 83, 0.24) 0%,\n        rgba(248, 140, 83, 0) 50%\n      ),\n      ",";\n\n    & svg {\n      color: ",";\n    }\n  }\n"])),s.theme.gray1200,s.theme.orange500,s.theme.gray50,s.theme.orange600),_=m.default(y)(h||(h=n.__makeTemplateObject(["\n  background: linear-gradient(\n      90deg,\n      rgba(95, 146, 246, 0.4) 0%,\n      rgba(95, 146, 246, 0) 50%\n    ),\n    ",";\n\n  & svg {\n    color: ",";\n  }\n\n  [data-theme='night'] & {\n    background: linear-gradient(\n        90deg,\n        rgba(95, 146, 246, 0.24) 0%,\n        rgba(95, 146, 246, 0) 50%\n      ),\n      ",";\n\n    & svg {\n      color: ",";\n    }\n  }\n"],["\n  background: linear-gradient(\n      90deg,\n      rgba(95, 146, 246, 0.4) 0%,\n      rgba(95, 146, 246, 0) 50%\n    ),\n    ",";\n\n  & svg {\n    color: ",";\n  }\n\n  [data-theme='night'] & {\n    background: linear-gradient(\n        90deg,\n        rgba(95, 146, 246, 0.24) 0%,\n        rgba(95, 146, 246, 0) 50%\n      ),\n      ",";\n\n    & svg {\n      color: ",";\n    }\n  }\n"])),s.theme.gray1200,s.theme.blue500,s.theme.gray50,s.theme.blue600);exports.Toast=function(r){var a=r.children,s=r.direction,c=r.intent,d=r.toastKey,l=function(){switch(s){case"top":return{opacity:0,translateX:0,translateY:-10};case"bottom":return{opacity:0,translateX:0,translateY:10};case"left":return{opacity:0,translateX:-10,translateY:0};default:return{opacity:0,translateX:10,translateY:0}}},b={animate:{opacity:1,translateX:0,translateY:0},exit:l(),initial:l(),key:d};switch(c){case"success":return e.jsxs(k,n.__assign({layout:!0},b,{children:[e.jsx(t.CheckCircleIcon,{}),a]}));case"error":return e.jsxs(v,n.__assign({layout:!0},b,{children:[e.jsx(o.RemoveCircleIcon,{}),a]}));case"warning":return e.jsxs(p,n.__assign({layout:!0},b,{children:[e.jsx(i.WarningIcon,{}),a]}));case"info":return e.jsxs(_,n.__assign({layout:!0},b,{children:[e.jsx(g.InfoIcon,{}),a]}));default:return e.jsxs(y,n.__assign({layout:!0},b,{children:[e.jsx(g.InfoIcon,{}),a]}))}};
+"use strict";var o=require("../../_tslib-ccfac372.js"),a=require("react/jsx-runtime"),n=require("clsx"),e=require("framer-motion"),i=require("../../icons/CheckCircleIcon.js"),t=require("../../icons/InfoIcon.js"),r=require("../../icons/RemoveCircleIcon.js"),s=require("../../icons/WarningIcon.js"),m=require("../../style-inject.es-d4ddeae4.js");function _(o){return o&&o.__esModule?o:{default:o}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var d=_(n),c="Amino_Toast-module__aminoToast--Q7M1O",l="Amino_Toast-module__aminoSuccessToast--M03g9",u="Amino_Toast-module__aminoErrorToast--8Xban",g="Amino_Toast-module__aminoWarningToast--rFQsd",T="Amino_Toast-module__aminoInfoToast--HSKJi";m.styleInject(".Amino_Toast-module__aminoToast--Q7M1O{align-items:center;background:linear-gradient(90deg,#94969e66 0,#94969e00 50%),var(--amino-gray-1200);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-large);color:var(--amino-gray-0);display:flex;font-weight:500;gap:12px;padding:16px;-webkit-user-select:none;user-select:none;z-index:999999}.Amino_Toast-module__aminoToast--Q7M1O+.Amino_Toast-module__aminoToast--Q7M1O{margin-top:24px}.Amino_Toast-module__aminoToast--Q7M1O svg{color:var(--amino-gray-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O{background:linear-gradient(90deg,#94969e3d 0,#94969e00 50%),var(--amino-gray-50);color:var(--amino-gray-1200)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O svg{color:var(--amino-gray-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9{background:linear-gradient(90deg,#56c76f66 0,#56c76f00 50%),var(--amino-gray-1200)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9 svg{color:var(--amino-green-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9{background:linear-gradient(90deg,#56c76f3d 0,#56c76f00 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9 svg{color:var(--amino-green-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban{background:linear-gradient(90deg,#f95c6766 0,#f95c6700 50%),var(--amino-gray-1200)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban svg{color:var(--amino-red-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban{background:linear-gradient(90deg,#f95c673d 0,#f95c6700 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban svg{color:var(--amino-red-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd{background:linear-gradient(90deg,#f88c5366 0,#f88c5300 50%),var(--amino-gray-1200)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd svg{color:var(--amino-orange-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd{background:linear-gradient(90deg,#f88c533d 0,#f88c5300 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd svg{color:var(--amino-orange-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi{background:linear-gradient(90deg,#5f92f666 0,#5f92f600 50%),var(--amino-gray-1200)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi svg{color:var(--amino-blue-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi{background:linear-gradient(90deg,#5f92f63d 0,#5f92f600 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi svg{color:var(--amino-blue-600)}");exports.Toast=function(n){var m=n.children,_=n.direction,A=n.intent,f=n.toastKey,v=function(){switch(_){case"top":return{opacity:0,translateX:0,translateY:-10};case"bottom":return{opacity:0,translateX:0,translateY:10};case"left":return{opacity:0,translateX:-10,translateY:0};default:return{opacity:0,translateX:10,translateY:0}}},h={animate:{opacity:1,translateX:0,translateY:0},exit:v(),initial:v(),key:f},M=function(){switch(A){case"success":return{class:l,icon:a.jsx(i.CheckCircleIcon,{})};case"error":return{class:u,icon:a.jsx(r.RemoveCircleIcon,{})};case"warning":return{class:g,icon:a.jsx(s.WarningIcon,{})};case"info":return{class:T,icon:a.jsx(t.InfoIcon,{})};default:return{class:c,icon:a.jsx(t.InfoIcon,{})}}}();return a.jsxs(e.motion.div,o.__assign({className:d.default(c,M.class),layout:!0},h,{children:[M.icon,m]}))};

package/components/toast/ToastContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("framer-motion"),o=require("styled-components"),i=require("uuid"),s=require("./Toast.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");var c,u=a(o),l=r.createContext((function(e,t){})),d=u.default.div(c||(c=e.__makeTemplateObject(["\n  bottom: ",";\n  left: ",";\n"],["\n  bottom: ",";\n  left: ",";\n"])),(function(e){var t;return(null===(t=e.$location)||void 0===t?void 0:t.bottom)||""}),(function(e){var t;return(null===(t=e.$location)||void 0===t?void 0:t.left)||""}));exports.ToastContext=l,exports.ToastContextProvider=function(o){var a=o.children,c=e.__read(r.useState([]),2),u=c[0],f=c[1],m=e.__read(r.useState({bottom:"",left:""}),2),v=m[0],j=m[1],_=r.useCallback((function(t,r){f((function(n){return e.__spreadArray(e.__spreadArray([],e.__read(n),!1),[{props:r,toast:t,uuid:i.v4()}],!1)})),setTimeout((function(){return f((function(e){return e.slice(1)}))}),(null==r?void 0:r.duration)||6e3)}),[f]),p=r.useCallback((function(e,t,r){r&&j({bottom:r.bottom||"",left:r.left||""}),_(e,t)}),[_]);return t.jsx(n.AnimatePresence,{children:t.jsxs(l.Provider,{value:p,children:[a,t.jsx("div",{className:"toast-container",children:t.jsx(d,{$location:v,className:"toasts-wrapper",children:t.jsx(n.AnimatePresence,{children:u.map((function(e){var r=e.props,n=e.toast,o=e.uuid,i="toast-".concat(n,"-").concat(o);return t.jsx(s.Toast,{direction:null==r?void 0:r.direction,intent:null==r?void 0:r.intent,toastKey:i,children:n},i)}))})})})]})})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),o=require("clsx"),n=require("framer-motion"),s=require("uuid"),i=require("./Toast.js"),a=require("../../style-inject.es-d4ddeae4.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");var u=c(o),l="Amino_ToastContext-module__toastsWrapper--W5SKw";a.styleInject(".Amino_ToastContext-module__toastsWrapper--W5SKw{bottom:var(--amino-toast-context-bottom);left:var(--amino-toast-context-left)}");var d=r.createContext((function(e,t){}));exports.ToastContext=d,exports.ToastContextProvider=function(o){var a=o.children,c=e.__read(r.useState([]),2),m=c[0],f=c[1],x=e.__read(r.useState({bottom:"",left:""}),2),_=x[0],j=x[1],v=r.useCallback((function(t,r){f((function(o){return e.__spreadArray(e.__spreadArray([],e.__read(o),!1),[{props:r,toast:t,uuid:s.v4()}],!1)})),setTimeout((function(){return f((function(e){return e.slice(1)}))}),(null==r?void 0:r.duration)||6e3)}),[f]),p=r.useCallback((function(e,t,r){r&&j({bottom:r.bottom||"",left:r.left||""}),v(e,t)}),[v]);return t.jsx(n.AnimatePresence,{children:t.jsxs(d.Provider,{value:p,children:[a,t.jsx("div",{className:"toast-container",style:{"--amino-toast-context-bottom":_.bottom||"40px","--amino-toast-context-left":_.left||""},children:t.jsx("div",{className:u.default(l,"toasts-wrapper"),children:t.jsx(n.AnimatePresence,{children:m.map((function(e){var r=e.props,o=e.toast,n=e.uuid,s="toast-".concat(o,"-").concat(n);return t.jsx(i.Toast,{direction:null==r?void 0:r.direction,intent:null==r?void 0:r.intent,toastKey:s,children:o},s)}))})})})]})})};

package/components/tooltip/Tooltip.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),s=require("@mui/material/styles"),o=require("@mui/material/Tooltip"),a=require("styled-components"),r=require("../stack/VStack.js"),n=require("../text/Text.js"),i=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useAminoTheme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../stack/Stack.js"),require("../../style-inject.es-d4ddeae4.js"),require("react"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var c,u,p,m,h=d(o),g=d(a),j=g.default(r.VStack)(c||(c=e.__makeTemplateObject(["\n  padding: ",";\n"],["\n  padding: ",";\n"])),i.theme.space0),b=g.default.div(u||(u=e.__makeTemplateObject([""],[""]))),_=g.default.span(p||(p=e.__makeTemplateObject(["\n  display: none;\n"],["\n  display: none;\n"]))),k=g.default.div(m||(m=e.__makeTemplateObject(["\n  position: relative;\n  [disabled] + "," {\n    display: block;\n    cursor: not-allowed;\n    /** @desc avoid showing tooltip on top of dialog or coversheet */\n    z-index: 10;\n\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n  }\n"],["\n  position: relative;\n  [disabled] + "," {\n    display: block;\n    cursor: not-allowed;\n    /** @desc avoid showing tooltip on top of dialog or coversheet */\n    z-index: 10;\n\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n  }\n"])),_),q=s.styled((function(s){var o=s.className,a=s.dataTheme,r=e.__rest(s,["className","dataTheme"]);return t.jsx(h.default,e.__assign({},r,{classes:{popper:o},PopperProps:e.__assign(e.__assign({},r.PopperProps),{"data-theme":a})}))}))((function(e){var t,s,a=e.background;return(t={})["& .".concat(o.tooltipClasses.tooltip)]={backgroundColor:a?i.theme[a]:i.theme.gray1200,borderRadius:i.theme.radius10,boxShadow:i.theme.v3ShadowLarge,padding:i.theme.space12},t["&[data-theme='night']"]=((s={})[".".concat(o.tooltipClasses.tooltip)]={backgroundColor:a?i.theme[a]:i.theme.gray50},s),t}));exports.Tooltip=function(s){var o=s.background,a=s.children,r=s.className,i=s.open,d=s.showTooltip,c=s.subtitle,u=s.tag,p=s.themeOverride,m=s.title,h=e.__rest(s,["background","children","className","open","showTooltip","subtitle","tag","themeOverride","title"]),g=l.useAminoTheme().aminoTheme;return d?t.jsx(q,e.__assign({},h,{background:o,className:r,dataTheme:p||g,open:i,title:t.jsxs(j,{spacing:8,children:[m&&t.jsx(n.Text,{isUppercase:!1,type:"small-header",children:m}),"string"==typeof c?t.jsx(n.Text,{type:"caption",children:c}):c]}),children:t.jsxs(k,{as:u,children:[a,t.jsx(_,{})]})})):t.jsx(b,{as:u,children:a})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),s=require("react/jsx-runtime"),t=require("@mui/material/styles"),r=require("@mui/material/Tooltip"),o=require("../stack/VStack.js"),i=require("../text/Text.js"),a=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useAminoTheme.js"),n=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../stack/Stack.js"),require("react"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var p=d(r),c="Amino_Tooltip-module__styledVStack--oMl2F",u="Amino_Tooltip-module__hiddenSpan--jqQ9w",m="Amino_Tooltip-module__childWrapper--srD4p";n.styleInject(".Amino_Tooltip-module__styledVStack--oMl2F{padding:0}.Amino_Tooltip-module__hiddenSpan--jqQ9w{display:none}.Amino_Tooltip-module__childWrapper--srD4p{position:relative}.Amino_Tooltip-module__childWrapper--srD4p [disabled]+.Amino_Tooltip-module__hiddenSpan--jqQ9w{bottom:0;cursor:not-allowed;display:block;left:0;position:absolute;right:0;top:0;z-index:10}");var h=t.styled((function(t){var r=t.className,o=t.dataTheme,i=e.__rest(t,["className","dataTheme"]);return s.jsx(p.default,e.__assign({},i,{classes:{popper:r},PopperProps:e.__assign(e.__assign({},i.PopperProps),{"data-theme":o})}))}))((function(e){var s,t,o=e.background;return(s={})["&& .".concat(r.tooltipClasses.tooltip)]={backgroundColor:o?a.theme[o]:a.theme.gray1200,borderRadius:a.theme.radius10,boxShadow:a.theme.v3ShadowLarge,padding:a.theme.space12},s["&&[data-theme='night']"]=((t={})[".".concat(r.tooltipClasses.tooltip)]={backgroundColor:o?a.theme[o]:a.theme.gray50},t),s}));exports.Tooltip=function(t){var r=t.background,a=t.children,n=t.className,d=t.open,p=t.showTooltip,_=t.subtitle,j=t.tag,g=t.themeOverride,T=t.title,q=e.__rest(t,["background","children","className","open","showTooltip","subtitle","tag","themeOverride","title"]),x=l.useAminoTheme().aminoTheme;return p?s.jsx(h,e.__assign({},q,{background:r,className:n,dataTheme:g||x,open:d,title:s.jsxs(o.VStack,{className:c,spacing:8,children:[T&&s.jsx(i.Text,{isUppercase:!1,type:"small-header",children:T}),"string"==typeof _?s.jsx(i.Text,{type:"caption",children:_}):_]}),children:"span"===j?s.jsxs("span",{className:m,children:[a,s.jsx("span",{className:u})]}):s.jsxs("div",{className:m,children:[a,s.jsx("span",{className:u})]})})):"span"===j?s.jsx("span",{children:a}):s.jsx("div",{children:a})};

package/package.json

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

package/utils/hooks/useNotify.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("../../components/toast/ToastContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("framer-motion"),require("styled-components"),require("uuid"),require("../../components/toast/Toast.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");exports.useNotify=function(){return e.useContext(r.ToastContext)};
+"use strict";var e=require("react"),r=require("../../components/toast/ToastContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("clsx"),require("framer-motion"),require("uuid"),require("../../components/toast/Toast.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js"),require("../../style-inject.es-d4ddeae4.js");exports.useNotify=function(){return e.useContext(r.ToastContext)};