@zonos/amino 5.1.84 → 5.1.86

package/components/switch/Switch.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("clsx"),i=require("styled-components"),a=require("../text/Text.js"),r=require("../../styles/constants/theme.js");function p(n){return n&&n.__esModule?n:{default:n}}var o,l,x,h,d,c,s,g,u,m,b=p(t),f=p(i),k=f.default.div(o||(o=n.__makeTemplateObject(["\n  background: ",";\n  box-shadow: ",";\n  height: 14px;\n  width: 14px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 1px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"],["\n  background: ",";\n  box-shadow: ",";\n  height: 14px;\n  width: 14px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 1px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"])),r.theme.gray0,(function(n){return n.$checked?"0px -1px 1px 0px rgba(68, 94, 238, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)":"0px -1px 1px 0px rgba(0, 0, 0, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)"}),r.theme.transition,(function(n){return n.$checked?"calc(100% - 15px)":"1px"}),r.theme.gray1200),w=f.default(k)(l||(l=n.__makeTemplateObject(["\n  height: 28px;\n  width: 28px;\n  top: 2px;\n  left: ",";\n  box-shadow:\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n  [data-theme='night'] & {\n    background: ",";\n  }\n"],["\n  height: 28px;\n  width: 28px;\n  top: 2px;\n  left: ",";\n  box-shadow:\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n  [data-theme='night'] & {\n    background: ",";\n  }\n"])),(function(n){return n.$checked?"calc(100% - 30px)":"2px"}),r.theme.gray200),j=f.default.div(x||(x=n.__makeTemplateObject(["\n  margin-right: ",";\n  width: 32px;\n  height: 16px;\n  min-width: 32px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  box-shadow: ",";\n  display: block;\n  user-select: none;\n  position: relative;\n"],["\n  margin-right: ",";\n  width: 32px;\n  height: 16px;\n  min-width: 32px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  box-shadow: ",";\n  display: block;\n  user-select: none;\n  position: relative;\n"])),r.theme.space16,(function(n){return n.$checked?r.theme.primary:r.theme.gray100}),r.theme.v3ShadowInset),y=f.default(j)(h||(h=n.__makeTemplateObject(["\n  && {\n    width: 62px;\n    height: 32px;\n    min-width: 24px;\n    background: ",";\n  }\n"],["\n  && {\n    width: 62px;\n    height: 32px;\n    min-width: 24px;\n    background: ",";\n  }\n"])),r.theme.gray50),_=f.default(a.Text)(d||(d=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),v=f.default(a.Text)(c||(c=n.__makeTemplateObject([""],[""]))),T=f.default.span(s||(s=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),r.theme.gray600),$=f.default.div(g||(g=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"]))),O=f.default.label(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      opacity: 0.6;\n    }\n    "," {\n      opacity: 0.95;\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      opacity: 0.6;\n    }\n    "," {\n      opacity: 0.95;\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"])),j,k,_,r.theme.gray600,v,r.theme.gray400),q=f.default.div(m||(m=n.__makeTemplateObject(["\n  position: absolute;\n  top: 4px;\n  left: ",";\n  right: ",";\n  svg {\n    height: 24px;\n    width: 24px;\n  }\n"],["\n  position: absolute;\n  top: 4px;\n  left: ",";\n  right: ",";\n  svg {\n    height: 24px;\n    width: 24px;\n  }\n"])),(function(n){return n.$left?"4px":"auto"}),(function(n){return n.$left?"auto":"4px"}));exports.Switch=function(n){var t=n.checked,i=n.className,a=n.disabled,r=n.label,p=n.labelDescription,o=n.labelIcon,l=n.onChange,x=n.subtitle,h=n.switchIconLeft,d=n.switchIconRight,c=null==r?void 0:r.replace(/\s/g,"-").toLowerCase(),s=Boolean(h||d);return e.jsxs(O,{className:b.default(i,{disabled:a}),htmlFor:c,onClick:function(){return!a&&l(!t)},children:[s?e.jsxs(y,{$checked:t,children:[e.jsx(w,{$checked:t,id:c}),e.jsx(q,{$left:!0,children:h}),e.jsx(q,{children:d})]}):e.jsx(j,{$checked:t,children:e.jsx(k,{$checked:t,id:c})}),e.jsxs("div",{children:[e.jsxs($,{children:[o,e.jsxs(_,{type:"input-label",children:[r,p&&e.jsx(T,{children:p})]})]}),x&&e.jsx(v,{type:"subtitle",children:x})]})]})};
+"use strict";var i=require("react/jsx-runtime"),e=require("clsx"),o=require("../text/Text.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(i){return i&&i.__esModule?i:{default:i}}require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");var l=n(e),c="Amino_Switch-module__aminoSwitch--V20lQ",m="Amino_Switch-module__checked--cgbVH",a="Amino_Switch-module__aminoSwitchWithIcons--WNTDb",_="Amino_Switch-module__aminoSwitchWrapper--OrqKy",h="Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn",d="Amino_Switch-module__styledLabel--mmtjI",r="Amino_Switch-module__styledLabelDescription--5xNoS",s="Amino_Switch-module__labelWrapper--l4iEG",w="Amino_Switch-module__switchContainer--ZM-Jo",u="Amino_Switch-module__disabled--drg1V",p="Amino_Switch-module__styledSubtitle--Zgig5",S="Amino_Switch-module__switchIcon--mIgO1",x="Amino_Switch-module__left--Q--oT";t.styleInject(".Amino_Switch-module__aminoSwitch--V20lQ{background:var(--amino-gray-0);border-radius:50%;box-shadow:inset 0 -1px 1px 0 #00000014,0 1px 3px 0 #0003;height:14px;left:1px;position:absolute;top:1px;transition:var(--amino-transition);width:14px}.Amino_Switch-module__aminoSwitch--V20lQ.Amino_Switch-module__checked--cgbVH{box-shadow:inset 0 -1px 1px 0 #445eee14,0 1px 3px 0 #0003;left:calc(100% - 15px)}[data-theme=night] .Amino_Switch-module__aminoSwitch--V20lQ{background:var(--amino-gray-1200)}.Amino_Switch-module__aminoSwitchWithIcons--WNTDb{box-shadow:inset 0 -1px 1px 0 #0003,0 1px 3px 0 #0006;height:28px;left:2px;top:2px;width:28px}.Amino_Switch-module__aminoSwitchWithIcons--WNTDb.Amino_Switch-module__checked--cgbVH{left:calc(100% - 30px)}[data-theme=night] .Amino_Switch-module__aminoSwitchWithIcons--WNTDb{background:var(--amino-gray-200)}.Amino_Switch-module__aminoSwitchWrapper--OrqKy{background:var(--amino-gray-100);border-radius:20px;box-shadow:var(--amino-v3-shadow-inset);display:block;height:16px;line-height:16px;margin-right:16px;min-height:16px;min-width:32px;position:relative;-webkit-user-select:none;user-select:none;width:32px}.Amino_Switch-module__aminoSwitchWrapper--OrqKy.Amino_Switch-module__checked--cgbVH{background:var(--amino-primary)}.Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn.Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn{background:var(--amino-gray-50);height:32px;min-width:24px;width:62px}.Amino_Switch-module__styledLabel--mmtjI{margin-bottom:0}.Amino_Switch-module__styledLabelDescription--5xNoS{color:var(--amino-gray-600);margin-left:4px}.Amino_Switch-module__labelWrapper--l4iEG{align-items:center;display:flex;line-height:16px}.Amino_Switch-module__labelWrapper--l4iEG svg{margin-right:4px}.Amino_Switch-module__switchContainer--ZM-Jo{cursor:pointer;display:flex;flex-direction:row}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V{cursor:not-allowed}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__aminoSwitchWrapper--OrqKy{opacity:.6}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__aminoSwitch--V20lQ{opacity:.95}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__styledLabel--mmtjI{color:var(--amino-gray-600)}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__styledSubtitle--Zgig5{color:var(--amino-gray-400)}.Amino_Switch-module__switchIcon--mIgO1{left:auto;position:absolute;right:4px;top:4px}.Amino_Switch-module__switchIcon--mIgO1.Amino_Switch-module__left--Q--oT{left:4px;right:auto}.Amino_Switch-module__switchIcon--mIgO1 svg{height:24px;width:24px}");exports.Switch=function(e){var t=e.checked,n=e.className,g=e.disabled,b=e.label,A=e.labelDescription,y=e.labelIcon,v=e.onChange,f=e.subtitle,j=e.switchIconLeft,I=e.switchIconRight,W=null==b?void 0:b.replace(/\s/g,"-").toLowerCase(),N=Boolean(j||I);return i.jsxs("label",{className:l.default(n,w,g&&u),htmlFor:W,onClick:function(){return!g&&v(!t)},children:[N?i.jsxs("div",{className:l.default(_,h,t&&m),children:[i.jsx("div",{className:l.default(c,a,t&&m),id:W}),i.jsx("div",{className:l.default(S,x),children:j}),i.jsx("div",{className:S,children:I})]}):i.jsx("div",{className:l.default(_,t&&m),children:i.jsx("div",{className:l.default(c,t&&m),id:W})}),i.jsxs("div",{children:[i.jsxs("div",{className:s,children:[y,i.jsxs(o.Text,{className:d,type:"input-label",children:[b,A&&i.jsx("span",{className:r,children:A})]})]}),f&&i.jsx(o.Text,{className:p,type:"subtitle",children:f})]})]})};

package/components/text/Text.d.ts

@@ -1,5 +1,6 @@
 import type { ReactNode } from 'react';
 import { type Color } from "../../types";
+import type { BaseProps } from "../../types/BaseProps";
 export declare const textOthers: readonly ["code", "subtitle", "small-header", "input-label"];
 type OtherText = (typeof textOthers)[number];
 export declare const textOptions: readonly [{
@@ -92,7 +93,7 @@ type TypographyOverrides = {
     lineHeight?: Size;
 };
 type TextStyle = Type | OtherText;
-export type TextProps = {
+export type TextProps = BaseProps & {
     children: ReactNode;
     className?: string;
     isUppercase?: boolean;
@@ -100,5 +101,5 @@ export type TextProps = {
     title?: string;
     type?: TextStyle;
 } & TypographyOverrides;
-export declare const Text: ({ children, className, color, fontSize, fontWeight, isUppercase, lineHeight, tag, title, type, }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Text: ({ children, className, color, fontSize, fontWeight, isUppercase, lineHeight, style, tag, title, type, }: TextProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/text/Text.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),i=require("styled-components"),a=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var n,r,l,h=s(i),o=h.default.span(n||(n=e.__makeTemplateObject(["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"],["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"])),a.theme.fontSizeS,a.theme.gray900),p=h.default.span(r||(r=e.__makeTemplateObject(["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"],["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"])),a.theme.gray1200,a.theme.fontSans,a.theme.space8),g=[{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",type:"page-header",weight:700},{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"header",weight:600},{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"description-header",weight:700},{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",type:"title",weight:600},{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"bold-subheader",weight:700},{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",type:"semi-bold-subheader",weight:600},{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"subheader",weight:500},{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"bold-label",weight:700},{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"label",weight:500},{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",type:"body",weight:400},{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",type:"small-header",weight:600},{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",type:"caption",weight:400},{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",type:"hint-text",weight:400}],c=e.__read(g,13),d=c[0],u=c[1],z=c[2],b=c[3],f=c[4],m=c[5],x=c[6],w=c[7],y=c[8],U=c[9],W=c[10],S=c[11],$=c[12],_=h.default.h1(l||(l=e.__makeTemplateObject(["\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0;\n  color: ",";\n  text-transform: ",";\n\n  svg {\n    display: inline-block;\n    vertical-align: middle;\n  }\n"],["\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0;\n  color: ",";\n  text-transform: ",";\n\n  svg {\n    display: inline-block;\n    vertical-align: middle;\n  }\n"])),(function(e){return"var(--amino-font-size-".concat(e.$fontSize||e.$size,")")}),(function(e){return e.$fontWeight}),(function(e){return"var(--amino-line-height-".concat(e.$lineHeight||e.$size,")")}),(function(e){return e.$color&&a.theme[e.$color]}),(function(e){return e.$isUppercase&&"uppercase"}));exports.Text=function(e){var i=e.children,a=e.className,s=e.color,n=e.fontSize,r=e.fontWeight,l=e.isUppercase,h=e.lineHeight,g=e.tag,c=e.title,v=function(e){var r=e.as,l=e.fontWeight,o=e.isUppercase,p=e.size;return t.jsx(_,{$color:s,$fontSize:n,$fontWeight:l,$isUppercase:!!o,$lineHeight:h,$size:p,as:r,className:a,title:c,children:i})};switch(e.type){case"page-header":return v({as:g||d.tag,fontWeight:r||d.weight,isUppercase:l,size:d.size});case"header":return v({as:g||u.tag,fontWeight:r||u.weight,isUppercase:l,size:u.size});case"description-header":return v({as:g||z.tag,fontWeight:r||z.weight,isUppercase:l,size:z.size});case"title":return v({as:g||b.tag,fontWeight:r||b.weight,isUppercase:l,size:b.size});case"bold-subheader":return v({as:g||f.tag,fontWeight:r||f.weight,isUppercase:l,size:f.size});case"semi-bold-subheader":return v({as:g||m.tag,fontWeight:r||m.weight,isUppercase:l,size:m.size});case"subheader":return v({as:g||x.tag,fontWeight:r||x.weight,isUppercase:l,size:x.size});case"bold-label":return v({as:g||w.tag,fontWeight:r||w.weight,isUppercase:l,size:w.size});case"label":return v({as:g||y.tag,fontWeight:r||y.weight,isUppercase:l,size:y.size});case"small-header":return v({as:g||W.tag,fontWeight:r||W.weight,isUppercase:"boolean"!=typeof l||l,size:W.size});case"caption":return v({as:g||S.tag,fontWeight:r||S.weight,isUppercase:l,size:S.size});case"hint-text":return v({as:g||$.tag,fontWeight:r||$.weight,isUppercase:l,size:$.size});case"subtitle":return t.jsx(o,{className:a,title:c,children:i});case"input-label":return t.jsx(p,{className:a,title:c,children:i});default:return v({as:g||U.tag,fontWeight:r||U.weight,isUppercase:l,size:U.size})}},exports.textOptions=g,exports.textOthers=["code","subtitle","small-header","input-label"];
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),i=require("styled-components"),a=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var n,r,l,h=s(i),o=h.default.span(n||(n=e.__makeTemplateObject(["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"],["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"])),a.theme.fontSizeS,a.theme.gray900),p=h.default.span(r||(r=e.__makeTemplateObject(["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"],["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"])),a.theme.gray1200,a.theme.fontSans,a.theme.space8),g=[{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",type:"page-header",weight:700},{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"header",weight:600},{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"description-header",weight:700},{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",type:"title",weight:600},{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"bold-subheader",weight:700},{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",type:"semi-bold-subheader",weight:600},{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"subheader",weight:500},{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"bold-label",weight:700},{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"label",weight:500},{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",type:"body",weight:400},{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",type:"small-header",weight:600},{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",type:"caption",weight:400},{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",type:"hint-text",weight:400}],c=e.__read(g,13),d=c[0],u=c[1],z=c[2],b=c[3],f=c[4],m=c[5],x=c[6],w=c[7],y=c[8],U=c[9],W=c[10],S=c[11],$=c[12],_=h.default.h1(l||(l=e.__makeTemplateObject(["\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0;\n  color: ",";\n  text-transform: ",";\n\n  svg {\n    display: inline-block;\n    vertical-align: middle;\n  }\n"],["\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0;\n  color: ",";\n  text-transform: ",";\n\n  svg {\n    display: inline-block;\n    vertical-align: middle;\n  }\n"])),(function(e){return"var(--amino-font-size-".concat(e.$fontSize||e.$size,")")}),(function(e){return e.$fontWeight}),(function(e){return"var(--amino-line-height-".concat(e.$lineHeight||e.$size,")")}),(function(e){return e.$color&&a.theme[e.$color]}),(function(e){return e.$isUppercase&&"uppercase"}));exports.Text=function(e){var i=e.children,a=e.className,s=e.color,n=e.fontSize,r=e.fontWeight,l=e.isUppercase,h=e.lineHeight,g=e.style,c=e.tag,v=e.title,j=function(e){var r=e.as,l=e.fontWeight,o=e.isUppercase,p=e.size;return t.jsx(_,{$color:s,$fontSize:n,$fontWeight:l,$isUppercase:!!o,$lineHeight:h,$size:p,as:r,className:a,style:g,title:v,children:i})};switch(e.type){case"page-header":return j({as:c||d.tag,fontWeight:r||d.weight,isUppercase:l,size:d.size});case"header":return j({as:c||u.tag,fontWeight:r||u.weight,isUppercase:l,size:u.size});case"description-header":return j({as:c||z.tag,fontWeight:r||z.weight,isUppercase:l,size:z.size});case"title":return j({as:c||b.tag,fontWeight:r||b.weight,isUppercase:l,size:b.size});case"bold-subheader":return j({as:c||f.tag,fontWeight:r||f.weight,isUppercase:l,size:f.size});case"semi-bold-subheader":return j({as:c||m.tag,fontWeight:r||m.weight,isUppercase:l,size:m.size});case"subheader":return j({as:c||x.tag,fontWeight:r||x.weight,isUppercase:l,size:x.size});case"bold-label":return j({as:c||w.tag,fontWeight:r||w.weight,isUppercase:l,size:w.size});case"label":return j({as:c||y.tag,fontWeight:r||y.weight,isUppercase:l,size:y.size});case"small-header":return j({as:c||W.tag,fontWeight:r||W.weight,isUppercase:"boolean"!=typeof l||l,size:W.size});case"caption":return j({as:c||S.tag,fontWeight:r||S.weight,isUppercase:l,size:S.size});case"hint-text":return j({as:c||$.tag,fontWeight:r||$.weight,isUppercase:l,size:$.size});case"subtitle":return t.jsx(o,{className:a,title:v,children:i});case"input-label":return t.jsx(p,{className:a,title:v,children:i});default:return j({as:c||U.tag,fontWeight:r||U.weight,isUppercase:l,size:U.size})}},exports.textOptions=g,exports.textOthers=["code","subtitle","small-header","input-label"];

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"),n=require("../stack/VStack.js"),r=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("../stack/Stack.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),b=g.default(n.VStack)(c||(c=e.__makeTemplateObject(["\n  padding: ",";\n"],["\n  padding: ",";\n"])),i.theme.space0),_=g.default.div(u||(u=e.__makeTemplateObject([""],[""]))),j=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"])),j),T=s.styled((function(s){var o=s.className,a=s.dataTheme,n=e.__rest(s,["className","dataTheme"]);return t.jsx(h.default,e.__assign({},n,{classes:{popper:o},PopperProps:e.__assign(e.__assign({},n.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,n=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(T,e.__assign({},h,{background:o,className:n,dataTheme:p||g,open:i,title:t.jsxs(b,{spacing:8,children:[m&&t.jsx(r.Text,{isUppercase:!1,type:"small-header",children:m}),"string"==typeof c?t.jsx(r.Text,{type:"caption",children:c}):c]}),children:t.jsxs(k,{as:u,children:[a,t.jsx(j,{})]})})):t.jsx(_,{as:u,children:a})};
+"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})};

package/package.json

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