@zonos/amino 5.1.4 → 5.1.6

package/components/button/Button.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),o=require("react"),t=require("styled-components"),r=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),c=require("../../styles/constants/theme.js");function u(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var s,d,l,g,h,b,m,p,f,x=u(t),k=function(n){return"inherit"===n?"inherit":n?c.theme[n]:void 0},v=function(n){switch(n){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},y=x.default.span(s||(s=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ",";\n  gap: ",";\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ",";\n  gap: ",";\n"])),c.theme.radius6,c.theme.space8),w=x.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    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:active {\n    transform: scale(0.99);\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg:not(.amino-spinner) {\n        margin-left: ",";\n        margin-right: 0;\n      }\n    }\n    svg:not(.amino-spinner) {\n      margin-right: ",";\n      margin-left: 0;\n    }\n  }\n\n  &[disabled] {\n    cursor: not-allowed;\n    .content {\n      opacity: ",";\n    }\n  }\n"],["\n  position: relative;\n  outline: none;\n  height: ",";\n  line-height: ",";\n  font-size: 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    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:active {\n    transform: scale(0.99);\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg:not(.amino-spinner) {\n        margin-left: ",";\n        margin-right: 0;\n      }\n    }\n    svg:not(.amino-spinner) {\n      margin-right: ",";\n      margin-left: 0;\n    }\n  }\n\n  &[disabled] {\n    cursor: not-allowed;\n    .content {\n      opacity: ",";\n    }\n  }\n"])),(function(n){return"var(--amino-size-".concat(n.size,")")}),(function(n){return"var(--amino-size-".concat(n.size,")")}),c.theme.space16,c.theme.radius6,c.theme.transition,c.theme.fontSans,(function(n){return function(n){switch(n){case"sm":return"".concat(c.theme.space4," ").concat(c.theme.space8);case"lg":case"xl":return"".concat(c.theme.space12," ").concat(c.theme.space24);default:return"".concat(c.theme.space8," ").concat(c.theme.space16)}}(n.size)}),(function(n){return"var(--amino-size-".concat(n.size,")")}),c.theme.space8,c.theme.space8,(function(n){return n.outline?.6:1})),_=x.default(w)(l||(l=n.__makeTemplateObject(["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return k(n.color)||n.outline?c.theme.primary:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.primary," inset"):c.theme.shadowButtonPrimary}),(function(n){return k(n.background)||n.outline?c.theme.gray0:c.theme.primary}),(function(n){return k(n.hoverBackground)||n.outline?c.theme.blue100:""}),(function(n){return n.outline?"":c.theme.buttonPrimaryHover}),(function(n){return n.outline?c.theme.blue200:c.theme.blue700}),c.theme.focusButton,(function(n){return n.outline?c.theme.gray0:c.theme.blue400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.blue400):""}),y,(function(n){return n.outline?c.theme.gray0:c.theme.primary})),j=x.default(w)(g||(g=n.__makeTemplateObject(["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n      &:active {\n        background: ",";\n      }\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n      &:active {\n        background: ",";\n      }\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return k(n.color)||n.outline?c.theme.success:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success):c.theme.shadowButtonSuccess}),(function(n){return k(n.background)||n.outline?c.theme.gray0:c.theme.success}),(function(n){return k(n.hoverBackground)||n.outline?c.theme.green100:""}),(function(n){return n.outline?"":c.theme.buttonSuccessHover}),(function(n){return n.outline?c.theme.green200:c.theme.green700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?c.theme.gray0:c.theme.green400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.green400):""}),y,(function(n){return n.outline?c.theme.gray0:c.theme.success})),R=x.default(w)(h||(h=n.__makeTemplateObject(["\n  color: ",";\n  background: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  background: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return k(n.color)||c.theme.textColor}),(function(n){return k(n.background)||c.theme.surfaceColor}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.gray300," inset"):c.theme.shadowButtonStandard}),(function(n){return k(n.hoverBackground)||n.outline?c.theme.gray100:""}),(function(n){return n.outline?"":c.theme.buttonStandardHover}),(function(n){return n.outline?c.theme.gray200:c.theme.gray100}),c.theme.focusButtonStandard,y,c.theme.surfaceColor),B=x.default(w)(b||(b=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return k(n.background)||n.outline?c.theme.gray0:c.theme.danger}),(function(n){return k(n.color)||n.outline?c.theme.danger:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger):c.theme.shadowButtonDanger}),(function(n){return k(n.hoverBackground)||n.outline?c.theme.red100:""}),(function(n){return n.outline?"":c.theme.buttonDangerHover}),(function(n){return n.outline?c.theme.red200:c.theme.red700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?c.theme.gray0:c.theme.red400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.red400):""}),y,(function(n){return n.outline?c.theme.gray0:c.theme.red600})),z=x.default(w)(m||(m=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return k(n.background)||n.outline?c.theme.gray0:c.theme.warning}),(function(n){return k(n.color)||n.outline?c.theme.warning:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning):c.theme.shadowButtonWarning}),(function(n){return k(n.hoverBackground)||n.outline?c.theme.orange100:""}),(function(n){return n.outline?"":c.theme.buttonWarningHover}),(function(n){return n.outline?c.theme.orange200:c.theme.orange700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?c.theme.gray0:c.theme.orange400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.orange400):""}),y,(function(n){return n.outline?c.theme.gray0:c.theme.orange600})),q=x.default(w)(p||(p=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &.loading {\n    color: transparent;\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"])),(function(n){return k(n.background)||"none"}),(function(n){return k(n.color)||c.theme.textColorSecondary}),(function(n){return k(n.hoverBackground)||c.theme.gray100}),c.theme.gray200,c.theme.buttonFocusRing),O=x.default(w)(f||(f=n.__makeTemplateObject(["\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &.loading {\n    color: transparent;\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"],["\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &.loading {\n    color: transparent;\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"])),(function(n){return k(n.color)||c.theme.primary}),(function(n){return k(n.hoverBackground)||c.theme.blue100}),c.theme.blue200,c.theme.buttonFocusRing),T=w;exports.Button=function(t){var c=t.children,u=t.className,s=t.disabled,d=void 0!==s&&s,l=t.icon,g=t.iconRight,h=t.loading,b=void 0!==h&&h,m=t.loadingText,p=t.noRipple,f=void 0!==p&&p,x=t.size,k=void 0===x?"sm":x,w=t.spinnerColor,C=t.tag,S=t.themeOverride,G=t.type,I=void 0===G?"button":G,F=t.variant,H=void 0===F?"standard":F,N=n.__rest(t,["children","className","disabled","icon","iconRight","loading","loadingText","noRipple","size","spinnerColor","tag","themeOverride","type","variant"]),D=C||"button",E=function(n){return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"content",children:!g&&l}),e.jsx("div",{className:"content",children:c}),e.jsx("span",{className:"content",children:g&&l}),"plain"!==H&&b&&e.jsxs(y,{children:[e.jsx(i.Spinner,{color:n,size:v(k)}),m]})]})},P=[u||"",l&&!c?"only-icon":"",g?"icon-right":"",l?"has-icon":"",b?"loading":"",S].filter(Boolean).join(" "),W=o.useRef(null),M=a.useRipple({disabled:d||b,rippleEnabled:!f&&!["plain","text"].includes(H),rippleRef:W}),A=M.getRippleHandlers,J=M.rippleEnabled,K={className:P,disabled:d||b,size:k},L=n.__assign(n.__assign(n.__assign({type:I},K),N),A(N));switch(H){case"primary":return e.jsxs(_,n.__assign({as:D,tabIndex:"div"===D?0:void 0},L,{children:[E(w||L.outline?"info":"white"),J&&e.jsx(r.RippleGroup,{ref:W})]}));case"success":return e.jsxs(j,n.__assign({as:D,tabIndex:"div"===D?0:void 0},L,{children:[E(w||L.outline?"success":"white"),J&&e.jsx(r.RippleGroup,{ref:W})]}));case"warning":return e.jsxs(z,n.__assign({as:D,tabIndex:"div"===D?0:void 0},L,{children:[E(w||L.outline?"warning":"white"),J&&e.jsx(r.RippleGroup,{ref:W})]}));case"danger":return e.jsxs(B,n.__assign({as:D,tabIndex:"div"===D?0:void 0},L,{children:[E(w||L.outline?"danger":"white"),J&&e.jsx(r.RippleGroup,{ref:W})]}));case"subtle":return e.jsxs(q,n.__assign({as:D,tabIndex:"div"===D?0:void 0},L,{children:[E(w||"black"),J&&e.jsx(r.RippleGroup,{ref:W})]}));case"link":return e.jsxs(O,n.__assign({as:D,tabIndex:"div"===D?0:void 0},L,{children:[E(w||"info"),J&&e.jsx(r.RippleGroup,{ref:W})]}));case"plain":return e.jsx(T,n.__assign({as:D,tabIndex:"div"===D?0:void 0},L,{children:E(w)}));default:return e.jsxs(R,n.__assign({as:D,tabIndex:"div"===D?0:void 0},L,{children:[E(w||"black"),J&&e.jsx(r.RippleGroup,{ref:W})]}))}};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),o=require("react"),t=require("styled-components"),r=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),c=require("../../styles/constants/theme.js");function u(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var s,d,l,h,g,b,p,m,f,x,k=u(t),v=function(n){return"inherit"===n?"inherit":n?c.theme[n]:void 0},w=function(n){switch(n){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},y=k.default.span(s||(s=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ",";\n  gap: ",";\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ",";\n  gap: ",";\n"])),c.theme.radius6,c.theme.space8),_=k.default.button(d||(d=n.__makeTemplateObject(["\n  position: relative;\n  outline: none;\n  height: ",";\n  line-height: ",";\n  font-size: 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    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:active {\n    transform: scale(0.99);\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg:not(.amino-spinner) {\n        margin-left: ",";\n        margin-right: 0;\n      }\n    }\n    svg:not(.amino-spinner) {\n      margin-right: ",";\n      margin-left: 0;\n    }\n  }\n  &.loading {\n    color: transparent;\n  }\n\n  &[disabled] {\n    cursor: not-allowed;\n    .content {\n      opacity: ",";\n    }\n  }\n"],["\n  position: relative;\n  outline: none;\n  height: ",";\n  line-height: ",";\n  font-size: 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    svg path:not([data-is-secondary-color]) {\n      fill: currentColor;\n    }\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:active {\n    transform: scale(0.99);\n  }\n\n  &:not(.only-icon).has-icon {\n    &.icon-right {\n      svg:not(.amino-spinner) {\n        margin-left: ",";\n        margin-right: 0;\n      }\n    }\n    svg:not(.amino-spinner) {\n      margin-right: ",";\n      margin-left: 0;\n    }\n  }\n  &.loading {\n    color: transparent;\n  }\n\n  &[disabled] {\n    cursor: not-allowed;\n    .content {\n      opacity: ",";\n    }\n  }\n"])),(function(n){return"var(--amino-size-".concat(n.size,")")}),(function(n){return"var(--amino-size-".concat(n.size,")")}),c.theme.space16,c.theme.radius6,c.theme.transition,c.theme.fontSans,(function(n){return function(n){switch(n){case"sm":return"".concat(c.theme.space4," ").concat(c.theme.space8);case"lg":case"xl":return"".concat(c.theme.space12," ").concat(c.theme.space24);default:return"".concat(c.theme.space8," ").concat(c.theme.space16)}}(n.size)}),(function(n){return"var(--amino-size-".concat(n.size,")")}),c.theme.space8,c.theme.space8,(function(n){return n.outline?.6:1})),j=k.default(_)(l||(l=n.__makeTemplateObject(["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return v(n.color)||n.outline?c.theme.primary:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.primary," inset"):c.theme.shadowButtonPrimary}),(function(n){return v(n.background)||n.outline?"transparent":c.theme.primary}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.blue100:""}),(function(n){return n.outline?"":c.theme.buttonPrimaryHover}),(function(n){return n.outline?c.theme.blue200:c.theme.blue700}),c.theme.focusButton,(function(n){return n.outline?"transparent":c.theme.blue400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.blue400):""}),y,(function(n){return n.outline?"transparent":c.theme.primary})),R=k.default(_)(h||(h=n.__makeTemplateObject(["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n      &:active {\n        background: ",";\n      }\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  box-shadow: ",";\n  background: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n      &:active {\n        background: ",";\n      }\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return v(n.color)||n.outline?c.theme.success:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success):c.theme.shadowButtonSuccess}),(function(n){return v(n.background)||n.outline?"transparent":c.theme.success}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.green100:""}),(function(n){return n.outline?"":c.theme.buttonSuccessHover}),(function(n){return n.outline?c.theme.green200:c.theme.green700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.green400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.green400):""}),y,(function(n){return n.outline?"transparent":c.theme.success})),B=k.default(_)(g||(g=n.__makeTemplateObject(["\n  color: ",";\n  background: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  color: ",";\n  background: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return v(n.color)||c.theme.textColor}),(function(n){return n.outline?"transparent":v(n.background)||c.theme.surfaceColor}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.gray300," inset"):c.theme.shadowButtonStandard}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.gray100:""}),(function(n){return n.outline?"":c.theme.buttonStandardHover}),(function(n){return n.outline?c.theme.gray200:c.theme.gray100}),c.theme.focusButtonStandard,y,(function(n){return n.outline?"transparent":c.theme.surfaceColor})),z=k.default(_)(b||(b=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return v(n.background)||n.outline?"transparent":c.theme.danger}),(function(n){return v(n.color)||n.outline?c.theme.danger:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger):c.theme.shadowButtonDanger}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.red100:""}),(function(n){return n.outline?"":c.theme.buttonDangerHover}),(function(n){return n.outline?c.theme.red200:c.theme.red700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.red400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.red400):""}),y,(function(n){return n.outline?"transparent":c.theme.danger})),O=k.default(_)(p||(p=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"],["\n  background: ",";\n  color: ",";\n  box-shadow: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background-color: ",";\n      background-image: ",";\n    }\n    &:active {\n      background: ",";\n    }\n    &:focus {\n      box-shadow: ",";\n    }\n  }\n\n  &[disabled] {\n    background: ",";\n    box-shadow: ",";\n  }\n\n  "," {\n    background: ",";\n  }\n"])),(function(n){return v(n.background)||n.outline?"transparent":c.theme.warning}),(function(n){return v(n.color)||n.outline?c.theme.warning:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning):c.theme.shadowButtonWarning}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.orange100:""}),(function(n){return n.outline?"":c.theme.buttonWarningHover}),(function(n){return n.outline?c.theme.orange200:c.theme.orange700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.orange400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.orange400):""}),y,(function(n){return n.outline?"transparent":c.theme.warning})),T=k.default(_)(m||(m=n.__makeTemplateObject(["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"],["\n  background: ",";\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"])),(function(n){return v(n.background)||"none"}),(function(n){return v(n.color)||c.theme.textColorSecondary}),(function(n){return v(n.hoverBackground)||c.theme.gray100}),c.theme.gray200,c.theme.buttonFocusRing),q=k.default(_)(f||(f=n.__makeTemplateObject(["\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"],["\n  color: ",";\n\n  &:not([disabled]) {\n    &:hover {\n      background: ",";\n    }\n    &:active {\n      background: ",";\n    }\n  }\n\n  &:focus {\n    box-shadow: ",";\n  }\n\n  &[disabled] {\n    .content {\n      opacity: 0.6;\n    }\n  }\n"])),(function(n){return v(n.color)||c.theme.primary}),(function(n){return v(n.hoverBackground)||c.theme.blue100}),c.theme.blue200,c.theme.buttonFocusRing),C=k.default(_)(x||(x=n.__makeTemplateObject(["\n  color: ",";\n  &:not([disabled]) {\n    &:hover {\n      color: ",";\n    }\n  }\n  &[disabled] {\n    color: ",";\n  }\n  &.loading {\n    color: transparent;\n  }\n"],["\n  color: ",";\n  &:not([disabled]) {\n    &:hover {\n      color: ",";\n    }\n  }\n  &[disabled] {\n    color: ",";\n  }\n  &.loading {\n    color: transparent;\n  }\n"])),(function(n){return n.href?c.theme.primary:c.theme.textColorSecondary}),(function(n){return n.href?c.theme.blue500:c.theme.gray700}),(function(n){return n.href?c.theme.blue300:c.theme.gray300})),S=_;exports.Button=function(t){var c=t.children,u=t.className,s=t.disabled,d=void 0!==s&&s,l=t.icon,h=t.iconRight,g=t.loading,b=void 0!==g&&g,p=t.loadingText,m=t.noRipple,f=void 0!==m&&m,x=t.size,k=void 0===x?"sm":x,v=t.spinnerColor,_=t.tag,I=t.themeOverride,G=t.type,F=void 0===G?"button":G,H=t.variant,N=void 0===H?"standard":H,D=n.__rest(t,["children","className","disabled","icon","iconRight","loading","loadingText","noRipple","size","spinnerColor","tag","themeOverride","type","variant"]),E=_||"button",P=function(n){return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"content",children:!h&&l}),e.jsx("div",{className:"content",children:c}),e.jsx("span",{className:"content",children:h&&l}),"plain"!==N&&"text"!==N&&b&&e.jsxs(y,{children:[e.jsx(i.Spinner,{color:n,size:w(k)}),p]})]})},W=[u||"",l&&!c?"only-icon":"",h?"icon-right":"",l?"has-icon":"",b?"loading":"",I].filter(Boolean).join(" "),M=o.useRef(null),A=a.useRipple({disabled:d||b,rippleEnabled:!f&&!["plain","text"].includes(N),rippleRef:M}),J=A.getRippleHandlers,K=A.rippleEnabled,L={className:W,disabled:d||b,size:k},Q=n.__assign(n.__assign(n.__assign({type:F},L),D),J(D));switch(N){case"primary":return e.jsxs(j,n.__assign({as:E,tabIndex:"div"===E?0:void 0},Q,{children:[P(v||Q.outline?"info":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"success":return e.jsxs(R,n.__assign({as:E,tabIndex:"div"===E?0:void 0},Q,{children:[P(v||Q.outline?"success":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"warning":return e.jsxs(O,n.__assign({as:E,tabIndex:"div"===E?0:void 0},Q,{children:[P(v||Q.outline?"warning":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"danger":return e.jsxs(z,n.__assign({as:E,tabIndex:"div"===E?0:void 0},Q,{children:[P(v||Q.outline?"danger":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"subtle":return e.jsxs(T,n.__assign({as:E,tabIndex:"div"===E?0:void 0},Q,{children:[P(v||"black"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"link":return e.jsxs(q,n.__assign({as:E,tabIndex:"div"===E?0:void 0},Q,{children:[P(v||"info"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"plain":return e.jsx(S,n.__assign({as:E,tabIndex:"div"===E?0:void 0},Q,{children:P(v)}));case"text":return e.jsx(C,n.__assign({as:E,tabIndex:"div"===E?0:void 0},Q,{children:P(v)}));default:return e.jsxs(B,n.__assign({as:E,tabIndex:"div"===E?0:void 0},Q,{children:[P(v||"black"),K&&e.jsx(r.RippleGroup,{ref:M})]}))}};

package/components/confirm-dialog/ConfirmDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../button/LegacyButton.js"),i=require("../dialog/BaseDialog.js"),o=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),c=require("../text/Text.js"),a=require("../../icons/ExclamationMarkDuotoneIcon.js"),u=require("../../icons/HelpDuotoneIcon.js"),l=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,x,p=j(t),g=p.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"])),d.theme.space24),f=p.default.div(x||(x=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"])),d.theme.space24,d.theme.space8),q=function(e){switch(e){case"danger":return n.jsx(a.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return n.jsx(l.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return n.jsx(u.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}};exports.ConfirmDialog=function(e){var t=e.confirmAction,a=e.confirmText,u=e.dismissAction,l=e.dismissText,d=e.intent,j=e.label,m=e.open,x=e.subtitle,p=e.themeOverride;return n.jsx(i.BaseDialog,{"data-theme":p,open:m,width:350,children:n.jsx(g,{children:n.jsxs(s.VStack,{spacing:16,children:[n.jsx(o.RoundedIcon,{intent:d,children:q(d)}),n.jsxs(s.VStack,{spacing:8,children:[n.jsx(c.Text,{type:"subheader",children:j}),x&&n.jsx(c.Text,{color:"gray800",type:"body",children:x})]}),n.jsxs(f,{children:[n.jsx(r.LegacyButton,{intent:"outline",onClick:u,size:"md",children:l}),n.jsx(r.LegacyButton,{intent:d,onClick:t,size:"md",children:a})]})]})})})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../button/LegacyButton.js"),i=require("../dialog/BaseDialog.js"),o=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),c=require("../text/Text.js"),a=require("../../icons/ExclamationMarkDuotoneIcon.js"),u=require("../../icons/HelpDuotoneIcon.js"),l=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,x,p=j(t),g=p.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"])),d.theme.space24),f=p.default.div(x||(x=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"])),d.theme.space24,d.theme.space8),h=function(e){switch(e){case"danger":return n.jsx(a.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return n.jsx(l.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return n.jsx(u.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}};exports.ConfirmDialog=function(e){var t=e.confirmAction,a=e.confirmText,u=e.dismissAction,l=e.dismissText,d=e.intent,j=e.label,m=e.open,x=e.subtitle,p=e.themeOverride;return n.jsx(i.BaseDialog,{"data-theme":p,open:m,width:350,children:n.jsx(g,{children:n.jsxs(s.VStack,{spacing:16,children:[n.jsx(o.RoundedIcon,{intent:d,children:h(d)}),n.jsxs(s.VStack,{spacing:8,children:[n.jsx(c.Text,{type:"subheader",children:j}),x&&n.jsx(c.Text,{color:"gray800",lineHeight:"base",type:"body",children:x})]}),n.jsxs(f,{children:[n.jsx(r.LegacyButton,{intent:"outline",onClick:u,size:"md",children:l}),n.jsx(r.LegacyButton,{intent:d,onClick:t,size:"md",children:a})]})]})})})};

package/components/toast/Toast.d.ts

@@ -1,10 +1,12 @@
 import type { ReactNode } from 'react';
 import type { Intent } from "../../types";
+export type Direction = 'top' | 'right' | 'bottom' | 'left';
 export type ToastProps = {
     children: ReactNode;
+    direction?: Direction;
     /** Dismiss delay (default 6000 ms) */
     duration?: number;
     intent?: Extract<Intent, 'success' | 'warning' | 'error' | 'info'>;
     toastKey: string;
 };
-export declare const Toast: ({ children, intent, toastKey }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toast: ({ children, direction, intent, toastKey, }: ToastProps) => import("react/jsx-runtime").JSX.Element;

package/components/toast/Toast.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),o=require("framer-motion"),r=require("styled-components"),a=require("../../icons/CheckCircleDuotoneIcon.js"),t=require("../../icons/InfoDuotoneIcon.js"),c=require("../../icons/RemoveCircleDuotoneIcon.js"),s=require("../../icons/WarningDuotoneIcon.js"),l=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js");var u,d,g,m,h,b=i(r),_=b.default(o.motion.div)(u||(u=e.__makeTemplateObject(["\n  background: ",";\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  background: ",";\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"])),l.theme.gray100,l.theme.radius8,l.theme.gray1000,l.theme.v3ShadowLarge,l.theme.space16,l.theme.space24,l.theme.space8,l.theme.space24),j=b.default(_)(d||(d=e.__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n"],["\n  background-color: ",";\n  color: ",";\n"])),l.theme.green100,l.theme.green800),y=b.default(_)(g||(g=e.__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n"],["\n  background-color: ",";\n  color: ",";\n"])),l.theme.red100,l.theme.red800),p=b.default(_)(m||(m=e.__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n"],["\n  background-color: ",";\n  color: ",";\n"])),l.theme.orange100,l.theme.orange800),x=b.default(_)(h||(h=e.__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n"],["\n  background-color: ",";\n  color: ",";\n"])),l.theme.blue100,l.theme.blue800);exports.Toast=function(o){var r=o.children,l=o.intent,i={animate:{opacity:1,translateX:0},exit:{opacity:0},initial:{opacity:0,translateX:10},key:o.toastKey};switch(l){case"success":return n.jsxs(j,e.__assign({layout:!0},i,{children:[n.jsx(a.CheckCircleDuotoneIcon,{color:"green900",secondaryColor:"green400"}),r]}));case"error":return n.jsxs(y,e.__assign({layout:!0},i,{children:[n.jsx(c.RemoveCircleDuotoneIcon,{color:"red900",secondaryColor:"red400"}),r]}));case"warning":return n.jsxs(p,e.__assign({layout:!0},i,{children:[n.jsx(s.WarningDuotoneIcon,{color:"orange900",secondaryColor:"orange400"}),r]}));case"info":return n.jsxs(x,e.__assign({layout:!0},i,{children:[n.jsx(t.InfoDuotoneIcon,{color:"blue900",secondaryColor:"blue400"}),r]}));default:return n.jsxs(_,e.__assign({layout:!0},i,{children:[n.jsx(t.InfoDuotoneIcon,{color:"gray900",secondaryColor:"gray400"}),r]}))}};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),o=require("framer-motion"),r=require("styled-components"),t=require("../../icons/CheckCircleDuotoneIcon.js"),a=require("../../icons/InfoDuotoneIcon.js"),c=require("../../icons/RemoveCircleDuotoneIcon.js"),s=require("../../icons/WarningDuotoneIcon.js"),l=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js");var u,d,g,m,h,b=i(r),p=b.default(o.motion.div)(u||(u=e.__makeTemplateObject(["\n  background: ",";\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  background: ",";\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"])),l.theme.gray100,l.theme.radius10,l.theme.gray1000,l.theme.v3ShadowLarge,l.theme.space16,l.theme.space24,l.theme.space8,l.theme.space24),y=b.default(p)(d||(d=e.__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n"],["\n  background-color: ",";\n  color: ",";\n"])),l.theme.green100,l.theme.green800),_=b.default(p)(g||(g=e.__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n"],["\n  background-color: ",";\n  color: ",";\n"])),l.theme.red100,l.theme.red800),j=b.default(p)(m||(m=e.__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n"],["\n  background-color: ",";\n  color: ",";\n"])),l.theme.orange100,l.theme.orange800),f=b.default(p)(h||(h=e.__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n"],["\n  background-color: ",";\n  color: ",";\n"])),l.theme.blue100,l.theme.blue800);exports.Toast=function(o){var r=o.children,l=o.direction,i=o.intent,u=o.toastKey,d=function(){switch(l){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}}},g={animate:{opacity:1,translateX:0,translateY:0},exit:d(),initial:d(),key:u};switch(i){case"success":return n.jsxs(y,e.__assign({layout:!0},g,{children:[n.jsx(t.CheckCircleDuotoneIcon,{color:"green900",secondaryColor:"green400"}),r]}));case"error":return n.jsxs(_,e.__assign({layout:!0},g,{children:[n.jsx(c.RemoveCircleDuotoneIcon,{color:"red900",secondaryColor:"red400"}),r]}));case"warning":return n.jsxs(j,e.__assign({layout:!0},g,{children:[n.jsx(s.WarningDuotoneIcon,{color:"orange900",secondaryColor:"orange400"}),r]}));case"info":return n.jsxs(f,e.__assign({layout:!0},g,{children:[n.jsx(a.InfoDuotoneIcon,{color:"blue900",secondaryColor:"blue400"}),r]}));default:return n.jsxs(p,e.__assign({layout:!0},g,{children:[n.jsx(a.InfoDuotoneIcon,{color:"gray900",secondaryColor:"gray400"}),r]}))}};

package/components/toast/ToastContext.d.ts

@@ -1,7 +1,10 @@
 import { type ReactNode } from 'react';
 import { type ToastProps } from "./Toast";
 type BaseProps = Omit<ToastProps, 'children' | 'toastKey'>;
-export type ToastContextFunctionType = (toast: ReactNode, props?: BaseProps) => void;
+export type ToastContextFunctionType = (toast: ReactNode, props?: BaseProps, location?: {
+    bottom?: string;
+    left?: string;
+}) => void;
 export declare const ToastContext: import("react").Context<ToastContextFunctionType>;
 type Props = {
     children: ReactNode;

package/components/toast/ToastContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("framer-motion"),o=require("uuid"),s=require("./Toast.js");require("styled-components"),require("../../icons/CheckCircleDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoDuotoneIcon.js"),require("../../icons/RemoveCircleDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");var i=n.createContext((function(e,r){}));exports.ToastContext=i,exports.ToastContextProvider=function(c){var a=c.children,u=e.__read(n.useState([]),2),d=u[0],l=u[1],j=n.useCallback((function(r,n){l((function(t){return e.__spreadArray(e.__spreadArray([],e.__read(t),!1),[{props:n,toast:r,uuid:o.v4()}],!1)})),setTimeout((function(){return l((function(e){return e.slice(1)}))}),(null==n?void 0:n.duration)||6e3)}),[l]);return r.jsx(t.AnimatePresence,{children:r.jsxs(i.Provider,{value:j,children:[a,r.jsx("div",{className:"toast-container",children:r.jsx("div",{className:"toasts-wrapper",children:r.jsx(t.AnimatePresence,{children:d.map((function(e){var n=e.props,t=e.toast,o=e.uuid,i="toast-".concat(t,"-").concat(o);return r.jsx(s.Toast,{intent:null==n?void 0:n.intent,toastKey:i,children:t},i)}))})})})]})})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),n=require("react"),r=require("framer-motion"),o=require("styled-components"),i=require("uuid"),s=require("./Toast.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../../icons/CheckCircleDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoDuotoneIcon.js"),require("../../icons/RemoveCircleDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");var a,c=u(o),l=n.createContext((function(e,t){})),d=c.default.div(a||(a=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 u=o.children,a=e.__read(n.useState([]),2),c=a[0],f=a[1],m=e.__read(n.useState({bottom:"",left:""}),2),v=m[0],j=m[1],_=n.useCallback((function(t,n){f((function(r){return e.__spreadArray(e.__spreadArray([],e.__read(r),!1),[{props:n,toast:t,uuid:i.v4()}],!1)})),setTimeout((function(){return f((function(e){return e.slice(1)}))}),(null==n?void 0:n.duration)||6e3)}),[f]),p=n.useCallback((function(e,t,n){n&&j({bottom:n.bottom||"",left:n.left||""}),_(e,t)}),[_]);return t.jsx(r.AnimatePresence,{children:t.jsxs(l.Provider,{value:p,children:[u,t.jsx("div",{className:"toast-container",children:t.jsx(d,{className:"toasts-wrapper",location:v,children:t.jsx(r.AnimatePresence,{children:c.map((function(e){var n=e.props,r=e.toast,o=e.uuid,i="toast-".concat(r,"-").concat(o);return t.jsx(s.Toast,{direction:null==n?void 0:n.direction,intent:null==n?void 0:n.intent,toastKey:i,children:r},i)}))})})})]})})};

package/package.json

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

package/styles/constants/theme.d.ts

@@ -197,13 +197,13 @@ export declare const theme: {
     readonly v3ShadowXxl: "var(--amino-v3-shadow-xxl)";
     /** @info 0px 1px 0px #FFFFFF, 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06), inset 0px 0px 8px rgba(0, 0, 0, 0.02) */
     readonly v3ShadowInset: "var(--amino-v3-shadow-inset)";
-    /** @info 0px -1px 1px 0px rgba(0, 0, 0, 0.20) inset, 0px 1px 3px 0px rgba(68, 94, 238, 0.40), var(--amino-primary) inset */
+    /** @info 0px -1px 1px 0px rgba(0, 0, 0, 0.20) inset, 0px 1px 3px 0px rgba(68, 94, 238, 0.40) */
     readonly shadowButtonPrimary: "var(--amino-shadow-button-primary)";
-    /** @info 0px -1px 1px 0px rgba(0, 0, 0, 0.20) inset, 0px 1px 3px 0px rgba(43, 156, 77, 0.40), var(--amino-success) inset */
+    /** @info 0px -1px 1px 0px rgba(0, 0, 0, 0.20) inset, 0px 1px 3px 0px rgba(43, 156, 77, 0.40) */
     readonly shadowButtonSuccess: "var(--amino-shadow-button-success)";
-    /** @info 0px -1px 1px 0px rgba(0, 0, 0, 0.20) inset, 0px 1px 3px 0px rgba(217, 33, 65, 0.40), var(--amino-danger) inset */
+    /** @info 0px -1px 1px 0px rgba(0, 0, 0, 0.20) inset, 0px 1px 3px 0px rgba(217, 33, 65, 0.40) */
     readonly shadowButtonDanger: "var(--amino-shadow-button-danger)";
-    /** @info 0px -1px 1px 0px rgba(0, 0, 0, 0.20) inset, 0px 1px 3px 0px rgba(229, 89, 26, 0.40), var(--amino-warning) inset */
+    /** @info 0px -1px 1px 0px rgba(0, 0, 0, 0.20) inset, 0px 1px 3px 0px rgba(229, 89, 26, 0.40) */
     readonly shadowButtonWarning: "var(--amino-shadow-button-warning)";
     /** @info 0 0 0 2px var(--amino-blue-600) */
     readonly buttonFocusRing: "var(--amino-button-focus-ring)";
@@ -433,25 +433,27 @@ export declare const theme: {
     readonly fontSizeXl: "var(--amino-font-size-xl)";
     /** @info 18px */
     readonly fontSizeL: "var(--amino-font-size-l)";
+    /** @info 16px */
+    readonly fontSizeBaseDocs: "var(--amino-font-size-base-docs)";
     /** @info 14px */
     readonly fontSizeBase: "var(--amino-font-size-base)";
     /** @info 12px */
     readonly fontSizeS: "var(--amino-font-size-s)";
     /** @info 10px */
     readonly fontSizeXs: "var(--amino-font-size-xs)";
-    /** @info 118% */
+    /** @info 48px */
     readonly lineHeight3xl: "var(--amino-line-height-3xl)";
-    /** @info 119% */
+    /** @info 40px */
     readonly lineHeight2xl: "var(--amino-line-height-2xl)";
-    /** @info 127% */
+    /** @info 32px */
     readonly lineHeightXl: "var(--amino-line-height-xl)";
-    /** @info 133% */
+    /** @info 24px */
     readonly lineHeightL: "var(--amino-line-height-l)";
-    /** @info 114% */
+    /** @info 24px */
     readonly lineHeightBase: "var(--amino-line-height-base)";
-    /** @info 133% */
+    /** @info 16px */
     readonly lineHeightS: "var(--amino-line-height-s)";
-    /** @info 120% */
+    /** @info 12px */
     readonly lineHeightXs: "var(--amino-line-height-xs)";
     /** @info 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif */
     readonly fontSans: "var(--amino-font-sans)";

package/styles/constants/theme.js

@@ -1 +1 @@
-"use strict";exports.theme={transition:"var(--amino-transition)",typeScaleBase:"var(--amino-type-scale-base)",glass0:"var(--amino-glass-0)",glass50:"var(--amino-glass-50)",glass100:"var(--amino-glass-100)",glass200:"var(--amino-glass-200)",glass300:"var(--amino-glass-300)",glass400:"var(--amino-glass-400)",glass500:"var(--amino-glass-500)",glass600:"var(--amino-glass-600)",glass700:"var(--amino-glass-700)",glass800:"var(--amino-glass-800)",glass900:"var(--amino-glass-900)",glass1000:"var(--amino-glass-1000)",glass1100:"var(--amino-glass-1100)",glass1200:"var(--amino-glass-1200)",gray0:"var(--amino-gray-0)",gray50:"var(--amino-gray-50)",gray100:"var(--amino-gray-100)",gray200:"var(--amino-gray-200)",gray300:"var(--amino-gray-300)",gray400:"var(--amino-gray-400)",gray500:"var(--amino-gray-500)",gray600:"var(--amino-gray-600)",gray700:"var(--amino-gray-700)",gray800:"var(--amino-gray-800)",gray900:"var(--amino-gray-900)",gray1000:"var(--amino-gray-1000)",gray1100:"var(--amino-gray-1100)",gray1200:"var(--amino-gray-1200)",blue100:"var(--amino-blue-100)",blue200:"var(--amino-blue-200)",blue300:"var(--amino-blue-300)",blue400:"var(--amino-blue-400)",blue500:"var(--amino-blue-500)",blue600:"var(--amino-blue-600)",blue700:"var(--amino-blue-700)",blue800:"var(--amino-blue-800)",blue900:"var(--amino-blue-900)",blue1000:"var(--amino-blue-1000)",cyan100:"var(--amino-cyan-100)",cyan200:"var(--amino-cyan-200)",cyan300:"var(--amino-cyan-300)",cyan400:"var(--amino-cyan-400)",cyan500:"var(--amino-cyan-500)",cyan600:"var(--amino-cyan-600)",cyan700:"var(--amino-cyan-700)",cyan800:"var(--amino-cyan-800)",cyan900:"var(--amino-cyan-900)",cyan1000:"var(--amino-cyan-1000)",red100:"var(--amino-red-100)",red200:"var(--amino-red-200)",red300:"var(--amino-red-300)",red400:"var(--amino-red-400)",red500:"var(--amino-red-500)",red600:"var(--amino-red-600)",red700:"var(--amino-red-700)",red800:"var(--amino-red-800)",red900:"var(--amino-red-900)",red1000:"var(--amino-red-1000)",orange100:"var(--amino-orange-100)",orange200:"var(--amino-orange-200)",orange300:"var(--amino-orange-300)",orange400:"var(--amino-orange-400)",orange500:"var(--amino-orange-500)",orange600:"var(--amino-orange-600)",orange700:"var(--amino-orange-700)",orange800:"var(--amino-orange-800)",orange900:"var(--amino-orange-900)",orange1000:"var(--amino-orange-1000)",green100:"var(--amino-green-100)",green200:"var(--amino-green-200)",green300:"var(--amino-green-300)",green400:"var(--amino-green-400)",green500:"var(--amino-green-500)",green600:"var(--amino-green-600)",green700:"var(--amino-green-700)",green800:"var(--amino-green-800)",green900:"var(--amino-green-900)",green1000:"var(--amino-green-1000)",purple100:"var(--amino-purple-100)",purple200:"var(--amino-purple-200)",purple300:"var(--amino-purple-300)",purple400:"var(--amino-purple-400)",purple500:"var(--amino-purple-500)",purple600:"var(--amino-purple-600)",purple700:"var(--amino-purple-700)",purple800:"var(--amino-purple-800)",purple900:"var(--amino-purple-900)",purple1000:"var(--amino-purple-1000)",transparentWhite:"var(--amino-transparent-white)",transparentBlack:"var(--amino-transparent-black)",transparentGray600:"var(--amino-transparent-gray-600)",v3ShadowBase:"var(--amino-v3-shadow-base)",v3ShadowMedium:"var(--amino-v3-shadow-medium)",v3ShadowLarge:"var(--amino-v3-shadow-large)",v3ShadowXl:"var(--amino-v3-shadow-xl)",v3ShadowXxl:"var(--amino-v3-shadow-xxl)",v3ShadowInset:"var(--amino-v3-shadow-inset)",shadowButtonPrimary:"var(--amino-shadow-button-primary)",shadowButtonSuccess:"var(--amino-shadow-button-success)",shadowButtonDanger:"var(--amino-shadow-button-danger)",shadowButtonWarning:"var(--amino-shadow-button-warning)",buttonFocusRing:"var(--amino-button-focus-ring)",shadowButtonStandard:"var(--amino-shadow-button-standard)",spaceNegative80:"var(--amino-space-negative-80)",spaceNegative76:"var(--amino-space-negative-76)",spaceNegative72:"var(--amino-space-negative-72)",spaceNegative68:"var(--amino-space-negative-68)",spaceNegative64:"var(--amino-space-negative-64)",spaceNegative60:"var(--amino-space-negative-60)",spaceNegative56:"var(--amino-space-negative-56)",spaceNegative52:"var(--amino-space-negative-52)",spaceNegative48:"var(--amino-space-negative-48)",spaceNegative44:"var(--amino-space-negative-44)",spaceNegative40:"var(--amino-space-negative-40)",spaceNegative36:"var(--amino-space-negative-36)",spaceNegative32:"var(--amino-space-negative-32)",spaceNegative28:"var(--amino-space-negative-28)",spaceNegative24:"var(--amino-space-negative-24)",spaceNegative20:"var(--amino-space-negative-20)",spaceNegative16:"var(--amino-space-negative-16)",spaceNegative12:"var(--amino-space-negative-12)",spaceNegative8:"var(--amino-space-negative-8)",spaceNegative4:"var(--amino-space-negative-4)",space0:"var(--amino-space-0)",space4:"var(--amino-space-4)",space8:"var(--amino-space-8)",space12:"var(--amino-space-12)",space16:"var(--amino-space-16)",space20:"var(--amino-space-20)",space24:"var(--amino-space-24)",space28:"var(--amino-space-28)",space32:"var(--amino-space-32)",space36:"var(--amino-space-36)",space40:"var(--amino-space-40)",space44:"var(--amino-space-44)",space48:"var(--amino-space-48)",space52:"var(--amino-space-52)",space56:"var(--amino-space-56)",space60:"var(--amino-space-60)",space64:"var(--amino-space-64)",space68:"var(--amino-space-68)",space72:"var(--amino-space-72)",space76:"var(--amino-space-76)",space80:"var(--amino-space-80)",border:"var(--amino-border)",borderBlue:"var(--amino-border-blue)",borderRed:"var(--amino-border-red)",borderCyan:"var(--amino-border-cyan)",borderOrange:"var(--amino-border-orange)",borderGreen:"var(--amino-border-green)",borderPurple:"var(--amino-border-purple)",borderAmber:"var(--amino-border-amber)",borderTransparent:"var(--amino-border-transparent)",sidebarColor:"var(--amino-sidebar-color)",headerColor:"var(--amino-header-color)",danger:"var(--amino-danger)",dangerDark:"var(--amino-danger-dark)",error:"var(--amino-error)",primary:"var(--amino-primary)",primaryLight:"var(--amino-primary-light)",primaryDark:"var(--amino-primary-dark)",success:"var(--amino-success)",successDark:"var(--amino-success-dark)",warning:"var(--amino-warning)",warningDark:"var(--amino-warning-dark)",glowError:"var(--amino-glow-error)",glowBlue:"var(--amino-glow-blue)",glowCyan:"var(--amino-glow-cyan)",glowRed:"var(--amino-glow-red)",glowOrange:"var(--amino-glow-orange)",glowGreen:"var(--amino-glow-green)",glowPurple:"var(--amino-glow-purple)",pageBackground:"var(--amino-page-background)",borderColor:"var(--amino-border-color)",hoverColor:"var(--amino-hover-color)",textColor:"var(--amino-text-color)",textColorSecondary:"var(--amino-text-color-secondary)",focusButtonStandard:"var(--amino-focus-button-standard)",focusButton:"var(--amino-focus-button)",surfaceColor:"var(--amino-surface-color)",surfaceColorSecondary:"var(--amino-surface-color-secondary)",backdropColor:"var(--amino-backdrop-color)",buttonPrimaryHover:"var(--amino-button-primary-hover)",buttonSuccessHover:"var(--amino-button-success-hover)",buttonDangerHover:"var(--amino-button-danger-hover)",buttonWarningHover:"var(--amino-button-warning-hover)",buttonStandardHover:"var(--amino-button-standard-hover)",spinnerTrackBlack:"var(--amino-spinner-track-black)",spinnerStrokeBlack:"var(--amino-spinner-stroke-black)",spinnerTrackWhite:"var(--amino-spinner-track-white)",spinnerStrokeWhite:"var(--amino-spinner-stroke-white)",appbarHeight:"var(--amino-appbar-height)",sidebarWidth:"var(--amino-sidebar-width)",elevation0:"var(--amino-elevation-0)",elevation100:"var(--amino-elevation-100)",elevation200:"var(--amino-elevation-200)",elevation300:"var(--amino-elevation-300)",elevation400:"var(--amino-elevation-400)",elevation500:"var(--amino-elevation-500)",dialogElevation:"var(--amino-dialog-elevation)",toastElevation:"var(--amino-toast-elevation)",appbarElevation:"var(--amino-appbar-elevation)",sizeXl:"var(--amino-size-xl)",sizeLg:"var(--amino-size-lg)",sizeMd:"var(--amino-size-md)",sizeSm:"var(--amino-size-sm)",radius4:"var(--amino-radius-4)",radius6:"var(--amino-radius-6)",radius8:"var(--amino-radius-8)",radius10:"var(--amino-radius-10)",radius12:"var(--amino-radius-12)",fontSize3xl:"var(--amino-font-size-3xl)",fontSize2xl:"var(--amino-font-size-2xl)",fontSizeXl:"var(--amino-font-size-xl)",fontSizeL:"var(--amino-font-size-l)",fontSizeBase:"var(--amino-font-size-base)",fontSizeS:"var(--amino-font-size-s)",fontSizeXs:"var(--amino-font-size-xs)",lineHeight3xl:"var(--amino-line-height-3xl)",lineHeight2xl:"var(--amino-line-height-2xl)",lineHeightXl:"var(--amino-line-height-xl)",lineHeightL:"var(--amino-line-height-l)",lineHeightBase:"var(--amino-line-height-base)",lineHeightS:"var(--amino-line-height-s)",lineHeightXs:"var(--amino-line-height-xs)",fontSans:"var(--amino-font-sans)",fontMono:"var(--amino-font-mono)",fontHarmonizedCodes:"var(--amino-font-harmonized-codes)",inputBackground:"var(--amino-input-background)"};
+"use strict";exports.theme={transition:"var(--amino-transition)",typeScaleBase:"var(--amino-type-scale-base)",glass0:"var(--amino-glass-0)",glass50:"var(--amino-glass-50)",glass100:"var(--amino-glass-100)",glass200:"var(--amino-glass-200)",glass300:"var(--amino-glass-300)",glass400:"var(--amino-glass-400)",glass500:"var(--amino-glass-500)",glass600:"var(--amino-glass-600)",glass700:"var(--amino-glass-700)",glass800:"var(--amino-glass-800)",glass900:"var(--amino-glass-900)",glass1000:"var(--amino-glass-1000)",glass1100:"var(--amino-glass-1100)",glass1200:"var(--amino-glass-1200)",gray0:"var(--amino-gray-0)",gray50:"var(--amino-gray-50)",gray100:"var(--amino-gray-100)",gray200:"var(--amino-gray-200)",gray300:"var(--amino-gray-300)",gray400:"var(--amino-gray-400)",gray500:"var(--amino-gray-500)",gray600:"var(--amino-gray-600)",gray700:"var(--amino-gray-700)",gray800:"var(--amino-gray-800)",gray900:"var(--amino-gray-900)",gray1000:"var(--amino-gray-1000)",gray1100:"var(--amino-gray-1100)",gray1200:"var(--amino-gray-1200)",blue100:"var(--amino-blue-100)",blue200:"var(--amino-blue-200)",blue300:"var(--amino-blue-300)",blue400:"var(--amino-blue-400)",blue500:"var(--amino-blue-500)",blue600:"var(--amino-blue-600)",blue700:"var(--amino-blue-700)",blue800:"var(--amino-blue-800)",blue900:"var(--amino-blue-900)",blue1000:"var(--amino-blue-1000)",cyan100:"var(--amino-cyan-100)",cyan200:"var(--amino-cyan-200)",cyan300:"var(--amino-cyan-300)",cyan400:"var(--amino-cyan-400)",cyan500:"var(--amino-cyan-500)",cyan600:"var(--amino-cyan-600)",cyan700:"var(--amino-cyan-700)",cyan800:"var(--amino-cyan-800)",cyan900:"var(--amino-cyan-900)",cyan1000:"var(--amino-cyan-1000)",red100:"var(--amino-red-100)",red200:"var(--amino-red-200)",red300:"var(--amino-red-300)",red400:"var(--amino-red-400)",red500:"var(--amino-red-500)",red600:"var(--amino-red-600)",red700:"var(--amino-red-700)",red800:"var(--amino-red-800)",red900:"var(--amino-red-900)",red1000:"var(--amino-red-1000)",orange100:"var(--amino-orange-100)",orange200:"var(--amino-orange-200)",orange300:"var(--amino-orange-300)",orange400:"var(--amino-orange-400)",orange500:"var(--amino-orange-500)",orange600:"var(--amino-orange-600)",orange700:"var(--amino-orange-700)",orange800:"var(--amino-orange-800)",orange900:"var(--amino-orange-900)",orange1000:"var(--amino-orange-1000)",green100:"var(--amino-green-100)",green200:"var(--amino-green-200)",green300:"var(--amino-green-300)",green400:"var(--amino-green-400)",green500:"var(--amino-green-500)",green600:"var(--amino-green-600)",green700:"var(--amino-green-700)",green800:"var(--amino-green-800)",green900:"var(--amino-green-900)",green1000:"var(--amino-green-1000)",purple100:"var(--amino-purple-100)",purple200:"var(--amino-purple-200)",purple300:"var(--amino-purple-300)",purple400:"var(--amino-purple-400)",purple500:"var(--amino-purple-500)",purple600:"var(--amino-purple-600)",purple700:"var(--amino-purple-700)",purple800:"var(--amino-purple-800)",purple900:"var(--amino-purple-900)",purple1000:"var(--amino-purple-1000)",transparentWhite:"var(--amino-transparent-white)",transparentBlack:"var(--amino-transparent-black)",transparentGray600:"var(--amino-transparent-gray-600)",v3ShadowBase:"var(--amino-v3-shadow-base)",v3ShadowMedium:"var(--amino-v3-shadow-medium)",v3ShadowLarge:"var(--amino-v3-shadow-large)",v3ShadowXl:"var(--amino-v3-shadow-xl)",v3ShadowXxl:"var(--amino-v3-shadow-xxl)",v3ShadowInset:"var(--amino-v3-shadow-inset)",shadowButtonPrimary:"var(--amino-shadow-button-primary)",shadowButtonSuccess:"var(--amino-shadow-button-success)",shadowButtonDanger:"var(--amino-shadow-button-danger)",shadowButtonWarning:"var(--amino-shadow-button-warning)",buttonFocusRing:"var(--amino-button-focus-ring)",shadowButtonStandard:"var(--amino-shadow-button-standard)",spaceNegative80:"var(--amino-space-negative-80)",spaceNegative76:"var(--amino-space-negative-76)",spaceNegative72:"var(--amino-space-negative-72)",spaceNegative68:"var(--amino-space-negative-68)",spaceNegative64:"var(--amino-space-negative-64)",spaceNegative60:"var(--amino-space-negative-60)",spaceNegative56:"var(--amino-space-negative-56)",spaceNegative52:"var(--amino-space-negative-52)",spaceNegative48:"var(--amino-space-negative-48)",spaceNegative44:"var(--amino-space-negative-44)",spaceNegative40:"var(--amino-space-negative-40)",spaceNegative36:"var(--amino-space-negative-36)",spaceNegative32:"var(--amino-space-negative-32)",spaceNegative28:"var(--amino-space-negative-28)",spaceNegative24:"var(--amino-space-negative-24)",spaceNegative20:"var(--amino-space-negative-20)",spaceNegative16:"var(--amino-space-negative-16)",spaceNegative12:"var(--amino-space-negative-12)",spaceNegative8:"var(--amino-space-negative-8)",spaceNegative4:"var(--amino-space-negative-4)",space0:"var(--amino-space-0)",space4:"var(--amino-space-4)",space8:"var(--amino-space-8)",space12:"var(--amino-space-12)",space16:"var(--amino-space-16)",space20:"var(--amino-space-20)",space24:"var(--amino-space-24)",space28:"var(--amino-space-28)",space32:"var(--amino-space-32)",space36:"var(--amino-space-36)",space40:"var(--amino-space-40)",space44:"var(--amino-space-44)",space48:"var(--amino-space-48)",space52:"var(--amino-space-52)",space56:"var(--amino-space-56)",space60:"var(--amino-space-60)",space64:"var(--amino-space-64)",space68:"var(--amino-space-68)",space72:"var(--amino-space-72)",space76:"var(--amino-space-76)",space80:"var(--amino-space-80)",border:"var(--amino-border)",borderBlue:"var(--amino-border-blue)",borderRed:"var(--amino-border-red)",borderCyan:"var(--amino-border-cyan)",borderOrange:"var(--amino-border-orange)",borderGreen:"var(--amino-border-green)",borderPurple:"var(--amino-border-purple)",borderAmber:"var(--amino-border-amber)",borderTransparent:"var(--amino-border-transparent)",sidebarColor:"var(--amino-sidebar-color)",headerColor:"var(--amino-header-color)",danger:"var(--amino-danger)",dangerDark:"var(--amino-danger-dark)",error:"var(--amino-error)",primary:"var(--amino-primary)",primaryLight:"var(--amino-primary-light)",primaryDark:"var(--amino-primary-dark)",success:"var(--amino-success)",successDark:"var(--amino-success-dark)",warning:"var(--amino-warning)",warningDark:"var(--amino-warning-dark)",glowError:"var(--amino-glow-error)",glowBlue:"var(--amino-glow-blue)",glowCyan:"var(--amino-glow-cyan)",glowRed:"var(--amino-glow-red)",glowOrange:"var(--amino-glow-orange)",glowGreen:"var(--amino-glow-green)",glowPurple:"var(--amino-glow-purple)",pageBackground:"var(--amino-page-background)",borderColor:"var(--amino-border-color)",hoverColor:"var(--amino-hover-color)",textColor:"var(--amino-text-color)",textColorSecondary:"var(--amino-text-color-secondary)",focusButtonStandard:"var(--amino-focus-button-standard)",focusButton:"var(--amino-focus-button)",surfaceColor:"var(--amino-surface-color)",surfaceColorSecondary:"var(--amino-surface-color-secondary)",backdropColor:"var(--amino-backdrop-color)",buttonPrimaryHover:"var(--amino-button-primary-hover)",buttonSuccessHover:"var(--amino-button-success-hover)",buttonDangerHover:"var(--amino-button-danger-hover)",buttonWarningHover:"var(--amino-button-warning-hover)",buttonStandardHover:"var(--amino-button-standard-hover)",spinnerTrackBlack:"var(--amino-spinner-track-black)",spinnerStrokeBlack:"var(--amino-spinner-stroke-black)",spinnerTrackWhite:"var(--amino-spinner-track-white)",spinnerStrokeWhite:"var(--amino-spinner-stroke-white)",appbarHeight:"var(--amino-appbar-height)",sidebarWidth:"var(--amino-sidebar-width)",elevation0:"var(--amino-elevation-0)",elevation100:"var(--amino-elevation-100)",elevation200:"var(--amino-elevation-200)",elevation300:"var(--amino-elevation-300)",elevation400:"var(--amino-elevation-400)",elevation500:"var(--amino-elevation-500)",dialogElevation:"var(--amino-dialog-elevation)",toastElevation:"var(--amino-toast-elevation)",appbarElevation:"var(--amino-appbar-elevation)",sizeXl:"var(--amino-size-xl)",sizeLg:"var(--amino-size-lg)",sizeMd:"var(--amino-size-md)",sizeSm:"var(--amino-size-sm)",radius4:"var(--amino-radius-4)",radius6:"var(--amino-radius-6)",radius8:"var(--amino-radius-8)",radius10:"var(--amino-radius-10)",radius12:"var(--amino-radius-12)",fontSize3xl:"var(--amino-font-size-3xl)",fontSize2xl:"var(--amino-font-size-2xl)",fontSizeXl:"var(--amino-font-size-xl)",fontSizeL:"var(--amino-font-size-l)",fontSizeBaseDocs:"var(--amino-font-size-base-docs)",fontSizeBase:"var(--amino-font-size-base)",fontSizeS:"var(--amino-font-size-s)",fontSizeXs:"var(--amino-font-size-xs)",lineHeight3xl:"var(--amino-line-height-3xl)",lineHeight2xl:"var(--amino-line-height-2xl)",lineHeightXl:"var(--amino-line-height-xl)",lineHeightL:"var(--amino-line-height-l)",lineHeightBase:"var(--amino-line-height-base)",lineHeightS:"var(--amino-line-height-s)",lineHeightXs:"var(--amino-line-height-xs)",fontSans:"var(--amino-font-sans)",fontMono:"var(--amino-font-mono)",fontHarmonizedCodes:"var(--amino-font-harmonized-codes)",inputBackground:"var(--amino-input-background)"};

package/theme.css

@@ -109,13 +109,13 @@
     inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06),
     inset 0px 0px 8px rgba(0, 0, 0, 0.02);
   --amino-shadow-button-primary: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
-    0px 1px 3px 0px rgba(68, 94, 238, 0.4), var(--amino-primary) inset;
+    0px 1px 3px 0px rgba(68, 94, 238, 0.4);
   --amino-shadow-button-success: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
-    0px 1px 3px 0px rgba(43, 156, 77, 0.4), var(--amino-success) inset;
+    0px 1px 3px 0px rgba(43, 156, 77, 0.4);
   --amino-shadow-button-danger: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
-    0px 1px 3px 0px rgba(217, 33, 65, 0.4), var(--amino-danger) inset;
+    0px 1px 3px 0px rgba(217, 33, 65, 0.4);
   --amino-shadow-button-warning: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
-    0px 1px 3px 0px rgba(229, 89, 26, 0.4), var(--amino-warning) inset;
+    0px 1px 3px 0px rgba(229, 89, 26, 0.4);
   --amino-button-focus-ring: 0 0 0 2px var(--amino-blue-600);
   --amino-shadow-button-standard: 0px 1px 3px 0px rgba(110, 110, 120, 0.12),
     0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,
@@ -251,16 +251,17 @@
   --amino-font-size-2xl: 1.75rem;
   --amino-font-size-xl: 1.375rem;
   --amino-font-size-l: 1.125rem;
+  --amino-font-size-base-docs: 1rem;
   --amino-font-size-base: 0.875rem;
   --amino-font-size-s: 0.75rem;
   --amino-font-size-xs: 0.625rem;
-  --amino-line-height-3xl: 118%;
-  --amino-line-height-2xl: 119%;
-  --amino-line-height-xl: 127%;
-  --amino-line-height-l: 133%;
-  --amino-line-height-base: 114%;
-  --amino-line-height-s: 133%;
-  --amino-line-height-xs: 120%;
+  --amino-line-height-3xl: 3rem;
+  --amino-line-height-2xl: 2.5rem;
+  --amino-line-height-xl: 2rem;
+  --amino-line-height-l: 1.5rem;
+  --amino-line-height-base: 1.5rem;
+  --amino-line-height-s: 1rem;
+  --amino-line-height-xs: 0.75rem;
   --amino-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
     'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
     'Helvetica Neue', sans-serif;
@@ -382,15 +383,14 @@
     inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.24),
     inset 0px 0px 8px rgba(0, 0, 0, 0.16);
   --amino-shadow-button-primary: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
-    0px 0px 0px 0.5px #000, 0px 1px 3px 0px rgba(95, 146, 246, 0.4),
-    var(--amino-primary) inset;
+    0px 0px 0px 0.5px #000, 0px 1px 3px 0px rgba(95, 146, 246, 0.4);
   --amino-shadow-button-success: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
     0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset, 0px 0px 0px 0.5px #000,
-    0px 1px 3px 0px rgba(86, 199, 111, 0.6), var(--amino-success) inset;
+    0px 1px 3px 0px rgba(86, 199, 111, 0.6);
   --amino-shadow-button-danger: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
-    0px 1px 3px 0px rgba(217, 33, 65, 0.4), var(--amino-danger) inset;
+    0px 1px 3px 0px rgba(217, 33, 65, 0.4);
   --amino-shadow-button-warning: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
-    0px 1px 3px 0px rgba(229, 89, 26, 0.4), var(--amino-warning) inset;
+    0px 1px 3px 0px rgba(229, 89, 26, 0.4);
   --amino-button-focus-ring: 0 0 0 2px var(--amino-blue-600);
   --amino-shadow-button-standard: 0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,
     0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,

package/types/Color.d.ts

@@ -2,4 +2,4 @@ export declare const colorPrefixes: readonly ["blue", "cyan", "green", "orange",
 export declare const colorContrasts: readonly ["100", "200", "300", "400", "500", "600", "700", "800", "900", "1000"];
 export type ColorContrast = (typeof colorContrasts)[number];
 export type ColorPrefix = (typeof colorPrefixes)[number];
-export type Color = 'gray0' | 'glass0' | 'glass50' | `${ColorPrefix}${ColorContrast}` | 'gray1100' | 'gray1200' | 'glass1100' | 'glass1200';
+export type Color = 'gray0' | 'gray50' | 'glass0' | 'glass50' | `${ColorPrefix}${ColorContrast}` | 'gray1100' | 'gray1200' | 'glass1100' | 'glass1200';

package/types/Variant.d.ts

@@ -1 +1 @@
-export type Variant = 'standard' | 'primary' | 'success' | 'warning' | 'danger' | 'subtle' | 'link' | 'plain';
+export type Variant = 'standard' | 'primary' | 'success' | 'warning' | 'danger' | 'subtle' | 'link' | 'plain' | 'text';

package/utils/hooks/useNotify.js

@@ -1 +1 @@
-"use strict";var e=require("react"),o=require("../../components/toast/ToastContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("framer-motion"),require("uuid"),require("../../components/toast/Toast.js"),require("styled-components"),require("../../icons/CheckCircleDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoDuotoneIcon.js"),require("../../icons/RemoveCircleDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");exports.useNotify=function(){return e.useContext(o.ToastContext)};
+"use strict";var e=require("react"),o=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/CheckCircleDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoDuotoneIcon.js"),require("../../icons/RemoveCircleDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");exports.useNotify=function(){return e.useContext(o.ToastContext)};