@zonos/amino 5.1.68 → 5.1.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var a=require("../../_tslib-ccfac372.js"),
|
|
1
|
+
"use strict";var a=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),e=require("clsx"),o=require("../../styles/constants/theme.js"),t=require("../../style-inject.es-d4ddeae4.js");function s(a){return a&&a.__esModule?a:{default:a}}var n=s(e),i="Amino_AvatarBase-module__wrapper--gUJPn",d="Amino_AvatarBase-module__styledAvatarBase--CnTXf";t.styleInject(".Amino_AvatarBase-module__wrapper--gUJPn{align-items:center;border:var(--amino-avatar-base-border);border-radius:var(--amino-avatar-base-border-radius);display:flex;height:var(--amino-avatar-base-height);justify-content:center;width:var(--amino-avatar-base-width)}.Amino_AvatarBase-module__styledAvatarBase--CnTXf{background-color:var(--amino-avatar-base-background-color);background-image:var(--amino-avatar-base-background-image);background-position:var(--amino-avatar-base-background-position);background-repeat:no-repeat;background-size:var(--amino-avatar-base-background-size);border-radius:var(--amino-avatar-base-border-radius);height:100%;width:100%}");var c={round:"50%",rounded:"10px",square:"0px"};exports.AvatarBase=function(e){var t=e.backgroundColor,s=e.backgroundPosition,u=e.backgroundSize,b=e.backgroundUrl,v=e.bordered,m=e.children,g=e.className,l=e.shape,h=e.size,p=e.style;return r.jsx("div",{className:n.default(i,g),style:a.__assign(a.__assign({},p),{"--amino-avatar-base-background-color":t||"".concat(o.theme.gray100),"--amino-avatar-base-background-image":"url(".concat(b,")"),"--amino-avatar-base-background-position":s||"center","--amino-avatar-base-background-size":u||"","--amino-avatar-base-border":v?"".concat(h/16,"px solid ").concat(o.theme.gray0):"","--amino-avatar-base-border-radius":c[l],"--amino-avatar-base-height":"".concat(h,"px"),"--amino-avatar-base-width":"".concat(h,"px")}),children:m||r.jsx("div",{className:d})})},exports.avatarShapes=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("clsx"),a=require("./RippleGroup.js"),e=require("./useRipple.js"),i=require("../spinner/Spinner.js"),m=require("../../styles/constants/theme.js"),_=require("../../utils/getAminoColor.js"),r=require("../../style-inject.es-d4ddeae4.js");function s(o){return o&&o.__esModule?o:{default:o}}require("framer-motion"),require("uuid"),require("./_Ripple.js"),require("styled-components");var d=s(u),l={spinnerWrapper:"Amino_Button-module__spinnerWrapper--tgOjW",aminoButton:"Amino_Button-module__aminoButton--spa1s",text:"Amino_Button-module__text--uD3sd",onlyIcon:"Amino_Button-module__onlyIcon--HSsiQ",loading:"Amino_Button-module__loading--J6rUt",content:"Amino_Button-module__content--Hw0WG",hasIcon:"Amino_Button-module__hasIcon--WyBHM",iconRight:"Amino_Button-module__iconRight--rHggX","amino-spinner":"Amino_Button-module__amino-spinner--h2J8a",primaryButton:"Amino_Button-module__primaryButton--oqikL",outline:"Amino_Button-module__outline--1SRt-",successButton:"Amino_Button-module__successButton--vCdA9",standardButton:"Amino_Button-module__standardButton--sNzVf",dangerButton:"Amino_Button-module__dangerButton--0SWdY",warningButton:"Amino_Button-module__warningButton--4wL7z",subtleButton:"Amino_Button-module__subtleButton--9dx3n",linkButton:"Amino_Button-module__linkButton--rrpjp",textButton:"Amino_Button-module__textButton--NATCk"};r.styleInject(".Amino_Button-module__spinnerWrapper--tgOjW{align-items:center;border-radius:var(--amino-radius-6);bottom:0;display:flex;gap:var(--amino-space-8);justify-content:center;left:0;position:absolute;right:0;top:0}.Amino_Button-module__aminoButton--spa1s{align-items:center;background:var(--amino-button-background-color);border-radius:var(--amino-button-radius);box-sizing:border-box;color:var(--amino-button-color);cursor:pointer;display:flex;flex-direction:row;font-family:var(--amino-font-sans);font-size:var(--amino-font-size-base);font-weight:var(--amino-button-font-weight);height:var(--amino-button-size);justify-content:center;letter-spacing:normal;line-height:var(--amino-button-size);outline:none;padding:var(--amino-button-padding);position:relative;text-shadow:0 2px 4px rgba(0,0,0,.02),0 1px 2px rgba(0,0,0,.04);transition:var(--amino-transition),visibility 0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:var(--amino-button-width)}.Amino_Button-module__aminoButton--spa1s svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s .Amino_Button-module__text--uD3sd{padding:0 var(--amino-space-4)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ{padding:0;width:var(--amino-button-size)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ .Amino_Button-module__text--uD3sd{padding:0}.Amino_Button-module__aminoButton--spa1s:active svg path:not([data-is-secondary-color]),.Amino_Button-module__aminoButton--spa1s:focus svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s:focus{outline:none}.Amino_Button-module__aminoButton--spa1s:active:not([disabled]){-webkit-transform:scale(.99);transform:scale(.99)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__loading--J6rUt .Amino_Button-module__content--Hw0WG{visibility:hidden}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM.Amino_Button-module__iconRight--rHggX svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:2px;margin-right:0;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:0;margin-right:2px;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not([disabled]):hover{background-image:var(--amino-button-hover-background-color)}.Amino_Button-module__aminoButton--spa1s[disabled]{cursor:not-allowed;opacity:var(--amino-disabled-opacity)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{box-shadow:var(--amino-shadow-button-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):active{background:var(--amino-blue-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-{background:transparent;box-shadow:0 0 0 1px var(--amino-primary) inset;color:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-blue-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-[disabled]{background:transparent;box-shadow:0 0 0 1px var(--amino-primary) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:transparent}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{box-shadow:var(--amino-shadow-button-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):active{background:var(--amino-green-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):focus{box-shadow:0 0 0 1px var(--amino-success) inset,var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-{background:transparent;box-shadow:0 0 0 1px var(--amino-success) inset;color:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-green-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-green-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-[disabled]{background:transparent;box-shadow:0 0 0 1px var(--amino-success) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:transparent}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf{box-shadow:var(--amino-shadow-button-standard)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-{background:transparent;box-shadow:0 0 0 1px var(--amino-gray-300) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-gray-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-gray-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{box-shadow:var(--amino-shadow-button-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):active{background:var(--amino-red-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-{background:transparent;box-shadow:0 0 0 1px var(--amino-danger) inset;color:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-red-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-red-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-[disabled]{background:transparent;box-shadow:0 0 0 1px var(--amino-danger) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:transparent}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{box-shadow:var(--amino-shadow-button-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):active{background:var(--amino-orange-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-{background:transparent;box-shadow:0 0 0 1px var(--amino-warning) inset;color:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-orange-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-orange-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-[disabled]{background:transparent;box-shadow:0 0 0 1px var(--amino-warning) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:transparent}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):focus{box-shadow:var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk:not([disabled]):focus{box-shadow:var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk.Amino_Button-module__loading--J6rUt{color:transparent}");exports.Button=function(u){var r,s=u.children,B=u.className,c=u.disabled,p=void 0!==c&&c,A=u.icon,g=u.iconRight,b=u.loading,v=void 0!==b&&b,h=u.loadingText,w=u.noRipple,x=void 0!==w&&w,k=u.outline,f=void 0!==k&&k,y=u.size,S=void 0===y?"sm":y,W=u.spinnerColor,R=u.style,j=u.tag,z=void 0===j?"button":j,C=u.themeOverride,q=u.type,H=void 0===q?"button":q,L=u.variant,N=void 0===L?"standard":L,I=o.__rest(u,["children","className","disabled","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","themeOverride","type","variant"]),O=z,Y=function(){switch(S){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},G=d.default("amino-button",l.aminoButton,"plain"===N?"":l["".concat(N,"Button")],f&&l.outline,B||"",A&&!s?l.onlyIcon:"",g?l.iconRight:"",A?l.hasIcon:"",v?l.loading:"",C),V=t.useRef(null),T=e.useRipple({disabled:p||v,rippleEnabled:!x&&!["plain","text"].includes(N),rippleRef:V}),J=T.getRippleHandlers,Q=T.rippleEnabled,D={className:G,disabled:p||v,size:S},M=o.__assign(o.__assign(o.__assign({type:H},D),I),J(I));return n.jsxs(O,o.__assign({style:o.__assign(o.__assign({},R),{"--amino-button-background-color":function(){if(I.background)return _.getAminoColor(I.background)||"";switch(N){case"primary":return m.theme.primary;case"success":return m.theme.success;case"warning":return m.theme.warning;case"danger":return m.theme.danger;case"standard":return m.theme.surfaceColor;case"subtle":return"none";default:return""}}(),"--amino-button-color":function(){if(I.color)return _.getAminoColor(I.color)||"";switch(N){case"primary":case"success":case"warning":case"danger":return m.theme.gray0;case"link":return m.theme.primary;case"subtle":return m.theme.textColorSecondary;default:return m.theme.textColor}}(),"--amino-button-disabled-opacity":f?.6:1,"--amino-button-font-weight":function(){switch(S){case"lg":case"xl":return 600;default:return 500}}(),"--amino-button-hover-background-color":function(){if(I.hoverBackground&&"inherit"!==I.hoverBackground){var o=_.getAminoColor(I.hoverBackground);return"linear-gradient(".concat(o,", ").concat(o,")")}switch(N){case"primary":return m.theme.buttonPrimaryHover;case"success":return m.theme.buttonSuccessHover;case"warning":return m.theme.buttonWarningHover;case"danger":return m.theme.buttonDangerHover;case"standard":return m.theme.buttonStandardHover;case"subtle":return m.theme.gray100;case"link":return m.theme.blue100;default:return""}}(),"--amino-button-padding":function(){switch(S){case"sm":return"".concat(m.theme.space4," ").concat(m.theme.space8);case"lg":case"xl":return"".concat(m.theme.space12," ").concat(m.theme.space24);default:return"".concat(m.theme.space8," ").concat(m.theme.space16)}}(),"--amino-button-radius":function(){switch(S){case"sm":return"".concat(m.theme.radius6);case"lg":case"xl":return"".concat(m.theme.radius10);default:return"".concat(m.theme.radius8)}}(),"--amino-button-size":"var(--amino-size-".concat(S,")"),"--amino-button-width":I.fitContentWidth?"fit-content":""}),tabIndex:"div"===z?0:void 0},M,{children:[(r=W||function(){switch(N){case"primary":return f?"info":"white";case"success":return f?"success":"white";case"warning":return f?"warning":"white";case"danger":return f?"danger":"white";case"link":return"info";default:return"black"}}(),n.jsxs(n.Fragment,{children:[n.jsx("span",{className:l.content,children:!g&&A}),n.jsx("div",{className:d.default(l.content,l.text),children:s}),n.jsx("span",{className:l.content,children:g&&A}),"plain"!==N&&"text"!==N&&v&&n.jsxs("span",{className:l.spinnerWrapper,children:[n.jsx(i.Spinner,{color:r,size:Y()}),h]})]})),Q&&n.jsx(a.RippleGroup,{ref:V})]}))};
|
|
1
|
+
"use strict";var o=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("clsx"),e=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),m=require("../../styles/constants/theme.js"),r=require("../../utils/getAminoColor.js"),_=require("../../style-inject.es-d4ddeae4.js");function s(o){return o&&o.__esModule?o:{default:o}}require("framer-motion"),require("uuid"),require("./_Ripple.js"),require("styled-components");var d=s(u),l={spinnerWrapper:"Amino_Button-module__spinnerWrapper--tgOjW",aminoButton:"Amino_Button-module__aminoButton--spa1s",text:"Amino_Button-module__text--uD3sd",onlyIcon:"Amino_Button-module__onlyIcon--HSsiQ",loading:"Amino_Button-module__loading--J6rUt",content:"Amino_Button-module__content--Hw0WG",hasIcon:"Amino_Button-module__hasIcon--WyBHM",iconRight:"Amino_Button-module__iconRight--rHggX","amino-spinner":"Amino_Button-module__amino-spinner--h2J8a",primaryButton:"Amino_Button-module__primaryButton--oqikL",outline:"Amino_Button-module__outline--1SRt-",successButton:"Amino_Button-module__successButton--vCdA9",standardButton:"Amino_Button-module__standardButton--sNzVf",dangerButton:"Amino_Button-module__dangerButton--0SWdY",warningButton:"Amino_Button-module__warningButton--4wL7z",subtleButton:"Amino_Button-module__subtleButton--9dx3n",linkButton:"Amino_Button-module__linkButton--rrpjp",textButton:"Amino_Button-module__textButton--NATCk"};_.styleInject(".Amino_Button-module__spinnerWrapper--tgOjW{align-items:center;border-radius:var(--amino-radius-6);bottom:0;display:flex;gap:var(--amino-space-8);justify-content:center;left:0;position:absolute;right:0;top:0}.Amino_Button-module__aminoButton--spa1s{align-items:center;background:var(--amino-button-background-color);border-radius:var(--amino-button-radius);box-sizing:border-box;color:var(--amino-button-color);cursor:pointer;display:flex;flex-direction:row;font-family:var(--amino-font-sans);font-size:var(--amino-font-size-base);font-weight:var(--amino-button-font-weight);height:var(--amino-button-size);justify-content:center;letter-spacing:normal;line-height:var(--amino-button-size);outline:none;padding:var(--amino-button-padding);position:relative;text-shadow:0 2px 4px rgba(0,0,0,.02),0 1px 2px rgba(0,0,0,.04);transition:var(--amino-transition),visibility 0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:var(--amino-button-width)}.Amino_Button-module__aminoButton--spa1s svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s .Amino_Button-module__text--uD3sd{padding:0 var(--amino-space-4)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ{padding:0;width:var(--amino-button-size)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ .Amino_Button-module__text--uD3sd{padding:0}.Amino_Button-module__aminoButton--spa1s:active svg path:not([data-is-secondary-color]),.Amino_Button-module__aminoButton--spa1s:focus svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s:focus{outline:none}.Amino_Button-module__aminoButton--spa1s:active:not([disabled]){-webkit-transform:scale(.99);transform:scale(.99)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__loading--J6rUt .Amino_Button-module__content--Hw0WG{visibility:hidden}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM.Amino_Button-module__iconRight--rHggX svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:2px;margin-right:0;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:0;margin-right:2px;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not([disabled]):hover{background-image:var(--amino-button-hover-background-color)}.Amino_Button-module__aminoButton--spa1s[disabled]{cursor:not-allowed;opacity:var(--amino-disabled-opacity)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{box-shadow:var(--amino-shadow-button-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):active{background:var(--amino-blue-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-{background:transparent;box-shadow:0 0 0 1px var(--amino-primary) inset;color:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-blue-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-[disabled]{background:transparent;box-shadow:0 0 0 1px var(--amino-primary) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:transparent}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{box-shadow:var(--amino-shadow-button-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):active{background:var(--amino-green-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):focus{box-shadow:0 0 0 1px var(--amino-success) inset,var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-{background:transparent;box-shadow:0 0 0 1px var(--amino-success) inset;color:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-green-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-green-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-[disabled]{background:transparent;box-shadow:0 0 0 1px var(--amino-success) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:transparent}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf{box-shadow:var(--amino-shadow-button-standard)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-{background:transparent;box-shadow:0 0 0 1px var(--amino-gray-300) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-gray-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-gray-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{box-shadow:var(--amino-shadow-button-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):active{background:var(--amino-red-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-{background:transparent;box-shadow:0 0 0 1px var(--amino-danger) inset;color:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-red-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-red-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-[disabled]{background:transparent;box-shadow:0 0 0 1px var(--amino-danger) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:transparent}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{box-shadow:var(--amino-shadow-button-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):active{background:var(--amino-orange-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-{background:transparent;box-shadow:0 0 0 1px var(--amino-warning) inset;color:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-orange-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-orange-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-[disabled]{background:transparent;box-shadow:0 0 0 1px var(--amino-warning) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:transparent}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):focus{box-shadow:var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk{color:var(--amino-button-text-button-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk[disabled]{color:var(--amino-button-text-button-disabled-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk.Amino_Button-module__loading--J6rUt{color:transparent}");exports.Button=function(u){var _,s=u.children,B=u.className,c=u.disabled,p=void 0!==c&&c,b=u.icon,A=u.iconRight,g=u.loading,v=void 0!==g&&g,h=u.loadingText,w=u.noRipple,x=void 0!==w&&w,k=u.outline,f=void 0!==k&&k,y=u.size,S=void 0===y?"sm":y,W=u.spinnerColor,R=u.style,j=u.tag,z=void 0===j?"button":j,C=u.themeOverride,q=u.type,L=void 0===q?"button":q,H=u.variant,N=void 0===H?"standard":H,I=o.__rest(u,["children","className","disabled","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","themeOverride","type","variant"]),O=z,Y=function(){switch(S){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},V=d.default("amino-button",l.aminoButton,"plain"===N?"":l["".concat(N,"Button")],f&&l.outline,B||"",b&&!s?l.onlyIcon:"",A?l.iconRight:"",b?l.hasIcon:"",v?l.loading:"",C),G=t.useRef(null),T=a.useRipple({disabled:p||v,rippleEnabled:!x&&!["plain","text"].includes(N),rippleRef:G}),J=T.getRippleHandlers,Q=T.rippleEnabled,D={className:V,disabled:p||v,size:S},M=o.__assign(o.__assign(o.__assign({type:L},D),I),J(I));return n.jsxs(O,o.__assign({style:o.__assign(o.__assign({},R),{"--amino-button-background-color":function(){if(I.background)return r.getAminoColor(I.background)||"";switch(N){case"primary":return m.theme.primary;case"success":return m.theme.success;case"warning":return m.theme.warning;case"danger":return m.theme.danger;case"standard":return m.theme.surfaceColor;case"subtle":return"none";default:return""}}(),"--amino-button-color":function(){if(I.color)return r.getAminoColor(I.color)||"";switch(N){case"primary":case"success":case"warning":case"danger":return m.theme.gray0;case"link":return m.theme.primary;case"subtle":return m.theme.textColorSecondary;default:return m.theme.textColor}}(),"--amino-button-disabled-opacity":f?.6:1,"--amino-button-font-weight":function(){switch(S){case"lg":case"xl":return 600;default:return 500}}(),"--amino-button-hover-background-color":function(){if(I.hoverBackground&&"inherit"!==I.hoverBackground){var o=r.getAminoColor(I.hoverBackground);return"linear-gradient(".concat(o,", ").concat(o,")")}switch(N){case"primary":return m.theme.buttonPrimaryHover;case"success":return m.theme.buttonSuccessHover;case"warning":return m.theme.buttonWarningHover;case"danger":return m.theme.buttonDangerHover;case"standard":return m.theme.buttonStandardHover;case"subtle":return m.theme.gray100;case"link":return m.theme.blue100;case"text":return m.theme.gray500;default:return""}}(),"--amino-button-padding":function(){switch(S){case"sm":return"".concat(m.theme.space4," ").concat(m.theme.space8);case"lg":case"xl":return"".concat(m.theme.space12," ").concat(m.theme.space24);default:return"".concat(m.theme.space8," ").concat(m.theme.space16)}}(),"--amino-button-radius":function(){switch(S){case"sm":return"".concat(m.theme.radius6);case"lg":case"xl":return"".concat(m.theme.radius10);default:return"".concat(m.theme.radius8)}}(),"--amino-button-size":"var(--amino-size-".concat(S,")"),"--amino-button-text-button-color":I.href?m.theme.primary:m.theme.textColorSecondary,"--amino-button-text-button-disabled-color":I.href?m.theme.blue300:m.theme.gray300,"--amino-button-text-button-hover-color":I.href?m.theme.blue500:m.theme.gray500,"--amino-button-width":I.fitContentWidth?"fit-content":""}),tabIndex:"div"===z?0:void 0},M,{children:[(_=W||function(){switch(N){case"primary":return f?"info":"white";case"success":return f?"success":"white";case"warning":return f?"warning":"white";case"danger":return f?"danger":"white";case"link":return"info";default:return"black"}}(),n.jsxs(n.Fragment,{children:[n.jsx("span",{className:l.content,children:!A&&b}),n.jsx("div",{className:d.default(l.content,l.text),children:s}),n.jsx("span",{className:l.content,children:A&&b}),"plain"!==N&&"text"!==N&&v&&n.jsxs("span",{className:l.spinnerWrapper,children:[n.jsx(i.Spinner,{color:_,size:Y()}),h]})]})),Q&&n.jsx(e.RippleGroup,{ref:G})]}))};
|
package/components/card/Card.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var a=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),e=require("clsx"),i=require("../stack/HStack.js"),n=require("../text/Text.js"),o=require("../../styles/constants/theme.js"),d=require("../../style-inject.es-d4ddeae4.js");function t(a){return a&&a.__esModule?a:{default:a}}require("styled-components"),require("../stack/Stack.js");var c=t(e),s="Amino_Card-module__card--DJCwk",m="Amino_Card-module__cardHeader--UBcny",l="Amino_Card-module__cardFooter--Ea-tJ";d.styleInject(".Amino_Card-module__card--DJCwk{background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);padding:var(--amino-card-padding-spacing)}.Amino_Card-module__card--DJCwk hr{margin-left:var(--amino-card-margin);margin-right:var(--amino-card-margin)}.Amino_Card-module__cardHeader--UBcny{align-items:center;border-bottom:var(--amino-border);display:flex;height:65px;line-height:65px;margin:var(--amino-card-margin);margin-bottom:var(--amino-card-margin-bottom);padding:var(--amino-card-padding-spacing);-webkit-user-select:none;user-select:none}.Amino_Card-module__cardHeader--UBcny h5{flex:1;margin-bottom:0}.Amino_Card-module__cardFooter--Ea-tJ{align-items:center;background:var(--amino-surface-color-secondary);border-bottom-left-radius:var(--amino-radius-8);border-bottom-right-radius:var(--amino-radius-8);border-top:var(--amino-border);display:flex;height:var(--amino-card-footer-height);justify-content:space-between;margin:var(--amino-card-margin);margin-top:var(--amino-card-margin-top);padding:var(--amino-card-padding-spacing)}");exports.Card=function(e){var d=e.actions,t=e.children,g=e.className,u=e.footerActions,p=e.footerContent,_=e.footerHeight,h=e.label,v=e.spacing,b=e.style;return r.jsxs("div",{className:c.default(g,s),style:a.__assign(a.__assign({},b),{"--amino-card-footer-height":_?"".concat(_,"px"):"
|
|
1
|
+
"use strict";var a=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),e=require("clsx"),i=require("../stack/HStack.js"),n=require("../text/Text.js"),o=require("../../styles/constants/theme.js"),d=require("../../style-inject.es-d4ddeae4.js");function t(a){return a&&a.__esModule?a:{default:a}}require("styled-components"),require("../stack/Stack.js");var c=t(e),s="Amino_Card-module__card--DJCwk",m="Amino_Card-module__cardHeader--UBcny",l="Amino_Card-module__cardFooter--Ea-tJ";d.styleInject(".Amino_Card-module__card--DJCwk{background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);padding:var(--amino-card-padding-spacing)}.Amino_Card-module__card--DJCwk hr{margin-left:var(--amino-card-margin);margin-right:var(--amino-card-margin)}.Amino_Card-module__cardHeader--UBcny{align-items:center;border-bottom:var(--amino-border);display:flex;height:65px;line-height:65px;margin:var(--amino-card-margin);margin-bottom:var(--amino-card-margin-bottom);padding:var(--amino-card-padding-spacing);-webkit-user-select:none;user-select:none}.Amino_Card-module__cardHeader--UBcny h5{flex:1;margin-bottom:0}.Amino_Card-module__cardFooter--Ea-tJ{align-items:center;background:var(--amino-surface-color-secondary);border-bottom-left-radius:var(--amino-radius-8);border-bottom-right-radius:var(--amino-radius-8);border-top:var(--amino-border);display:flex;height:var(--amino-card-footer-height);justify-content:space-between;margin:var(--amino-card-margin);margin-top:var(--amino-card-margin-top);padding:var(--amino-card-padding-spacing)}");exports.Card=function(e){var d=e.actions,t=e.children,g=e.className,u=e.footerActions,p=e.footerContent,_=e.footerHeight,h=e.label,v=e.spacing,b=e.style;return r.jsxs("div",{className:c.default(g,s),style:a.__assign(a.__assign({},b),{"--amino-card-footer-height":_?"".concat(_,"px"):"","--amino-card-margin":v?"calc(".concat(v," * -1)"):o.theme.spaceNegative24,"--amino-card-margin-bottom":v||o.theme.space24,"--amino-card-margin-top":v||o.theme.space24,"--amino-card-padding-spacing":v||o.theme.space24}),children:[h&&r.jsxs("div",{className:m,children:[r.jsx(n.Text,{type:"subheader",children:h}),r.jsx(i.HStack,{spacing:8,children:d})]}),t,(u||p)&&r.jsxs("div",{className:l,children:[r.jsx("div",{children:p}),r.jsx(i.HStack,{spacing:8,children:u})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),o=require("react/jsx-runtime"),n=require("react"),i=require("react-dom"),t=require("clsx"),a=require("framer-motion"),r=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}var d=l(t),c="Amino_BaseDialog-module__backdrop--Tykyp",u="Amino_BaseDialog-module__popup--1AFN-";r.styleInject(".Amino_BaseDialog-module__backdrop--Tykyp{align-items:center;color:var(--amino-text-color);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.Amino_BaseDialog-module__popup--1AFN-{background:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-xxl);display:flex;flex-direction:column;outline:none;overflow:hidden;width:var(--amino-base-dialog-width);z-index:1001}");exports.BaseDialog=function(t){var r=t.children,l=t.className,s=t.closeOnBlur,m=void 0===s||s,p=t.closeOnEsc,v=void 0===p||p,f=t.onClose,g=t.open,_=t.popupMotionProps,y=t.style,b=t.themeOverride,x=t.width,h=void 0===x?444:x,k=t.withBackdrop,w=void 0===k||k,q=n.useRef(null),j=n.useRef(null);n.useEffect((function(){var e,o;(null===(e=j.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(o=j.current)||void 0===o||o.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=g?"hidden":"auto")}),[g]);var A=w?{animate:{backgroundColor:"rgba(16, 17, 22, 0.65)"},exit:{backgroundColor:"rgba(16, 17, 22, 0)"},initial:{backgroundColor:"rgba(16, 17, 22, 0)"}}:{},B=e.__assign({animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},transition:{duration:.3,ease:[.4,0,.2,1]}},_);return"undefined"!=typeof document?i.createPortal(o.jsx(a.AnimatePresence,{children:g&&n.createElement(a.motion.div,e.__assign({className:d.default(c,l)},A,{key:"dialog-backdrop",ref:j,"data-theme":b,onKeyDown:function(e){f&&v&&"Escape"===e.key&&f()},onMouseDown:function(e){q.current=e.target},onMouseUp:function(e){var o=e.target===q.current,n=f&&m&&e.target===j.current;o&&n&&f(),q.current=null},style:e.__assign(e.__assign({},y),{"--amino-base-dialog-width":"".concat(h,"px")}),tabIndex:-1,transition:{duration:.3}}),n.createElement(a.motion.div,e.__assign({},B,{key:"dialog",className:d.default(
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),o=require("react/jsx-runtime"),n=require("react"),i=require("react-dom"),t=require("clsx"),a=require("framer-motion"),r=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}var d=l(t),c="Amino_BaseDialog-module__backdrop--Tykyp",u="Amino_BaseDialog-module__popup--1AFN-";r.styleInject(".Amino_BaseDialog-module__backdrop--Tykyp{align-items:center;color:var(--amino-text-color);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.Amino_BaseDialog-module__popup--1AFN-{background:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-xxl);display:flex;flex-direction:column;outline:none;overflow:hidden;width:var(--amino-base-dialog-width);z-index:1001}");exports.BaseDialog=function(t){var r=t.children,l=t.className,s=t.closeOnBlur,m=void 0===s||s,p=t.closeOnEsc,v=void 0===p||p,f=t.onClose,g=t.open,_=t.popupMotionProps,y=t.style,b=t.themeOverride,x=t.width,h=void 0===x?444:x,k=t.withBackdrop,w=void 0===k||k,q=n.useRef(null),j=n.useRef(null);n.useEffect((function(){var e,o;(null===(e=j.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(o=j.current)||void 0===o||o.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=g?"hidden":"auto")}),[g]);var A=w?{animate:{backgroundColor:"rgba(16, 17, 22, 0.65)"},exit:{backgroundColor:"rgba(16, 17, 22, 0)"},initial:{backgroundColor:"rgba(16, 17, 22, 0)"}}:{},B=e.__assign({animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},transition:{duration:.3,ease:[.4,0,.2,1]}},_);return"undefined"!=typeof document?i.createPortal(o.jsx(a.AnimatePresence,{children:g&&n.createElement(a.motion.div,e.__assign({className:d.default(c,l)},A,{key:"dialog-backdrop",ref:j,"data-theme":b,onKeyDown:function(e){f&&v&&"Escape"===e.key&&f()},onMouseDown:function(e){q.current=e.target},onMouseUp:function(e){var o=e.target===q.current,n=f&&m&&e.target===j.current;o&&n&&f(),q.current=null},style:e.__assign(e.__assign({},y),{"--amino-base-dialog-width":"".concat(h,"px")}),tabIndex:-1,transition:{duration:.3}}),n.createElement(a.motion.div,e.__assign({},B,{key:"dialog",className:d.default(u,"elevated"),onClick:function(e){e.stopPropagation()}}),r))}),document.querySelector("body")):null};
|