@bikdotai/bik-component-library 0.0.3 → 0.0.4-analytics-chips-beta

package/dist/cjs/components/TypographyStyle.js

@@ -1,88 +1,100 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../constants/Theme.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=i(t);const o=t=>t+"px";n.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../constants/Theme.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=i(t);const n=t=>t+"px",r=o.default.div`
 	font-family: Inter;
-	color: ${t=>e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.titleLarge.fontWeight};
-	font-size: ${t=>o(e.FONTS.titleLarge.fontSize)};
-	line-height: ${t=>o(e.FONTS.titleLarge.lineHeight)};
-`,n.default.div`
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.titleLarge.fontWeight};
+	font-size: ${n(e.FONTS.titleLarge.fontSize)};
+	line-height: ${n(e.FONTS.titleLarge.lineHeight)};
+`,l=o.default.div`
 	font-family: Inter;
-	color: ${t=>e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.titleMedium.fontWeight};
-	font-size: ${t=>o(e.FONTS.titleMedium.fontSize)};
-	line-height: ${t=>o(e.FONTS.titleMedium.lineHeight)};
-`,n.default.div`
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.titleMedium.fontWeight};
+	font-size: ${n(e.FONTS.titleMedium.fontSize)};
+	line-height: ${n(e.FONTS.titleMedium.lineHeight)};
+`,a=o.default.div`
 	font-family: Inter;
-	color: ${t=>e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.titleRegular.fontWeight};
-	font-size: ${t=>o(e.FONTS.titleRegular.fontSize)};
-	line-height: ${t=>o(e.FONTS.titleRegular.lineHeight)};
-`,n.default.div`
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.titleRegular.fontWeight};
+	font-size: ${n(e.FONTS.titleRegular.fontSize)};
+	line-height: ${n(e.FONTS.titleRegular.lineHeight)};
+`,f=o.default.div`
 	font-family: Inter;
-	color: ${t=>e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.titleSmall.fontWeight};
-	font-size: ${t=>o(e.FONTS.titleSmall.fontSize)};
-	line-height: ${t=>o(e.FONTS.titleSmall.lineHeight)};
-`,n.default.div`
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.titleSmall.fontWeight};
+	font-size: ${n(e.FONTS.titleSmall.fontSize)};
+	line-height: ${n(e.FONTS.titleSmall.lineHeight)};
+`,S=o.default.div`
 	font-family: Inter;
-	color: ${t=>e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.display.fontWeight};
-	font-size: ${t=>o(e.FONTS.display.fontSize)};
-	line-height: ${t=>o(e.FONTS.display.lineHeight)};
-`,n.default.div`
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.display.fontWeight};
+	font-size: ${n(e.FONTS.display.fontSize)};
+	line-height: ${n(e.FONTS.display.lineHeight)};
+`,g=o.default.div`
 	font-family: Inter;
-	color: ${t=>e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.bodyPrimary.fontWeight};
-	font-size: ${t=>o(e.FONTS.bodyLarge.fontSize)};
-	line-height: ${t=>o(e.FONTS.bodyLarge.lineHeight)};
-`;const r=n.default.div`
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.bodyPrimary.fontWeight};
+	font-size: ${n(e.FONTS.bodyLarge.fontSize)};
+	line-height: ${n(e.FONTS.bodyLarge.lineHeight)};
+`,O=o.default.div`
 	font-family: Inter;
-	color: ${t=>e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.bodyPrimary.fontWeight};
-	font-size: ${t=>o(e.FONTS.bodyPrimary.fontSize)};
-	line-height: ${t=>o(e.FONTS.bodyPrimary.lineHeight)};
-`,l=n.default.div`
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.bodyPrimary.fontWeight};
+	font-size: ${n(e.FONTS.bodyPrimary.fontSize)};
+	line-height: ${n(e.FONTS.bodyPrimary.lineHeight)};
+`,d=o.default.div`
 	font-family: Inter;
-	color: ${t=>e.COLORS.content.primary};
-	font-weight: ${t=>e.FONTS.bodySecondary.fontWeight};
-	font-size: ${t=>o(e.FONTS.bodySecondary.fontSize)};
-	line-height: ${t=>o(e.FONTS.bodySecondary.lineHeight)};
-`;n.default(r)`
+	color: ${e.COLORS.content.primary};
+	font-weight: ${e.FONTS.bodySecondary.fontWeight};
+	font-size: ${n(e.FONTS.bodySecondary.fontSize)};
+	line-height: ${n(e.FONTS.bodySecondary.lineHeight)};
+`,h=o.default(O)`
 	text-decoration: underline;
-	color: ${t=>e.COLORS.content.brand};
-	text-decoration-color: ${t=>e.COLORS.content.brand};
+	color: ${e.COLORS.content.brand};
+	text-decoration-color: ${e.COLORS.content.brand};
 	cursor: pointer;
-`,n.default(l)`
+`,y=o.default(d)`
 	text-decoration: underline;
-	color: ${t=>e.COLORS.content.brand};
-	text-decoration-color: ${t=>e.COLORS.content.brand};
+	color: ${e.COLORS.content.brand};
+	text-decoration-color: ${e.COLORS.content.brand};
 	cursor: pointer;
-`;const f=n.default.div`
+`,$=o.default.div`
 	font-family: Inter;
-	color: ${t=>e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.caption.fontWeight};
-	font-size: ${t=>o(e.FONTS.caption.fontSize)};
-	line-height: ${t=>o(e.FONTS.caption.lineHeight)};
-`;n.default.div`
-	color: ${t=>e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.tiny.fontWeight};
-	font-size: ${t=>o(e.FONTS.tiny.fontSize)};
-	line-height: ${t=>o(e.FONTS.tiny.lineHeight)};
-`,n.default.div`
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.caption.fontWeight};
+	font-size: ${n(e.FONTS.caption.fontSize)};
+	line-height: ${n(e.FONTS.caption.lineHeight)};
+`,c=o.default.div`
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.tiny.fontWeight};
+	font-size: ${n(e.FONTS.tiny.fontSize)};
+	line-height: ${n(e.FONTS.tiny.lineHeight)};
+`,u=o.default.div`
 	font-family: Inter;
-	color: ${t=>e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.buttonLarge.fontWeight};
-	font-size: ${t=>o(e.FONTS.buttonLarge.fontSize)};
-	line-height: ${t=>o(e.FONTS.buttonLarge.lineHeight)};
-`;const a=n.default.div`
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.buttonLarge.fontWeight};
+	font-size: ${n(e.FONTS.buttonLarge.fontSize)};
+	line-height: ${n(e.FONTS.buttonLarge.lineHeight)};
+`,p=o.default.div`
 	font-family: Inter;
-	color: ${t=>e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.buttonRegular.fontWeight};
-	font-size: ${t=>o(e.FONTS.buttonRegular.fontSize)};
-	line-height: ${t=>o(e.FONTS.buttonRegular.lineHeight)};
-`;n.default.div`
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.buttonRegular.fontWeight};
+	font-size: ${n(e.FONTS.buttonRegular.fontSize)};
+	line-height: ${n(e.FONTS.buttonRegular.lineHeight)};
+`,s=o.default.div`
 	font-family: Inter;
-	color: ${t=>e.COLORS.text.primary};
-	font-weight: ${t=>e.FONTS.subHeading.fontWeight};
-	font-size: ${t=>o(e.FONTS.subHeading.fontSize)};
-	line-height: ${t=>o(e.FONTS.subHeading.lineHeight)};
-`,exports.BodyCaption=f,exports.BodyPrimary=r,exports.BodySecondary=l,exports.ButtonRegular=a;
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.subHeading.fontWeight};
+	font-size: ${n(e.FONTS.subHeading.fontSize)};
+	line-height: ${n(e.FONTS.subHeading.lineHeight)};
+`,T=o.default.div`
+	font-family: Inter;
+	color: ${t=>t.color||e.COLORS.text.primary};
+	font-weight: ${e.FONTS.bodyRegular.fontWeight};
+	font-size: ${n(e.FONTS.bodyRegular.fontSize)};
+	line-height: ${n(e.FONTS.bodyRegular.lineHeight)};
+`,m=o.default.div`
+	font-family: Inter;
+	color: ${e.COLORS.text.primary};
+	font-weight: ${e.FONTS.caption.fontWeight};
+	font-size: ${n(e.FONTS.caption.fontSize)};
+	line-height: ${n(e.FONTS.caption.lineHeight)};
+`;exports.BodyCaption=$,exports.BodyLarge=g,exports.BodyPrimary=O,exports.BodyPrimaryLink=h,exports.BodyRegular=T,exports.BodySecondary=d,exports.BodySecondaryLink=y,exports.BodyTiny=c,exports.ButtonLarge=u,exports.ButtonRegular=p,exports.Caption=m,exports.Display=S,exports.SubHeading=s,exports.TitleLarge=r,exports.TitleMedium=l,exports.TitleRegular=a,exports.TitleSmall=f;

package/dist/cjs/components/analytics-card/AnalyticsCard.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type ModeType = 'light' | 'dark';
+export declare const AnalyticsCard: React.FC<{
+    cardInfo: {
+        [category: string]: string;
+    };
+    width?: string;
+    mode?: ModeType;
+}>;

package/dist/cjs/components/analytics-card/AnalyticsCard.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),s=require("../TypographyStyle.js"),r=require("./AnalyticsCard.styled.js");exports.AnalyticsCard=a=>{const{cardInfo:n,width:c,mode:i}=a;return e.jsx(r.AnalyticsContainer,Object.assign({width:c,mode:i,count:Object.keys(n).length},{children:Object.keys(n).map((c=>{const i=n[c],o=c;return e.jsxs(r.CardDataContainer,Object.assign({className:"analytics__card",count:Object.keys(n).length},{children:[e.jsx(s.TitleSmall,Object.assign({className:"statistic",color:"light"==a.mode?t.BASE_COLORS.brand[900]:t.BASE_COLORS.grayscale.white},{children:i})),e.jsx(s.BodyCaption,Object.assign({className:"category",color:"light"==a.mode?t.BASE_COLORS.brand[900]:t.COLORS.content.secondaryInverse},{children:o}))]}),o)}))}))};

package/dist/cjs/components/analytics-card/AnalyticsCard.styled.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ModeType } from './AnalyticsCard';
+export declare const AnalyticsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    width: string;
+    mode?: ModeType | undefined;
+    count?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardDataContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    count: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/analytics-card/AnalyticsCard.styled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var g=require("@emotion/styled/base"),I=require("../../constants/Theme.js");function c(g){return g&&"object"==typeof g&&"default"in g?g:{default:g}}var A=c(g);const C=A.default("div","production"===process.env.NODE_ENV?{target:"ednv6o21"}:{target:"ednv6o21",label:"AnalyticsContainer"})("display:flex;flex-wrap:wrap;row-gap:16px;align-items:center;justify-content:space-evenly;",(g=>g.width?`width: ${g.width}`:"width: 280px"),";background:",(g=>"light"==g.mode?I.BASE_COLORS.grayscale[100]:I.BASE_COLORS.brand[900]),";padding:26px 12px 16px 12px;border-radius:0 0 8px 8px;.analytics__card:nth-child(n + 4){",(g=>5==g.count?"flex-basis: 48%":6==g.count||7==g.count?"flex-basis: 31%":8==g.count?"flex-basis: 23%":""),";}.analytics__card:nth-child(4){",(g=>7==g.count?"flex-basis: 23% !important":""),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNkMiLCJmaWxlIjoiQW5hbHl0aWNzQ2FyZC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5cdHJvdy1nYXA6IDE2cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtZXZlbmx5O1xuXG5cdCR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBgd2lkdGg6ICR7cHJvcHMud2lkdGh9YCA6ICd3aWR0aDogMjgwcHgnKX07XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5tb2RlID09ICdsaWdodCdcclxuICAgID8gQkFTRV9DT0xPUlMuZ3JheXNjYWxlWycxMDAnXVxyXG4gICAgOiBCQVNFX0NPTE9SUy5icmFuZFsnOTAwJ119O1xuXHRwYWRkaW5nOiAyNnB4IDEycHggMTZweCAxMnB4O1xuXHRib3JkZXItcmFkaXVzOiAwIDAgOHB4IDhweDtcblxuXHQuYW5hbHl0aWNzX19jYXJkOm50aC1jaGlsZChuICsgNCkge1xuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5jb3VudCA9PSA1XHJcbiAgICA/ICdmbGV4LWJhc2lzOiA0OCUnXHJcbiAgICA6IHByb3BzLmNvdW50ID09IDYgfHwgcHJvcHMuY291bnQgPT0gN1xyXG4gICAgICAgID8gJ2ZsZXgtYmFzaXM6IDMxJSdcclxuICAgICAgICA6IHByb3BzLmNvdW50ID09IDhcclxuICAgICAgICAgICAgPyAnZmxleC1iYXNpczogMjMlJ1xyXG4gICAgICAgICAgICA6ICcnfTtcblx0fVxuXG5cdC5hbmFseXRpY3NfX2NhcmQ6bnRoLWNoaWxkKDQpIHtcblx0XHQkeyhwcm9wcykgPT4gKHByb3BzLmNvdW50ID09IDcgPyAnZmxleC1iYXNpczogMjMlICFpbXBvcnRhbnQnIDogJycpfVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgQ2FyZERhdGFDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHJvdy1nYXA6IDRweDtcblxuXHRmbGV4LWdyb3c6IDE7XG5cdGZsZXgtc2hyaW5rOiAwO1xuXHRmbGV4LWJhc2lzOiAkeyhwcm9wcykgPT4gcHJvcHMuY291bnQgPT0gMlxyXG4gICAgPyAnNDglJ1xyXG4gICAgOiBwcm9wcy5jb3VudCA9PSAzXHJcbiAgICAgICAgPyAnMzElJ1xyXG4gICAgICAgIDogcHJvcHMuY291bnQgPT0gNFxyXG4gICAgICAgICAgICA/ICcyMyUnXHJcbiAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gNVxyXG4gICAgICAgICAgICAgICAgPyAnMzElJ1xyXG4gICAgICAgICAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA2XHJcbiAgICAgICAgICAgICAgICAgICAgPyAnMzElJ1xyXG4gICAgICAgICAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gN1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA/ICcyMyUnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gOFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyAnMjMlJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiAnYXV0byd9O1xuXG5cdC5jYXRlZ29yeSxcblx0LnN0YXRpc3RpYyB7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0XHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5hbHl0aWNzQ2FyZC5zdHlsZWQuanMubWFwIl19 */")),l=A.default("div","production"===process.env.NODE_ENV?{target:"ednv6o20"}:{target:"ednv6o20",label:"CardDataContainer"})("display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:4px;flex-grow:1;flex-shrink:0;flex-basis:",(g=>2==g.count?"48%":3==g.count?"31%":4==g.count?"23%":5==g.count||6==g.count?"31%":7==g.count||8==g.count?"23%":"auto"),";.category,.statistic{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QjRDIiwiZmlsZSI6IkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQkFTRV9DT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC13cmFwOiB3cmFwO1xuXHRyb3ctZ2FwOiAxNnB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWV2ZW5seTtcblxuXHQkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gYHdpZHRoOiAke3Byb3BzLndpZHRofWAgOiAnd2lkdGg6IDI4MHB4Jyl9O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMubW9kZSA9PSAnbGlnaHQnXHJcbiAgICA/IEJBU0VfQ09MT1JTLmdyYXlzY2FsZVsnMTAwJ11cclxuICAgIDogQkFTRV9DT0xPUlMuYnJhbmRbJzkwMCddfTtcblx0cGFkZGluZzogMjZweCAxMnB4IDE2cHggMTJweDtcblx0Ym9yZGVyLXJhZGl1czogMCAwIDhweCA4cHg7XG5cblx0LmFuYWx5dGljc19fY2FyZDpudGgtY2hpbGQobiArIDQpIHtcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuY291bnQgPT0gNVxyXG4gICAgPyAnZmxleC1iYXNpczogNDglJ1xyXG4gICAgOiBwcm9wcy5jb3VudCA9PSA2IHx8IHByb3BzLmNvdW50ID09IDdcclxuICAgICAgICA/ICdmbGV4LWJhc2lzOiAzMSUnXHJcbiAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA4XHJcbiAgICAgICAgICAgID8gJ2ZsZXgtYmFzaXM6IDIzJSdcclxuICAgICAgICAgICAgOiAnJ307XG5cdH1cblxuXHQuYW5hbHl0aWNzX19jYXJkOm50aC1jaGlsZCg0KSB7XG5cdFx0JHsocHJvcHMpID0+IChwcm9wcy5jb3VudCA9PSA3ID8gJ2ZsZXgtYmFzaXM6IDIzJSAhaW1wb3J0YW50JyA6ICcnKX1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IENhcmREYXRhQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRyb3ctZ2FwOiA0cHg7XG5cblx0ZmxleC1ncm93OiAxO1xuXHRmbGV4LXNocmluazogMDtcblx0ZmxleC1iYXNpczogJHsocHJvcHMpID0+IHByb3BzLmNvdW50ID09IDJcclxuICAgID8gJzQ4JSdcclxuICAgIDogcHJvcHMuY291bnQgPT0gM1xyXG4gICAgICAgID8gJzMxJSdcclxuICAgICAgICA6IHByb3BzLmNvdW50ID09IDRcclxuICAgICAgICAgICAgPyAnMjMlJ1xyXG4gICAgICAgICAgICA6IHByb3BzLmNvdW50ID09IDVcclxuICAgICAgICAgICAgICAgID8gJzMxJSdcclxuICAgICAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gNlxyXG4gICAgICAgICAgICAgICAgICAgID8gJzMxJSdcclxuICAgICAgICAgICAgICAgICAgICA6IHByb3BzLmNvdW50ID09IDdcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyAnMjMlJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA6IHByb3BzLmNvdW50ID09IDhcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gJzIzJSdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogJ2F1dG8nfTtcblxuXHQuY2F0ZWdvcnksXG5cdC5zdGF0aXN0aWMge1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc0NhcmQuc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.AnalyticsContainer=C,exports.CardDataContainer=l;

package/dist/cjs/components/analytics-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AnalyticsCard';
+export * from './AnalyticsCard.styled';

package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface AnalyticsChipInterface {
+    title: string;
+    primaryValue: string;
+    backgroundColor?: string;
+    captionColor?: string;
+    titleColor?: string;
+    width?: string;
+    extraJSX?: JSX.Element;
+}
+export declare const AnalyticsChip: React.FC<AnalyticsChipInterface>;

package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../constants/Theme.js"),t=require("../TypographyStyle.js"),s=require("./CommonStyles.js");exports.AnalyticsChip=o=>{const{title:i,primaryValue:a,titleColor:l,captionColor:n=r.BASE_COLORS.grayscale[700],backgroundColor:c=r.BASE_COLORS.grayscale[50],width:y="224.67",extraJSX:u}=o;return e.jsxs(s.AnalyticsChipContainer,Object.assign({backgroundColor:c,width:y},{children:[e.jsx(t.BodyCaption,Object.assign({style:{color:n}},{children:i})),e.jsx(t.TitleLarge,Object.assign({style:{color:l}},{children:a})),u]}))};

package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts

@@ -0,0 +1,25 @@
+import 'bootstrap/dist/css/bootstrap.min.css';
+import React from 'react';
+export interface DropdownOptions {
+    label: string;
+    value: string;
+    key: string | number;
+    isCustom?: boolean;
+    dateRangeSelectionOptions?: {
+        selectRange: boolean;
+        selectedDates?: Date[];
+        selectedDate?: Date;
+        minDate?: Date;
+        maxDate?: Date;
+    };
+}
+export interface AnalyticsDropdownInterface {
+    options: DropdownOptions[];
+    selected?: DropdownOptions;
+    placeholder?: string;
+    onOptionSelected: (chosen: DropdownOptions & {
+        selectedDate?: Date;
+        selectedRange?: [Date, Date];
+    }) => void;
+}
+export declare const AnalyticsDropdown: React.FC<AnalyticsDropdownInterface>;

package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("react-bootstrap"),o=require("../../constants/Theme.js"),i=require("../datePicker/DatePicker.js"),s=require("../TypographyStyle.js"),l=require("./CommonStyles.js");exports.AnalyticsDropdown=a=>{let{options:r,placeholder:d="Select an option",selected:c,onOptionSelected:u}=a;var v,g;const[j,p]=t.useState(!1),[y,S]=t.useState(c),[x,O]=t.useState(),[h,m]=t.useState(!1),b=()=>{m(!h)};t.useEffect((()=>{(null==y?void 0:y.isCustom)&&p(!0)}),[y]);const D=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});return e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row"}},{children:e.jsxs(l.MainDropdown,Object.assign({drop:"down",show:h,onToggle:b},{children:[e.jsx(n.Dropdown.Toggle,Object.assign({id:"dropdown-autoclose-outside"},{children:e.jsx(s.BodySecondary,{children:(null==y?void 0:y.isCustom)?x?`${D(x[0])} to ${D(x[1])}`:d:y?null==y?void 0:y.label:d})})),e.jsx(n.Dropdown.Menu,{children:r.map((t=>e.jsxs(l.ItemMenuContainer,Object.assign({onClick:()=>{S(t),b()},isSelected:t.key==(null==y?void 0:y.key)},{children:[e.jsx(s.BodySecondary,Object.assign({color:t.key==(null==y?void 0:y.key)?o.BASE_COLORS.positive[900]:""},{children:t.label})),x&&(null==y?void 0:y.isCustom)&&t.key==(null==y?void 0:y.key)&&e.jsx(s.BodyCaption,{children:`${D(x[0])} to ${D(x[1])}`})]}),t.key)))})]}))})),j&&e.jsx("div",{children:e.jsx(i.DatePicker,{selectRange:(null===(v=null==y?void 0:y.dateRangeSelectionOptions)||void 0===v?void 0:v.selectRange)||!1,maxDate:null===(g=null==y?void 0:y.dateRangeSelectionOptions)||void 0===g?void 0:g.maxDate,onSelectRange:(e,t)=>{var n;(null===(n=null==y?void 0:y.dateRangeSelectionOptions)||void 0===n?void 0:n.selectRange)&&u(Object.assign(Object.assign({},y),{selectedRange:[e,t]})),p(!1);O([e,t])},onSelectDate:e=>{var t;!(null===(t=null==y?void 0:y.dateRangeSelectionOptions)||void 0===t?void 0:t.selectRange)&&u(Object.assign(Object.assign({},y),{selectedDate:e||new Date})),O([e])}})})]})};

package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AnalyticsChipInterface } from './AnalyticsChip';
+export declare const AnalyticsMultiChip: React.FC<{
+    chipDetails: AnalyticsChipInterface[];
+}>;

package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./AnalyticsChip.js"),i=require("./CommonStyles.js");exports.AnalyticsMultiChip=s=>{let{chipDetails:a}=s;return e.jsx(i.AnalyticsMultiWrapper,{children:a.map(((e,i)=>r.createElement(t.AnalyticsChip,Object.assign({},e,{key:i+"_chip"}))))})};

package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+export declare const AnalyticsChipContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    backgroundColor?: string | undefined;
+    width?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AnalyticsMultiWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MainDropdown: import("@emotion/styled").StyledComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    height?: string | undefined;
+}, {}, {}>;
+export declare const ItemMenuContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isSelected?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),b=require("../../constants/Theme.js");require("react/jsx-runtime"),require("react"),require("react-bootstrap"),require("../tooltips/CustomisedTooltip.js");var d=require("../floating-action-button/FloatingActionButton.styles.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var X=l(c);const G=X.default("div","production"===process.env.NODE_ENV?{target:"e12o03l43"}:{target:"e12o03l43",label:"AnalyticsChipContainer"})("display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 16px;gap:8px;background:",(c=>c.backgroundColor),";border-radius:8px;max-width:",(c=>c.width?c.width:224.67),"px;min-width:",(c=>c.width?c.width:224.67),"px;overflow:hidden;text-overflow:ellipsis;white-space:initial;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2lEIiwiZmlsZSI6IkNvbW1vblN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJBU0VfQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdG1heC13aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogMjI0LjY3KX1weDtcblx0bWluLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMjQuNjcpfXB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0d2hpdGUtc3BhY2U6IGluaXRpYWw7XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzTXVsdGlXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAwcHg7XG5cdGdhcDogMTZweDtcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IE1haW5Ecm9wZG93biA9IHN0eWxlZChTdHlsZWREcm9wZG93bikgYFxuXHQuZHJvcGRvd24tdG9nZ2xlOjphZnRlciB7XG5cdFx0ZGlzcGxheTogdW5zZXQgIWltcG9ydGFudDtcblx0fVxuXHQuZHJvcGRvd24tdG9nZ2xlOjpiZWZvcmUge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0LmJ0bi1wcmltYXJ5OmhvdmVyLFxuXHQuYnRuLXByaW1hcnk6YWN0aXZlLFxuXHQuYnRuLXByaW1hcnk6Zm9jdXMsXG5cdC5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUsXG5cdC5zaG93ID4gLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEl0ZW1NZW51Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogNHB4O1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdG1heC13aWR0aDogMjQwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyBCQVNFX0NPTE9SUy5wb3NpdGl2ZVs1MF0gOiAnJ307XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDVweDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogNXB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db21tb25TdHlsZXMuanMubWFwIl19 */")),t=X.default("div","production"===process.env.NODE_ENV?{target:"e12o03l42"}:{target:"e12o03l42",label:"AnalyticsMultiWrapper"})("production"===process.env.NODE_ENV?{name:"74vbls",styles:"display:flex;flex-direction:row;align-items:flex-start;padding:0px;gap:16px;flex-wrap:wrap"}:{name:"74vbls",styles:"display:flex;flex-direction:row;align-items:flex-start;padding:0px;gap:16px;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JnRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgU3R5bGVkRHJvcGRvd24gfSBmcm9tICcuLi9mbG9hdGluZy1hY3Rpb24tYnV0dG9uJztcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NoaXBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmFja2dyb3VuZENvbG9yfTtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRtYXgtd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6IDIyNC42Nyl9cHg7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogMjI0LjY3KX1weDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdHdoaXRlLXNwYWNlOiBpbml0aWFsO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0LmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0LmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5idG4tcHJpbWFyeTpob3Zlcixcblx0LmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0LmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQuYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQuc2hvdyA+IC5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRwYWRkaW5nOiA2cHggOHB4O1xuXHRcdGdhcDogOHB4O1xuXHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRtYXgtd2lkdGg6IDI0MHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gQkFTRV9DT0xPUlMucG9zaXRpdmVbNTBdIDogJyd9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA1cHg7XG5cdFx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDVweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q29tbW9uU3R5bGVzLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),x=X.default(d.StyledDropdown,"production"===process.env.NODE_ENV?{target:"e12o03l41"}:{target:"e12o03l41",label:"MainDropdown"})(".dropdown-toggle::after{display:unset!important;}.dropdown-toggle::before{display:unset!important;}.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary.dropdown-toggle,.show>.btn-primary.dropdown-toggle{border:1px solid ",b.BASE_COLORS.grayscale[200],";border-radius:4px;display:flex;flex-direction:row;align-items:center;padding:6px 8px;gap:8px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJtRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgU3R5bGVkRHJvcGRvd24gfSBmcm9tICcuLi9mbG9hdGluZy1hY3Rpb24tYnV0dG9uJztcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NoaXBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmFja2dyb3VuZENvbG9yfTtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRtYXgtd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6IDIyNC42Nyl9cHg7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogMjI0LjY3KX1weDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdHdoaXRlLXNwYWNlOiBpbml0aWFsO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0LmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0LmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5idG4tcHJpbWFyeTpob3Zlcixcblx0LmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0LmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQuYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQuc2hvdyA+IC5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRwYWRkaW5nOiA2cHggOHB4O1xuXHRcdGdhcDogOHB4O1xuXHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRtYXgtd2lkdGg6IDI0MHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gQkFTRV9DT0xPUlMucG9zaXRpdmVbNTBdIDogJyd9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA1cHg7XG5cdFx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDVweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q29tbW9uU3R5bGVzLmpzLm1hcCJdfQ== */")),H=X.default("div","production"===process.env.NODE_ENV?{target:"e12o03l40"}:{target:"e12o03l40",label:"ItemMenuContainer"})("display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;gap:4px;border-bottom:1px solid ",b.BASE_COLORS.grayscale[200],";max-width:240px;cursor:pointer;background-color:",(c=>c.isSelected?b.BASE_COLORS.positive[50]:""),";&:hover{background-color:",b.BASE_COLORS.grayscale[200],";border-top-left-radius:5px;border-top-right-radius:5px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0Q0QyIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgU3R5bGVkRHJvcGRvd24gfSBmcm9tICcuLi9mbG9hdGluZy1hY3Rpb24tYnV0dG9uJztcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NoaXBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmFja2dyb3VuZENvbG9yfTtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRtYXgtd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6IDIyNC42Nyl9cHg7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogMjI0LjY3KX1weDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdHdoaXRlLXNwYWNlOiBpbml0aWFsO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0LmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0LmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5idG4tcHJpbWFyeTpob3Zlcixcblx0LmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0LmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQuYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQuc2hvdyA+IC5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRwYWRkaW5nOiA2cHggOHB4O1xuXHRcdGdhcDogOHB4O1xuXHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBJdGVtTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDRweDtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7QkFTRV9DT0xPUlMuZ3JheXNjYWxlWzIwMF19O1xuXHRtYXgtd2lkdGg6IDI0MHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gQkFTRV9DT0xPUlMucG9zaXRpdmVbNTBdIDogJyd9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA1cHg7XG5cdFx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDVweDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q29tbW9uU3R5bGVzLmpzLm1hcCJdfQ== */"));exports.AnalyticsChipContainer=G,exports.AnalyticsMultiWrapper=t,exports.ItemMenuContainer=H,exports.MainDropdown=x;

package/dist/cjs/components/analytics-chips-and-dropdowns/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AnalyticsChip';
+export * from './AnalyticsDropdown';
+export * from './AnalyticsMultiChip';

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { AVATAR_BACKGROUND, SIZE, AVATAR_TYPES } from "./AvatarHelper";
+export declare const AVATAR_SIZE_VS_ICON_SIZE_MAP: {
+    SMALL: number;
+    MEDIUM: number;
+    LARGE: number;
+};
+export declare const BACKGROUND_VS_TEXT_COLOR_MAP: {
+    LIGHT: string;
+    DARK: string;
+};
+export type AvatarProps = {
+    type: AVATAR_TYPES;
+    size: SIZE;
+    background: AVATAR_BACKGROUND;
+    name?: string;
+    photoUrl?: string;
+    icon?: React.FC<{
+        width: number;
+        height: number;
+        color: string;
+    }>;
+};
+export declare const Avatar: React.FC<AvatarProps>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("./Avatar.styled.js"),r=require("../TypographyStyle.js"),t=require("../../constants/Theme.js"),i=require("./AvatarHelper.js");const A={[i.SIZE.SMALL]:16,[i.SIZE.MEDIUM]:20,[i.SIZE.LARGE]:32},o={[i.AVATAR_BACKGROUND.LIGHT]:t.COLORS.content.secondary,[i.AVATAR_BACKGROUND.DARK]:t.COLORS.surface.standard};exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=A,exports.Avatar=t=>e.jsxs(s.AvatarStyle,Object.assign({size:t.size,background:t.background},{children:[t.type===i.AVATAR_TYPES.IMAGE&&e.jsx("img",{width:i.AVATAR_SIZE_MAP[t.size],height:i.AVATAR_SIZE_MAP[t.size],style:{borderRadius:"50%"},src:t.photoUrl}),t.type===i.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:(()=>{const s=(t.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return t.size===i.SIZE.SMALL?e.jsx(r.BodyTiny,Object.assign({style:{color:o[t.background]}},{children:s})):t.size===i.SIZE.MEDIUM?e.jsx(r.TitleSmall,Object.assign({style:{color:o[t.background]}},{children:s})):t.size===i.SIZE.LARGE?e.jsx(r.TitleMedium,Object.assign({style:{color:o[t.background]}},{children:s})):void 0})()}),t.type===i.AVATAR_TYPES.ICON&&t.icon&&e.jsx(t.icon,{width:A[t.size],height:A[t.size],color:o[t.background]})]})),exports.BACKGROUND_VS_TEXT_COLOR_MAP=o;

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

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

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

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

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

@@ -0,0 +1,19 @@
+export declare enum AVATAR_TYPES {
+    IMAGE = "IMAGE",
+    INITIALS = "INITIALS",
+    ICON = "ICON"
+}
+export declare enum SIZE {
+    SMALL = "SMALL",
+    MEDIUM = "MEDIUM",
+    LARGE = "LARGE"
+}
+export declare enum AVATAR_BACKGROUND {
+    LIGHT = "LIGHT",
+    DARK = "DARK"
+}
+export declare const AVATAR_SIZE_MAP: {
+    SMALL: number;
+    MEDIUM: number;
+    LARGE: number;
+};

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

@@ -0,0 +1 @@
+"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

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

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

@@ -1,20 +1,3 @@
-/// <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;
-    icon?: any;
-    IconRef?: any;
-}
-export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+import React from 'react';
+import { ButtonProps } from './model';
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +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)})),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

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

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

@@ -0,0 +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% - 9px);\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/IGdlbmVyYXRlSW52ZXJzZUhvdmVyQmFja2dyb3VuZChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5kaXNhYmxlZClcclxuICAgICAgICA6ICcnfVxuXHRcdH1gXHJcbiAgICA6IGBcblx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRwYWRkaW5nOiAwO1xuXHRcdCR7Z2V0TG9hZGluZ0JvcmRlcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1cblxuXHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdC50ZXh0IHtcblx0XHRcdFx0b3BhY2l0eTogMDtcblx0XHRcdH1cblx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHQub3ZlcmxheS1jb250YWluZXIge1xuXHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRwYWRkaW5nOiAwO1xuXHRcdFx0XHRwYWRkaW5nLXRvcDogMXB4O1xuXHRcdFx0XHR0b3A6IDA7XG5cdFx0XHRcdGxlZnQ6IDA7XG5cdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRoZWlnaHQ6IDEwMCU7XG5cdFx0XHRcdCR7Z2V0TG9hZGluZ0JhY2tncm91bmQocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHRcdC5zcGlubmVyIHtcblx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0dG9wOiBjYWxjKDUwJSAtIDlweCk7XG5cdFx0XHRcdFx0bGVmdDogY2FsYyg1MCUgLSA3cHgpO1xuXHRcdFx0XHR9XG5cblx0XHRcdH1cblx0XHR9YH1cblxuXHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOC4zM3B4O1xuXHRcdCR7KHByb3BzKSA9PiAocHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/ICdtYXJnaW46IGF1dG87JyA6ICcnKX1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbkN1c3RvbURhc2hlZEJvcmRlciA9ICgpID0+IHtcclxuICAgIHJldHVybiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLXRvcFwiIH0pLCBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtbGVmdFwiIH0pLCBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtYm90dG9tXCIgfSksIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS1yaWdodFwiIH0pXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUJ1dHRvbi5zdHlsZWQuanMubWFwIl19 */"));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

@@ -0,0 +1,62 @@
+/// <reference types="react" />
+export type Size = 'chip' | 'small' | 'medium' | 'large';
+export type Type = 'primary' | 'secondary' | 'tertiary' | 'tertiaryGray' | 'destructive' | 'dashBold' | 'dashRegular';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Font fize of the text
+     * @default default 'small'
+     */
+    size?: Size;
+    /**
+     * Text to render inside the button
+     * @default ''
+     */
+    buttonText: string;
+    /**
+     * Whether the button is pressable or not
+     * @default true
+     */
+    disabled?: boolean;
+    /**
+     * Type of the button
+     * @default 'primary'
+     */
+    buttonType?: Type;
+    /**
+     * The icon component that needs to be render, if text also exists, this would be Trailing component
+     * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
+     * @default undefined
+     */
+    IconComponent?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    /**
+     * The icon component that is to the right of the buttonText
+     * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
+     * @default undefined
+     */
+    LeadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    /**
+     * 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
+     * @default undefined
+     */
+    TrailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    /**
+     * the button container styling that needs to be override the default one
+     * @default null
+     */
+    style?: React.CSSProperties;
+    /**
+     * Indicates if button is loading and a loading indicator should be shown.
+     * When the button is loading the width of the button should not change.
+     */
+    isLoading?: boolean;
+    /**
+     * Indicates if the styling of the button should be inverse
+     */
+    inverse?: boolean;
+    /**
+     * Will take the width of the parent.
+     * @default false
+     */
+    matchParentWidth?: boolean;
+}

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

@@ -1,2 +1,18 @@
-import type { Color, Variant } from './Button';
-export declare function getTheme(color: Color, variant: Variant): import("@emotion/utils").SerializedStyles;
+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, {}, 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;