@bikdotai/bik-component-library 1.0.0-beta.1 → 1.0.0

package/dist/cjs/_virtual/_tslib.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__awaiter=function(t,e,n,r){return new(n||(n=Promise))((function(o,c){function a(t){try{u(r.next(t))}catch(t){c(t)}}function i(t){try{u(r.throw(t))}catch(t){c(t)}}function u(t){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,i)}u((r=r.apply(t,e||[])).next())}))},exports.__rest=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]])}return n};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__rest=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r};

package/dist/cjs/components/TypographyStyle.d.ts

@@ -1,72 +1,15 @@
-export declare const TitleLarge: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const TitleMedium: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const SmallRegular: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const TitleRegular: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const TitleSmall: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const Display: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const BodyLarge: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const BodyPrimary: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const BodySecondary: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const BodyPrimaryLink: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const BodySecondaryLink: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const BodyCaption: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const BodyTiny: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const ButtonLarge: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const ButtonRegular: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const SubHeading: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const BodyRegular: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const Caption: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
+export declare const TitleLarge: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleMedium: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleRegular: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleSmall: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Display: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodyLarge: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodyPrimary: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodySecondary: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodyPrimaryLink: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodySecondaryLink: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodyCaption: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodyTiny: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonLarge: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonRegular: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SubHeading: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/button/Button.d.ts

@@ -1,3 +1,18 @@
-import React from 'react';
-import { ButtonProps } from './model';
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+/// <reference types="react" />
+export type Color = 'primary' | 'secondary' | 'success' | 'error' | 'warn';
+export type Variant = 'solid' | 'outline' | 'text';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * The color of the Button.
+     *
+     * @default 'primary'
+     */
+    color?: Color;
+    /**
+     * The visual style of the Button.
+     *
+     * @default 'solid'
+     */
+    variant?: Variant;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/button/Button.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),i=require("../spinner/Spinner.js"),s=require("./Button.styled.js"),a=require("./themes.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(n);const c=n.forwardRef(((n,r)=>{var{id:c,buttonType:l="primary",size:d="small",buttonText:u,disabled:m,IconComponent:j,LeadingIcon:h,TrailingIcon:p,isLoading:b,inverse:g,onClick:x,matchParentWidth:v}=n,f=e.__rest(n,["id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth"]);const y=a.GetButtonTextComponent(d,l),C="chip"===d?16:20,N={height:C,width:C,color:a.getButtonIconColor(d,l,g,m,b),style:{display:"block"},className:"icon"};return t.jsx(s.Button,Object.assign({onClick:x,ref:r,id:c,disabled:m,size:d,buttonType:l,isLoading:b,inverse:g,matchParentWidth:v},f,{children:t.jsxs("div",Object.assign({className:"button-container"},{children:[l.startsWith("dash")&&t.jsx(s.ButtonCustomDashedBorder,{}),t.jsx("div",Object.assign({className:"overlay-container"},{children:b&&t.jsx(i.Spinner,{className:"spinner",size:"small",color:a.SpinnerColorMap(l,g)})})),j&&t.jsx("div",Object.assign({className:"icon-component"},{children:o.default.createElement(j,N)})),h&&t.jsx("div",Object.assign({className:"icon-leading"},{children:o.default.createElement(h,N)})),u?t.jsx(y,Object.assign({className:"text"},{children:u})):t.jsx(t.Fragment,{}),p&&t.jsx("div",Object.assign({className:"icon-trailing"},{children:o.default.createElement(p,N)}))]}))}))}));c.displayName="Button",exports.Button=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../_virtual/_tslib.js"),e=require("react/jsx-runtime"),s=require("react"),t=require("../../utils/classNames.js"),a=require("./Button.styled.js");const i=s.forwardRef(((s,i)=>{var{id:o,className:l,onClick:c,color:n="primary",variant:u="solid",children:d}=s,m=r.__rest(s,["id","className","onClick","color","variant","children"]);return e.jsx(a.Button,Object.assign({ref:i,id:o,variant:u,$color:n,className:t.classNames("button-root",l),onClick:c},m,{children:d}))}));i.displayName="Button",exports.Button=i;

package/dist/cjs/components/button/Button.styled.d.ts

@@ -1,14 +1,9 @@
 /// <reference types="react" />
-import { Size, Type } from './model';
+import type { Color, Variant } from './Button';
 export declare const Button: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
-    size: Size;
-    buttonType: Type;
-    isLoading?: boolean | undefined;
-    inverse?: boolean | undefined;
-    disabled?: boolean | undefined;
-    matchParentWidth?: boolean | undefined;
+    $color: Color;
+    variant: Variant;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const ButtonCustomDashedBorder: () => JSX.Element;

package/dist/cjs/components/button/Button.styled.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled/base"),c=require("react/jsx-runtime"),d=require("../../constants/Theme.js"),n=require("./themes.js");function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const X=l(t).default("button","production"===process.env.NODE_ENV?{target:"exlualr0"}:{target:"exlualr0",label:"Button"})("all:unset;cursor:pointer;display:flex;gap:8.83px;border-radius:4px;overflow:hidden;",(t=>t.matchParentWidth?"flex-grow: 1;":"")," background-color:",(t=>n.getBackgroundColor(t.buttonType,t.size,t.inverse)),";",(t=>t.buttonType.startsWith("dash")?`.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t\t}`:`padding: ${n.getPadding(t.buttonType,t.size)};\n\t${n.getBorder(t.buttonType,t.size,t.inverse)}`)," .icon-component{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.icon-trailing{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.text{color:",(t=>n.getColor(t.buttonType,t.size,t.inverse)),";}.icon-leading{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}",(t=>n.getDashedBorderStyling(t.buttonType,t.size,t.isLoading?d.COLORS.stroke.brandLightAlt:void 0))," .overlay-container{display:none;}:disabled{cursor:not-allowed;",(t=>n.getDashedBorderStyling(t.buttonType,t.size,d.COLORS.stroke.primary)),";.overlay-container{display:none!important;}",(t=>n.generateDisabledStyling(t.buttonType,t.size,t.inverse))," .text{color:",(t=>n.getDisabledTextColor(t.inverse)),"!important;}}",(t=>!t.disabled&&!t.isLoading&&`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${"chip"===t.size&&`.text {\n\t\t\t\t\t\tcolor: ${d.COLORS.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${d.COLORS.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t}\n\n\n\t\t\t${n.getClickEffect(t.buttonType,t.size,t.inverse)}\n\t\t\t${n.getDashedBorderStyling(t.buttonType,t.size,d.COLORS.content.brand)}\n\t\t}`)," ",(t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${n.getLoadingBorder(t.buttonType,t.size,t.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${n.getLoadingBackground(t.buttonType,t.size,t.inverse)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 14px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`:`:not(:active):not(:disabled):hover {\n\t\t\tpadding: 0;\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${n.getHoverButtonBackground(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size?`background-color: ${d.COLORS.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse?"":`background-color: ${d.COLORS.background.inverse};`}\n\t\t\t}\n\t\t\t${t.inverse?n.generateInverseHoverBackground(t.buttonType,t.disabled):""}\n\t\t}`)," .button-container{display:flex;gap:8.33px;",(t=>t.matchParentWidth?"margin: auto;":""),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiJCdXR0b24uc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nLCBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0Qm9yZGVyLCBnZXRDbGlja0VmZmVjdCwgZ2V0Q29sb3IsIGdldERhc2hlZEJvcmRlclN0eWxpbmcsIGdldERpc2FibGVkVGV4dENvbG9yLCBnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQsIGdldExvYWRpbmdCYWNrZ3JvdW5kLCBnZXRMb2FkaW5nQm9yZGVyLCBnZXRQYWRkaW5nLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b24gYFxuXHRhbGw6IHVuc2V0O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogOC44M3B4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdCR7KHByb3BzKSA9PiAocHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/IGBmbGV4LWdyb3c6IDE7YCA6ICcnKX1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IGdldEJhY2tncm91bmRDb2xvcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX07XG5cblx0JHsocHJvcHMpID0+IHByb3BzLmJ1dHRvblR5cGUuc3RhcnRzV2l0aCgnZGFzaCcpXHJcbiAgICA/IGAuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRcdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdFx0XHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0XHRcdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRcdFx0XHRwYWRkaW5nOiAke2dldFBhZGRpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSl9O1xuXHRcdFx0XHR9YFxyXG4gICAgOiBgcGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0JHtnZXRCb3JkZXIocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9YH1cblxuXHQuaWNvbi1jb21wb25lbnQge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0XHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0fVxuXG5cdC5pY29uLXRyYWlsaW5nIHtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQudGV4dCB7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXRDb2xvcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX07XG5cdH1cblxuXHQuaWNvbi1sZWFkaW5nIHtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQkeyhwcm9wcykgPT4gZ2V0RGFzaGVkQm9yZGVyU3R5bGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pc0xvYWRpbmcgPyBDT0xPUlMuc3Ryb2tlLmJyYW5kTGlnaHRBbHQgOiB1bmRlZmluZWQpfVxuXG5cdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuXG5cdDpkaXNhYmxlZCB7XG5cdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHR9XG5cdFx0Y3Vyc29yOiBub3QtYWxsb3dlZDtcblx0XHQkeyhwcm9wcykgPT4gZ2VuZXJhdGVEaXNhYmxlZFN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXREaXNhYmxlZFRleHRDb2xvcihwcm9wcy5pbnZlcnNlKX0gIWltcG9ydGFudDtcblx0XHR9XG5cdFx0JHsocHJvcHMpID0+IGdldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgQ09MT1JTLnN0cm9rZS5wcmltYXJ5KX1cblx0fVxuXG5cdCR7KHByb3BzKSA9PiAhcHJvcHMuZGlzYWJsZWQgJiZcclxuICAgICFwcm9wcy5pc0xvYWRpbmcgJiZcclxuICAgIGA6YWN0aXZlIHtcblx0XHRcdFx0LmJ1dHRvbi1jb250YWluZXIge1xuXHRcdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRcdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0JHtwcm9wcy5zaXplID09PSAnY2hpcCcgJiZcclxuICAgICAgICBgLnRleHQge1xuXHRcdFx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0fSAhaW1wb3J0YW50O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHQuaWNvbiB7XG5cdFx0XHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHRgfVxuXHRcdFx0XHR9XG5cblxuXHRcdFx0JHtnZXRDbGlja0VmZmVjdChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1cblx0XHRcdCR7Z2V0RGFzaGVkQm9yZGVyU3R5bGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBDT0xPUlMuY29udGVudC5icmFuZCl9XG5cdFx0fWB9XG5cblx0JHsocHJvcHMpID0+IFxyXG4vLyBkbyBub3QgbG9hZCBob3ZlciBzdHlsZXMgZm9yIGxvYWRpbmcgc3RhdGUgYW5kIGFsc28gYWN0aXZlIHN0YXRlXHJcbiFwcm9wcy5pc0xvYWRpbmdcclxuICAgID8gYDpub3QoOmFjdGl2ZSk6bm90KDpkaXNhYmxlZCk6aG92ZXIge1xuXHRcdFx0cGFkZGluZzogMDtcblx0XHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRcdFx0cGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0XHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0cGFkZGluZzogMDtcblx0XHRcdFx0XHR0b3A6IDA7XG5cdFx0XHRcdFx0bGVmdDogMDtcblx0XHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0XHRoZWlnaHQ6IDEwMCU7XG5cdFx0XHRcdFx0JHtnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHRcdH1cblx0XHRcdFx0JHtwcm9wcy5zaXplID09PSAnY2hpcCcgPyBgYmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtgIDogJyd9XG5cdFx0XHRcdCR7cHJvcHMuYnV0dG9uVHlwZSA9PT0gJ3ByaW1hcnknICYmXHJcbiAgICAgICAgcHJvcHMuc2l6ZSAhPT0gJ2NoaXAnICYmXHJcbiAgICAgICAgIXByb3BzLmludmVyc2VcclxuICAgICAgICA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2V9O2BcclxuICAgICAgICA6ICcnfVxuXHRcdFx0fVxuXHRcdFx0JHtwcm9wcy5pbnZlcnNlXHJcbiAgICAgICAgPyBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuZGlzYWJsZWQpXHJcbiAgICAgICAgOiAnJ31cblx0XHR9YFxyXG4gICAgOiBgXG5cdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0cGFkZGluZzogMDtcblx0XHQke2dldExvYWRpbmdCb3JkZXIocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cblx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHQudGV4dCB7XG5cdFx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0XHR9XG5cdFx0XHRwYWRkaW5nOiAke2dldFBhZGRpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSl9O1xuXHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0cGFkZGluZzogMDtcblx0XHRcdFx0cGFkZGluZy10b3A6IDFweDtcblx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRsZWZ0OiAwO1xuXHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0XHQke2dldExvYWRpbmdCYWNrZ3JvdW5kKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHRcdFx0XHQuc3Bpbm5lciB7XG5cdFx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRcdHRvcDogY2FsYyg1MCUgLSAxNHB4KTtcblx0XHRcdFx0XHRsZWZ0OiBjYWxjKDUwJSAtIDdweCk7XG5cdFx0XHRcdH1cblxuXHRcdFx0fVxuXHRcdH1gfVxuXG5cdFx0LmJ1dHRvbi1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiA4LjMzcHg7XG5cdFx0JHsocHJvcHMpID0+IChwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ21hcmdpbjogYXV0bzsnIDogJycpfVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgQnV0dG9uQ3VzdG9tRGFzaGVkQm9yZGVyID0gKCkgPT4ge1xyXG4gICAgcmV0dXJuIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtdG9wXCIgfSksIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS1sZWZ0XCIgfSksIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS1ib3R0b21cIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLXJpZ2h0XCIgfSldIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QnV0dG9uLnN0eWxlZC5qcy5tYXAiXX0= */"));exports.Button=X,exports.ButtonCustomDashedBorder=()=>c.jsxs(c.Fragment,{children:[c.jsx("div",{className:"line-top"}),c.jsx("div",{className:"line-left"}),c.jsx("div",{className:"line-bottom"}),c.jsx("div",{className:"line-right"})]});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled/base"),t=require("./themes.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const u=c(e).default("button","production"===process.env.NODE_ENV?{target:"exlualr0"}:{target:"exlualr0",label:"Button"})("display:inline-flex;align-items:center;justify-content:center;position:relative;height:auto;outline:0;border:0;padding:0.5rem 1.5rem;font-size:0.875rem;border-radius:0.25rem;",(e=>t.getTheme(e.$color,e.variant))," &:disabled{cursor:not-allowed;opacity:0.2;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvQyIsImZpbGUiOiJCdXR0b24uc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZ2V0VGhlbWUgfSBmcm9tICcuL3RoZW1lcyc7XHJcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQuYnV0dG9uIGBcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogYXV0bztcblx0b3V0bGluZTogMDtcblx0Ym9yZGVyOiAwO1xuXHRwYWRkaW5nOiAwLjVyZW0gMS41cmVtO1xuXHRmb250LXNpemU6IDAuODc1cmVtO1xuXHRib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuXHQkeyhwcm9wcykgPT4gZ2V0VGhlbWUocHJvcHMuJGNvbG9yLCBwcm9wcy52YXJpYW50KX1cblxuXHQmOmRpc2FibGVkIHtcblx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdG9wYWNpdHk6IDAuMjtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QnV0dG9uLnN0eWxlZC5qcy5tYXAiXX0= */"));exports.Button=u;

package/dist/cjs/components/button/themes.d.ts

@@ -1,21 +1,2 @@
-import { Size, Type } from './model';
-export declare const getBackgroundColor: (type: Type, size: Size, inverse?: boolean) => string;
-export declare const getColor: (type: Type, size: Size, inverse?: boolean) => string;
-export declare const getDisabledTextColor: (inverse?: boolean) => string;
-export declare const getPadding: (type: Type, size: Size) => "4px 8px" | "6px 4px" | "6px 12px" | "10px 4px" | "10px 12px" | "14px 4px" | "14px 12px" | undefined;
-export declare const GetButtonTextComponent: (size: Size, type: Type) => import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const getBorderColor: (type: Type, inverse?: boolean) => string;
-export declare const getBorder: (type: Type, size: Size, inverse?: boolean) => string;
-export declare const getLinearGradientValue: (size: Size) => string;
-export declare const getHoverButtonBackground: (type: Type, inverse?: boolean) => "" | "background-color: #000000;\n\t\t\t\topacity: 0.03;";
-export declare const generateInverseHoverBackground: (type: Type, disabled?: boolean) => string;
-export declare const generateDisabledStyling: (type: Type, size: Size, inverse?: boolean) => string;
-export declare const getDashedBorderStyling: (type: Type, size: Size, borderColor?: string) => string;
-export declare const getClickEffect: (type: Type, size: Size, inverse?: boolean) => string | undefined;
-export declare const getLoadingBackground: (type: Type, size: Size, inverse?: boolean) => string;
-export declare const getLoadingBorder: (type: Type, size: Size, inverse?: boolean) => string;
-export declare const SpinnerColorMap: (type: Type, inverse?: boolean) => string;
-export declare const getButtonIconColor: (size: Size, type: Type, inverse?: boolean, disabled?: boolean, isLoading?: boolean) => string | undefined;
+import type { Color, Variant } from './Button';
+export declare function getTheme(color: Color, variant: Variant): import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/button/themes.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../constants/Theme.js"),r=require("../TypographyStyle.js");const n=(r,n)=>n?t.COLORS.surface.standard:"secondary"==r?t.COLORS.stroke.brand:t.COLORS.content.placeholder,e=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px";exports.GetButtonTextComponent=(t,n)=>"dashRegular"===n?r.BodySecondary:"chip"===t?r.BodyCaption:"small"===t?r.ButtonRegular:r.ButtonLarge,exports.SpinnerColorMap=(r,n)=>n?"primary"===r?t.COLORS.content.primary:t.COLORS.content.primaryInverse:"destructive"===r?t.COLORS.content.negative:t.COLORS.content.brand,exports.generateDisabledStyling=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.COLORS.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.COLORS.stroke.primary};`:"",exports.generateInverseHoverBackground=(r,n)=>n?"":"primary"===r?`background-color: ${t.COLORS.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",exports.getBackgroundColor=(r,n,e)=>{if("chip"===n)return t.COLORS.surface.subdued;switch(r){case"primary":return e?t.COLORS.background.warning.vibrant:t.COLORS.background.inverseLight;case"destructive":return t.COLORS.background.negative.vibrant;case"tertiary":return e?"transparent":t.COLORS.surface.standard;default:return"transparent"}},exports.getBorder=(r,e,o)=>"chip"===e?`border: 1px solid ${t.COLORS.stroke.primary};`:o?"secondary"===r?`border: 1px solid ${n(r,o)};`:"border: none;":"secondary"===r?`border: 1px solid ${n(r)};`:"border: none;",exports.getBorderColor=n,exports.getButtonIconColor=(r,n,e,o,a)=>"chip"===r?o?t.COLORS.content.inactive:t.COLORS.content.secondary:a?"transparent":"primary"===n||"destructive"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primary:o?t.COLORS.content.inactive:t.COLORS.content.primaryInverse:"secondary"===n||"tertiary"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primaryInverse:o?t.COLORS.content.inactive:t.COLORS.content.brand:"tertiaryGray"===n||n.startsWith("dash")?o?t.COLORS.content.inactive:t.COLORS.content.secondary:void 0,exports.getClickEffect=(r,n,e)=>"chip"===n?`border: 1px solid ${t.COLORS.stroke.brandLightAlt};\n\t\tbackground-color: ${t.COLORS.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.COLORS.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.COLORS.background.inverseLight}  !important;`:`background-color: ${t.COLORS.background.brandLight};`:void 0,exports.getColor=(r,n,e)=>{if("chip"===n)return t.COLORS.content.secondary;switch(r){case"primary":return e?t.COLORS.content.primary:t.COLORS.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.COLORS.content.secondary;case"destructive":return t.COLORS.content.primaryInverse;default:return e?t.COLORS.content.primaryInverse:t.COLORS.stroke.brand}},exports.getDashedBorderStyling=function(t,r){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n(t);return`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t`},exports.getDisabledTextColor=r=>r?"rgba(255, 255, 255, 0.5)":t.COLORS.content.inactive,exports.getHoverButtonBackground=(t,r)=>r||"primary"===t?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",exports.getLinearGradientValue=e,exports.getLoadingBackground=(r,n,e)=>"chip"===n?`background-color: ${t.COLORS.background.base};`:"primary"===r?`background-color: ${e?t.COLORS.background.warning.vibrant:t.COLORS.background.brandLight};`:"destructive"===r?`background-color: ${t.COLORS.background.negative.light};`:"background-color: transparent;",exports.getLoadingBorder=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.COLORS.content.secondary};`:`border: 1px solid ${t.COLORS.stroke.brandLightAlt};`:"",exports.getPadding=(t,r)=>{if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/react"),I=require("../../utils/rgba.js"),g=require("../../constants/colors.js");exports.getTheme=function(X,b){const C=function(c){switch(c){case"error":return g.ERROR;case"success":return g.SUCCESS;case"warn":return g.WARN;case"secondary":return g.SECONDARY;default:return g.PRIMARY}}(X);switch(b){case"outline":return c.css("color:",C,";background-color:transparent;border:1px solid ",C,";&:hover{background-color:",I.rgba(C,.05),";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyByZ2JhIH0gZnJvbSBcIi4uLy4uL3V0aWxzL3JnYmFcIjtcclxuaW1wb3J0IHsgRVJST1IsIFBSSU1BUlksIFNFQ09OREFSWSwgU1VDQ0VTUywgV0FSTiwgV0hJVEUsIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9jb2xvcnNcIjtcclxuZnVuY3Rpb24gZ2V0Q29sb3JTY2hlbWUoY29sb3IpIHtcclxuICAgIHN3aXRjaCAoY29sb3IpIHtcclxuICAgICAgICBjYXNlICdlcnJvcic6XHJcbiAgICAgICAgICAgIHJldHVybiBFUlJPUjtcclxuICAgICAgICBjYXNlICdzdWNjZXNzJzpcclxuICAgICAgICAgICAgcmV0dXJuIFNVQ0NFU1M7XHJcbiAgICAgICAgY2FzZSAnd2Fybic6XHJcbiAgICAgICAgICAgIHJldHVybiBXQVJOO1xyXG4gICAgICAgIGNhc2UgJ3NlY29uZGFyeSc6XHJcbiAgICAgICAgICAgIHJldHVybiBTRUNPTkRBUlk7XHJcbiAgICAgICAgY2FzZSAncHJpbWFyeSc6XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIFBSSU1BUlk7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKGNvbG9yLCB2YXJpYW50KSB7XHJcbiAgICBjb25zdCBjb2xvclNjaGVtZSA9IGdldENvbG9yU2NoZW1lKGNvbG9yKTtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ291dGxpbmUnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Y29sb3JTY2hlbWV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdFx0Ym9yZGVyOiAxcHggc29saWQgJHtjb2xvclNjaGVtZX07XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7cmdiYShjb2xvclNjaGVtZSwgMC4wNSl9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3RleHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Y29sb3JTY2hlbWV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdFx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7cmdiYShjb2xvclNjaGVtZSwgMC4wNSl9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NvbGlkJzpcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7V0hJVEV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yU2NoZW1lfTtcblx0XHRcdFx0Ym9yZGVyOiAxcHggc29saWQgJHtjb2xvclNjaGVtZX07XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");case"text":return c.css("color:",C,";background-color:transparent;border:1px solid transparent;&:hover{background-color:",I.rgba(C,.05),";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0J1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyByZ2JhIH0gZnJvbSBcIi4uLy4uL3V0aWxzL3JnYmFcIjtcclxuaW1wb3J0IHsgRVJST1IsIFBSSU1BUlksIFNFQ09OREFSWSwgU1VDQ0VTUywgV0FSTiwgV0hJVEUsIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9jb2xvcnNcIjtcclxuZnVuY3Rpb24gZ2V0Q29sb3JTY2hlbWUoY29sb3IpIHtcclxuICAgIHN3aXRjaCAoY29sb3IpIHtcclxuICAgICAgICBjYXNlICdlcnJvcic6XHJcbiAgICAgICAgICAgIHJldHVybiBFUlJPUjtcclxuICAgICAgICBjYXNlICdzdWNjZXNzJzpcclxuICAgICAgICAgICAgcmV0dXJuIFNVQ0NFU1M7XHJcbiAgICAgICAgY2FzZSAnd2Fybic6XHJcbiAgICAgICAgICAgIHJldHVybiBXQVJOO1xyXG4gICAgICAgIGNhc2UgJ3NlY29uZGFyeSc6XHJcbiAgICAgICAgICAgIHJldHVybiBTRUNPTkRBUlk7XHJcbiAgICAgICAgY2FzZSAncHJpbWFyeSc6XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIFBSSU1BUlk7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKGNvbG9yLCB2YXJpYW50KSB7XHJcbiAgICBjb25zdCBjb2xvclNjaGVtZSA9IGdldENvbG9yU2NoZW1lKGNvbG9yKTtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ291dGxpbmUnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Y29sb3JTY2hlbWV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdFx0Ym9yZGVyOiAxcHggc29saWQgJHtjb2xvclNjaGVtZX07XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7cmdiYShjb2xvclNjaGVtZSwgMC4wNSl9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3RleHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Y29sb3JTY2hlbWV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdFx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7cmdiYShjb2xvclNjaGVtZSwgMC4wNSl9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NvbGlkJzpcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7V0hJVEV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yU2NoZW1lfTtcblx0XHRcdFx0Ym9yZGVyOiAxcHggc29saWQgJHtjb2xvclNjaGVtZX07XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");default:return c.css("color:",g.WHITE,";background-color:",C,";border:1px solid ",C,";"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyByZ2JhIH0gZnJvbSBcIi4uLy4uL3V0aWxzL3JnYmFcIjtcclxuaW1wb3J0IHsgRVJST1IsIFBSSU1BUlksIFNFQ09OREFSWSwgU1VDQ0VTUywgV0FSTiwgV0hJVEUsIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9jb2xvcnNcIjtcclxuZnVuY3Rpb24gZ2V0Q29sb3JTY2hlbWUoY29sb3IpIHtcclxuICAgIHN3aXRjaCAoY29sb3IpIHtcclxuICAgICAgICBjYXNlICdlcnJvcic6XHJcbiAgICAgICAgICAgIHJldHVybiBFUlJPUjtcclxuICAgICAgICBjYXNlICdzdWNjZXNzJzpcclxuICAgICAgICAgICAgcmV0dXJuIFNVQ0NFU1M7XHJcbiAgICAgICAgY2FzZSAnd2Fybic6XHJcbiAgICAgICAgICAgIHJldHVybiBXQVJOO1xyXG4gICAgICAgIGNhc2UgJ3NlY29uZGFyeSc6XHJcbiAgICAgICAgICAgIHJldHVybiBTRUNPTkRBUlk7XHJcbiAgICAgICAgY2FzZSAncHJpbWFyeSc6XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIFBSSU1BUlk7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKGNvbG9yLCB2YXJpYW50KSB7XHJcbiAgICBjb25zdCBjb2xvclNjaGVtZSA9IGdldENvbG9yU2NoZW1lKGNvbG9yKTtcclxuICAgIHN3aXRjaCAodmFyaWFudCkge1xyXG4gICAgICAgIGNhc2UgJ291dGxpbmUnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Y29sb3JTY2hlbWV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdFx0Ym9yZGVyOiAxcHggc29saWQgJHtjb2xvclNjaGVtZX07XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7cmdiYShjb2xvclNjaGVtZSwgMC4wNSl9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3RleHQnOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Y29sb3JTY2hlbWV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdFx0Ym9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7cmdiYShjb2xvclNjaGVtZSwgMC4wNSl9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NvbGlkJzpcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7V0hJVEV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yU2NoZW1lfTtcblx0XHRcdFx0Ym9yZGVyOiAxcHggc29saWQgJHtjb2xvclNjaGVtZX07XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */")}};

package/dist/cjs/constants/Theme.d.ts

@@ -59,9 +59,6 @@ export declare const COLORS: {
             light: string;
         };
     };
-    icon: {
-        placeholder: string;
-    };
     scrim: {
         standard: string;
     };
@@ -88,15 +85,12 @@ export declare const COLORS: {
         brand: string;
         negative: {
             lightAlt: string;
-            vibrant: string;
         };
         warning: {
             lightAlt: string;
-            vibrant: string;
         };
         positive: {
             lightAlt: string;
-            vibrant: string;
         };
         brandLightAlt: string;
         blue: {
@@ -339,9 +333,6 @@ export declare const DEFAULT_THEME: {
                 light: string;
             };
         };
-        icon: {
-            placeholder: string;
-        };
         scrim: {
             standard: string;
         };
@@ -368,15 +359,12 @@ export declare const DEFAULT_THEME: {
             brand: string;
             negative: {
                 lightAlt: string;
-                vibrant: string;
             };
             warning: {
                 lightAlt: string;
-                vibrant: string;
             };
             positive: {
                 lightAlt: string;
-                vibrant: string;
             };
             brandLightAlt: string;
             blue: {

package/dist/cjs/constants/Theme.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",50:"#EFE6F9"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},icon:{placeholder:"#9E9E9E"},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F"},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100],vibrant:e.warning[500]},positive:{lightAlt:e.positive[100],vibrant:e.positive[700]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3D5E5"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:40,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};exports.BASE_COLORS=e,exports.COLORS=t,exports.DEFAULT_THEME=n,exports.FONTS=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",50:"#EFE6F9"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F"},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100]},warning:{lightAlt:e.warning[100]},positive:{lightAlt:e.positive[100]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3E4C4"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:32,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};exports.BASE_COLORS=e,exports.COLORS=t,exports.DEFAULT_THEME=n,exports.FONTS=i;

package/dist/cjs/constants/colors.d.ts

@@ -1,6 +1,6 @@
 export declare const BLACK = "#000000";
 export declare const WHITE = "#ffffff";
-export declare const PRIMARY: string;
+export declare const PRIMARY = "#3b82f6";
 export declare const SECONDARY = "#4b5563";
 export declare const SUCCESS = "#16a34a";
 export declare const ERROR = "#dc2626";

package/dist/cjs/constants/colors.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("./Theme.js").COLORS.background.brand;exports.PRIMARY=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.ERROR="#dc2626",exports.PRIMARY="#3b82f6",exports.SECONDARY="#4b5563",exports.SUCCESS="#16a34a",exports.WARN="#eab308",exports.WHITE="#ffffff";

package/dist/cjs/index.d.ts

@@ -1,59 +1,2 @@
-import * as regexPatterns from './components/template-preview/constants/regexPatterns';
-import StringUtils from './utils/StringUtils';
-export { regexPatterns };
-export { StringUtils };
-export * from './constants/Theme';
-export * from './components/checkBox';
-export * from './components/list-item';
-export * from './components/pagination';
-export * from './components/radioButton';
-export * from './components/toaster';
-export * from './components/tooltips';
-export * from './components/spinner';
-export * from './components/stepper';
-export * from './components/tag';
-export * from './components/icon-button';
-export * from './components/template-preview';
-export * from './components/template-context-mapper';
-export * from './components/fab-menu';
-export * from './components/floating-action-button';
-export * from './components/image-compress';
-export * from './components/TypographyStyle';
 export * from './components/button';
-export * from './components/progress-bar';
-export * from './components/QueryBuilder';
-export * from './components/modals';
-export * from './components/dropdown';
-export * from './components/analytics-card';
-export * from './components/input';
-export * from './components/analytics-chips-and-dropdowns';
-export * from './components/avatar';
-export * from './components/alerts';
-export * from './components/thumbnail';
-export * from './components/curtain';
-export * from './components/datePicker';
-export * from './components/switch';
-export * from './components/plans';
-export * from './components/tabs';
-export * from './components/shimmer';
-export * from './components/TablePagination/';
-export * from './components/states-modal';
-export * from './components/states';
-export * from './components/WhatsAppTextEditor';
-export * from './helpers';
-export * from './components/card-selection-modal';
-export * from './components/image-cropper';
-export * from './components/buttonGroup';
-export * from './components/accordion';
-export * from './components/file-uploader';
-export * from './components/colourInput';
-export * from './components/bik-layout';
-export * from './components/searchBar';
-export * from './components/custom-date-time';
-export * from './components/product-picker';
-export * from './components/discount-modal';
-export * from './components/country-code-picker';
-export * from './components/shimmer-image';
-export * from './components/product-picker-v2';
-export * from './components/carousel';
-export * from './components/carousel-secondary';
+export * from './constants/Theme';

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/template-preview/constants/regexPatterns.js"),r=require("./utils/StringUtils.js"),t=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),n=require("./components/list-item/ListItem.js"),i=require("./components/pagination/Pagination.js"),p=require("./components/radioButton/RadioButton.js"),a=require("./components/toaster/Toaster.js"),s=require("./components/tooltips/Tooltip.js"),u=require("./components/spinner/Spinner.js"),c=require("./components/stepper/Stepper.js"),l=require("./components/tag/Tag.js"),d=require("./components/icon-button/IconButton.js"),m=require("./components/template-preview/TemplatePreview.js"),x=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),T=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),P=require("./components/template-preview/helpers/SmsTemplateHelper.js"),S=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),y=require("./components/template-preview/helpers/VariableEditorHelper.js"),C=require("./components/template-preview/models/TemplateMeta.js"),A=require("./components/template-context-mapper/TemplateContextMapper.js"),O=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),E=require("./components/template-context-mapper/utils/validateIsUrl.js"),j=require("./components/fab-menu/FABMenu.js"),B=require("./components/floating-action-button/FloatingActionButton.js"),b=require("./components/floating-action-button/FloatingActionButton.styles.js"),h=require("./components/image-compress/ImageCompress.js"),g=require("./components/TypographyStyle.js"),R=require("./components/button/Button.js"),_=require("./components/progress-bar/ProgressBarComponent.js"),q=require("./components/QueryBuilder/QueryBuilder.js"),I=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),f=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),N=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),k=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),L=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),M=require("./components/modals/styledModal.js"),D=require("./components/dropdown/Dropdown.js"),w=require("./components/dropdown/DropdownPopover/index.js"),G=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),U=require("./components/dropdown/MenuItem/MenuItem.js"),H=require("./components/analytics-card/AnalyticsCard.js"),F=require("./components/analytics-card/AnalyticsCard.styled.js"),v=require("./components/input/Input.js"),V=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),W=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),Y=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),Q=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),z=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),K=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),X=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),Z=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),J=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),$=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),ee=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),re=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),te=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),oe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),ne=require("./components/avatar/Avatar.js"),ie=require("./components/alerts/Alert.js"),pe=require("./components/alerts/AlertHelper.js"),ae=require("./components/thumbnail/Thumbnail.js"),se=require("./components/curtain/Curtain.js"),ue=require("./components/datePicker/DatePicker.js"),ce=require("./components/switch/Switch.js"),le=require("./components/plans/SubscriptionPlan.js"),de=require("./components/plans/SubscriptionPlanSelector.js"),me=require("./components/tabs/Tabs.js"),xe=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),Te=require("./components/TablePagination/TablePagination.js"),Pe=require("./components/TablePagination/TablePaginationCard.js"),Se=require("./components/states-modal/StateModalComponent.js"),ye=require("./components/states-modal/DeleteConfirmationModal.js"),Ce=require("./components/states/StateComponent.js"),Ae=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),Oe=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ee=require("./helpers/BaseWhatsappContentLang.helper.js"),je=require("./components/card-selection-modal/CardSelectionModal.js"),Be=require("./components/image-cropper/BikImageCropper.js"),be=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),he=require("./components/buttonGroup/ButtonGroup.js"),ge=require("./components/accordion/Accordion.js"),Re=require("./components/file-uploader/FileUploader.js"),_e=require("./components/colourInput/ColourInput.js"),qe=require("./components/bik-layout/BikHeader.js"),Ie=require("./components/bik-layout/BikLayout.js"),fe=require("./components/bik-layout/BikProfile.js"),Ne=require("./components/bik-layout/SimpleSidebar.js"),ke=require("./components/bik-layout/BikSidebar.js"),Le=require("./components/bik-layout/FeatureModal.js"),Me=require("./components/bik-layout/SidebarSkeleton.js"),De=require("./components/searchBar/searchBar.js"),we=require("./components/custom-date-time/CustomDateTime.js"),Ge=require("./components/product-picker/ProductPickerModal.js"),Ue=require("./components/discount-modal/DiscountModal.js"),He=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),Fe=require("./components/discount-modal/type.js"),ve=require("./components/country-code-picker/CountryCodePicker.js"),Ve=require("./components/country-code-picker/CountryCodePicker.modal.js"),We=require("./components/shimmer-image/ShimmerImage.js"),Ye=require("./components/product-picker-v2/modal.js"),Qe=require("./components/carousel/carousel.js"),ze=require("./components/carousel-secondary/CarouselSecondary.js");exports.regexPatterns=e,exports.StringUtils=r.default,exports.BASE_COLORS=t.BASE_COLORS,exports.COLORS=t.COLORS,exports.DEFAULT_THEME=t.DEFAULT_THEME,exports.FONTS=t.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=n.ListItem,exports.Pagination=i.Pagination,exports.RadioButton=p.RadioButton,exports.Toaster=a.Toaster,exports.Tooltip=s.Tooltip,exports.Spinner=u.Spinner,exports.Stepper=c.Stepper,exports.Tag=l.Tag,exports.IconButton=d.IconButton,exports.TemplatePreview=m.TemplatePreview,exports.WhatsappLikePreview=x.WhatsappLikePreview,exports.WhatsappLikePreviewV2=T.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=P.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=S.WhatsAppFormatToHTML,exports.VariableEditorHelper=y.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return C.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=C.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return C.HEADER_TYPES}}),Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return C.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return C.TEMPLATE_STATUS}}),exports.TemplateContextMapper=A.TemplateContextMapper,exports.getAllDataFromTemplateComponent=O.getAllDataFromTemplateComponent,exports.validateIsUrl=E.validateIsUrl,exports.FABMenu=j.FABMenu,exports.FloatingActionButton=B.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return b.DROP_POSITION}}),exports.DropdownToggleContainer=b.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return b.FAB_POSITION}}),exports.FloatingActionButtonContainer=b.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=b.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return b.MENU_ALIGNMENT}}),exports.StyledDropdown=b.StyledDropdown,exports.TooltipStyled=b.TooltipStyled,exports.ImageService=h.ImageService,exports.BodyCaption=g.BodyCaption,exports.BodyLarge=g.BodyLarge,exports.BodyPrimary=g.BodyPrimary,exports.BodyPrimaryLink=g.BodyPrimaryLink,exports.BodyRegular=g.BodyRegular,exports.BodySecondary=g.BodySecondary,exports.BodySecondaryLink=g.BodySecondaryLink,exports.BodyTiny=g.BodyTiny,exports.ButtonLarge=g.ButtonLarge,exports.ButtonRegular=g.ButtonRegular,exports.Caption=g.Caption,exports.Display=g.Display,exports.SmallRegular=g.SmallRegular,exports.SubHeading=g.SubHeading,exports.TitleLarge=g.TitleLarge,exports.TitleMedium=g.TitleMedium,exports.TitleRegular=g.TitleRegular,exports.TitleSmall=g.TitleSmall,exports.Button=R.Button,exports.ProgressBarComponent=_.ProgressBarComponent,exports.ProgressCompletedBar=_.ProgressCompletedBar,exports.QueryBuilder=q.QueryBuilder,exports.BaseQueryBuilderNode=I.BaseQueryBuilderNode,exports.PropertyNode=f.PropertyNode,exports.PropertyNodeHeadless=f.PropertyNodeHeadless,exports.queryBuilderSlice=N.queryBuilderSlice,exports.queryBuilderCacheSlice=k.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return L.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return L.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return L.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return L.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return L.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return L.EVENT_VALUES}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return L.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return L.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return L.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return L.INTEGER_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return L.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return L.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return L.STRING_OPERATORS}}),exports.StyledModal=M.StyledModal,exports.Dropdown=D.Dropdown,exports.DropdownPopover=w.DropdownPopover,exports.OpenedDropdown=G.OpenedDropdown,exports.MenuItemDropdown=U.MenuItemDropdown,exports.AnalyticsCard=H.AnalyticsCard,exports.AnalyticsContainer=F.AnalyticsContainer,exports.CardDataContainer=F.CardDataContainer,exports.Input=v.Input,exports.AnalyticsChip=V.AnalyticsChip,exports.AnalyticsDropdown=W.AnalyticsDropdown,exports.EachItem=W.EachItem,exports.AnalyticsMultiChip=Y.AnalyticsMultiChip,exports.AnalyticsMetric=Q.AnalyticsMetric,exports.AnalyticsTrend=z.AnalyticsTrend,exports.LineChart=K.LineChart,exports.LinearChipGroupedChart=X.LinearChipGroupedChart,exports.Card=Z.Card,exports.PieChartAnalytics=Z.PieChartAnalytics,exports.PieChart=J.PieChart,exports.HorizontalGraph=$.HorizontalGraph,exports.StackedBarChart=ee.StackedBarChart,exports.VerticalGraph=re.VerticalGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return te.HEAT}}),exports.HEAT_COLORS=te.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return te.HEAT_GRADING_TYPE}}),exports.HeatMap=te.HeatMap,exports.VerticalBarAndLinearGraph=oe.VerticalBarAndLinearGraph,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=ne.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=ne.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=ne.BACKGROUND_VS_TEXT_COLOR_MAP,exports.Alert=ie.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return pe.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=pe.COLOR_CONFIG_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return ae.RATIO}}),exports.Thumbnail=ae.Thumbnail,exports.Curtain=se.Curtain,exports.DatePicker=ue.DatePicker,exports.Loader=ce.Loader,exports.Switch=ce.Switch,exports.SwitchContainer=ce.SwitchContainer,exports.Thumb=ce.Thumb,exports.SubscriptionPlan=le.SubscriptionPlan,exports.SubscriptionPlanSelector=de.SubscriptionPlanSelector,exports.TabItemComponent=me.TabItemComponent,exports.Tabs=me.Tabs,exports.BikShimmer=xe.BikShimmer,exports.TablePagination=Te.TablePagination,exports.TablePaginationCard=Pe.TablePaginationCard,exports.TablePaginationCardStyled=Pe.TablePaginationCardStyled,exports.StateModalComponent=Se.StateModalComponent,exports.DeleteConfirmationModal=ye.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return Ce.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return Ce.ButtonTypes}}),exports.StateComponent=Ce.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return Ce.StateInterface}}),exports.WhatsAppTextEditor=Ae.WhatsAppTextEditor,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return Oe.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=Oe.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=Ee.BaseWhatsappContentLangHelper,exports.CardSelectionModal=je.CardSelectionModal,exports.BikImageCropper=Be.BikImageCropper,exports.BikImagePipeline=be.BikImagePipeline,exports.ButtonGroup=he.ButtonGroup,exports.BikAccordion=ge.BikAccordion,exports.FileUploader=Re.FileUploader,exports.ColourInput=_e.ColourInput,exports.BikHeader=qe.BikHeader,exports.BikLayout=Ie.BikLayout,exports.BikProfile=fe.BikProfile,exports.SimpleSidebar=Ne.SimpleSidebar,exports.BikSidebar=ke.BikSidebar,exports.FeatureModal=Le.FeatureModal,exports.SidebarSkeleton=Me.SidebarSkeleton,exports.SearchBar=De.SearchBar,exports.CustomDateTime=we.CustomDateTime,exports.PricePleaseProductPicker=Ge.PricePleaseProductPicker,exports.ProductPickerContent=Ge.ProductPickerContent,exports.DiscountModal=Ue.DiscountModal,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return He.COUPON_EXPIRATION}}),exports.CouponExpiration=He.CouponExpiration,Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return Fe.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return Fe.MIN_PURCHASE_REQUIREMENT}}),exports.CountryCodePicker=ve.CountryCodePicker,exports.CountriesData=Ve.CountriesData,exports.ShimmerImage=We.ShimmerImage,exports.ProductPickerModal=Ye.ProductPickerModal,exports.Carousel=Qe.Carousel,exports.CarouselSecondary=ze.CarouselSecondary;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/button/Button.js"),t=require("./constants/Theme.js");exports.Button=e.Button,exports.BASE_COLORS=t.BASE_COLORS,exports.COLORS=t.COLORS,exports.DEFAULT_THEME=t.DEFAULT_THEME,exports.FONTS=t.FONTS;

package/dist/cjs/utils/classNames.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.classNames=function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return r.filter((e=>!!e)).join(" ")};

package/dist/cjs/utils/rgba.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.rgba=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,r=e.replace("#","");3===r.length&&(r=`${r[0]}${r[0]}${r[1]}${r[1]}${r[2]}${r[2]}`);return t>1&&t<=100&&(t/=100),`rgba(${parseInt(r.substring(0,2),16)}, ${parseInt(r.substring(2,4),16)}, ${parseInt(r.substring(4,6),16)}, ${t})`};

package/dist/esm/_virtual/_tslib.js

@@ -1 +1 @@
-function t(t,n){var e={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&n.indexOf(o)<0&&(e[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(t);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(e[o[r]]=t[o[r]])}return e}function n(t,n,e,o){return new(e||(e=Promise))((function(r,c){function f(t){try{i(o.next(t))}catch(t){c(t)}}function a(t){try{i(o.throw(t))}catch(t){c(t)}}function i(t){var n;t.done?r(t.value):(n=t.value,n instanceof e?n:new e((function(t){t(n)}))).then(f,a)}i((o=o.apply(t,n||[])).next())}))}export{n as __awaiter,t as __rest};
+function e(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}export{e as __rest};

package/dist/esm/components/TypographyStyle.d.ts

@@ -1,72 +1,15 @@
-export declare const TitleLarge: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const TitleMedium: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const SmallRegular: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const TitleRegular: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const TitleSmall: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const Display: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const BodyLarge: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const BodyPrimary: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const BodySecondary: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const BodyPrimaryLink: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const BodySecondaryLink: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const BodyCaption: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const BodyTiny: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const ButtonLarge: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const ButtonRegular: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const SubHeading: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const BodyRegular: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const Caption: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
+export declare const TitleLarge: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleMedium: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleRegular: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleSmall: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Display: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodyLarge: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodyPrimary: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodySecondary: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodyPrimaryLink: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodySecondaryLink: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodyCaption: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodyTiny: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonLarge: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonRegular: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SubHeading: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/button/Button.d.ts

@@ -1,3 +1,18 @@
-import React from 'react';
-import { ButtonProps } from './model';
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+/// <reference types="react" />
+export type Color = 'primary' | 'secondary' | 'success' | 'error' | 'warn';
+export type Variant = 'solid' | 'outline' | 'text';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * The color of the Button.
+     *
+     * @default 'primary'
+     */
+    color?: Color;
+    /**
+     * The visual style of the Button.
+     *
+     * @default 'solid'
+     */
+    variant?: Variant;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/button/Button.js

@@ -1 +1 @@
-import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as i,jsxs as n,Fragment as t}from"react/jsx-runtime";import s,{forwardRef as a}from"react";import{Spinner as o}from"../spinner/Spinner.js";import{Button as c,ButtonCustomDashedBorder as r}from"./Button.styled.js";import{getButtonIconColor as l,SpinnerColorMap as d,GetButtonTextComponent as m}from"./themes.js";const h=a(((a,h)=>{var{id:p,buttonType:b="primary",size:g="small",buttonText:j,disabled:u,IconComponent:v,LeadingIcon:y,TrailingIcon:N,isLoading:f,inverse:O,onClick:T,matchParentWidth:I}=a,x=e(a,["id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth"]);const C=m(g,b),L="chip"===g?16:20,k={height:L,width:L,color:l(g,b,O,u,f),style:{display:"block"},className:"icon"};return i(c,Object.assign({onClick:T,ref:h,id:p,disabled:u,size:g,buttonType:b,isLoading:f,inverse:O,matchParentWidth:I},x,{children:n("div",Object.assign({className:"button-container"},{children:[b.startsWith("dash")&&i(r,{}),i("div",Object.assign({className:"overlay-container"},{children:f&&i(o,{className:"spinner",size:"small",color:d(b,O)})})),v&&i("div",Object.assign({className:"icon-component"},{children:s.createElement(v,k)})),y&&i("div",Object.assign({className:"icon-leading"},{children:s.createElement(y,k)})),j?i(C,Object.assign({className:"text"},{children:j})):i(t,{}),N&&i("div",Object.assign({className:"icon-trailing"},{children:s.createElement(N,k)}))]}))}))}));h.displayName="Button";export{h as Button};
+import{__rest as r}from"../../_virtual/_tslib.js";import{jsx as o}from"react/jsx-runtime";import{forwardRef as t}from"react";import{classNames as i}from"../../utils/classNames.js";import{Button as a}from"./Button.styled.js";const s=t(((t,s)=>{var{id:l,className:c,onClick:m,color:n="primary",variant:e="solid",children:d}=t,p=r(t,["id","className","onClick","color","variant","children"]);return o(a,Object.assign({ref:s,id:l,variant:e,$color:n,className:i("button-root",c),onClick:m},p,{children:d}))}));s.displayName="Button";export{s as Button};

package/dist/esm/components/button/Button.styled.d.ts

@@ -1,14 +1,9 @@
 /// <reference types="react" />
-import { Size, Type } from './model';
+import type { Color, Variant } from './Button';
 export declare const Button: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
-    size: Size;
-    buttonType: Type;
-    isLoading?: boolean | undefined;
-    inverse?: boolean | undefined;
-    disabled?: boolean | undefined;
-    matchParentWidth?: boolean | undefined;
+    $color: Color;
+    variant: Variant;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const ButtonCustomDashedBorder: () => JSX.Element;