@zonos/amino 5.5.27 → 5.5.28

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.
Files changed (13) hide show
  1. package/components/button/Button.d.ts +2 -1
  2. package/components/button/Button.js +1 -1
  3. package/components/spinner/Spinner.d.ts +1 -1
  4. package/components/spinner/Spinner.js +1 -1
  5. package/components/tabs/Tabs.d.ts +7 -1
  6. package/components/tabs/Tabs.js +1 -1
  7. package/package.json +1 -1
  8. package/styles/constants/theme.d.ts +16 -0
  9. package/styles/constants/theme.js +1 -1
  10. package/theme.css +72 -0
  11. package/theme.scss +8 -0
  12. package/types/Variant.d.ts +1 -1
  13. package/utils/getProductDetails.js +1 -1
package/components/button/Button.d.ts CHANGED
@@ -12,6 +12,7 @@ type ButtonBase = BaseProps & {
12
12
  disabled?: boolean;
13
13
  fitContentWidth?: boolean;
14
14
  hoverBackground?: Color | 'inherit';
15
+ hoverColor?: Color | 'inherit';
15
16
  icon?: ReactNode;
16
17
  iconRight?: boolean;
17
18
  /** @default false */
@@ -47,5 +48,5 @@ export type ButtonProps<T extends GroupTag = typeof DEFAULT_TAG> = ButtonBase &
47
48
  onClick?: MouseEventHandler<MyHtmlElement<T>>;
48
49
  tag?: T | GroupTag;
49
50
  } & Omit<ComponentPropsWithoutRef<T>, keyof ButtonBase | 'onClick'>;
50
- export declare function Button<T extends GroupTag = typeof DEFAULT_TAG>({ background, children, className, color, disabled, fitContentWidth, hoverBackground, icon, iconRight, loading, loadingText, noRipple, outline, size, spinnerColor, style, tag, testId, themeOverride, type, variant, ...props }: ButtonProps<T>): import("react/jsx-runtime").JSX.Element;
51
+ export declare function Button<T extends GroupTag = typeof DEFAULT_TAG>({ background, children, className, color, disabled, fitContentWidth, hoverBackground, hoverColor, icon, iconRight, loading, loadingText, noRipple, outline, size, spinnerColor, style, tag, testId, themeOverride, type, variant, ...props }: ButtonProps<T>): import("react/jsx-runtime").JSX.Element;
51
52
  export {};
package/components/button/Button.js CHANGED
@@ -1 +1 @@
1
- "use strict";var o=require("../../tslib.es6-5672428a.js"),t=require("react/jsx-runtime"),n=require("react"),u=require("clsx"),e=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),m=require("../../styles/constants/theme.js"),_=require("../../utils/getAminoColor.js"),d=require("../../utils/getTestId.js"),s=require("../../style-inject.es-d4ddeae4.js");function r(o){return o&&o.__esModule?o:{default:o}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var l=r(u),B={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",invertedButton:"Amino_Button-module__invertedButton--Aka9O",dangerButton:"Amino_Button-module__dangerButton--0SWdY",warningButton:"Amino_Button-module__warningButton--4wL7z",subtleButton:"Amino_Button-module__subtleButton--9dx3n",linkButton:"Amino_Button-module__linkButton--rrpjp",inlineLinkButton:"Amino_Button-module__inlineLinkButton--3hm2I",textButton:"Amino_Button-module__textButton--NATCk"};s.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;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]){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:80%}.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:80%}.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-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{box-shadow:var(--amino-shadow-button-primary);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):active{background:var(--amino-blue-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):focus{box-shadow:var(--amino-shadow-button-primary-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL[disabled]{background:var(--amino-gray-500);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:#0000;box-shadow:0 0 0 1px var(--amino-blue-600);color:var(--amino-blue-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-blue-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-blue-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-blue-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{box-shadow:var(--amino-shadow-button-success);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):active{background:var(--amino-green-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):focus{box-shadow:var(--amino-shadow-button-success-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9[disabled]{background:var(--amino-gray-500);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:#0000;box-shadow:0 0 0 1px var(--amino-green-600);color:var(--amino-green-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-green-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-green-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-green-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf{box-shadow:var(--amino-shadow-raised-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-shadow-raised-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-{background:#0000;border:1px solid var(--amino-gray-300);box-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:#0000000a;background-image:unset}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:#ffffff14}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):focus{box-shadow:0 0 0 4px #00000014}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):focus{box-shadow:0 0 0 4px #dce1ff3d}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O{background:var(--amino-gray-1000);box-shadow:var(--amino-shadow-raised-standard);color:var(--amino-gray-0)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):hover{background:var(--amino-gray-900)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):active{background:var(--amino-gray-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):focus{box-shadow:var(--amino-shadow-raised-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O[disabled]{box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{box-shadow:var(--amino-shadow-button-danger);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{color:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):active{background:var(--amino-red-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):focus{box-shadow:var(--amino-shadow-button-danger-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY[disabled]{background:var(--amino-gray-500);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:#0000;box-shadow:0 0 0 1px var(--amino-red-600);color:var(--amino-red-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-red-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-red-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-red-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:before{content:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{box-shadow:var(--amino-shadow-button-warning);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{color:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):active{background:var(--amino-orange-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):focus{box-shadow:var(--amino-shadow-button-warning-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z[disabled]{background:var(--amino-gray-500);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:#0000;box-shadow:0 0 0 1px var(--amino-orange-600);color:var(--amino-orange-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-orange-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-orange-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-orange-600) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):hover{background:var(--amino-gray-50)}.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:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):active{background:var(--amino-blue-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):hover{background:var(--amino-blue-50)}.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:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I{display:inline-flex;line-height:inherit;padding:0}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I:not([disabled]):active,.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.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:#0000}");exports.Button=function(u){var s,r=u.background,c=u.children,p=u.className,A=u.color,b=u.disabled,g=void 0!==b&&b,h=u.fitContentWidth,v=u.hoverBackground,w=u.icon,x=u.iconRight,f=u.loading,k=void 0!==f&&f,y=u.loadingText,S=u.noRipple,W=void 0!==S&&S,R=u.outline,j=void 0!==R&&R,L=u.size,z=void 0===L?"sm":L,C=u.spinnerColor,q=u.style,N=u.tag,I=void 0===N?"button":N,H=u.testId,O=u.themeOverride,Y=u.type,V=void 0===Y?"button":Y,T=u.variant,G=void 0===T?"standard":T,J=o.__rest(u,["background","children","className","color","disabled","fitContentWidth","hoverBackground","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","testId","themeOverride","type","variant"]),M=I,Q=o.__read(n.useState(""),2),D=Q[0],U=Q[1],E=n.useCallback((function(o){U((null==o?void 0:o.textContent)||"")}),[]),X=n.useMemo((function(){return d.getTestId({componentName:"button",name:D})}),[D]),F=function(){switch(z){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},P=l.default("amino-button",B.aminoButton,"plain"===G?"":B["".concat(G,"Button")],j&&B.outline,p||"",w&&!c?B.onlyIcon:"",x?B.iconRight:"",w?B.hasIcon:"",k?B.loading:""),K=n.useRef(null),Z=a.useRipple({disabled:g||k,rippleEnabled:!W&&!["plain","text","inlineLink"].includes(G),rippleRef:K}),$=Z.getRippleHandlers,oo=Z.rippleEnabled,to={className:P,disabled:g||k,size:z},no=o.__assign(o.__assign(o.__assign({type:V},to),J),$(J));return t.jsxs(M,o.__assign({ref:E,"data-testid":H||X,"data-theme":O,style:o.__assign(o.__assign({},q),{"--amino-button-background-color":function(){if(r)return _.getAminoColor(r)||"";switch(G){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"inverted":return m.theme.gray0;case"standard":return m.theme.raisedSurfaceColor;case"subtle":case"inlineLink":return"none";default:return""}}(),"--amino-button-color":function(){if(A)return _.getAminoColor(A)||"";switch(G){case"primary":case"success":case"warning":case"danger":case"inverted":return m.theme.gray0;case"link":case"inlineLink":return m.theme.blue600;case"subtle":return m.theme.textColorSecondary;default:return m.theme.textColor}}(),"--amino-button-font-weight":function(){switch(z){case"lg":case"xl":return 600;default:return 500}}(),"--amino-button-hover-background-color":function(){if(v&&"inherit"!==v){var o=_.getAminoColor(v);return"linear-gradient(".concat(o,", ").concat(o,")")}switch(G){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":case"inverted":return m.theme.gray100;case"link":return m.theme.blue100;case"text":return m.theme.gray500;default:return""}}(),"--amino-button-padding":function(){switch(z){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(z){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(z,")"),"--amino-button-text-button-color":J.href?m.theme.primary:m.theme.textColorSecondary,"--amino-button-text-button-disabled-color":J.href?m.theme.blue300:m.theme.gray300,"--amino-button-text-button-hover-color":J.href?m.theme.blue500:m.theme.gray500,"--amino-button-width":h?"fit-content":"auto"}),tabIndex:"div"===I?0:void 0},no,{children:[(s=C||function(){switch(G){case"primary":return j?"info":"white";case"success":return j?"success":"white";case"warning":return j?"warning":"white";case"danger":return j?"danger":"white";case"inverted":return"white";case"link":case"inlineLink":return"info";default:return"black"}}(),t.jsxs(t.Fragment,{children:[!x&&t.jsx("span",{className:B.content,children:w}),t.jsx("div",{className:l.default(B.content,B.text),children:c}),x&&t.jsx("span",{className:B.content,children:w}),"plain"!==G&&"text"!==G&&k&&t.jsxs("span",{className:B.spinnerWrapper,children:[t.jsx(i.Spinner,{color:s,size:F()}),y]})]})),oo&&t.jsx(e.RippleGroup,{ref:K})]}))};
1
+ "use strict";var o=require("../../tslib.es6-5672428a.js"),t=require("react/jsx-runtime"),n=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"),d=require("../../utils/getTestId.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");var l=s(u),B={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",invertedButton:"Amino_Button-module__invertedButton--Aka9O",dangerButton:"Amino_Button-module__dangerButton--0SWdY",warningButton:"Amino_Button-module__warningButton--4wL7z",purpleButton:"Amino_Button-module__purpleButton--NJDEu",cyanButton:"Amino_Button-module__cyanButton--2l7YG",subtleButton:"Amino_Button-module__subtleButton--9dx3n",linkButton:"Amino_Button-module__linkButton--rrpjp",inlineLinkButton:"Amino_Button-module__inlineLinkButton--3hm2I",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;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]){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:80%}.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:80%}.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-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{box-shadow:var(--amino-shadow-button-primary);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):active{background:var(--amino-blue-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):focus{box-shadow:var(--amino-shadow-button-primary-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL[disabled]{background:var(--amino-gray-500);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:#0000;box-shadow:0 0 0 1px var(--amino-blue-600);color:var(--amino-blue-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-blue-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-blue-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-blue-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{box-shadow:var(--amino-shadow-button-success);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):active{background:var(--amino-green-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):focus{box-shadow:var(--amino-shadow-button-success-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9[disabled]{background:var(--amino-gray-500);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:#0000;box-shadow:0 0 0 1px var(--amino-green-600);color:var(--amino-green-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-green-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-green-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-green-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf{box-shadow:var(--amino-shadow-raised-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-shadow-raised-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-{background:#0000;border:1px solid var(--amino-gray-300);box-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:#0000000a;background-image:unset}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:#ffffff14}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):focus{box-shadow:0 0 0 4px #00000014}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):focus{box-shadow:0 0 0 4px #dce1ff3d}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O{background:var(--amino-gray-1000);box-shadow:var(--amino-shadow-raised-standard);color:var(--amino-gray-0)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):hover{background:var(--amino-gray-900)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):active{background:var(--amino-gray-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O:not([disabled]):focus{box-shadow:var(--amino-shadow-raised-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O[disabled]{box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__invertedButton--Aka9O .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{box-shadow:var(--amino-shadow-button-danger);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{color:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):active{background:var(--amino-red-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):focus{box-shadow:var(--amino-shadow-button-danger-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY[disabled]{background:var(--amino-gray-500);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:#0000;box-shadow:0 0 0 1px var(--amino-red-600);color:var(--amino-red-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-red-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-red-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-red-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:before{content:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{box-shadow:var(--amino-shadow-button-warning);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{color:var(--amino-gray-1000)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):active{background:var(--amino-orange-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):focus{box-shadow:var(--amino-shadow-button-warning-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z[disabled]{background:var(--amino-gray-500);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:#0000;box-shadow:0 0 0 1px var(--amino-orange-600);color:var(--amino-orange-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-orange-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-orange-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-orange-600) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu{box-shadow:var(--amino-shadow-button-purple);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu:not([disabled]):active{background:var(--amino-purple-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu:not([disabled]):focus{box-shadow:var(--amino-shadow-button-purple-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu[disabled]{background:var(--amino-gray-500);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-purple)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-purple-600);color:var(--amino-purple-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-purple-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-purple-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-orange-600) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__purpleButton--NJDEu.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG{box-shadow:var(--amino-shadow-button-cyan);text-shadow:0 1px 1px #0003}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG svg path:not([data-is-secondary-color]){filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG{color:var(--amino-text-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG:not([disabled]):active{background:var(--amino-cyan-600)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG:not([disabled]):focus{box-shadow:var(--amino-shadow-button-cyan-focus)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG[disabled]{background:var(--amino-gray-500);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-cyan)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-cyan-600);color:var(--amino-cyan-600);text-shadow:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt- svg path:not([data-is-secondary-color]){filter:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-cyan-50);background-image:unset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-cyan-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-cyan-600) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__cyanButton--2l7YG.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):hover{background:var(--amino-gray-50)}.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:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):active{background:var(--amino-blue-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):hover{background:var(--amino-blue-50)}.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:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I{display:inline-flex;line-height:inherit;padding:0}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I:not([disabled]):active,.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.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:#0000}");exports.Button=function(u){var r=u.background,s=u.children,c=u.className,p=u.color,A=u.disabled,b=void 0!==A&&A,g=u.fitContentWidth,h=u.hoverBackground;u.hoverColor;var v,w=u.icon,x=u.iconRight,y=u.loading,k=void 0!==y&&y,f=u.loadingText,S=u.noRipple,R=void 0!==S&&S,W=u.outline,j=void 0!==W&&W,C=u.size,L=void 0===C?"sm":C,N=u.spinnerColor,z=u.style,Y=u.tag,q=void 0===Y?"button":Y,H=u.testId,O=u.themeOverride,I=u.type,G=void 0===I?"button":I,J=u.variant,D=void 0===J?"standard":J,E=o.__rest(u,["background","children","className","color","disabled","fitContentWidth","hoverBackground","hoverColor","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","testId","themeOverride","type","variant"]),V=q,T=o.__read(n.useState(""),2),M=T[0],Q=T[1],U=n.useCallback((function(o){Q((null==o?void 0:o.textContent)||"")}),[]),P=n.useMemo((function(){return d.getTestId({componentName:"button",name:M})}),[M]),X=function(){switch(L){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},F=l.default("amino-button",B.aminoButton,"plain"===D?"":B["".concat(D,"Button")],j&&B.outline,c||"",w&&!s?B.onlyIcon:"",x?B.iconRight:"",w?B.hasIcon:"",k?B.loading:""),K=n.useRef(null),Z=e.useRipple({disabled:b||k,rippleEnabled:!R&&!["plain","text","inlineLink"].includes(D),rippleRef:K}),$=Z.getRippleHandlers,oo=Z.rippleEnabled,to={className:F,disabled:b||k,size:L},no=o.__assign(o.__assign(o.__assign({type:G},to),E),$(E));return t.jsxs(V,o.__assign({ref:U,"data-testid":H||P,"data-theme":O,style:o.__assign(o.__assign({},z),{"--amino-button-background-color":function(){if(r)return _.getAminoColor(r)||"";switch(D){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"cyan":return m.theme.cyan;case"purple":return m.theme.purple;case"inverted":return m.theme.gray0;case"standard":return m.theme.raisedSurfaceColor;case"subtle":case"inlineLink":return"none";default:return""}}(),"--amino-button-color":function(){if(p)return _.getAminoColor(p)||"";switch(D){case"primary":case"success":case"warning":case"danger":case"cyan":case"purple":case"inverted":return m.theme.gray0;case"link":case"inlineLink":return m.theme.blue600;case"subtle":return m.theme.textColorSecondary;default:return m.theme.textColor}}(),"--amino-button-font-weight":function(){switch(L){case"lg":case"xl":return 600;default:return 500}}(),"--amino-button-hover-background-color":function(){if(h&&"inherit"!==h){var o=_.getAminoColor(h);return"linear-gradient(".concat(o,", ").concat(o,")")}switch(D){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"cyan":return m.theme.buttonCyanHover;case"purple":return m.theme.buttonPurpleHover;case"standard":return m.theme.buttonStandardHover;case"subtle":case"inverted":return m.theme.gray100;case"link":return m.theme.blue100;case"text":return m.theme.gray500;default:return""}}(),"--amino-button-padding":function(){switch(L){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(L){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(L,")"),"--amino-button-text-button-color":E.href?m.theme.primary:m.theme.textColorSecondary,"--amino-button-text-button-disabled-color":E.href?m.theme.blue300:m.theme.gray300,"--amino-button-text-button-hover-color":"inlineLink"===D&&p?_.getAminoColor(p)||m.theme.blue500:E.href?m.theme.blue500:m.theme.gray500,"--amino-button-width":g?"fit-content":"auto"}),tabIndex:"div"===q?0:void 0},no,{children:[(v=N||function(){switch(D){case"primary":return j?"info":"white";case"success":return j?"success":"white";case"warning":return j?"warning":"white";case"danger":return j?"danger":"white";case"purple":return j?"purple":"white";case"cyan":return j?"cyan":"white";case"inverted":return"white";case"link":case"inlineLink":return"info";default:return"black"}}(),t.jsxs(t.Fragment,{children:[!x&&t.jsx("span",{className:B.content,children:w}),t.jsx("div",{className:l.default(B.content,B.text),children:s}),x&&t.jsx("span",{className:B.content,children:w}),"plain"!==D&&"text"!==D&&k&&t.jsxs("span",{className:B.spinnerWrapper,children:[t.jsx(i.Spinner,{color:v,size:X()}),f]})]})),oo&&t.jsx(a.RippleGroup,{ref:K})]}))};
package/components/spinner/Spinner.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { BaseProps } from "../../types/BaseProps";
2
- export type SpinnerColor = 'primary' | 'info' | 'success' | 'danger' | 'warning' | 'inverted' | 'black' | 'white';
2
+ export type SpinnerColor = 'primary' | 'info' | 'success' | 'danger' | 'warning' | 'inverted' | 'black' | 'white' | 'purple' | 'cyan';
3
3
  export type SpinnerProps = BaseProps & {
4
4
  /**
5
5
  * @default 'primary'
package/components/spinner/Spinner.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("../../tslib.es6-5672428a.js"),n=require("react/jsx-runtime"),i=require("clsx"),r=require("../../style-inject.es-d4ddeae4.js");function o(e){return e&&e.__esModule?e:{default:e}}var _=o(i),m={wrapper:"Amino_Spinner-module__wrapper--HsFcH",styledSvg:"Amino_Spinner-module__styledSvg--b-3GA",rotate:"Amino_Spinner-module__rotate--1zs3G",track:"Amino_Spinner-module__track--8g3IO",black:"Amino_Spinner-module__black--fWAPm",white:"Amino_Spinner-module__white---tttI",inverted:"Amino_Spinner-module__inverted--k3MWK",info:"Amino_Spinner-module__info--vNEZ8",success:"Amino_Spinner-module__success--wtOak",danger:"Amino_Spinner-module__danger--XUgrZ",warning:"Amino_Spinner-module__warning--skHle",dash:"Amino_Spinner-module__dash--74jKn"};r.styleInject(".Amino_Spinner-module__wrapper--HsFcH{height:var(--amino-spinner-height);overflow:hidden;position:relative;width:var(--amino-spinner-width)}.Amino_Spinner-module__styledSvg--b-3GA{stroke:var(--amino-blue-600);animation:Amino_Spinner-module__rotate--1zs3G 2s linear infinite;height:var(--amino-spinner-height);position:absolute;width:var(--amino-spinner-width)}.Amino_Spinner-module__styledSvg--b-3GA circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-gray-200)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__black--fWAPm{stroke:var(--amino-spinner-stroke-black)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__black--fWAPm circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-spinner-track-black)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__inverted--k3MWK,.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__white---tttI{stroke:var(--amino-spinner-stroke-white)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__inverted--k3MWK circle.Amino_Spinner-module__track--8g3IO,.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__white---tttI circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-spinner-track-white)}[data-theme=night] .Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__inverted--k3MWK{stroke:var(--amino-spinner-stroke-black)}[data-theme=night] .Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__inverted--k3MWK circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-spinner-track-black)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__info--vNEZ8{stroke:var(--amino-blue-600)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__info--vNEZ8 circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-blue-100)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__success--wtOak{stroke:var(--amino-green-600)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__success--wtOak circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-green-100)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__danger--XUgrZ{stroke:var(--amino-red-600)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__danger--XUgrZ circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-red-100)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__warning--skHle{stroke:var(--amino-orange-600)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__warning--skHle circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-orange-100)}@keyframes Amino_Spinner-module__rotate--1zs3G{to{transform:rotate(1turn)}}@keyframes Amino_Spinner-module__dash--74jKn{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.Amino_Spinner-module__styledSvg--b-3GA circle:not(.Amino_Spinner-module__track--8g3IO){stroke-linecap:round;animation:Amino_Spinner-module__dash--74jKn 1.5s ease-in-out infinite}");exports.Spinner=function(i){var r=i.className,o=i.color,t=void 0===o?"primary":o,a=i.size,s=void 0===a?32:a,l=i.style;return n.jsx("div",{className:m.wrapper,style:e.__assign(e.__assign({},l),{"--amino-spinner-height":"".concat(s,"px"),"--amino-spinner-width":"".concat(s,"px")}),children:n.jsxs("svg",{className:_.default(r,m.styledSvg,"primary"!==t&&m[t],"amino-spinner"),viewBox:"0 0 50 50",children:[n.jsx("circle",{className:_.default(m.track,"track"),cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20",strokeWidth:"5"}),n.jsx("circle",{cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20",strokeWidth:"5"})]})})};
1
+ "use strict";var e=require("../../tslib.es6-5672428a.js"),n=require("react/jsx-runtime"),i=require("clsx"),r=require("../../style-inject.es-d4ddeae4.js");function o(e){return e&&e.__esModule?e:{default:e}}var _=o(i),m={wrapper:"Amino_Spinner-module__wrapper--HsFcH",styledSvg:"Amino_Spinner-module__styledSvg--b-3GA",rotate:"Amino_Spinner-module__rotate--1zs3G",track:"Amino_Spinner-module__track--8g3IO",black:"Amino_Spinner-module__black--fWAPm",white:"Amino_Spinner-module__white---tttI",inverted:"Amino_Spinner-module__inverted--k3MWK",info:"Amino_Spinner-module__info--vNEZ8",success:"Amino_Spinner-module__success--wtOak",danger:"Amino_Spinner-module__danger--XUgrZ",warning:"Amino_Spinner-module__warning--skHle",purple:"Amino_Spinner-module__purple--aJNNQ",cyan:"Amino_Spinner-module__cyan--Qx8eX",dash:"Amino_Spinner-module__dash--74jKn"};r.styleInject(".Amino_Spinner-module__wrapper--HsFcH{height:var(--amino-spinner-height);overflow:hidden;position:relative;width:var(--amino-spinner-width)}.Amino_Spinner-module__styledSvg--b-3GA{stroke:var(--amino-blue-600);animation:Amino_Spinner-module__rotate--1zs3G 2s linear infinite;height:var(--amino-spinner-height);position:absolute;width:var(--amino-spinner-width)}.Amino_Spinner-module__styledSvg--b-3GA circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-gray-200)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__black--fWAPm{stroke:var(--amino-spinner-stroke-black)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__black--fWAPm circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-spinner-track-black)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__inverted--k3MWK,.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__white---tttI{stroke:var(--amino-spinner-stroke-white)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__inverted--k3MWK circle.Amino_Spinner-module__track--8g3IO,.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__white---tttI circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-spinner-track-white)}[data-theme=night] .Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__inverted--k3MWK{stroke:var(--amino-spinner-stroke-black)}[data-theme=night] .Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__inverted--k3MWK circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-spinner-track-black)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__info--vNEZ8{stroke:var(--amino-blue-600)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__info--vNEZ8 circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-blue-100)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__success--wtOak{stroke:var(--amino-green-600)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__success--wtOak circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-green-100)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__danger--XUgrZ{stroke:var(--amino-red-600)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__danger--XUgrZ circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-red-100)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__warning--skHle{stroke:var(--amino-orange-600)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__warning--skHle circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-orange-100)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__purple--aJNNQ{stroke:var(--amino-purple-600)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__purple--aJNNQ circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-purple-100)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__cyan--Qx8eX{stroke:var(--amino-cyan-600)}.Amino_Spinner-module__styledSvg--b-3GA.Amino_Spinner-module__cyan--Qx8eX circle.Amino_Spinner-module__track--8g3IO{stroke:var(--amino-cyan-100)}@keyframes Amino_Spinner-module__rotate--1zs3G{to{transform:rotate(1turn)}}@keyframes Amino_Spinner-module__dash--74jKn{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.Amino_Spinner-module__styledSvg--b-3GA circle:not(.Amino_Spinner-module__track--8g3IO){stroke-linecap:round;animation:Amino_Spinner-module__dash--74jKn 1.5s ease-in-out infinite}");exports.Spinner=function(i){var r=i.className,o=i.color,t=void 0===o?"primary":o,a=i.size,l=void 0===a?32:a,s=i.style;return n.jsx("div",{className:m.wrapper,style:e.__assign(e.__assign({},s),{"--amino-spinner-height":"".concat(l,"px"),"--amino-spinner-width":"".concat(l,"px")}),children:n.jsxs("svg",{className:_.default(r,m.styledSvg,"primary"!==t&&m[t],"amino-spinner"),viewBox:"0 0 50 50",children:[n.jsx("circle",{className:_.default(m.track,"track"),cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20",strokeWidth:"5"}),n.jsx("circle",{cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20",strokeWidth:"5"})]})})};
package/components/tabs/Tabs.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import type { BaseProps } from "../../types/BaseProps";
2
+ import type { Variant } from "../../types/Variant";
2
3
  export type TabsProps = BaseProps & {
3
4
  /**
4
5
  * Only applies to subtle design
@@ -14,5 +15,10 @@ export type TabsProps = BaseProps & {
14
15
  * @default false
15
16
  */
16
17
  subtle?: boolean;
18
+ /**
19
+ * Variant style for the tabs
20
+ * @default 'standard'
21
+ */
22
+ variant?: Variant;
17
23
  };
18
- export declare const Tabs: ({ align, className, items, onChange, selected, style, subtle, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
24
+ export declare const Tabs: ({ align, className, items, onChange, selected, style, subtle, variant, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
package/components/tabs/Tabs.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("../../tslib.es6-5672428a.js"),a=require("react/jsx-runtime"),o=require("clsx"),s=require("../text/Text.js"),i=require("../../global.module-569e4fd5.js"),n=require("../../style-inject.es-d4ddeae4.js");function _(e){return e&&e.__esModule?e:{default:e}}require("../../styles/constants/theme.js");var t=_(o),b="Amino_Tabs-module__baseTabs--ZLgAl",l="Amino_Tabs-module__aminoTabs--XHvSA",m="Amino_Tabs-module__subtleTabs--acvMB",r="Amino_Tabs-module__baseTab--0-7Os",d="Amino_Tabs-module__isSelected--xoR0q",u="Amino_Tabs-module__tab--TpsKY";n.styleInject('.Amino_Tabs-module__baseTabs--ZLgAl{align-items:center;display:flex}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__aminoTabs--XHvSA{border:var(--amino-border);border-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__subtleTabs--acvMB{border-bottom:1px solid var(--amino-gray-100);gap:24px;justify-content:var(--amino-tabs-align)}.Amino_Tabs-module__baseTab--0-7Os{color:var(--amino-gray-800);cursor:pointer;padding:12px 0;position:relative;text-align:center;transition:var(--amino-transition);-webkit-user-select:none;user-select:none}.Amino_Tabs-module__baseTab--0-7Os:after{background-color:var(--amino-gray-200);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:var(--amino-transition);width:100%}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q,.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q>span{color:var(--amino-blue-600)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q:after,.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q>span:after{background-color:var(--amino-blue-600);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):focus,.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):focus:after,.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover:after{transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active:after{background-color:var(--amino-gray-300);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{flex:1;font-weight:500}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:after{height:4px}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:first-of-type:after{border-bottom-left-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:last-of-type:after{border-bottom-right-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY+.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{border-left:var(--amino-border)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):hover{background:#00000008}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):active{background:#00000014}');exports.Tabs=function(o){var n=o.align,_=void 0===n?"start":n,T=o.className,c=o.items,A=o.onChange,f=o.selected,x=o.style,v=o.subtle;return void 0!==v&&v?a.jsx("div",{className:t.default(T,b,m),style:e.__assign(e.__assign({},x),{"--amino-tabs-align":_}),children:c.map((function(e){return a.jsx("button",{className:t.default(r,i.globalStyles.focusable,f===c.indexOf(e)&&[d,"is-selected"]),onClick:function(){return A(c.indexOf(e))},type:"button",children:a.jsx(s.Text,{type:"label",children:e})},e)}))}):a.jsx("div",{className:t.default(T,b,l),style:x,children:c.map((function(e){return a.jsx("button",{className:t.default(r,i.globalStyles.focusable,u,f===c.indexOf(e)&&[d,"is-selected"]),onClick:function(){return A(c.indexOf(e))},type:"button",children:e},e)}))})};
1
+ "use strict";var e=require("../../tslib.es6-5672428a.js"),a=require("react/jsx-runtime"),o=require("clsx"),s=require("../text/Text.js"),n=require("../../styles/constants/theme.js"),t=require("../../global.module-569e4fd5.js"),i=require("../../style-inject.es-d4ddeae4.js");function _(e){return e&&e.__esModule?e:{default:e}}var r=_(o),b="Amino_Tabs-module__baseTabs--ZLgAl",m="Amino_Tabs-module__aminoTabs--XHvSA",l="Amino_Tabs-module__subtleTabs--acvMB",u="Amino_Tabs-module__baseTab--0-7Os",d="Amino_Tabs-module__isSelected--xoR0q",T="Amino_Tabs-module__tab--TpsKY";i.styleInject('.Amino_Tabs-module__baseTabs--ZLgAl{align-items:center;display:flex}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__aminoTabs--XHvSA{border:var(--amino-border);border-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__subtleTabs--acvMB{border-bottom:1px solid var(--amino-gray-100);gap:24px;justify-content:var(--amino-tabs-align)}.Amino_Tabs-module__baseTab--0-7Os{color:var(--amino-gray-800);cursor:pointer;padding:12px 0;position:relative;text-align:center;transition:var(--amino-transition);-webkit-user-select:none;user-select:none}.Amino_Tabs-module__baseTab--0-7Os:after{background-color:var(--amino-gray-200);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:var(--amino-transition);width:100%}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q,.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q>span{color:var(--amino-tabs-color)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q:after,.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q>span:after{background-color:var(--amino-tabs-color);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):focus,.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):focus:after,.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover:after{transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active:after{background-color:var(--amino-gray-300);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{flex:1;font-weight:500}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:after{height:4px}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:first-of-type:after{border-bottom-left-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:last-of-type:after{border-bottom-right-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY+.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{border-left:var(--amino-border)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):hover{background:#00000008}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):active{background:#00000014}');exports.Tabs=function(o){var i=o.align,_=void 0===i?"start":i,c=o.className,A=o.items,f=o.onChange,g=o.selected,v=o.style,x=o.subtle,p=void 0!==x&&x,O=o.variant,h=void 0===O?"standard":O,y=function(){switch(h){case"primary":default:return n.theme.blue600;case"success":return n.theme.green600;case"warning":return n.theme.orange600;case"danger":return n.theme.red600;case"cyan":return n.theme.cyan600;case"purple":return n.theme.purple600}};return p?a.jsx("div",{className:r.default(c,b,l),style:e.__assign(e.__assign({},v),{"--amino-tabs-align":_,"--amino-tabs-color":y()}),children:A.map((function(e){return a.jsx("button",{className:r.default(u,t.globalStyles.focusable,g===A.indexOf(e)&&[d,"is-selected"]),onClick:function(){return f(A.indexOf(e))},type:"button",children:a.jsx(s.Text,{type:"label",children:e})},e)}))}):a.jsx("div",{className:r.default(c,b,m),style:e.__assign(e.__assign({},v),{"--amino-tabs-color":y()}),children:A.map((function(e){return a.jsx("button",{className:r.default(u,t.globalStyles.focusable,T,g===A.indexOf(e)&&[d,"is-selected"]),onClick:function(){return f(A.indexOf(e))},type:"button",children:e},e)}))})};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zonos/amino",
3
- "version": "5.5.27",
3
+ "version": "5.5.28",
4
4
  "description": "Core UI components for Amino",
5
5
  "repository": "git@github.com:Zonos/amino.git",
6
6
  "license": "MIT",
package/styles/constants/theme.d.ts CHANGED
@@ -221,6 +221,14 @@ export declare const theme: {
221
221
  readonly shadowButtonWarning: "var(--amino-shadow-button-warning)";
222
222
  /** @info 0px 0px 0px 1px var(--amino-orange-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.12), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(123, 41, 5, 0.24), 0px 4px 4px -2px rgba(123, 41, 5, 0.12) */
223
223
  readonly shadowButtonWarningFocus: "var(--amino-shadow-button-warning-focus)";
224
+ /** @info 0px 0px 0px 1px var(--amino-purple-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.00), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(97, 20, 148, 0.24), 0px 4px 4px -2px rgba(97, 20, 148, 0.12) */
225
+ readonly shadowButtonPurple: "var(--amino-shadow-button-purple)";
226
+ /** @info 0px 0px 0px 1px var(--amino-purple-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.12), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(97, 20, 148, 0.24), 0px 4px 4px -2px rgba(97, 20, 148, 0.12) */
227
+ readonly shadowButtonPurpleFocus: "var(--amino-shadow-button-purple-focus)";
228
+ /** @info 0px 0px 0px 1px var(--amino-cyan-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.00), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(20, 86, 91, 0.24), 0px 4px 4px -2px rgba(20, 86, 91, 0.12) */
229
+ readonly shadowButtonCyan: "var(--amino-shadow-button-cyan)";
230
+ /** @info 0px 0px 0px 1px var(--amino-cyan-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.12), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(20, 86, 91, 0.24), 0px 4px 4px -2px rgba(20, 86, 91, 0.12) */
231
+ readonly shadowButtonCyanFocus: "var(--amino-shadow-button-cyan-focus)";
224
232
  /** @info 0 0 0 2px var(--amino-blue-500) */
225
233
  readonly buttonFocusRing: "var(--amino-button-focus-ring)";
226
234
  /** @info 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08), 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 0px 4px rgba(0, 0, 0, 0.00) */
@@ -377,6 +385,10 @@ export declare const theme: {
377
385
  readonly warning: "var(--amino-warning)";
378
386
  /** @info var(--amino-orange-600) */
379
387
  readonly warningDark: "var(--amino-warning-dark)";
388
+ /** @info var(--amino-purple-500) */
389
+ readonly purple: "var(--amino-purple)";
390
+ /** @info var(--amino-cyan-500) */
391
+ readonly cyan: "var(--amino-cyan)";
380
392
  /** @info 0 0 0 1px var(--amino-red-500) */
381
393
  readonly glowError: "var(--amino-glow-error)";
382
394
  /** @info 0 0 0 1px var(--amino-primary) */
@@ -427,6 +439,10 @@ export declare const theme: {
427
439
  readonly buttonWarningHover: "var(--amino-button-warning-hover)";
428
440
  /** @info linear-gradient(180deg, var(--amino-gray-0) 0%, var(--amino-gray-50) 100%) */
429
441
  readonly buttonStandardHover: "var(--amino-button-standard-hover)";
442
+ /** @info linear-gradient(180deg, var(--amino-cyan-500) 0%, var(--amino-cyan-600) 100%) */
443
+ readonly buttonCyanHover: "var(--amino-button-cyan-hover)";
444
+ /** @info linear-gradient(180deg, var(--amino-purple-500) 0%, var(--amino-purple-600) 100%) */
445
+ readonly buttonPurpleHover: "var(--amino-button-purple-hover)";
430
446
  /** @info rgba(0, 0, 0, 0.3) */
431
447
  readonly spinnerTrackBlack: "var(--amino-spinner-track-black)";
432
448
  /** @info #0c0c0c */
package/styles/constants/theme.js CHANGED
@@ -1 +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)",glass950:"var(--amino-glass-950)",glass1000:"var(--amino-glass-1000)",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)",gray950:"var(--amino-gray-950)",gray1000:"var(--amino-gray-1000)",blue50:"var(--amino-blue-50)",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)",blue950:"var(--amino-blue-950)",cyan50:"var(--amino-cyan-50)",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)",cyan950:"var(--amino-cyan-950)",red50:"var(--amino-red-50)",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)",red950:"var(--amino-red-950)",orange50:"var(--amino-orange-50)",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)",orange950:"var(--amino-orange-950)",green50:"var(--amino-green-50)",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)",green950:"var(--amino-green-950)",purple50:"var(--amino-purple-50)",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)",purple950:"var(--amino-purple-950)",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)",shadowButtonPrimaryFocus:"var(--amino-shadow-button-primary-focus)",shadowButtonSuccess:"var(--amino-shadow-button-success)",shadowButtonSuccessFocus:"var(--amino-shadow-button-success-focus)",shadowButtonDanger:"var(--amino-shadow-button-danger)",shadowButtonDangerFocus:"var(--amino-shadow-button-danger-focus)",shadowButtonWarning:"var(--amino-shadow-button-warning)",shadowButtonWarningFocus:"var(--amino-shadow-button-warning-focus)",buttonFocusRing:"var(--amino-button-focus-ring)",shadowRaisedStandard:"var(--amino-shadow-raised-standard)",shadowRaisedActive:"var(--amino-shadow-raised-active)",shadowRaisedFocus:"var(--amino-shadow-raised-focus)",shadowRaisedError:"var(--amino-shadow-raised-error)",shadowRaisedErrorFocus:"var(--amino-shadow-raised-error-focus)",shadowButtonDisabled:"var(--amino-shadow-button-disabled)",shadowInputBase:"var(--amino-shadow-input-base)",shadowInputFocus:"var(--amino-shadow-input-focus)",shadowInputError:"var(--amino-shadow-input-error)",shadowInputErrorFocus:"var(--amino-shadow-input-error-focus)",shadowSelectBase:"var(--amino-shadow-select-base)",shadowSelectActive:"var(--amino-shadow-select-active)",shadowSelectError:"var(--amino-shadow-select-error)",opacityDisabled:"var(--amino-opacity-disabled)",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)",borderSubtle:"var(--amino-border-subtle)",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)",raisedSurfaceColor:"var(--amino-raised-surface-color)",raisedColorSecondary:"var(--amino-raised-color-secondary)",pureBackgroundColor:"var(--amino-pure-background-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)"};
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)",glass950:"var(--amino-glass-950)",glass1000:"var(--amino-glass-1000)",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)",gray950:"var(--amino-gray-950)",gray1000:"var(--amino-gray-1000)",blue50:"var(--amino-blue-50)",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)",blue950:"var(--amino-blue-950)",cyan50:"var(--amino-cyan-50)",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)",cyan950:"var(--amino-cyan-950)",red50:"var(--amino-red-50)",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)",red950:"var(--amino-red-950)",orange50:"var(--amino-orange-50)",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)",orange950:"var(--amino-orange-950)",green50:"var(--amino-green-50)",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)",green950:"var(--amino-green-950)",purple50:"var(--amino-purple-50)",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)",purple950:"var(--amino-purple-950)",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)",shadowButtonPrimaryFocus:"var(--amino-shadow-button-primary-focus)",shadowButtonSuccess:"var(--amino-shadow-button-success)",shadowButtonSuccessFocus:"var(--amino-shadow-button-success-focus)",shadowButtonDanger:"var(--amino-shadow-button-danger)",shadowButtonDangerFocus:"var(--amino-shadow-button-danger-focus)",shadowButtonWarning:"var(--amino-shadow-button-warning)",shadowButtonWarningFocus:"var(--amino-shadow-button-warning-focus)",shadowButtonPurple:"var(--amino-shadow-button-purple)",shadowButtonPurpleFocus:"var(--amino-shadow-button-purple-focus)",shadowButtonCyan:"var(--amino-shadow-button-cyan)",shadowButtonCyanFocus:"var(--amino-shadow-button-cyan-focus)",buttonFocusRing:"var(--amino-button-focus-ring)",shadowRaisedStandard:"var(--amino-shadow-raised-standard)",shadowRaisedActive:"var(--amino-shadow-raised-active)",shadowRaisedFocus:"var(--amino-shadow-raised-focus)",shadowRaisedError:"var(--amino-shadow-raised-error)",shadowRaisedErrorFocus:"var(--amino-shadow-raised-error-focus)",shadowButtonDisabled:"var(--amino-shadow-button-disabled)",shadowInputBase:"var(--amino-shadow-input-base)",shadowInputFocus:"var(--amino-shadow-input-focus)",shadowInputError:"var(--amino-shadow-input-error)",shadowInputErrorFocus:"var(--amino-shadow-input-error-focus)",shadowSelectBase:"var(--amino-shadow-select-base)",shadowSelectActive:"var(--amino-shadow-select-active)",shadowSelectError:"var(--amino-shadow-select-error)",opacityDisabled:"var(--amino-opacity-disabled)",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)",borderSubtle:"var(--amino-border-subtle)",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)",purple:"var(--amino-purple)",cyan:"var(--amino-cyan)",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)",raisedSurfaceColor:"var(--amino-raised-surface-color)",raisedColorSecondary:"var(--amino-raised-color-secondary)",pureBackgroundColor:"var(--amino-pure-background-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)",buttonCyanHover:"var(--amino-button-cyan-hover)",buttonPurpleHover:"var(--amino-button-purple-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 CHANGED
@@ -163,6 +163,30 @@
163
163
  0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
164
164
  0px 2px 2px -1px rgba(123, 41, 5, 0.24),
165
165
  0px 4px 4px -2px rgba(123, 41, 5, 0.12);
166
+ --amino-shadow-button-purple: 0px 0px 0px 1px var(--amino-purple-500),
167
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
168
+ 0px 0px 0px 4px rgba(0, 0, 0, 0),
169
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
170
+ 0px 2px 2px -1px rgba(97, 20, 148, 0.24),
171
+ 0px 4px 4px -2px rgba(97, 20, 148, 0.12);
172
+ --amino-shadow-button-purple-focus: 0px 0px 0px 1px var(--amino-purple-500),
173
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
174
+ 0px 0px 0px 4px rgba(0, 0, 0, 0.12),
175
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
176
+ 0px 2px 2px -1px rgba(97, 20, 148, 0.24),
177
+ 0px 4px 4px -2px rgba(97, 20, 148, 0.12);
178
+ --amino-shadow-button-cyan: 0px 0px 0px 1px var(--amino-cyan-500),
179
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
180
+ 0px 0px 0px 4px rgba(0, 0, 0, 0),
181
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
182
+ 0px 2px 2px -1px rgba(20, 86, 91, 0.24),
183
+ 0px 4px 4px -2px rgba(20, 86, 91, 0.12);
184
+ --amino-shadow-button-cyan-focus: 0px 0px 0px 1px var(--amino-cyan-500),
185
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
186
+ 0px 0px 0px 4px rgba(0, 0, 0, 0.12),
187
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
188
+ 0px 2px 2px -1px rgba(20, 86, 91, 0.24),
189
+ 0px 4px 4px -2px rgba(20, 86, 91, 0.12);
166
190
  --amino-button-focus-ring: 0 0 0 2px var(--amino-blue-500);
167
191
  --amino-shadow-raised-standard: 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
168
192
  0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
@@ -268,6 +292,8 @@
268
292
  --amino-success-dark: var(--amino-green-700);
269
293
  --amino-warning: var(--amino-orange-500);
270
294
  --amino-warning-dark: var(--amino-orange-600);
295
+ --amino-purple: var(--amino-purple-500);
296
+ --amino-cyan: var(--amino-cyan-500);
271
297
  --amino-glow-error: 0 0 0 1px var(--amino-red-500);
272
298
  --amino-glow-blue: 0 0 0 1px var(--amino-primary);
273
299
  --amino-glow-cyan: 0 0 0 1px var(--amino-cyan-500);
@@ -316,6 +342,16 @@
316
342
  var(--amino-gray-0) 0%,
317
343
  var(--amino-gray-50) 100%
318
344
  );
345
+ --amino-button-cyan-hover: linear-gradient(
346
+ 180deg,
347
+ var(--amino-cyan-500) 0%,
348
+ var(--amino-cyan-600) 100%
349
+ );
350
+ --amino-button-purple-hover: linear-gradient(
351
+ 180deg,
352
+ var(--amino-purple-500) 0%,
353
+ var(--amino-purple-600) 100%
354
+ );
319
355
  --amino-spinner-track-black: rgba(0, 0, 0, 0.3);
320
356
  --amino-spinner-stroke-black: #0c0c0c;
321
357
  --amino-spinner-track-white: rgba(255, 255, 255, 0.3);
@@ -528,6 +564,30 @@
528
564
  0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
529
565
  0px 2px 2px -1px rgba(123, 41, 5, 0.24),
530
566
  0px 4px 4px -2px rgba(123, 41, 5, 0.12);
567
+ --amino-shadow-button-purple: 0px 0px 0px 1px var(--amino-purple-500),
568
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
569
+ 0px 0px 0px 4px rgba(0, 0, 0, 0),
570
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
571
+ 0px 2px 2px -1px rgba(97, 20, 148, 0.24),
572
+ 0px 4px 4px -2px rgba(97, 20, 148, 0.12);
573
+ --amino-shadow-button-purple-focus: 0px 0px 0px 1px var(--amino-purple-500),
574
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
575
+ 0px 0px 0px 4px rgba(0, 0, 0, 0.12),
576
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
577
+ 0px 2px 2px -1px rgba(97, 20, 148, 0.24),
578
+ 0px 4px 4px -2px rgba(97, 20, 148, 0.12);
579
+ --amino-shadow-button-cyan: 0px 0px 0px 1px var(--amino-cyan-500),
580
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
581
+ 0px 0px 0px 4px rgba(0, 0, 0, 0),
582
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
583
+ 0px 2px 2px -1px rgba(20, 86, 91, 0.24),
584
+ 0px 4px 4px -2px rgba(20, 86, 91, 0.12);
585
+ --amino-shadow-button-cyan-focus: 0px 0px 0px 1px var(--amino-cyan-500),
586
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
587
+ 0px 0px 0px 4px rgba(0, 0, 0, 0.12),
588
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
589
+ 0px 2px 2px -1px rgba(20, 86, 91, 0.24),
590
+ 0px 4px 4px -2px rgba(20, 86, 91, 0.12);
531
591
  --amino-button-focus-ring: 0 0 0 2px var(--amino-blue-500);
532
592
  --amino-shadow-raised-standard: 0px -1px 2px 0px rgba(220, 225, 255, 0.08),
533
593
  0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
@@ -600,6 +660,8 @@
600
660
  --amino-success-dark: var(--amino-green-700);
601
661
  --amino-warning: var(--amino-orange-500);
602
662
  --amino-warning-dark: var(--amino-orange-600);
663
+ --amino-purple: var(--amino-purple-500);
664
+ --amino-cyan: var(--amino-cyan-500);
603
665
  --amino-glow-error: 0 0 0 1px var(--amino-red-500);
604
666
  --amino-glow-blue: 0 0 0 1px var(--amino-primary);
605
667
  --amino-glow-cyan: 0 0 0 1px var(--amino-cyan-500);
@@ -648,6 +710,16 @@
648
710
  var(--amino-gray-50) 0%,
649
711
  var(--amino-gray-100) 100%
650
712
  );
713
+ --amino-button-cyan-hover: linear-gradient(
714
+ 180deg,
715
+ var(--amino-cyan-500) 0%,
716
+ var(--amino-cyan-400) 100%
717
+ );
718
+ --amino-button-purple-hover: linear-gradient(
719
+ 180deg,
720
+ var(--amino-purple-500) 0%,
721
+ var(--amino-purple-400) 100%
722
+ );
651
723
  --amino-spinner-track-black: rgba(255, 255, 255, 0.3);
652
724
  --amino-spinner-stroke-black: #ffffff;
653
725
  --amino-spinner-track-white: rgba(0, 0, 0, 0.3);
package/theme.scss CHANGED
@@ -110,6 +110,10 @@ $amino-shadow-button-danger: var(--amino-shadow-button-danger);
110
110
  $amino-shadow-button-danger-focus: var(--amino-shadow-button-danger-focus);
111
111
  $amino-shadow-button-warning: var(--amino-shadow-button-warning);
112
112
  $amino-shadow-button-warning-focus: var(--amino-shadow-button-warning-focus);
113
+ $amino-shadow-button-purple: var(--amino-shadow-button-purple);
114
+ $amino-shadow-button-purple-focus: var(--amino-shadow-button-purple-focus);
115
+ $amino-shadow-button-cyan: var(--amino-shadow-button-cyan);
116
+ $amino-shadow-button-cyan-focus: var(--amino-shadow-button-cyan-focus);
113
117
  $amino-button-focus-ring: var(--amino-button-focus-ring);
114
118
  $amino-shadow-raised-standard: var(--amino-shadow-raised-standard);
115
119
  $amino-shadow-raised-active: var(--amino-shadow-raised-active);
@@ -188,6 +192,8 @@ $amino-success: var(--amino-success);
188
192
  $amino-success-dark: var(--amino-success-dark);
189
193
  $amino-warning: var(--amino-warning);
190
194
  $amino-warning-dark: var(--amino-warning-dark);
195
+ $amino-purple: var(--amino-purple);
196
+ $amino-cyan: var(--amino-cyan);
191
197
  $amino-glow-error: var(--amino-glow-error);
192
198
  $amino-glow-blue: var(--amino-glow-blue);
193
199
  $amino-glow-cyan: var(--amino-glow-cyan);
@@ -213,6 +219,8 @@ $amino-button-success-hover: var(--amino-button-success-hover);
213
219
  $amino-button-danger-hover: var(--amino-button-danger-hover);
214
220
  $amino-button-warning-hover: var(--amino-button-warning-hover);
215
221
  $amino-button-standard-hover: var(--amino-button-standard-hover);
222
+ $amino-button-cyan-hover: var(--amino-button-cyan-hover);
223
+ $amino-button-purple-hover: var(--amino-button-purple-hover);
216
224
  $amino-spinner-track-black: var(--amino-spinner-track-black);
217
225
  $amino-spinner-stroke-black: var(--amino-spinner-stroke-black);
218
226
  $amino-spinner-track-white: var(--amino-spinner-track-white);
package/types/Variant.d.ts CHANGED
@@ -1 +1 @@
1
- export type Variant = 'danger' | 'inlineLink' | 'inverted' | 'link' | 'plain' | 'primary' | 'standard' | 'subtle' | 'success' | 'text' | 'warning';
1
+ export type Variant = 'danger' | 'inlineLink' | 'inverted' | 'link' | 'plain' | 'primary' | 'standard' | 'subtle' | 'success' | 'text' | 'warning' | 'purple' | 'cyan';
package/utils/getProductDetails.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("../icons/custom/products/CheckoutColorIcon.js"),o=require("../icons/custom/products/ClassifyColorIcon.js"),n=require("../icons/custom/products/ClearColorIcon.js"),c=require("../icons/custom/products/CollectColorIcon.js"),i=require("../icons/custom/products/CounterCompanionColorIcon.js"),s=require("../icons/custom/products/DashboardColorIcon.js"),a=require("../icons/custom/products/HelloColorIcon.js"),t=require("../icons/custom/products/InclusivePricingColorIcon.js"),l=require("../icons/custom/products/LandedCostColorIcon.js"),d=require("../icons/custom/products/PrepayColorIcon.js"),u=require("../icons/custom/products/RateColorIcon.js"),g=require("../icons/custom/products/RestrictColorIcon.js"),C=require("../icons/custom/products/ScreenColorIcon.js"),m=require("../icons/custom/products/TaxColorIcon.js");require("react"),require("../icons/icon-base/_IconBase.js"),require("../styles/constants/theme.js");exports.getProductDetails=function(I){var j=I.iconSize,p=void 0===j?24:j;switch(I.product){case"checkout":return{color:"orange",gradient:"linear-gradient(90deg, #E7910A 42.48%, #DF2B76 109.98%)",icon:e.jsx(r.CheckoutColorIcon,{size:p}),name:"Checkout"};case"classify":return{color:"purple",gradient:"linear-gradient(301.28deg, #AA2DC9 23.74%, #7278F2 95.06%)",icon:e.jsx(o.ClassifyColorIcon,{size:p}),name:"Classify"};case"clear":return{color:"cyan",gradient:"linear-gradient(223.42deg, #00B9B7 50.32%, #3122F6 135.88%)",icon:e.jsx(n.ClearColorIcon,{size:p}),name:"Clear"};case"dashboard":return{color:"blue",gradient:"conic-gradient(#B004A4 -10grad, #FEBD10 10grad 80grad, #98C729 120grad 190grad, #536CFE 210grad 280grad, #B004A4 320grad 390grad, #FEBD10 410grad);",icon:e.jsx(s.DashboardColorIcon,{size:p}),name:"Dashboard"};case"hello":return{color:"green",gradient:"linear-gradient(314.52deg, #80B917 36.5%, #0CC4E2 86.53%)",icon:e.jsx(a.HelloColorIcon,{size:p}),name:"Hello"};case"inclusive-pricing":return{color:"purple",gradient:"linear-gradient(180deg, #C8286B 43.87%, #AA2EC9 77.46%)",icon:e.jsx(t.InclusivePricingColorIcon,{size:p}),name:"Inclusive Pricing"};case"landed-cost":return{color:"red",gradient:"linear-gradient(41.91deg, #DF2B76 31.62%, #FFB90D 83.63%)",icon:e.jsx(l.LandedCostColorIcon,{size:p}),name:"Landed Cost"};case"rate":return{color:"blue",gradient:"linear-gradient(269.86deg, #2740F3 -11.3%, #AA2DC9 168.06%)",icon:e.jsx(u.RateColorIcon,{size:p}),name:"Rate"};case"restrict":return{color:"blue",gradient:"linear-gradient(49.93deg, #9297FA 41.5%, #3122F9 113.97%)",icon:e.jsx(g.RestrictColorIcon,{size:p}),name:"Restrict"};case"screen":return{color:"green",gradient:"linear-gradient(180deg, #80BC17 -16.78%, #FFD900 80.83%)",icon:e.jsx(C.ScreenColorIcon,{size:p}),name:"Screen"};case"prepay":return{color:"blue",gradient:"linear-gradient(270deg, #4560EE 32.33%, #65E4EF 126.81%)",icon:e.jsx(d.PrepayColorIcon,{size:p}),name:"Prepay"};case"collect":return{color:"red",gradient:"linear-gradient(135deg, #DC2A54 46.38%, #D078FC 78.57%)",icon:e.jsx(c.CollectColorIcon,{size:p}),name:"Collect"};case"tax":return{color:"green",gradient:"linear-gradient(126.15deg, #10A74C 42.95%, #93F317 76.49%)",icon:e.jsx(m.TaxColorIcon,{size:p}),name:"Tax"};case"counter-companion":return{color:"purple",gradient:"linear-gradient(180deg, #880DC2 36.69%, #F229F7 76.94%)",icon:e.jsx(i.CounterCompanionColorIcon,{size:p}),name:"Counter Companion"};default:return{color:"blue",gradient:"linear-gradient(223.42deg, #00B9B7 50.32%, #3122F6 135.88%)",icon:e.jsx(s.DashboardColorIcon,{}),name:"Dashboard"}}};
1
+ "use strict";var o=require("react/jsx-runtime"),e=require("../icons/custom/products/CheckoutColorIcon.js"),r=require("../icons/custom/products/ClassifyColorIcon.js"),c=require("../icons/custom/products/ClearColorIcon.js"),n=require("../icons/custom/products/CollectColorIcon.js"),i=require("../icons/custom/products/CounterCompanionColorIcon.js"),s=require("../icons/custom/products/DashboardColorIcon.js"),a=require("../icons/custom/products/HelloColorIcon.js"),l=require("../icons/custom/products/InclusivePricingColorIcon.js"),t=require("../icons/custom/products/LandedCostColorIcon.js"),d=require("../icons/custom/products/PrepayColorIcon.js"),u=require("../icons/custom/products/RateColorIcon.js"),g=require("../icons/custom/products/RestrictColorIcon.js"),C=require("../icons/custom/products/ScreenColorIcon.js"),h=require("../icons/custom/products/TaxColorIcon.js");require("react"),require("../icons/icon-base/_IconBase.js"),require("../styles/constants/theme.js");exports.getProductDetails=function(m){var I=m.iconSize,j=void 0===I?24:I;switch(m.product){case"checkout":return{color:"orange",gradient:"linear-gradient(90deg, oklch(78.04% 0.185585 53.79) 42.48%, oklch(61.9% 0.259032 22.56) 109.98%)",icon:o.jsx(e.CheckoutColorIcon,{size:j}),name:"Checkout"};case"classify":return{color:"purple",gradient:"linear-gradient(301.28deg, oklch(62% 0.294753 308.42) 23.74%, oklch(65.79% 0.196783 273.36) 95.06%)",icon:o.jsx(r.ClassifyColorIcon,{size:j}),name:"Classify"};case"clear":return{color:"cyan",gradient:"linear-gradient(223.42deg, oklch(72.09% 0.152819 193.32) 50.32%, oklch(61.99% 0.225762 249.87) 135.88%)",icon:o.jsx(c.ClearColorIcon,{size:j}),name:"Clear"};case"dashboard":return{color:"blue",gradient:"conic-gradient(#B004A4 -10grad, #FEBD10 10grad 80grad, #98C729 120grad 190grad, #536CFE 210grad 280grad, #B004A4 320grad 390grad, #FEBD10 410grad);",icon:o.jsx(s.DashboardColorIcon,{size:j}),name:"Dashboard"};case"hello":return{color:"green",gradient:"linear-gradient(314.52deg, oklch(63.9% 0.207847 152.94) 36.5%, oklch(78.02% 0.141797 235.32) 86.53%)",icon:o.jsx(a.HelloColorIcon,{size:j}),name:"Hello"};case"inclusive-pricing":return{color:"purple",gradient:"linear-gradient(180deg, oklch(61.9% 0.259032 22.56) 43.87%, oklch(62.09% 0.294574 308.55) 77.46%)",icon:o.jsx(l.InclusivePricingColorIcon,{size:j}),name:"Inclusive Pricing"};case"landed-cost":return{color:"red",gradient:"linear-gradient(41.91deg, oklch(61.9% 0.259032 22.56) 31.62%, oklch(78.04% 0.185585 53.79) 42.48% 83.63%)",icon:o.jsx(t.LandedCostColorIcon,{size:j}),name:"Landed Cost"};case"rate":return{color:"blue",gradient:"linear-gradient(269.86deg, oklch(55% 0.265803 266) -11.3%, oklch(62.09% 0.294574 308.55) 168.06%)",icon:o.jsx(u.RateColorIcon,{size:j}),name:"Rate"};case"restrict":return{color:"blue",gradient:"linear-gradient(49.93deg, oklch(62.09% 0.294574 308.55) 41.5%, oklch(46.92% 0.206293 258.12) 113.97%)",icon:o.jsx(g.RestrictColorIcon,{size:j}),name:"Restrict"};case"screen":return{color:"green",gradient:"linear-gradient(180deg, oklch(74.91% 0.235738 134.99) -16.78%, oklch(89.16% 0.211835 95.47) 80.83%)",icon:o.jsx(C.ScreenColorIcon,{size:j}),name:"Screen"};case"prepay":return{color:"blue",gradient:"linear-gradient(270deg, oklch(61.99% 0.225762 249.87) 32.33%, oklch(78.97% 0.14171 192.42) 126.81%)",icon:o.jsx(d.PrepayColorIcon,{size:j}),name:"Prepay"};case"collect":return{color:"red",gradient:"linear-gradient(135deg, oklch(61.9% 0.259032 22.56) 46.38%, oklch(62.09% 0.294574 308.55) 78.57%)",icon:o.jsx(n.CollectColorIcon,{size:j}),name:"Collect"};case"tax":return{color:"green",gradient:"linear-gradient(126.15deg, oklch(63.9% 0.207847 152.94) 42.95%, oklch(75% 0.236934 135.13) 76.49%)",icon:o.jsx(h.TaxColorIcon,{size:j}),name:"Tax"};case"counter-companion":return{color:"purple",gradient:"linear-gradient(180deg, oklch(54% 0.26576 307.14) 36.69%, oklch(70.86% 0.33372 330.47) 76.94%)",icon:o.jsx(i.CounterCompanionColorIcon,{size:j}),name:"Counter Companion"};default:return{color:"blue",gradient:"linear-gradient(223.42deg, #00B9B7 50.32%, #3122F6 135.88%)",icon:o.jsx(s.DashboardColorIcon,{}),name:"Dashboard"}}};