@bikdotai/bik-component-library 0.0.73-9.beta-0 → 0.0.73

package/dist/cjs/components/avatar/Avatar.d.ts

@@ -3,12 +3,10 @@ import { AVATAR_BACKGROUND, AVATAR_TYPES, SIZE } from "./AvatarHelper";
 export declare const AVATAR_SIZE_VS_ICON_SIZE_MAP: {
     SMALL: number;
     MEDIUM: number;
-    INBOX: number;
     LARGE: number;
 };
 export declare const BACKGROUND_VS_TEXT_COLOR_MAP: {
     LIGHT: string;
-    WHITE: string;
     DARK: string;
 };
 export type AvatarProps = {
@@ -22,28 +20,5 @@ export type AvatarProps = {
         height: number;
         color: string;
     }>;
-    useNameFallback?: boolean;
-    channelName?: MESSAGE_CHANNELS;
-    borderRadius?: string;
-    inboxSettings?: {
-        isSelected: boolean;
-        isComments: boolean;
-    };
-    status?: 'ONLINE' | 'OFFLINE' | 'AWAY';
 };
-export declare const enum MESSAGE_CHANNELS {
-    INSTAGRAM = "instagram",
-    MESSENGER = "messenger",
-    WHATSAPP = "whatsapp",
-    GMAIL = "gmail",
-    LIVECHAT = "livechat",
-    GOOGLE_BUSINESS_CHAT = "gbm",
-    SHOPIFY = "shopify",
-    FACEBOOK = "facebook",
-    EMAIL = "email",
-    SMTP = "smtp",
-    FACEBOOK_CATALOG = "facebook-catalog",
-    TASKS = "tasks",
-    BIK_LIVECHAT = "livechat"
-}
 export declare const Avatar: React.FC<AvatarProps>;

package/dist/cjs/components/avatar/Avatar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("./Avatar.styled.js"),i=require("./AvatarHelper.js"),r=require("../TypographyStyle.js"),a=require("../../constants/Theme.js"),o=require("../../assets/icons/bik_livechat.svg.js"),n=require("../../assets/icons/email-channel.svg.js"),A=require("../../assets/icons/facebook_channel.svg.js"),S=require("../../assets/icons/gmail.svg.js"),c=require("../../assets/icons/instagram-channel.svg.js"),l=require("../../assets/icons/task.svg.js"),E=require("../../assets/icons/whatsapp_color.svg.js");const d={[i.SIZE.SMALL]:16,[i.SIZE.MEDIUM]:20,[i.SIZE.INBOX]:24,[i.SIZE.LARGE]:32},u={[i.AVATAR_BACKGROUND.LIGHT]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.WHITE]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.DARK]:a.COLORS.surface.standard};var h;exports.MESSAGE_CHANNELS=void 0,(h=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",h.MESSENGER="messenger",h.WHATSAPP="whatsapp",h.GMAIL="gmail",h.LIVECHAT="livechat",h.GOOGLE_BUSINESS_CHAT="gbm",h.SHOPIFY="shopify",h.FACEBOOK="facebook",h.EMAIL="email",h.SMTP="smtp",h.FACEBOOK_CATALOG="facebook-catalog",h.TASKS="tasks",h.BIK_LIVECHAT="livechat";exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=d,exports.Avatar=h=>{const[p,g]=s.useState(!1),O=()=>{const s=(h.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return h.size===i.SIZE.SMALL?e.jsx(r.BodyTiny,Object.assign({style:{color:u[h.background]}},{children:s})):h.size===i.SIZE.MEDIUM||h.size===i.SIZE.INBOX?e.jsx(r.TitleSmall,Object.assign({style:{color:u[h.background]}},{children:s})):h.size===i.SIZE.LARGE?e.jsx(r.TitleMedium,Object.assign({style:{color:u[h.background]}},{children:s})):void 0};return e.jsxs("div",Object.assign({style:{position:"relative"}},{children:[e.jsxs(t.AvatarStyle,Object.assign({type:h.type===i.AVATAR_TYPES.IMAGE&&p&&h.useNameFallback&&h.name?i.AVATAR_TYPES.INITIALS:h.type,size:h.size,background:h.background},{children:[h.type===i.AVATAR_TYPES.IMAGE&&(h.useNameFallback&&!p?e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[h.size],height:i.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl,onError:()=>{g(!0)}}):h.useNameFallback&&p&&h.name?e.jsx("div",{children:O()}):e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[h.size],height:i.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl})),h.type===i.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:O()}),h.type===i.AVATAR_TYPES.ICON&&h.icon&&e.jsx(h.icon,{width:d[h.size],height:d[h.size],color:u[h.background]})]})),h.inboxSettings&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:14,height:14,borderRadius:(null==h?void 0:h.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:h.inboxSettings.isSelected?h.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.background.brandLight:h.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.surface.standard,alignItems:"center"}},{children:(()=>{switch(h.channelName){case exports.MESSAGE_CHANNELS.EMAIL:case exports.MESSAGE_CHANNELS.SMTP:return e.jsx(n.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.FACEBOOK:case exports.MESSAGE_CHANNELS.FACEBOOK_CATALOG:case exports.MESSAGE_CHANNELS.MESSENGER:return e.jsx(A.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.INSTAGRAM:return e.jsx(c.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.WHATSAPP:return e.jsx(E.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.GMAIL:return e.jsx(S.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.TASKS:return e.jsx(l.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.BIK_LIVECHAT:return e.jsx(o.default,{width:11,height:11})}})()})),h.status&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:a.COLORS.surface.standard,alignItems:"center"}},{children:h.status?e.jsx("div",{style:{backgroundColor:"ONLINE"===h.status?a.COLORS.special.whatsapp.brand:a.COLORS.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null}))]}))},exports.BACKGROUND_VS_TEXT_COLOR_MAP=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("./Avatar.styled.js"),r=require("./AvatarHelper.js"),t=require("../TypographyStyle.js"),i=require("../../constants/Theme.js");const A={[r.SIZE.SMALL]:16,[r.SIZE.MEDIUM]:20,[r.SIZE.LARGE]:32},o={[r.AVATAR_BACKGROUND.LIGHT]:i.COLORS.content.secondary,[r.AVATAR_BACKGROUND.DARK]:i.COLORS.surface.standard};exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=A,exports.Avatar=i=>e.jsxs(s.AvatarStyle,Object.assign({size:i.size,background:i.background},{children:[i.type===r.AVATAR_TYPES.IMAGE&&e.jsx("img",{alt:"",width:r.AVATAR_SIZE_MAP[i.size],height:r.AVATAR_SIZE_MAP[i.size],style:{borderRadius:"50%"},src:i.photoUrl}),i.type===r.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:(()=>{const s=(i.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return i.size===r.SIZE.SMALL?e.jsx(t.BodyTiny,Object.assign({style:{color:o[i.background]}},{children:s})):i.size===r.SIZE.MEDIUM?e.jsx(t.TitleSmall,Object.assign({style:{color:o[i.background]}},{children:s})):i.size===r.SIZE.LARGE?e.jsx(t.TitleMedium,Object.assign({style:{color:o[i.background]}},{children:s})):void 0})()}),i.type===r.AVATAR_TYPES.ICON&&i.icon&&e.jsx(i.icon,{width:A[i.size],height:A[i.size],color:o[i.background]})]})),exports.BACKGROUND_VS_TEXT_COLOR_MAP=o;

package/dist/cjs/components/avatar/Avatar.styled.d.ts

@@ -1,6 +1,5 @@
-import { AVATAR_BACKGROUND, AVATAR_TYPES, SIZE } from "./AvatarHelper";
+import { AVATAR_BACKGROUND, SIZE } from "./AvatarHelper";
 export declare const AvatarStyle: import("styled-components").StyledComponent<"div", any, {
     size: SIZE;
     background: AVATAR_BACKGROUND;
-    type: AVATAR_TYPES;
 }, never>;

package/dist/cjs/components/avatar/Avatar.styled.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./AvatarHelper.js"),t=require("../../constants/Theme.js");function A(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=A(e).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./AvatarHelper.js"),t=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const s=o(e).default.div`
 	width: ${e=>r.AVATAR_SIZE_MAP[e.size]+"px"};
 	height: ${e=>r.AVATAR_SIZE_MAP[e.size]+"px"};
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	background-color: ${e=>e.type===r.AVATAR_TYPES.IMAGE?"null":e.background===r.AVATAR_BACKGROUND.LIGHT?t.COLORS.background.base:e.background===r.AVATAR_BACKGROUND.WHITE?t.COLORS.surface.standard:t.COLORS.background.inverse};
-	border: ${e=>e.background===r.AVATAR_BACKGROUND.LIGHT||e.background===r.AVATAR_BACKGROUND.WHITE?"1px solid "+t.COLORS.stroke.primary:0};
+	background-color: ${e=>e.background===r.AVATAR_BACKGROUND.LIGHT?t.COLORS.background.base:t.COLORS.background.inverse};
+	border: ${e=>e.background===r.AVATAR_BACKGROUND.LIGHT?"1px solid "+t.COLORS.stroke.primary:0};
 	border-radius: 50%;
-`;exports.AvatarStyle=a;
+`;exports.AvatarStyle=s;

package/dist/cjs/components/avatar/AvatarHelper.d.ts

@@ -6,17 +6,14 @@ export declare enum AVATAR_TYPES {
 export declare enum SIZE {
     SMALL = "SMALL",
     MEDIUM = "MEDIUM",
-    LARGE = "LARGE",
-    INBOX = "INBOX"
+    LARGE = "LARGE"
 }
 export declare enum AVATAR_BACKGROUND {
     LIGHT = "LIGHT",
-    DARK = "DARK",
-    WHITE = "WHITE"
+    DARK = "DARK"
 }
 export declare const AVATAR_SIZE_MAP: {
     SMALL: number;
     MEDIUM: number;
     LARGE: number;
-    INBOX: number;
 };

package/dist/cjs/components/avatar/AvatarHelper.js

@@ -1 +1 @@
-"use strict";var A,I,e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.AVATAR_TYPES=void 0,(A=exports.AVATAR_TYPES||(exports.AVATAR_TYPES={})).IMAGE="IMAGE",A.INITIALS="INITIALS",A.ICON="ICON",exports.SIZE=void 0,(I=exports.SIZE||(exports.SIZE={})).SMALL="SMALL",I.MEDIUM="MEDIUM",I.LARGE="LARGE",I.INBOX="INBOX",exports.AVATAR_BACKGROUND=void 0,(e=exports.AVATAR_BACKGROUND||(exports.AVATAR_BACKGROUND={})).LIGHT="LIGHT",e.DARK="DARK",e.WHITE="WHITE";const o={[exports.SIZE.SMALL]:24,[exports.SIZE.MEDIUM]:40,[exports.SIZE.LARGE]:64,[exports.SIZE.INBOX]:30};exports.AVATAR_SIZE_MAP=o;
+"use strict";var A,e,I;Object.defineProperty(exports,"__esModule",{value:!0}),exports.AVATAR_TYPES=void 0,(A=exports.AVATAR_TYPES||(exports.AVATAR_TYPES={})).IMAGE="IMAGE",A.INITIALS="INITIALS",A.ICON="ICON",exports.SIZE=void 0,(e=exports.SIZE||(exports.SIZE={})).SMALL="SMALL",e.MEDIUM="MEDIUM",e.LARGE="LARGE",exports.AVATAR_BACKGROUND=void 0,(I=exports.AVATAR_BACKGROUND||(exports.AVATAR_BACKGROUND={})).LIGHT="LIGHT",I.DARK="DARK";const o={[exports.SIZE.SMALL]:24,[exports.SIZE.MEDIUM]:40,[exports.SIZE.LARGE]:64};exports.AVATAR_SIZE_MAP=o;

package/dist/cjs/components/avatar/index.d.ts

@@ -1,2 +1 @@
 export * from './Avatar';
-export * from './AvatarHelper';

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"),s=require("../spinner/Spinner.js"),o=require("./Button.styled.js"),i=require("./themes.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(n);const c=n.forwardRef(((r,c)=>{var{version:l,id:d,buttonType:u="primary",size:b="small",buttonText:m,disabled:j,IconComponent:g,LeadingIcon:x,TrailingIcon:h,isLoading:p,inverse:v,onClick:C,matchParentWidth:y,subtitle:I,darkMode:f,activated:N,error:O,buttonTextColor:T,buttonFontSize:z,customIconColor:k,buttonColor:B,LeadingIconStyles:S}=r,L=e.__rest(r,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles"]);const q=i.GetButtonTextComponent(b,u,j),_=i.getButtonIconColor(b,u,v,j,p,f),M=n.useCallback((()=>{const e="chip"===b?16:20;return{height:e,width:e,color:k||_,style:{display:"block"},className:"icon"}}),[b,k,_]);return t.jsx(o.Button,Object.assign({"data-test":L["data-test"],version:l,onClick:p?()=>{}:C,ref:c,id:d,disabled:j,size:b,buttonType:u,isLoading:p,inverse:v,matchParentWidth:y,darkMode:f,activated:N,error:O,buttonColor:B},L,{children:t.jsxs("div",Object.assign({className:"button-container"},{children:[u.startsWith("dash")&&t.jsx(o.ButtonCustomDashedBorder,{}),t.jsx("div",Object.assign({className:"overlay-container"},{children:p&&t.jsx(s.Spinner,{className:"spinner",size:"small",color:i.SpinnerColorMap(u,v)})})),g&&t.jsx("div",Object.assign({className:"icon-component"},{children:a.default.createElement(g,M())})),x&&t.jsx("div",Object.assign({className:"icon-leading",style:Object.assign({zIndex:1},S)},{children:a.default.createElement(x,M())})),m?t.jsxs(q,Object.assign({className:"text",style:{color:T,fontSize:z}},{children:[m,t.jsx("div",Object.assign({className:"text-subtitle"},{children:I}))]})):t.jsx(t.Fragment,{}),h&&t.jsx("div",Object.assign({className:"icon-trailing",style:{zIndex:1}},{children:a.default.createElement(h,M())}))]}))}))}));c.displayName="Button",exports.Button=c;
+"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)})),t.jsx(y,Object.assign({className:"text"},{children:u})),p&&t.jsx("div",Object.assign({className:"icon-trailing"},{children:o.default.createElement(p,N)}))]}))}))}));c.displayName="Button",exports.Button=c;

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

@@ -2,7 +2,7 @@
 import { Size, Type } from './model';
 export declare const Button: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     size: Size;
     buttonType: Type;
@@ -10,10 +10,5 @@ export declare const Button: import("@emotion/styled").StyledComponent<{
     inverse?: boolean | undefined;
     disabled?: boolean | undefined;
     matchParentWidth?: boolean | undefined;
-    version?: "1.0" | "2.0" | undefined;
-    darkMode?: boolean | undefined;
-    activated?: boolean | undefined;
-    error?: boolean | undefined;
-    buttonColor?: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const ButtonCustomDashedBorder: () => import("react/jsx-runtime").JSX.Element;
+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 b(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const l=b(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:",(t=>"text"==t.buttonType?"0":"4px"),";overflow:hidden;",(t=>t.matchParentWidth?"flex-grow: 1;":"")," background-color:",(t=>n.getBackgroundColor(t.buttonType,t.size,t.inverse,t.darkMode,t.buttonColor)),";",(t=>{var c;return 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(null!==(c=t.version)&&void 0!==c?c:"1.0",t.buttonType,t.size,t.inverse,t.error)}`})," .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,t.darkMode)),";}.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:t.error?d.COLORS.stroke.negative.vibrant:void 0))," .overlay-container{display:none;}",(t=>!t.disabled&&!t.isLoading&&t.activated&&("dashBold"==t.buttonType||"dashRegular"==t.buttonType)&&`\n\t.button-container {\n\t\tdisplay: flex;\n\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\t.text {\n\t\t\tcolor: ${d.COLORS.content.brand} !important;\n\t\t}\n\t\t.icon {\n\t\t\tcolor: ${d.COLORS.background.brand};\n\t\t}\n\t\t\n\t}\n\t${n.getClickEffect(t.buttonType,t.size,t.inverse)}\n\t${n.getDashedBorderStyling(t.buttonType,t.size,d.COLORS.content.brand)}\n\t`)," :disabled{cursor:",(t=>"text"===t.buttonType?"auto":"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\t${t.buttonColor?`background-color: ${n.getLoadingButtonBackgroundCustom(t.buttonColor,15)};`:""}\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,t.buttonColor)}\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{${t.buttonColor?`background-color: ${n.getHoverButtonBackgroundCustom(t.buttonColor,15)}`:""}}\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&&"text"!==t.buttonType?t.darkMode?`background-color: ${d.COLORS.stroke.primary};`:`background-color: ${d.COLORS.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse||t.buttonColor?"":`background-color: ${d.COLORS.background.inverse};`}\n\t\t\t}\n\t\t\t${"text"===t.buttonType?n.getHoverButtonTextDecorationStyle(t.buttonType,t.disabled):""}\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiJCdXR0b24uc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nLCBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0Qm9yZGVyLCBnZXRDbGlja0VmZmVjdCwgZ2V0Q29sb3IsIGdldERhc2hlZEJvcmRlclN0eWxpbmcsIGdldERpc2FibGVkVGV4dENvbG9yLCBnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQsIGdldEhvdmVyQnV0dG9uQmFja2dyb3VuZEN1c3RvbSwgZ2V0SG92ZXJCdXR0b25UZXh0RGVjb3JhdGlvblN0eWxlLCBnZXRMb2FkaW5nQmFja2dyb3VuZCwgZ2V0TG9hZGluZ0JvcmRlciwgZ2V0TG9hZGluZ0J1dHRvbkJhY2tncm91bmRDdXN0b20sIGdldFBhZGRpbmcsIH0gZnJvbSAnLi90aGVtZXMnO1xyXG5leHBvcnQgY29uc3QgQnV0dG9uID0gc3R5bGVkLmJ1dHRvbiBgXG5cdGFsbDogdW5zZXQ7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogZmxleDtcblx0Z2FwOiA4LjgzcHg7XG5cdGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYnV0dG9uVHlwZSA9PSAndGV4dCcgPyAnMCcgOiAnNHB4Jyl9O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHQkeyhwcm9wcykgPT4gKHByb3BzLm1hdGNoUGFyZW50V2lkdGggPyBgZmxleC1ncm93OiAxO2AgOiAnJyl9XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBnZXRCYWNrZ3JvdW5kQ29sb3IocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSwgcHJvcHMuZGFya01vZGUsIHByb3BzLmJ1dHRvbkNvbG9yKX07XG5cblx0JHsocHJvcHMpID0+IHtcclxuICAgIHZhciBfYTtcclxuICAgIHJldHVybiBwcm9wcy5idXR0b25UeXBlLnN0YXJ0c1dpdGgoJ2Rhc2gnKVxyXG4gICAgICAgID8gYC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0XHRcdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0XHRcdFx0XHQke3Byb3BzLm1hdGNoUGFyZW50V2lkdGggPyAnanVzdGlmeS1jb250ZW50OiBjZW50ZXI7JyA6ICcnfVxuXHRcdFx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHRcdH1gXHJcbiAgICAgICAgOiBgcGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0JHtnZXRCb3JkZXIoKF9hID0gcHJvcHMudmVyc2lvbikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJzEuMCcsIHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UsIHByb3BzLmVycm9yKX1gO1xyXG59fVxuXG5cdC5pY29uLWNvbXBvbmVudCB7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHR9XG5cblx0Lmljb24tdHJhaWxpbmcge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0XHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0fVxuXG5cdC50ZXh0IHtcblx0XHRjb2xvcjogJHsocHJvcHMpID0+IGdldENvbG9yKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UsIHByb3BzLmRhcmtNb2RlKX07XG5cdH1cblxuXHQuaWNvbi1sZWFkaW5nIHtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQkeyhwcm9wcykgPT4gZ2V0RGFzaGVkQm9yZGVyU3R5bGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pc0xvYWRpbmdcclxuICAgID8gQ09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0XHJcbiAgICA6IHByb3BzLmVycm9yXHJcbiAgICAgICAgPyBDT0xPUlMuc3Ryb2tlLm5lZ2F0aXZlLnZpYnJhbnRcclxuICAgICAgICA6IHVuZGVmaW5lZCl9XG5cblx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG5cblx0JHsocHJvcHMpID0+ICFwcm9wcy5kaXNhYmxlZCAmJlxyXG4gICAgIXByb3BzLmlzTG9hZGluZyAmJlxyXG4gICAgcHJvcHMuYWN0aXZhdGVkICYmXHJcbiAgICAocHJvcHMuYnV0dG9uVHlwZSA9PSAnZGFzaEJvbGQnIHx8IHByb3BzLmJ1dHRvblR5cGUgPT0gJ2Rhc2hSZWd1bGFyJykgJiZcclxuICAgIGBcblx0LmJ1dHRvbi1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHR9XG5cdFx0JHtgLnRleHQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHRcdC5pY29uIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0XHR9XG5cdFx0YH1cblx0fVxuXHQke2dldENsaWNrRWZmZWN0KHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHQke2dldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgQ09MT1JTLmNvbnRlbnQuYnJhbmQpfVxuXHRgfVxuXG5cdDpkaXNhYmxlZCB7XG5cdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHR9XG5cdFx0Y3Vyc29yOiAkeyhwcm9wcykgPT4gcHJvcHMuYnV0dG9uVHlwZSA9PT0gJ3RleHQnID8gJ2F1dG8nIDogJ25vdC1hbGxvd2VkJ307XG5cdFx0JHsocHJvcHMpID0+IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0RGlzYWJsZWRUZXh0Q29sb3IocHJvcHMuaW52ZXJzZSl9ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHRcdCR7KHByb3BzKSA9PiBnZXREYXNoZWRCb3JkZXJTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIENPTE9SUy5zdHJva2UucHJpbWFyeSl9XG5cdH1cblxuXHQkeyhwcm9wcykgPT4gIXByb3BzLmRpc2FibGVkICYmXHJcbiAgICAhcHJvcHMuaXNMb2FkaW5nICYmXHJcbiAgICBgOmFjdGl2ZSB7XG5cdFx0XHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0XHRcdCR7cHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/ICdqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsnIDogJyd9XG5cdFx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0XHRkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdCR7cHJvcHMuc2l6ZSA9PT0gJ2NoaXAnICYmXHJcbiAgICAgICAgYC50ZXh0IHtcblx0XHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodH0gIWltcG9ydGFudDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0Lmljb24ge1xuXHRcdFx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0fTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0YH1cblx0XHRcdFx0fVxuXG5cblx0XHRcdCR7Z2V0Q2xpY2tFZmZlY3QocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHQke2dldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgQ09MT1JTLmNvbnRlbnQuYnJhbmQpfVxuXHRcdH1gfVxuXG5cdCR7KHByb3BzKSA9PiBcclxuLy8gZG8gbm90IGxvYWQgaG92ZXIgc3R5bGVzIGZvciBsb2FkaW5nIHN0YXRlIGFuZCBhbHNvIGFjdGl2ZSBzdGF0ZVxyXG4hcHJvcHMuaXNMb2FkaW5nXHJcbiAgICA/IGA6bm90KDphY3RpdmUpOm5vdCg6ZGlzYWJsZWQpOmhvdmVyIHtcblx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdCR7cHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/ICdqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsnIDogJyd9XG5cdFx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHRcdHske3Byb3BzLmJ1dHRvbkNvbG9yXHJcbiAgICAgICAgPyBgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmRDdXN0b20ocHJvcHMuYnV0dG9uQ29sb3IsIDE1KX1gXHJcbiAgICAgICAgOiAnJ319XG5cdFx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRcdGxlZnQ6IDA7XG5cdFx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0XHRcdCR7Z2V0SG92ZXJCdXR0b25CYWNrZ3JvdW5kKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLmludmVyc2UpfVxuXHRcdFx0XHR9XG5cdFx0XHRcdCR7cHJvcHMuc2l6ZSA9PT0gJ2NoaXAnICYmIHByb3BzLmJ1dHRvblR5cGUgIT09ICd0ZXh0J1xyXG4gICAgICAgID8gcHJvcHMuZGFya01vZGVcclxuICAgICAgICAgICAgPyBgYmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O2BcclxuICAgICAgICAgICAgOiBgYmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtgXHJcbiAgICAgICAgOiAnJ31cblx0XHRcdFx0JHtwcm9wcy5idXR0b25UeXBlID09PSAncHJpbWFyeScgJiZcclxuICAgICAgICBwcm9wcy5zaXplICE9PSAnY2hpcCcgJiZcclxuICAgICAgICAhcHJvcHMuaW52ZXJzZSAmJlxyXG4gICAgICAgICFwcm9wcy5idXR0b25Db2xvclxyXG4gICAgICAgID8gYGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07YFxyXG4gICAgICAgIDogJyd9XG5cdFx0XHR9XG5cdFx0XHQke3Byb3BzLmJ1dHRvblR5cGUgPT09ICd0ZXh0J1xyXG4gICAgICAgID8gZ2V0SG92ZXJCdXR0b25UZXh0RGVjb3JhdGlvblN0eWxlKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLmRpc2FibGVkKVxyXG4gICAgICAgIDogJyd9XG5cdFx0XHQke3Byb3BzLmludmVyc2VcclxuICAgICAgICA/IGdlbmVyYXRlSW52ZXJzZUhvdmVyQmFja2dyb3VuZChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5kaXNhYmxlZClcclxuICAgICAgICA6ICcnfVxuXHRcdH1gXHJcbiAgICA6IGBcblx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRwYWRkaW5nOiAwO1xuXHRcdCR7Z2V0TG9hZGluZ0JvcmRlcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1cblxuXHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdC50ZXh0IHtcblx0XHRcdFx0b3BhY2l0eTogMDtcblx0XHRcdH1cblx0XHRcdCR7cHJvcHMuYnV0dG9uQ29sb3JcclxuICAgICAgICA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldExvYWRpbmdCdXR0b25CYWNrZ3JvdW5kQ3VzdG9tKHByb3BzLmJ1dHRvbkNvbG9yLCAxNSl9O2BcclxuICAgICAgICA6ICcnfVxuXHRcdFx0cGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHRcdHBhZGRpbmctdG9wOiAxcHg7XG5cdFx0XHRcdHRvcDogMDtcblx0XHRcdFx0bGVmdDogMDtcblx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdFx0JHtnZXRMb2FkaW5nQmFja2dyb3VuZChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlLCBwcm9wcy5idXR0b25Db2xvcil9XG5cdFx0XHRcdC5zcGlubmVyIHtcblx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0dG9wOiBjYWxjKDUwJSAtIDE0cHgpO1xuXHRcdFx0XHRcdGxlZnQ6IGNhbGMoNTAlIC0gN3B4KTtcblx0XHRcdFx0fVxuXG5cdFx0XHR9XG5cdFx0fWB9XG5cblx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDguMzNweDtcblx0XHQkeyhwcm9wcykgPT4gKHByb3BzLm1hdGNoUGFyZW50V2lkdGggPyAnbWFyZ2luOiBhdXRvOycgOiAnJyl9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b25DdXN0b21EYXNoZWRCb3JkZXIgPSAoKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS10b3BcIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLWxlZnRcIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLWJvdHRvbVwiIH0pLCBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtcmlnaHRcIiB9KV0gfSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1CdXR0b24uc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.Button=l,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 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.inverseLight};`}\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/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodH07YFxyXG4gICAgICAgIDogJyd9XG5cdFx0XHR9XG5cdFx0XHQke3Byb3BzLmludmVyc2VcclxuICAgICAgICA/IGdlbmVyYXRlSW52ZXJzZUhvdmVyQmFja2dyb3VuZChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5kaXNhYmxlZClcclxuICAgICAgICA6ICcnfVxuXHRcdH1gXHJcbiAgICA6IGBcblx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRwYWRkaW5nOiAwO1xuXHRcdCR7Z2V0TG9hZGluZ0JvcmRlcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1cblxuXHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdC50ZXh0IHtcblx0XHRcdFx0b3BhY2l0eTogMDtcblx0XHRcdH1cblx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHQub3ZlcmxheS1jb250YWluZXIge1xuXHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRwYWRkaW5nOiAwO1xuXHRcdFx0XHRwYWRkaW5nLXRvcDogMXB4O1xuXHRcdFx0XHR0b3A6IDA7XG5cdFx0XHRcdGxlZnQ6IDA7XG5cdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRoZWlnaHQ6IDEwMCU7XG5cdFx0XHRcdCR7Z2V0TG9hZGluZ0JhY2tncm91bmQocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHRcdC5zcGlubmVyIHtcblx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0dG9wOiBjYWxjKDUwJSAtIDE0cHgpO1xuXHRcdFx0XHRcdGxlZnQ6IGNhbGMoNTAlIC0gN3B4KTtcblx0XHRcdFx0fVxuXG5cdFx0XHR9XG5cdFx0fWB9XG5cblx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDguMzNweDtcblx0XHQkeyhwcm9wcykgPT4gKHByb3BzLm1hdGNoUGFyZW50V2lkdGggPyAnbWFyZ2luOiBhdXRvOycgOiAnJyl9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b25DdXN0b21EYXNoZWRCb3JkZXIgPSAoKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS10b3BcIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLWxlZnRcIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLWJvdHRvbVwiIH0pLCBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtcmlnaHRcIiB9KV0gfSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1CdXR0b24uc3R5bGVkLmpzLm1hcCJdfQ== */"));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"})]});

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

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 export type Size = 'chip' | 'small' | 'medium' | 'large';
-export type Type = 'primary' | 'secondary' | 'tertiary' | 'tertiaryGray' | 'destructive' | 'dashBold' | 'dashRegular' | 'text' | 'ai';
+export type Type = 'primary' | 'secondary' | 'tertiary' | 'tertiaryGray' | 'destructive' | 'dashBold' | 'dashRegular';
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    'data-test'?: string;
     /**
      * Font fize of the text
      * @default default 'small'
@@ -12,7 +11,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
      * Text to render inside the button
      * @default ''
      */
-    buttonText?: string;
+    buttonText: string;
     /**
      * Whether the button is pressable or not
      * @default true
@@ -35,11 +34,6 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
      * @default undefined
      */
     LeadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    /**
-     * Custom styles to be applied to the LeadingIcon
-     * @default undefined
-     */
-    LeadingIconStyles?: React.CSSProperties;
     /**
      * The icon component that is the left of the buttonText
      * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
@@ -65,13 +59,4 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
      * @default false
      */
     matchParentWidth?: boolean;
-    subtitle?: string;
-    version?: '1.0' | '2.0';
-    darkMode?: boolean;
-    activated?: boolean;
-    error?: boolean;
-    buttonTextColor?: string;
-    customIconColor?: string;
-    buttonColor?: string;
-    buttonFontSize?: number;
 }

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

@@ -1,52 +1,18 @@
 import { Size, Type } from './model';
-export declare const getBackgroundColor: (type: Type, size: Size, inverse?: boolean, darkMode?: boolean, buttonColor?: string) => string;
-export declare const getColor: (type: Type, size: Size, inverse?: boolean, darkMode?: boolean) => string;
+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) => "0px" | "4px 8px" | "6px 4px" | "6px 12px" | "10px 4px" | "10px 12px" | "14px 4px" | "14px 12px" | undefined;
-export declare const GetButtonTextComponent: (size: Size, type: Type, disabled?: boolean) => import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const getBorderColor: (type: Type, inverse?: boolean, error?: boolean) => string;
-export declare const getBorder: (version: '1.0' | '2.0', type: Type, size: Size, inverse?: boolean, error?: 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, {}, 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;
-/**
- * Adjusts the brightness of a given hex color by a specified percentage.
- * Below function is used to generate a hover effect for button backgrounds.
- *
- * @param {string} color - The hex color code to be adjusted (e.g., "#ff0000").
- * @param {number} percent - The percentage by which to darken the color. Positive values darken the color.
- * @returns {string} - The adjusted hex color code.
- *
- * @example
- * // Darken the color #ff0000 (red) by 10%
- * const darkerRed = getHoverButtonBackgroundCustom("#ff0000", 10);
- * console.log(darkerRed); // Output might be "#e60000"
- */
-export declare const getHoverButtonBackgroundCustom: (color: string, percent: number) => string;
-/**
- * Generates a new color by adjusting the brightness of the given color by a specified percentage.
- *
- * @param color - The original color in hexadecimal format (e.g., "#RRGGBB").
- * @param percent - The percentage to adjust the brightness. Positive values will lighten the color, while negative values will darken it.
- * @returns The new color in hexadecimal format after adjusting the brightness.
- *
- * @example
- * // Lighten the color by 20%
- * const newColor = getLoadingButtonBackgroundCustom("#ff0000", 20); // "#ff3333"
- *
- * @example
- * // Darken the color by 10%
- * const newColor = getLoadingButtonBackgroundCustom("#00ff00", -10); // "#00e600"
- */
-export declare const getLoadingButtonBackgroundCustom: (color: string, percent: number) => string;
-export declare const getHoverButtonBackground: (type: Type, inverse?: boolean) => string;
-export declare const getHoverButtonTextDecorationStyle: (type: Type, disabled?: boolean) => 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, buttonColor?: string) => string;
+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, darkMode?: boolean) => string | undefined;
+export declare const getButtonIconColor: (size: Size, type: Type, inverse?: boolean, disabled?: boolean, isLoading?: boolean) => string | undefined;

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,e)=>e?t.COLORS.stroke.negative.vibrant: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",o=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),o=(n>>16)+e,a=(n>>8&255)+e,i=(255&n)+e;return`#${(16777216+(Math.min(o,255)<<16)+(Math.min(a,255)<<8)+Math.min(i,255)).toString(16).slice(1)}`};exports.GetButtonTextComponent=(t,n,e)=>e||"ai"!==n?"dashRegular"===n?r.BodySecondary:"chip"===t?r.BodyCaption:"small"===t?r.ButtonRegular:r.ButtonLarge:"small"===t?r.ButtonRegularAI:r.ButtonLargeAI,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,o,a)=>{if("chip"===n)return"text"===r?"transparent":o?t.COLORS.surface.hovered:t.COLORS.surface.subdued;switch(r){case"primary":return a||(e?t.COLORS.background.warning.vibrant:t.COLORS.background.inverseLight);case"destructive":return t.COLORS.background.negative.vibrant;default:return"transparent"}},exports.getBorder=(r,e,o,a,i)=>"text"==e?"border: none;":"chip"===o?`border: ${"2.0"===r?.5:1}px solid ${t.COLORS.stroke.primary};`:a?"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,a,i)};`:"border: none;":"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,!1,i)};`:"border: none;",exports.getBorderColor=n,exports.getButtonIconColor=(r,n,e,o,a,i)=>"chip"===r?o?t.COLORS.content.inactive:i?t.COLORS.content.primary: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)=>"text"===r?`background-color: ${t.COLORS.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.COLORS.content.brand};`:"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,o)=>{if("chip"===n)return"text"===r?e?t.COLORS.content.inactive:t.COLORS.content.brand:o?t.COLORS.content.primary: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;case"ai":return t.COLORS.content.ai;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,!1);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=(r,n)=>"ai"===r?`background: ${t.COLORS.surface.aiLight};`:"text"===r?"background-color:transparent;":n||"primary"===r?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",exports.getHoverButtonBackgroundCustom=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),o=(n>>16)-e,a=(n>>8&255)-e,i=(255&n)-e;return`#${(16777216+(Math.max(o,0)<<16)+(Math.max(a,0)<<8)+Math.max(i,0)).toString(16).slice(1)}`},exports.getHoverButtonTextDecorationStyle=(r,n)=>n?"":`text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.COLORS.content.brand};`,exports.getLinearGradientValue=e,exports.getLoadingBackground=(r,n,e,a)=>"chip"===n?`background-color: ${t.COLORS.background.base};`:"primary"===r?a?`background-color: ${o(a,50)};`:`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.getLoadingButtonBackgroundCustom=o,exports.getPadding=(t,r)=>{if("text"===t)return"0px";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 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.brand;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"}};

package/dist/cjs/components/card-selection-modal/CardSelectionModal.styled.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export declare const StyledCardContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledCard: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/checkBox/CheckBox.d.ts

@@ -4,17 +4,7 @@ export type CheckBoxProps = {
     isPartiallyChecked?: boolean;
     isDisabled?: boolean;
     value?: string;
-    onValueChange: (checked: boolean, value?: string, event?: React.MouseEvent) => void;
-    label?: string;
-    size?: 'DEFAULT' | 'SMALL';
-    skipHoverState?: boolean;
-    labelSize?: 'DEFAULT' | 'SMALL';
-    rightComponent?: JSX.Element;
-    checkboxBorderColor?: string;
-    boldOnChecked?: boolean;
-    bold?: boolean;
-    style?: React.CSSProperties;
-    enableHover?: boolean;
-    activeColor?: string;
+    onValueChange: (checked: boolean, value?: string) => void;
+    controlFromOutside?: boolean;
 };
 export declare const CheckBox: React.FC<CheckBoxProps>;

package/dist/cjs/components/checkBox/CheckBox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./CheckBox.styled.js"),l=require("../TypographyStyle.js"),t=require("../../constants/Theme.js");const a=s=>{const l=i.useMemo((()=>s.activeColor||t.COLORS.background.positive.vibrant),[s.activeColor]);return e.jsxs("svg",Object.assign({width:s.isSmall?"16":"18",height:s.isSmall?"16":"18",viewBox:s.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:s.isSmall?"16":"18",height:s.isSmall?"16":"18",rx:"4",fill:s.isDisabled?t.COLORS.content.inactive:l}),!s.isPartial&&e.jsx("svg",Object.assign({width:s.isSmall?"8":"10",height:s.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),s.isPartial&&e.jsx("rect",{x:"5",y:s.isSmall?"7":"8",width:s.isSmall?"6":"8",height:"2",rx:"1",fill:t.COLORS.surface.standard})]}))};exports.CheckBox=r=>{var o;const[c,d]=i.useState(r.isChecked||!1),[n,b]=i.useState(r.isPartiallyChecked||!1),[h,x]=i.useState(r.isDisabled||!1),[C,S]=i.useState(!1),[u,O]=i.useState(!1);i.useEffect((()=>{d(r.isChecked)}),[r.isChecked]),i.useEffect((()=>{x(r.isDisabled||!1)}),[r.isDisabled]),i.useEffect((()=>{b(r.isPartiallyChecked||!1)}),[r.isPartiallyChecked]);return e.jsxs(s.CheckboxContainer,Object.assign({onClick:e=>{var i;if(!r.isDisabled){const s=!c;n?b(!n):d(s),null===(i=r.onValueChange)||void 0===i||i.call(r,s,r.value,e)}},onMouseEnter:()=>S(!r.skipHoverState),onMouseLeave:()=>S(!1),onMouseDown:()=>O(!r.skipHoverState),onMouseUp:()=>O(!1),isDisabled:h,enableHover:r.enableHover,style:null!==(o=r.style)&&void 0!==o?o:{}},{children:[e.jsx(s.CheckboxIcon,Object.assign({checked:c,hovered:C,clicked:u,isDisabled:h,size:r.size,borderColor:r.checkboxBorderColor},{children:c&&e.jsx(a,{isPartial:n||!1,isDisabled:h,isSmall:"SMALL"===r.size,activeColor:null==r?void 0:r.activeColor})})),r.label?r.boldOnChecked&&c||r.bold?"DEFAULT"===r.labelSize?e.jsx(l.TitleRegular,Object.assign({color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary},{children:r.label})):e.jsx(l.TitleSmall,Object.assign({color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary},{children:r.label})):"SMALL"===r.size||"SMALL"===r.labelSize?e.jsx(l.BodySecondary,Object.assign({color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary},{children:r.label})):e.jsx(l.BodyPrimary,Object.assign({color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary},{children:r.label})):e.jsx(e.Fragment,{}),r.rightComponent]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./CheckBox.styled.js"),t=require("../../constants/Theme.js");const l=i=>e.jsxs("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:i.isDisabled?t.COLORS.content.inactive:t.COLORS.background.positive.vibrant}),!i.isPartial&&e.jsx("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),i.isPartial&&e.jsx("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:t.COLORS.surface.standard})]}));exports.CheckBox=t=>{var n;const[o,r]=i.useState(t.isChecked||!1),[c,a]=i.useState(!1),[d,h]=i.useState(!1);i.useEffect((()=>{t.controlFromOutside&&r(t.isChecked)}),[t.isChecked,t.controlFromOutside]);return i.useEffect((()=>{r(t.isChecked)}),[t.isChecked]),e.jsx(s.CheckboxContainer,Object.assign({onClick:()=>{var e,i;if(!t.isDisabled){if(t.controlFromOutside)return void(null===(e=t.onValueChange)||void 0===e||e.call(t,!t.isChecked,t.value));const s=!o;r(s),null===(i=t.onValueChange)||void 0===i||i.call(t,s,t.value)}},onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),onMouseDown:()=>h(!0),onMouseUp:()=>h(!1)},{children:e.jsx(s.CheckboxIcon,Object.assign({checked:o,hovered:c,clicked:d,isDisabled:t.isDisabled||!1},{children:o&&e.jsx(l,{isPartial:null!==(n=t.isPartiallyChecked)&&void 0!==n&&n,isDisabled:t.isDisabled||!1})}))}))};

package/dist/cjs/components/checkBox/CheckBox.styled.d.ts

@@ -1,12 +1,7 @@
-export declare const CheckboxContainer: import("styled-components").StyledComponent<"div", any, {
-    isDisabled?: boolean | undefined;
-    enableHover?: boolean | undefined;
-}, never>;
+export declare const CheckboxContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CheckboxIcon: import("styled-components").StyledComponent<"div", any, {
     checked: boolean;
     hovered: boolean;
     clicked: boolean;
     isDisabled: boolean;
-    size?: "SMALL" | "DEFAULT" | undefined;
-    borderColor?: string | undefined;
 }, never>;

package/dist/cjs/components/checkBox/CheckBox.styled.js

@@ -1,40 +1,27 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),s=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const t=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const s=o.default.div`
 	display: inline-flex;
-	gap: 8px;
 	align-items: center;
-	cursor: ${e=>e.isDisabled?"default":"pointer"};
-	${i=>i.enableHover&&e.css`
-			:hover {
-				background: ${s.COLORS.surface.subdued};
-			}
-		`}
+	cursor: pointer;
 `,r=o.default.div`
-	width: ${e=>"SMALL"===e.size?12:14}px;
-	height: ${e=>"SMALL"===e.size?12:14}px;
+	width: 14px;
+	height: 14px;
 	border-radius: 4px;
 	border: 2px solid black;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	box-sizing: content-box;
-	${i=>{var o;return i.isDisabled?e.css`
-					border: ${"SMALL"===i.size?1.5:2}px solid
-						${s.COLORS.content.inactive};
-			  `:e.css`
-					border: ${"SMALL"===i.size?1.5:2}px solid
-						${null!==(o=i.borderColor)&&void 0!==o?o:"black"};
-			  `}}
-	${s=>s.checked&&e.css`
+	${t=>t.checked&&e.css`
 			border: 0px;
 			width: 18px;
 			height: 18px;
 		`}
 	${i=>i.hovered&&e.css`
-			outline: 3px solid ${s.COLORS.surface.hovered};
+			outline: 3px solid ${t.COLORS.surface.hovered};
 		`}
 	${i=>i.clicked&&!i.isDisabled&&e.css`
 			outline: 3px solid
-				${i.checked?s.COLORS.stroke.positive.lightAlt:s.COLORS.surface.hovered};
+				${i.checked?t.COLORS.stroke.positive.lightAlt:t.COLORS.surface.hovered};
 			outline-offset: 2px;
 		`}
-`;exports.CheckboxContainer=t,exports.CheckboxIcon=r;
+`;exports.CheckboxContainer=s,exports.CheckboxIcon=r;

package/dist/cjs/components/curtain/Curtain.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentType } from 'react';
+import React from 'react';
 import { CURTAIN_MODE, CURTAIN_TYPES } from "./CurtainHelper";
 export type CurtainProps = {
     type: CURTAIN_TYPES;
@@ -15,9 +15,5 @@ export type CurtainProps = {
     onCloseHandler?: () => void;
     strokeAtTop?: boolean;
     strokeAtBottom?: boolean;
-    customComponent?: ComponentType<any>;
-    position?: 'sticky' | 'absolute' | 'fixed';
-    tertiaryButtonText?: string;
-    tertiaryButtonClickHandler?: () => void;
 };
 export declare const Curtain: React.FC<CurtainProps>;

package/dist/cjs/components/curtain/Curtain.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react"),o=require("./Curtain.styled.js"),r=require("./CurtainHelper.js"),n=require("../TypographyStyle.js"),s=require("../../constants/Theme.js"),i=require("../../assets/icons/cross.svg.js"),a=require("../button/Button.js");exports.Curtain=c=>{const[l,d]=e.useState(!1);if(l)return t.jsx(t.Fragment,{});return t.jsxs(o.CurtainStyle,Object.assign({isTeritaryButton:!!c.tertiaryButtonText,position:c.position,mode:c.mode,type:c.type,strokeAtTop:c.strokeAtTop,strokeAtBottom:c.strokeAtBottom},{children:[t.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"center",flex:1,alignItems:"center"}},{children:[t.jsx("div",{children:c.icon&&t.jsx(c.icon,{color:r.CURTAIN_COLOR_CONFIG_MAP[c.mode][c.type].textColor,height:16,width:16})}),t.jsxs("div",Object.assign({style:{display:"flex",textAlign:"center"}},{children:[t.jsxs(n.BodySecondary,Object.assign({style:{color:r.CURTAIN_COLOR_CONFIG_MAP[c.mode][c.type].textColor,marginLeft:8}},{children:[c.text,c.actionButtonText&&t.jsx(n.BodySecondaryLink,Object.assign({onClick:c.actionButtonClickHandler,style:{display:"inline",color:c.mode===r.CURTAIN_MODE.DARK?r.CURTAIN_COLOR_CONFIG_MAP[c.mode][c.type].textColor:s.COLORS.content.brand,marginLeft:6,textDecoration:"underline"}},{children:c.actionButtonText}))]})),c.customComponent&&t.jsx(c.customComponent,{})]}))]})),t.jsxs(o.RightWrapper,{children:[c.tertiaryButtonText&&t.jsxs(t.Fragment,{children:[t.jsx(a.Button,{className:"tertiary-button",buttonText:c.tertiaryButtonText,onClick:c.tertiaryButtonClickHandler,buttonType:"tertiary"}),t.jsx(o.Separator,{mode:c.mode,type:c.type})]}),!c.hideCrossIcon&&t.jsx(i.default,{onClick:()=>{d(!0),c.onCloseHandler&&c.onCloseHandler()},cursor:"pointer",height:20,width:20,color:r.CURTAIN_COLOR_CONFIG_MAP[c.mode][c.type].crossIconColor})]})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("./Curtain.styled.js"),r=require("./CurtainHelper.js"),s=require("../TypographyStyle.js"),n=require("../../constants/Theme.js"),i=require("../../assets/icons/cross.svg.js");exports.Curtain=c=>{const[l,a]=t.useState(!1);if(l)return e.jsx(e.Fragment,{});return e.jsxs(o.CurtainStyle,Object.assign({mode:c.mode,type:c.type,strokeAtTop:c.strokeAtTop,strokeAtBottom:c.strokeAtBottom},{children:[c.icon&&e.jsx(c.icon,{color:r.COLOR_CONFIG_MAP[c.mode][c.type].textColor,height:16,width:16}),e.jsx(s.BodySecondary,Object.assign({style:{color:r.COLOR_CONFIG_MAP[c.mode][c.type].textColor,marginLeft:8}},{children:c.text})),c.actionButtonText&&e.jsx(s.BodySecondaryLink,Object.assign({onClick:c.actionButtonClickHandler,style:{color:c.mode===r.CURTAIN_MODE.DARK?r.COLOR_CONFIG_MAP[c.mode][c.type].textColor:n.COLORS.content.brand,marginLeft:16,textDecoration:"underline"}},{children:c.actionButtonText})),!c.hideCrossIcon&&e.jsx(i.default,{onClick:()=>{a(!0),c.onCloseHandler&&c.onCloseHandler()},style:{position:"absolute",right:16},cursor:"pointer",height:20,width:20,color:r.COLOR_CONFIG_MAP[c.mode][c.type].crossIconColor})]}))};

package/dist/cjs/components/curtain/Curtain.styled.d.ts

@@ -4,11 +4,4 @@ export declare const CurtainStyle: import("styled-components").StyledComponent<"
     type: CURTAIN_TYPES;
     strokeAtTop?: boolean | undefined;
     strokeAtBottom?: boolean | undefined;
-    position?: "sticky" | "absolute" | "fixed" | undefined;
-    isTeritaryButton?: boolean | undefined;
 }, never>;
-export declare const Separator: import("styled-components").StyledComponent<"div", any, {
-    mode: CURTAIN_MODE;
-    type: CURTAIN_TYPES;
-}, never>;
-export declare const RightWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/curtain/Curtain.styled.js

@@ -1,29 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("./CurtainHelper.js"),o=require("../../constants/Theme.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var p=r(t);const n=p.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("./CurtainHelper.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=t(e).default.div`
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	padding: ${t=>t.isTeritaryButton?"12px 16px;":"8px 16px"};
-	background: ${t=>e.CURTAIN_COLOR_CONFIG_MAP[t.mode][t.type].backgroundColor};
-	border-top: ${t=>t.strokeAtTop?"1px solid "+e.CURTAIN_COLOR_CONFIG_MAP[t.mode][t.type].strokeColor:0};
-	border-bottom: ${t=>t.strokeAtBottom?"1px solid "+e.CURTAIN_COLOR_CONFIG_MAP[t.mode][t.type].strokeColor:0};
+	padding: 8px 16px;
+	background-color: ${e=>o.COLOR_CONFIG_MAP[e.mode][e.type].backgroundColor};
+	border-top: ${e=>e.strokeAtTop?"1px solid "+o.COLOR_CONFIG_MAP[e.mode][e.type].strokeColor:0};
+	border-bottom: ${e=>e.strokeAtBottom?"1px solid "+o.COLOR_CONFIG_MAP[e.mode][e.type].strokeColor:0};
 	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
 	width: 100%;
-	position: ${t=>t.position?t.position:"absolute"};
+	position: absolute;
 	top: 0;
 	z-index: 1;
-	.tertiary-button {
-		background: transparent;
-		.text {
-			color: ${t=>t.mode===e.CURTAIN_MODE.DARK?e.CURTAIN_COLOR_CONFIG_MAP[t.mode][t.type].textColor:o.COLORS.content.brand};
-		}
-	}
-`,i=p.default.div`
-	height: 28px;
-	width: 1px;
-	background-color: ${t=>e.CURTAIN_COLOR_CONFIG_MAP[e.CURTAIN_MODE.LIGHT][t.type].strokeColor};
-`,d=p.default.div`
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	justify-content: flex-end;
-`;exports.CurtainStyle=n,exports.RightWrapper=d,exports.Separator=i;
+`;exports.CurtainStyle=r;