@bikdotai/bik-component-library 0.0.11-beta.12993 → 0.0.12

package/dist/cjs/components/radioButton/RadioButton.styled.js

@@ -1,22 +1,20 @@
-"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 s=i(e);const o=s.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: pointer;
-`,r=s.default.div`
-	width: ${e=>"SMALL"===e.size?16:20}px;
-	height: ${e=>"SMALL"===e.size?16:20}px;
+`,r=o.default.div`
+	width: 20px;
+	height: 20px;
 	border-radius: 50%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	${i=>i.hovered&&e.css`
-			outline: ${"SMALL"===i.size?1.5:3}px solid
-				${t.COLORS.surface.hovered};
+			outline: 3px solid ${t.COLORS.surface.hovered};
 		`}
 	${i=>i.clicked&&!i.isDisabled&&e.css`
-			outline: ${"SMALL"===i.size?1.5:3}px solid
+			outline: 3px solid
 				${i.checked?t.COLORS.stroke.positive.lightAlt:t.COLORS.surface.hovered};
 			outline-offset: 2px;
 		`}
-`;exports.RadioButtonContainer=o,exports.RadioButtonIcon=r;
+`;exports.RadioButtonContainer=s,exports.RadioButtonIcon=r;

package/dist/cjs/components/spinner/Spinner.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { SpinnerProps } from './model';
 export declare const Spinner: {
-    ({ size, color, className }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, color, className }: SpinnerProps): JSX.Element;
     displayName: string;
 };

package/dist/cjs/components/spinner/Spinner.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-lottie"),r=require("../../constants/Theme.js"),s=require("./lotties/black.json.js"),i=require("./lotties/brand.json.js"),n=require("./lotties/red.json.js"),o=require("./lotties/white.json.js"),a=require("./themes.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(t);const u={[r.COLORS.stroke.brand]:i,[r.COLORS.content.primary]:s,[r.COLORS.content.primaryInverse]:o,[r.COLORS.content.negative]:n},d=t=>{let{size:s,color:i,className:n}=t;const o={loop:!0,autoplay:!0,animationData:u[null!=i?i:r.COLORS.stroke.brand],rendererSettings:{preserveAspectRatio:"xMidYMid slice"}};return e.jsx("div",Object.assign({className:`spinner-container ${n}`},{children:e.jsx(c.default,{options:o,width:a.SizeMap[s],isStopped:!1,isPaused:!1})}))};d.displayName="Spinner",exports.Spinner=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-lottie"),r=require("../../constants/Theme.js"),s=require("./lotties/black.json.js"),i=require("./lotties/brand.json.js"),n=require("./lotties/red.json.js"),o=require("./lotties/white.json.js"),a=require("./themes.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(t);const u={[r.COLORS.stroke.brand]:i,[r.COLORS.content.primary]:s,[r.COLORS.content.primaryInverse]:o,[r.COLORS.content.negative]:n},p=t=>{let{size:s,color:i,className:n}=t;const o={loop:!0,autoplay:!0,animationData:u[null!=i?i:r.COLORS.stroke.brand],rendererSettings:{preserveAspectRatio:"xMidYMid slice"}};return e.jsx("div",Object.assign({className:`spinner-container ${n}`},{children:e.jsx(c.default,{options:o,height:a.SizeMap[s],width:a.SizeMap[s],isStopped:!1,isPaused:!1})}))};p.displayName="Spinner",exports.Spinner=p;

package/dist/cjs/components/stepper/Stepper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type StepperStates = 'default' | 'completed' | 'error' | 'active' | 'inactive';
 export interface StepperProps {
     steps: EachStep[];
@@ -17,6 +18,5 @@ export interface SingleStepperProps {
     eachStep: EachStep;
     isActive: boolean;
     onClickingStep: (step: EachStep) => void;
-    stepsCount: number;
 }
-export declare const Stepper: (stepperDetails: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Stepper: (stepperDetails: StepperProps) => JSX.Element;

package/dist/cjs/components/stepper/Stepper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),s=require("../../assets/icons/check.svg.js"),i=require("../../assets/icons/errorInfo.svg.js"),r=require("../TypographyStyle.js"),n=require("./Stepper.styled.js");const c=c=>{const{eachStep:a,isLastElement:o,index:l,isActive:d,onClickingStep:p}=c,{stepName:h,isCompleted:j,isError:u,isInActive:g}=a,v=()=>d?"active":j?"completed":u?"error":g?"inactive":"default";return e.jsxs(n.SingleStepperChildContainer,Object.assign({stepsCount:c.stepsCount,onClick:()=>{!g&&p(a)},selectedState:v()},{children:[e.jsxs("div",Object.assign({className:`hover-container ${g?"blocked":"pointer"} `},{children:[e.jsx("div",Object.assign({className:"badge"},{children:"completed"==v()?e.jsx(s.default,{height:16,width:16,color:t.COLORS.content.positive}):"error"==v()?e.jsx(i.default,{height:16,width:16}):e.jsx(r.BodySecondary,Object.assign({className:"badge-text"},{children:l+1}))})),e.jsx(r.BodyPrimary,Object.assign({className:"step-text",title:h},{children:h}))]})),e.jsx("div",{className:o?"":"horizontal-divider"})]}))};exports.Stepper=t=>{const{steps:s,activeStep:i,onClickingEachStep:r}=t;return e.jsx(n.StepperContainer,{children:s.map(((t,n)=>e.jsx(c,{stepsCount:s.length,eachStep:t,onClickingStep:e=>{r(e)},isActive:(null==i?void 0:i.stepKey)==(null==t?void 0:t.stepKey),isLastElement:n==s.length-1,index:n},n)))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),s=require("../../assets/icons/check.svg.js"),i=require("../../assets/icons/errorInfo.svg.js"),r=require("../TypographyStyle.js"),n=require("./Stepper.styled.js");const c=c=>{const{eachStep:a,isLastElement:o,index:l,isActive:d,onClickingStep:p}=c,{stepName:h,isCompleted:j,isError:v,isInActive:g}=a,u=()=>d?"active":j?"completed":v?"error":g?"inactive":"default";return e.jsxs(n.SingleStepperChildContainer,Object.assign({onClick:()=>{!g&&p(a)},selectedState:u()},{children:[e.jsxs("div",Object.assign({className:`hover-container ${g?"blocked":"pointer"} `},{children:[e.jsx("div",Object.assign({className:"badge"},{children:"completed"==u()?e.jsx(s.default,{height:16,width:16,color:t.COLORS.content.positive}):"error"==u()?e.jsx(i.default,{height:16,width:16}):e.jsx(r.BodySecondary,Object.assign({className:"badge-text"},{children:l+1}))})),e.jsx(r.BodyPrimary,Object.assign({className:"step-text",title:h},{children:h}))]})),e.jsx("div",{className:o?"":"horizontal-divider"})]}))};exports.Stepper=t=>{const{steps:s,activeStep:i,onClickingEachStep:r}=t;return e.jsx(n.StepperContainer,{children:s.map(((t,n)=>e.jsx(c,{eachStep:t,onClickingStep:e=>{r(e)},isActive:(null==i?void 0:i.stepKey)==(null==t?void 0:t.stepKey),isLastElement:n==s.length-1,index:n},n)))})};

package/dist/cjs/components/stepper/Stepper.styled.d.ts

@@ -2,6 +2,5 @@ import { StepperStates } from './Stepper';
 export declare const StepperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SingleStepperChildContainer: import("styled-components").StyledComponent<"div", any, {
     selectedState: StepperStates;
-    stepsCount: number;
 }, never>;
 export declare const WorkingStepperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/stepper/Stepper.styled.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./themes.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);const i=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./themes.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(e);const o=n.default.div`
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
 	align-items: center;
 	gap: 16px;
-`,r=o.default.div`
+`,r=n.default.div`
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
@@ -55,7 +55,7 @@
 		white-space: nowrap;
 		overflow: hidden;
 		text-overflow: ellipsis;
-		max-width: ${e=>e.stepsCount>2?200:250}px;
+		max-width: 200px;
 	}
 	.horizontal-divider {
 		width: 48px;
@@ -63,7 +63,7 @@
 		background: ${e=>t.getTheme(e.selectedState).dividerBackground};
 		margin-left: 8px;
 	}
-`;o.default.div`
+`;n.default.div`
 	.top-bar {
 		position: sticky;
 		top: 0px;
@@ -80,4 +80,4 @@
 		align-items: center;
 		overflow-y: auto;
 	}
-`,exports.SingleStepperChildContainer=r,exports.StepperContainer=i;
+`,exports.SingleStepperChildContainer=r,exports.StepperContainer=o;

package/dist/cjs/components/stepper/WorkingStepper.d.ts

@@ -1,4 +1,4 @@
-export declare const WorkingStepper: () => import("react/jsx-runtime").JSX.Element;
+export declare const WorkingStepper: () => JSX.Element;
 export declare enum STEPENUM {
     STEP1 = "STEP1",
     STEP2 = "STEP2",

package/dist/cjs/components/switch/Switch.d.ts

@@ -1,10 +1,8 @@
 /// <reference types="react" />
 import { SwitchColorProps, SwitchProps } from './Switch.d';
-export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const SwitchContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>>;
+export default _default;
+export declare const SwitchContainer: import("styled-components").StyledComponent<"div", any, {
     trackLength: number;
     trackHeight: number;
     trackColor: SwitchColorProps;
@@ -13,19 +11,13 @@ export declare const SwitchContainer: import("@emotion/styled").StyledComponent<
     duration: number;
     disabled?: boolean | undefined;
     outlineColor: SwitchColorProps;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Thumb: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
+}, never>;
+export declare const Thumb: import("styled-components").StyledComponent<"div", any, {
     value: boolean;
     duration: number;
     thumbColor: SwitchColorProps;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Loader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
+}, never>;
+export declare const Loader: import("styled-components").StyledComponent<"div", any, {
     value: boolean;
     trackColor: SwitchColorProps;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, never>;

package/dist/cjs/components/tag/Tag.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { TagProps } from './model';
 export declare const Tag: {
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, }: TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, theme, type, variant, }: TagProps): JSX.Element;
     displayName: string;
 };

package/dist/cjs/components/tag/Tag.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../assets/icons/bik_ai_stars_icon.svg.js"),a=require("react"),r=require("../TypographyStyle.js"),n=require("./model.js"),t=require("./Tag.styled.js"),s=require("./themes.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(a);const o=a=>{let{tagText:c,LeadingIcon:o,TrailingIcon:d,onLeadingIconClicked:g,leadingIconId:u,trailingIconId:j,onTrailingIconClicked:p,theme:b="light",type:y="neutral",variant:h="regular",version:m,cursor:v}=a;var T;let x=c,O=b,f=y;n.ValidTagTypeMap[h][y]||(f="neutral"),"circle"===h&&(O="dark","number"==typeof x&&x>99&&(x="99+"));const I={height:16,width:16,color:s.getTagIconColor(b,f),style:{display:"block"}},k=()=>"ai"!==y||o?o:i.default;return e.jsx(t.Tag,Object.assign({cursor:v,theme:O,type:y,variant:h,version:m},{children:e.jsxs("div",Object.assign({className:"container"},{children:[k()&&e.jsx("button",Object.assign({className:"icon-leading",onClick:g,id:`${u}-wrapper`||"leading-icon-wrapper"},{children:l.default.createElement(null!==(T=k())&&void 0!==T?T:"",Object.assign(Object.assign({},I),{id:u||"leading-icon"}))})),e.jsx(r.BodyCaption,Object.assign({className:"text"},{children:x})),d&&e.jsx("button",Object.assign({className:"icon-trailing",onClick:p,id:`${j}-wrapper`||"trailing-icon-wrapper"},{children:l.default.createElement(d,Object.assign(Object.assign({},I),{id:j||"trailing-icon"}))}))]}))}))};o.displayName="Tag",exports.Tag=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../TypographyStyle.js"),r=require("./model.js"),i=require("./Tag.styled.js"),s=require("./themes.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(t);const c=t=>{let{tagText:n,LeadingIcon:c,TrailingIcon:o,theme:d="light",type:g="neutral",variant:u="regular"}=t,j=n,p=d,y=g;r.ValidTagTypeMap[u][g]||(y="neutral"),"circle"===u&&(p="dark","number"==typeof j&&j>99&&(j="99+"));const h={height:16,width:16,color:s.getTagIconColor(d,y),style:{display:"block"}};return e.jsx(i.Tag,Object.assign({theme:p,type:g,variant:u},{children:e.jsxs("div",Object.assign({className:"container"},{children:[c&&e.jsx("div",Object.assign({className:"icon-trailing"},{children:l.default.createElement(c,h)})),e.jsx(a.BodyCaption,Object.assign({className:"text"},{children:j})),o&&e.jsx("div",Object.assign({className:"icon-leading"},{children:l.default.createElement(o,h)}))]}))}))};c.displayName="Tag",exports.Tag=c;

package/dist/cjs/components/tag/Tag.styled.d.ts

@@ -1,12 +1,6 @@
-/// <reference types="react" />
 import { TagTheme, TagType, TagVariant } from './model';
-export declare const Tag: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
+export declare const Tag: import("styled-components").StyledComponent<"div", any, {
     theme: TagTheme;
     type: TagType;
     variant: TagVariant;
-    version?: "1.0" | "2.0" | undefined;
-    cursor?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, never>;

package/dist/cjs/components/tag/Tag.styled.js

@@ -1 +1,26 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),e=require("./themes.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const t=l(c).default("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:",(c=>{var e;return null!==(e=c.cursor)&&void 0!==e?e:"default"}),";",(c=>"regular"===c.variant?"display: block;\n\t\t     min-height: 26px;\n\t\t":"min-height: 20px;")," .container{display:flex;align-items:center;gap:6px;padding:",(c=>e.getPadding(c.variant)),";background:",(c=>e.getBackgroundColor(c.theme,c.type)),";border-radius:",(c=>"regular"===c.variant?"4px":"12px"),";",(c=>"light"===c.theme&&`border: ${"2.0"===c.version?.5:1}px solid ${e.generateBorder(c.type)};`)," .text{color:",(c=>e.getTextColor(c.theme,c.type)),";}.icon-trailing{all:unset;display:flex;}.icon-leading{all:unset;display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZ2VuZXJhdGVCb3JkZXIsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0UGFkZGluZywgZ2V0VGV4dENvbG9yLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZC5kaXYgYFxuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmN1cnNvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RlZmF1bHQnOyB9fTtcblx0JHsocHJvcHMpID0+IHByb3BzLnZhcmlhbnQgPT09ICdyZWd1bGFyJ1xyXG4gICAgPyBgZGlzcGxheTogYmxvY2s7XG5cdFx0ICAgICBtaW4taGVpZ2h0OiAyNnB4O1xuXHRcdGBcclxuICAgIDogYG1pbi1oZWlnaHQ6IDIwcHg7YH1cblx0LmNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogNnB4O1xuXHRcdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBnZXRQYWRkaW5nKHByb3BzLnZhcmlhbnQpfTtcblxuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBnZXRCYWNrZ3JvdW5kQ29sb3IocHJvcHMudGhlbWUsIHByb3BzLnR5cGUpfTtcblxuXHRcdGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMudmFyaWFudCA9PT0gJ3JlZ3VsYXInID8gJzRweCcgOiAnMTJweCcpfTtcblxuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PT0gJ2xpZ2h0JyAmJlxyXG4gICAgYGJvcmRlcjogJHtwcm9wcy52ZXJzaW9uID09PSAnMi4wJyA/IDAuNSA6IDF9cHggc29saWQgJHtnZW5lcmF0ZUJvcmRlcihwcm9wcy50eXBlKX07YH1cblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0VGV4dENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKX07XG5cdFx0fVxuXG5cdFx0Lmljb24tdHJhaWxpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXG5cdFx0Lmljb24tbGVhZGluZyB7XG5cdFx0XHRhbGw6IHVuc2V0O1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRhZy5zdHlsZWQuanMubWFwIl19 */"));exports.Tag=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./themes.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=t(e).default.div`
+	cursor: default;
+	${e=>"regular"===e.variant?"display: block;":""}
+	${e=>"circle"===e.variant&&"height: 20px;"}
+	.container {
+		display: flex;
+		gap: 6px;
+		padding: ${e=>r.getPadding(e.variant)};
+
+		background-color: ${e=>r.getBackgroundColor(e.theme,e.type)};
+
+		border-radius: ${e=>"regular"===e.variant?"4px":"12px"};
+
+		${e=>"light"===e.theme&&`border: 1px solid ${r.generateBorder(e.type)};`}
+
+		.text {
+			color: ${e=>r.getTextColor(e.theme,e.type)};
+		}
+
+		.icon-trailing {
+		}
+
+		.icon-leading {
+		}
+	}
+`;exports.Tag=a;

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

@@ -1,8 +1,7 @@
-import React from 'react';
-import { MouseEventHandler } from 'react';
+/// <reference types="react" />
 export type TagTheme = 'light' | 'dark';
 export type TagVariant = 'regular' | 'circle';
-export type TagType = 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
+export type TagType = 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey';
 export declare const ValidTagTypeMap: {
     regular: {
         negative: boolean;
@@ -12,7 +11,6 @@ export declare const ValidTagTypeMap: {
         white: boolean;
         purple: boolean;
         blue: boolean;
-        ai: boolean;
     };
     circle: {
         negative: boolean;
@@ -21,10 +19,9 @@ export declare const ValidTagTypeMap: {
         neutral: boolean;
         blue: boolean;
         grey: boolean;
-        ai: boolean;
     };
 };
-export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
+export interface TagProps {
     /**
      * Set the theme of the Tag
      * @default default light
@@ -41,36 +38,16 @@ export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
      */
     variant?: TagVariant;
     /**
-     * The icon component that is the right of the text
+     * The icon component that is the left of the text
      * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
      * @default undefined
      */
     TrailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
     /**
-     * The right icon id,
-     * @default trailing-icon
-     */
-    trailingIconId?: string;
-    /**
-     * The left icon on click event, defaults to () => {}
-     */
-    onTrailingIconClicked?: MouseEventHandler<HTMLButtonElement>;
-    /**
-     * The icon component that is to the left of the text
+     * The icon component that is to the right of the text
      * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
      * @default undefined
      */
     LeadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    /**
-     * The right icon on click event, defaults to () => {}
-     */
-    onLeadingIconClicked?: MouseEventHandler<HTMLButtonElement>;
-    /**
-     * The left icon id,
-     * @default leading-icon
-     */
-    leadingIconId?: string;
     tagText: string | number;
-    version?: '1.0' | '2.0';
-    cursor?: string;
 }

package/dist/cjs/components/tag/model.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.ValidTagTypeMap={regular:{negative:!0,warning:!0,positive:!0,neutral:!0,white:!0,purple:!0,blue:!0,ai:!0},circle:{negative:!0,warning:!0,positive:!0,neutral:!0,blue:!0,grey:!0,ai:!0}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.ValidTagTypeMap={regular:{negative:!0,warning:!0,positive:!0,neutral:!0,white:!0,purple:!0,blue:!0},circle:{negative:!0,warning:!0,positive:!0,neutral:!0,blue:!0,grey:!0}};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../constants/Theme.js");const e={blue:{iconColor:{light:r.COLORS.content.blue,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.blue,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.blue.lightAlt,backgroundColor:{light:r.COLORS.background.blue.light,dark:r.COLORS.content.blue,circle:r.COLORS.content.blue}},purple:{iconColor:{light:r.COLORS.background.inverseLight,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.background.inverseLight,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.brandLightAlt,backgroundColor:{light:r.COLORS.background.brandLight,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverse}},negative:{iconColor:{light:r.COLORS.content.negative,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.negative,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.negative.lightAlt,backgroundColor:{light:r.COLORS.background.negative.light,dark:r.COLORS.background.negative.vibrant,circle:r.COLORS.background.negative.vibrant}},positive:{iconColor:{light:r.COLORS.content.positive,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.positive,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.positive.lightAlt,backgroundColor:{light:r.COLORS.background.positive.light,dark:r.COLORS.background.positive.vibrant,circle:r.COLORS.background.positive.vibrant}},warning:{iconColor:{light:r.COLORS.content.warning,dark:r.COLORS.content.primary},textColor:{light:r.COLORS.content.warning,dark:r.COLORS.content.primary},border:r.COLORS.stroke.warning.lightAlt,backgroundColor:{light:r.COLORS.background.warning.light,dark:r.COLORS.background.warning.vibrant,circle:r.COLORS.background.warning.vibrant}},neutral:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverseLight}},white:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.standard,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverseLight}},grey:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.content.secondary,circle:r.COLORS.content.secondary}},ai:{iconColor:{light:r.COLORS.content.primaryInverse,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.primaryInverse,dark:r.COLORS.content.primaryInverse},border:"none",backgroundColor:{light:r.COLORS.surface.ai,dark:r.COLORS.surface.ai,circle:r.COLORS.surface.ai}}};exports.generateBorder=r=>e[r].border,exports.getBackgroundColor=(r,t)=>e[t].backgroundColor[r],exports.getPadding=r=>"regular"===r?"4px 8px":"2px 6px",exports.getTagIconColor=(r,t)=>e[t].iconColor[r],exports.getTextColor=(r,t)=>e[t].textColor[r];
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../constants/Theme.js");const e={blue:{iconColor:{light:r.COLORS.content.blue,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.blue,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.blue.lightAlt,backgroundColor:{light:r.COLORS.background.blue.light,dark:r.COLORS.content.blue,circle:r.COLORS.content.blue}},purple:{iconColor:{light:r.COLORS.background.inverseLight,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.background.inverseLight,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.brandLightAlt,backgroundColor:{light:r.COLORS.background.brandLight,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverse}},negative:{iconColor:{light:r.COLORS.content.negative,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.negative,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.negative.lightAlt,backgroundColor:{light:r.COLORS.background.negative.light,dark:r.COLORS.background.negative.vibrant,circle:r.COLORS.background.negative.vibrant}},positive:{iconColor:{light:r.COLORS.content.positive,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.positive,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.positive.lightAlt,backgroundColor:{light:r.COLORS.background.positive.light,dark:r.COLORS.background.positive.vibrant,circle:r.COLORS.background.positive.vibrant}},warning:{iconColor:{light:r.COLORS.content.warning,dark:r.COLORS.content.primary},textColor:{light:r.COLORS.content.warning,dark:r.COLORS.content.primary},border:r.COLORS.stroke.warning.lightAlt,backgroundColor:{light:r.COLORS.background.warning.light,dark:r.COLORS.background.warning.vibrant,circle:r.COLORS.background.warning.vibrant}},neutral:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverseLight}},white:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverseLight}},grey:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.content.secondary,circle:r.COLORS.content.secondary}}};exports.generateBorder=r=>e[r].border,exports.getBackgroundColor=(r,t)=>e[t].backgroundColor[r],exports.getPadding=r=>"regular"===r?"4px 8px":"2px 6px",exports.getTagIconColor=(r,t)=>e[t].iconColor[r],exports.getTextColor=(r,t)=>e[t].textColor[r];

package/dist/cjs/components/toaster/Toaster.d.ts

@@ -9,7 +9,7 @@ export type ToasterButtonProps = {
 export type ToasterProps = {
     text: string;
     position?: ToastPosition;
-    type?: 'info' | 'success' | 'error' | 'default' | 'warning';
+    type?: 'info' | 'success' | 'error' | 'default';
     closeOnClick?: boolean;
     hideProgressBar?: boolean;
     autoClose?: number | false | undefined;
@@ -20,7 +20,6 @@ export type ToasterProps = {
     width?: string;
     height?: string;
     hideCloseButton?: boolean;
-    zIndex?: number;
 };
 type Props = ToasterProps;
 export declare const Toaster: FunctionComponent<Props>;

package/dist/cjs/components/toaster/Toaster.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/cross.svg.js"),o=require("react"),n=require("react-dom"),s=require("react-toastify"),i=require("./Toaster.styled.js"),r=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");function u(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=u(n);const d=o=>{const n="default"===o.type?l.COLORS.content.secondary:l.COLORS.content.secondaryInverse;return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",margin:"auto",cursor:"pointer"},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast()}},{children:t.jsx(e.default,{height:20,width:20,color:n})}))},c=e=>{const o="default"===e.type?l.COLORS.stroke.primary:"success"===e.type?l.COLORS.background.positive.vibrant:"error"===e.type?l.COLORS.background.negative.vibrant:"warning"===e.type?l.COLORS.background.warning.vibrant:l.COLORS.background.inverseLight;return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1,borderRight:e.hideCloseButton?"unset":`1px solid ${o}`}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:e.showButton?16:e.hideCloseButton?0:12}},{children:t.jsx(r.BodyPrimary,Object.assign({color:"inherit"},{children:e.toastText}))})),e.showButton&&t.jsx(r.ButtonRegular,Object.assign({style:{marginRight:e.hideCloseButton?0:12,marginTop:"auto",marginBottom:"auto",display:"flex",cursor:"pointer"},onClick:e.onButtonClick,color:"default"===e.type?l.COLORS.content.brand:"inherit"},{children:e.buttonText}))]}))})};exports.Toaster=e=>(o.useEffect((()=>{var o,n,i,r,l,u;void 0!==e.hideLeftIcon||e.leftIcon?s.toast(t.jsx(c,{toastText:e.text,type:e.type||"info",buttonText:null===(o=e.buttonProps)||void 0===o?void 0:o.buttonText,showButton:null===(n=e.buttonProps)||void 0===n?void 0:n.showButton,onButtonClick:null===(i=e.buttonProps)||void 0===i?void 0:i.onButtonClick,hideCloseButton:e.hideCloseButton}),{onClose:e.onCloseToast?e.onCloseToast:()=>({}),icon:t=>!1!==e.hideLeftIcon&&(e.leftIcon?e.leftIcon:null),type:e.type,closeButton:!e.hideCloseButton&&t.jsx(d,{type:e.type||"default"})}):s.toast(t.jsx(c,{toastText:e.text,type:e.type||"info",buttonText:null===(r=e.buttonProps)||void 0===r?void 0:r.buttonText,showButton:null===(l=e.buttonProps)||void 0===l?void 0:l.showButton,onButtonClick:null===(u=e.buttonProps)||void 0===u?void 0:u.onButtonClick,hideCloseButton:e.hideCloseButton}),{onClose:e.onCloseToast?e.onCloseToast:()=>({}),type:e.type,closeButton:!e.hideCloseButton&&t.jsx(d,{type:e.type||"info"})})}),[]),a.default.createPortal(t.jsx(i.ToasterStyled,Object.assign({width:e.width,height:e.height,zIndex:e.zIndex},{children:t.jsx(s.ToastContainer,{position:e.position||"top-right",closeOnClick:e.closeOnClick||!1,hideProgressBar:e.hideProgressBar||!1,draggable:!1,autoClose:e.autoClose||!1,theme:"colored"})})),document.body));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../../assets/icons/cross.svg.js"),e=require("react"),s=require("react-toastify"),n=require("./Toaster.styled.js"),i=require("../TypographyStyle.js"),r=require("../../constants/Theme.js");const l=e=>{const s="default"===e.type?r.COLORS.content.secondary:("success"===e.type||e.type,r.COLORS.content.secondaryInverse);return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",margin:"auto",cursor:"pointer"},onClick:e.closeToast,onKeyDown:t=>{"Enter"===t.key&&e.closeToast()}},{children:t.jsx(o.default,{height:20,width:20,color:s})}))},u=o=>{const e="default"===o.type?r.COLORS.stroke.primary:"success"===o.type?r.COLORS.background.positive.vibrant:"error"===o.type?r.COLORS.background.negative.vibrant:r.COLORS.background.inverseLight;return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1,borderRight:o.hideCloseButton?"unset":`1px solid ${e}`}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:o.showButton?16:o.hideCloseButton?0:12}},{children:t.jsx(i.BodyPrimary,Object.assign({color:"inherit"},{children:o.toastText}))})),o.showButton&&t.jsx(i.ButtonRegular,Object.assign({style:{marginRight:o.hideCloseButton?0:12,marginTop:"auto",marginBottom:"auto",display:"flex",cursor:"pointer"},onClick:o.onButtonClick,color:"default"===o.type?r.COLORS.content.brand:"inherit"},{children:o.buttonText}))]}))})};exports.Toaster=o=>(e.useEffect((()=>{var e,n,i,r,a,c;void 0!==o.hideLeftIcon||o.leftIcon?s.toast(t.jsx(u,{toastText:o.text,type:o.type||"info",buttonText:null===(e=o.buttonProps)||void 0===e?void 0:e.buttonText,showButton:null===(n=o.buttonProps)||void 0===n?void 0:n.showButton,onButtonClick:null===(i=o.buttonProps)||void 0===i?void 0:i.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),icon:t=>!1!==o.hideLeftIcon&&(o.leftIcon?o.leftIcon:null),type:o.type,closeButton:!o.hideCloseButton&&t.jsx(l,{type:o.type||"default"})}):s.toast(t.jsx(u,{toastText:o.text,type:o.type||"info",buttonText:null===(r=o.buttonProps)||void 0===r?void 0:r.buttonText,showButton:null===(a=o.buttonProps)||void 0===a?void 0:a.showButton,onButtonClick:null===(c=o.buttonProps)||void 0===c?void 0:c.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),type:o.type,closeButton:!o.hideCloseButton&&t.jsx(l,{type:o.type||"info"})})}),[]),t.jsx(n.ToasterStyled,Object.assign({width:o.width,height:o.height},{children:t.jsx(s.ToastContainer,{position:o.position||"top-right",closeOnClick:o.closeOnClick||!1,hideProgressBar:o.hideProgressBar||!1,draggable:!1,autoClose:o.autoClose||!1,theme:"colored"})})));

package/dist/cjs/components/toaster/Toaster.styled.d.ts

@@ -1,9 +1,4 @@
-/// <reference types="react" />
-export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
+export declare const ToasterStyled: import("styled-components").StyledComponent<"div", any, {
     width?: string | undefined;
     height?: string | undefined;
-    zIndex?: number | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, never>;