@bikdotai/bik-component-library 0.0.756-beta.8 → 0.0.756

package/dist/cjs/components/post-live-checklist/PostLiveChecklist.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export default _default;
+export declare const Default: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const WithBothChecklists: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const SupportFirstOrdering: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const ListModeSupport: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const ListModeMarketing: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const AllCompleted: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const CustomTitles: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;
+export declare const WithSomeCompleted: ComponentStory<import("react").FC<import("./PostLiveChecklist").PostLiveChecklistProps>>;

package/dist/cjs/components/post-live-checklist/index.d.ts

@@ -0,0 +1,2 @@
+export { PostLiveChecklist } from './PostLiveChecklist';
+export type { PostLiveChecklistProps, ChecklistItem, } from './PostLiveChecklist';

package/dist/cjs/components/post-live-checklist-item/PostLiveChecklistItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface PostLiveChecklistItemProps {
+    isCompleted: boolean;
+    header: string;
+    subHeader?: string;
+    isOpen?: boolean;
+    onSetup?: () => void;
+    image?: string;
+}
+export declare const PostLiveChecklistItem: React.FC<PostLiveChecklistItemProps>;

package/dist/cjs/components/post-live-checklist-item/PostLiveChecklistItem.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/CheckIndicatorIcon.js"),t=require("../../assets/icons/chevronDownOutline.svg.js"),i=require("../../assets/icons/chevronUpOutline.svg.js"),n=require("react"),r=require("../button/Button.js"),c=require("../TypographyStyle.js"),o=require("../../constants/Theme.js");exports.PostLiveChecklistItem=l=>{const{isCompleted:d,header:a,subHeader:u,isOpen:j=!1}=l,{onSetup:x}=l,[h,p]=n.useState(j);return n.useEffect((()=>{p(j)}),[j]),e.jsxs("div",Object.assign({style:{backgroundColor:h?o.COLORS.surface.subdued:o.COLORS.surface.standard,borderRadius:8}},{children:[e.jsxs("div",Object.assign({style:{color:o.COLORS.surface.standard,padding:16,display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",cursor:d?"default":"pointer"},onClick:()=>!d&&p(!h)},{children:[e.jsx(c.TitleSmall,Object.assign({color:h?"#4B1583":o.COLORS.content.primary},{children:a})),d?e.jsx(s.CheckIndicatorIcon,{}):h?e.jsx(i.default,{width:24,height:24,color:o.COLORS.content.secondary}):e.jsx(t.default,{width:24,height:24,color:o.COLORS.content.secondary})]})),e.jsx("div",{children:h&&e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:e.jsxs("div",Object.assign({style:{padding:16,paddingTop:0,gap:16,display:"flex",flexDirection:"column"}},{children:[e.jsx("div",Object.assign({style:{height:200,backgroundColor:"#EFE6F9",borderRadius:8,overflow:"hidden"}},{children:e.jsx("img",{src:l.image,alt:"checklist item",style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}})})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center",gap:16}},{children:[e.jsx("div",Object.assign({style:{flex:2}},{children:e.jsx(c.BodyCaption,Object.assign({color:o.COLORS.content.secondary,numberOfLines:3},{children:u}))})),e.jsx("div",Object.assign({style:{flex:1,display:"flex",justifyContent:"flex-end"}},{children:e.jsx(r.Button,{buttonType:"primary",size:"small",buttonText:"Setup",onClick:()=>{x&&x()}})}))]}))]}))}))})]}))};

package/dist/cjs/components/post-live-checklist-item/index.d.ts

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

package/dist/cjs/components/product-picker/ProductPicker.styled.d.ts

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

package/dist/cjs/components/progress-bar/ProgressBarComponent.d.ts

@@ -8,7 +8,7 @@ export interface ProgressBarProps {
 export declare const ProgressBarComponent: (props: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ProgressCompletedBar: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     color: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/radioList/RadioList.styled.d.ts

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

package/dist/cjs/components/sample-button/SampleButton.styled.d.ts

@@ -2,7 +2,7 @@
 import type { Color, Variant } from './SampleButton';
 export declare const SampleButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     $color: Color;
     variant: Variant;

package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const ShimmerStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     isBrand?: boolean | undefined;
     direction?: "row" | "column" | undefined;
@@ -9,7 +9,7 @@ export declare const ShimmerStyled: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ShimmerComponentStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     isBrand?: boolean | undefined;
     height: number;

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

@@ -3,7 +3,7 @@ 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     trackLength: number;
     trackHeight: number;
@@ -16,7 +16,7 @@ export declare const SwitchContainer: import("@emotion/styled").StyledComponent<
 }, 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     value: boolean;
     duration: number;
@@ -24,7 +24,7 @@ export declare const Thumb: import("@emotion/styled").StyledComponent<{
 }, 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     value: boolean;
     trackColor: SwitchColorProps;

package/dist/cjs/components/tabs/Tabs.styles.d.ts

@@ -2,17 +2,17 @@
 import { TabItemProps, TabItemTextProps } from './Tabs.model';
 export declare const TabHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     bgColor?: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TabItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & TabItemProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TrailingNumberContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     selected: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -30,9 +30,9 @@ export declare const TabItemText: import("@emotion/styled").StyledComponent<{
 } & TabItemTextProps, {}, {}>;
 export declare const EmptyTab: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const RightComponent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -2,7 +2,7 @@
 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     theme: TagTheme;
     type: TagType;

package/dist/cjs/components/testimonial-card/TestimonialCard.style.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const TestimonialCardStyle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     width?: string | undefined;
     height?: string | undefined;
@@ -9,35 +9,35 @@ export declare const TestimonialCardStyle: import("@emotion/styled").StyledCompo
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TestimonialProfileCard: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TestimonialProfileInfo2: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Logo: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const TestimonialProfileInfo: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TestimonialProfileFooter: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     width?: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const FooterText: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const FooterStat: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const FooterArrow: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../../assets/icons/alert_triangle.svg.js"),e=require("../../assets/icons/check.svg.js"),n=require("../../assets/icons/cross.svg.js"),s=require("../../assets/icons/errorInfo.svg.js"),i=require("../../assets/icons/info.svg.js"),r=require("react"),l=require("react-dom"),d=require("react-toastify"),u=require("../button/Button.js"),a=require("./Toaster.styled.js"),c=require("../TypographyStyle.js"),x=require("../../constants/Theme.js");function h(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var p=h(r),y=h(l);const g=o=>t.jsxs(c.BodySecondary,Object.assign({color:"#9E9E9E",customStyles:{fontWeight:600,fontSize:14,width:25}},{children:[o.duration,"s"]})),v=o=>{const e="default"===o.type?x.COLORS.content.primary:"success"===o.type?x.COLORS.content.positive:"error"===o.type?x.COLORS.content.negative:"warning"===o.type?x.COLORS.content.warning:x.COLORS.content.brand,[s,i]=r.useState(o.duration||-1);r.useEffect((()=>{if(!o.duration||o.duration<=0)return void i(-1);i(o.duration);const t=setInterval((()=>{i((o=>{const e=o-1;return e<=0?(clearInterval(t),-1):e}))}),1e3);return()=>clearInterval(t)}),[o.duration]);const l=(!o.blocking||-1!==s)&&(o.blocking&&s>0);return t.jsx("div",Object.assign({tabIndex:l?-1:0,role:"button",style:{width:s>0?25:20,display:"flex",cursor:l?"not-allowed":"pointer",alignSelf:""+(o.alignTop?"flex-start":"center"),opacity:l?.5:1},onClick:()=>{!l&&o.closeToast&&o.closeToast()},onKeyDown:t=>{"Enter"===t.key&&!l&&o.closeToast&&o.closeToast()}},{children:s>0?t.jsx(g,{duration:s}):t.jsx(n.default,{height:20,width:20,color:e})}))},b=o=>{var e,n;const s=x.COLORS.content.placeholder,{toasterText:i}=r.useContext(f);return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1,maxWidth:"100%"}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center",minWidth:0,overflow:"hidden"}},{children:t.jsxs("div",Object.assign({style:{width:"100%",minWidth:0,wordBreak:"break-word",overflowWrap:"break-word"}},{children:[o.subText?t.jsx(c.TitleSmall,Object.assign({color:"inherit"},{children:null!==(e=o.toastText)&&void 0!==e?e:i})):t.jsx(c.BodySecondary,Object.assign({color:"inherit"},{children:null!==(n=o.toastText)&&void 0!==n?n:i})),o.subText&&t.jsx("div",Object.assign({style:{marginTop:2}},{children:t.jsx(c.BodyCaption,Object.assign({color:x.COLORS.content.secondary},{children:o.subText}))}))]}))})),o.showButton&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[o.showSecondButton?"showSecondButton":"showButton"]}},{children:t.jsx(u.Button,{buttonText:o.buttonText,buttonType:"tertiaryGray",color:x.COLORS.content.secondary,onClick:o.onButtonClick})})),o.showSecondButton&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"}},{children:t.jsx(u.Button,{buttonText:o.secondButtonText,buttonType:"tertiaryGray",color:x.COLORS.content.secondary,onClick:o.onSecondButtonClick})})),o.showButton||o.showSecondButton?t.jsx("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${s}`,borderRadius:1}}):null]}))})},f=p.default.createContext({toasterText:""});exports.Toaster=n=>{const l=r.useRef(n.toastId||"default-toast"),[u,c]=r.useState(n.text),h=d.cssTransition({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),p="default"===n.type?null:"success"===n.type?t.jsx(e.default,{width:20,height:20,color:x.COLORS.content.positive}):"error"===n.type?t.jsx(s.default,{width:20,height:20,color:x.COLORS.content.negative}):"warning"===n.type?t.jsx(o.default,{width:20,height:20,color:x.COLORS.content.warning}):t.jsx(i.default,{width:20,height:20,color:x.COLORS.content.brand});r.useEffect((()=>{l.current&&l.current===n.toastId?(c(n.text),d.toast.update(l.current,{autoClose:n.autoClose})):l.current&&l.current!==n.toastId&&g(n.text)}),[n.toastId,n.text]);const g=o=>{var e,s,i,r,u,a,c,x,y,g,f,j,T,B,w,O;void 0!==n.hideLeftIcon||n.leftIcon?d.toast(t.jsx(b,{toastText:o,type:n.type||"info",buttonText:null===(e=n.buttonProps)||void 0===e?void 0:e.buttonText,secondButtonText:null===(s=n.secondButtonProps)||void 0===s?void 0:s.buttonText,showButton:null===(i=n.buttonProps)||void 0===i?void 0:i.showButton,showSecondButton:null===(r=n.secondButtonProps)||void 0===r?void 0:r.showButton,onButtonClick:null===(u=n.buttonProps)||void 0===u?void 0:u.onButtonClick,onSecondButtonClick:null===(a=n.secondButtonProps)||void 0===a?void 0:a.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),icon:!0!==n.hideLeftIcon&&(n.leftIcon?n.leftIcon:"default"!==n.type&&t.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:p}))),type:n.type,closeButton:t.jsx(v,{type:n.type||"default",alignTop:!(!n.subText||(null===(c=n.buttonProps)||void 0===c?void 0:c.showButton)||(null===(x=n.secondButtonProps)||void 0===x?void 0:x.showButton)),blocking:n.blocking,duration:n.duration}),toastId:n.toastId||"default-toast",transition:h}):l.current=d.toast(t.jsx(b,{toastText:o,type:n.type||"info",buttonText:null===(y=n.buttonProps)||void 0===y?void 0:y.buttonText,secondButtonText:null===(g=n.secondButtonProps)||void 0===g?void 0:g.buttonText,showButton:null===(f=n.buttonProps)||void 0===f?void 0:f.showButton,showSecondButton:null===(j=n.secondButtonProps)||void 0===j?void 0:j.showButton,onButtonClick:null===(T=n.buttonProps)||void 0===T?void 0:T.onButtonClick,onSecondButtonClick:null===(B=n.secondButtonProps)||void 0===B?void 0:B.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),type:n.type,icon:"default"!==n.type&&t.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:p})),closeButton:t.jsx(v,{type:n.type||"default",alignTop:!(!n.subText||(null===(w=n.buttonProps)||void 0===w?void 0:w.showButton)||(null===(O=n.secondButtonProps)||void 0===O?void 0:O.showButton)),blocking:n.blocking,duration:n.duration}),toastId:n.toastId||"default-toast",transition:h})};return r.useEffect((()=>{g()}),[]),y.default.createPortal(t.jsx(a.ToasterStyled,Object.assign({width:n.width,height:n.height,zIndex:n.zIndex,isSubTextIncluded:!!n.subText,type:n.type},{children:t.jsx(f.Provider,Object.assign({value:{toasterText:u}},{children:t.jsx(d.ToastContainer,{position:n.position||"top-right",closeOnClick:n.closeOnClick||!1,hideProgressBar:n.hideProgressBar||!1,draggable:!1,autoClose:n.autoClose||!1,theme:"colored"})}))})),document.body)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../../assets/icons/alert_triangle.svg.js"),e=require("../../assets/icons/check.svg.js"),n=require("../../assets/icons/cross.svg.js"),s=require("../../assets/icons/errorInfo.svg.js"),i=require("../../assets/icons/info.svg.js"),r=require("react"),l=require("react-dom"),u=require("react-toastify"),d=require("../button/Button.js"),c=require("./Toaster.styled.js"),a=require("../TypographyStyle.js"),x=require("../../constants/Theme.js");function h(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var p=h(r),y=h(l);const g=o=>t.jsxs(a.BodySecondary,Object.assign({color:"#9E9E9E",customStyles:{fontWeight:600,fontSize:14,width:25}},{children:[o.duration,"s"]})),v=o=>{const e="default"===o.type?x.COLORS.content.primary:"success"===o.type?x.COLORS.content.positive:"error"===o.type?x.COLORS.content.negative:"warning"===o.type?x.COLORS.content.warning:x.COLORS.content.brand,[s,i]=r.useState(o.duration||-1);r.useEffect((()=>{if(!o.duration||o.duration<=0)return void i(-1);i(o.duration);const t=setInterval((()=>{i((o=>{const e=o-1;return e<=0?(clearInterval(t),-1):e}))}),1e3);return()=>clearInterval(t)}),[o.duration]);const l=(!o.blocking||-1!==s)&&(o.blocking&&s>0);return t.jsx("div",Object.assign({tabIndex:l?-1:0,role:"button",style:{width:s>0?25:20,display:"flex",cursor:l?"not-allowed":"pointer",alignSelf:""+(o.alignTop?"flex-start":"center"),opacity:l?.5:1},onClick:()=>{!l&&o.closeToast&&o.closeToast()},onKeyDown:t=>{"Enter"===t.key&&!l&&o.closeToast&&o.closeToast()}},{children:s>0?t.jsx(g,{duration:s}):t.jsx(n.default,{height:20,width:20,color:e})}))},f=o=>{var e,n;const s=x.COLORS.content.placeholder,{toasterText:i}=r.useContext(b);return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center"}},{children:t.jsxs("div",{children:[o.subText?t.jsx(a.TitleSmall,Object.assign({color:"inherit"},{children:null!==(e=o.toastText)&&void 0!==e?e:i})):t.jsx(a.BodySecondary,Object.assign({color:"inherit"},{children:null!==(n=o.toastText)&&void 0!==n?n:i})),o.subText&&t.jsx("div",Object.assign({style:{marginTop:2}},{children:t.jsx(a.BodyCaption,Object.assign({color:x.COLORS.content.secondary},{children:o.subText}))}))]})})),o.showButton&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[o.showSecondButton?"showSecondButton":"showButton"]}},{children:t.jsx(d.Button,{buttonText:o.buttonText,buttonType:"tertiaryGray",color:x.COLORS.content.secondary,onClick:o.onButtonClick})})),o.showSecondButton&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"}},{children:t.jsx(d.Button,{buttonText:o.secondButtonText,buttonType:"tertiaryGray",color:x.COLORS.content.secondary,onClick:o.onSecondButtonClick})})),o.showButton||o.showSecondButton?t.jsx("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${s}`,borderRadius:1}}):null]}))})},b=p.default.createContext({toasterText:""});exports.Toaster=n=>{const l=r.useRef(n.toastId||"default-toast"),[d,a]=r.useState(n.text),h=u.cssTransition({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),p="default"===n.type?null:"success"===n.type?t.jsx(e.default,{width:20,height:20,color:x.COLORS.content.positive}):"error"===n.type?t.jsx(s.default,{width:20,height:20,color:x.COLORS.content.negative}):"warning"===n.type?t.jsx(o.default,{width:20,height:20,color:x.COLORS.content.warning}):t.jsx(i.default,{width:20,height:20,color:x.COLORS.content.brand});r.useEffect((()=>{l.current&&l.current===n.toastId?(a(n.text),u.toast.update(l.current,{autoClose:n.autoClose})):l.current&&l.current!==n.toastId&&g(n.text)}),[n.toastId,n.text]);const g=o=>{var e,s,i,r,d,c,a,x,y,g,b,j,T,B,O,C;void 0!==n.hideLeftIcon||n.leftIcon?u.toast(t.jsx(f,{toastText:o,type:n.type||"info",buttonText:null===(e=n.buttonProps)||void 0===e?void 0:e.buttonText,secondButtonText:null===(s=n.secondButtonProps)||void 0===s?void 0:s.buttonText,showButton:null===(i=n.buttonProps)||void 0===i?void 0:i.showButton,showSecondButton:null===(r=n.secondButtonProps)||void 0===r?void 0:r.showButton,onButtonClick:null===(d=n.buttonProps)||void 0===d?void 0:d.onButtonClick,onSecondButtonClick:null===(c=n.secondButtonProps)||void 0===c?void 0:c.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),icon:!0!==n.hideLeftIcon&&(n.leftIcon?n.leftIcon:"default"!==n.type&&t.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:p}))),type:n.type,closeButton:t.jsx(v,{type:n.type||"default",alignTop:!(!n.subText||(null===(a=n.buttonProps)||void 0===a?void 0:a.showButton)||(null===(x=n.secondButtonProps)||void 0===x?void 0:x.showButton)),blocking:n.blocking,duration:n.duration}),toastId:n.toastId||"default-toast",transition:h}):l.current=u.toast(t.jsx(f,{toastText:o,type:n.type||"info",buttonText:null===(y=n.buttonProps)||void 0===y?void 0:y.buttonText,secondButtonText:null===(g=n.secondButtonProps)||void 0===g?void 0:g.buttonText,showButton:null===(b=n.buttonProps)||void 0===b?void 0:b.showButton,showSecondButton:null===(j=n.secondButtonProps)||void 0===j?void 0:j.showButton,onButtonClick:null===(T=n.buttonProps)||void 0===T?void 0:T.onButtonClick,onSecondButtonClick:null===(B=n.secondButtonProps)||void 0===B?void 0:B.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),type:n.type,icon:"default"!==n.type&&t.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:p})),closeButton:t.jsx(v,{type:n.type||"default",alignTop:!(!n.subText||(null===(O=n.buttonProps)||void 0===O?void 0:O.showButton)||(null===(C=n.secondButtonProps)||void 0===C?void 0:C.showButton)),blocking:n.blocking,duration:n.duration}),toastId:n.toastId||"default-toast",transition:h})};return r.useEffect((()=>{g()}),[]),y.default.createPortal(t.jsx(c.ToasterStyled,Object.assign({width:n.width,height:n.height,zIndex:n.zIndex,isSubTextIncluded:!!n.subText,type:n.type},{children:t.jsx(b.Provider,Object.assign({value:{toasterText:d}},{children:t.jsx(u.ToastContainer,{position:n.position||"top-right",closeOnClick:n.closeOnClick||!1,hideProgressBar:n.hideProgressBar||!1,draggable:!1,autoClose:n.autoClose||!1,theme:"colored"})}))})),document.body)};

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

@@ -2,7 +2,7 @@
 import { TypeOptions } from 'react-toastify';
 export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     width?: string | undefined;
     height?: string | undefined;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),t=require("../../constants/Theme.js"),d=require("../../constants/zindex.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const b=l(c).default("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-text-color-success:",t.COLORS.content.primary,";--toastify-text-color-error:",t.COLORS.content.primary,";--toastify-text-color-warning:",t.COLORS.content.primary,";--toastify-text-color-info:",t.COLORS.content.primary,";--toastify-color-info:",t.COLORS.background.brandLight,";--toastify-color-success:",t.COLORS.background.positive.light,";--toastify-color-error:",t.COLORS.background.negative.light,";--toastify-color-warning:",t.COLORS.background.warning.light,";--toastify-text-color-light:",t.COLORS.content.primary,";--toastify-toast-width:fit-content;--toastify-toast-min-height:",(c=>c.height||(c.isSubTextIncluded?"70px":"56px")),";--toastify-toast-max-height:",(c=>c.height||"fit-content"),";font-family:inherit;z-index:",(c=>c.zIndex||d.ComponentZindex.TOASTER),";.custom-position{position:relative;}.Toastify__toast-container{padding:0;width:auto;max-width:90vw;overflow:visible;@media (max-width: 768px){left:25%;transform:translateX(-50%);max-width:calc(100vw - 64px);margin:0 32px;}}.Toastify__toast--success{border:1px solid ",t.COLORS.stroke.positive.lightAlt,";}.Toastify__toast--info{border:1px solid ",t.COLORS.stroke.brandLightAlt,";}.Toastify__toast--default{border:1px solid ",t.COLORS.stroke.primary,";}.Toastify__toast--error{border:1px solid ",t.COLORS.stroke.negative.lightAlt,";}.Toastify__toast--warning{border:1px solid ",t.COLORS.stroke.warning.lightAlt,";}.Toastify__toast{padding:",(c=>c.isSubTextIncluded?"16px 8px":"12px 8px"),";max-width:",(c=>c.width||"600px"),";min-width:320px;border-radius:8px;word-wrap:break-word;overflow-wrap:break-word;overflow:visible;@media (max-width: 768px){min-width:80vw;max-width:calc(100vw - 64px);padding:",(c=>c.isSubTextIncluded?"16px 16px":"12px 16px"),";}}.Toastify__progress-bar{height:4px;}.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-icon{align-self:center;margin-inline-end:12px;height:",(c=>c.isSubTextIncluded?"38px":"20px"),";}.Toastify__toast-body{padding:0;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",t.COLORS.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info{background:",t.COLORS.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:",t.COLORS.content.warning,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success{background:",t.COLORS.content.positive,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:",t.COLORS.content.negative,";}.Toastify__toast-body>div:last-child{display:flex;}.Toastify__slide-enter{animation:slideIn 1s ease forwards,bounce cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s both;}.Toastify__slide-exit{animation:slideOut 0.5s ease-in-out forwards;}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateX(-20px);}60%{transform:translateX(20px);}}@keyframes slideIn{0%{transform:translateX(-100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes slideOut{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IENvbXBvbmVudFppbmRleCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvemluZGV4XCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdC0tdG9hc3RpZnktY29sb3ItbGlnaHQ6ICNmZmY7XG5cdC0tdG9hc3RpZnktY29sb3ItZGFyazogIzEyMTIxMjtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXN1Y2Nlc3M6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1lcnJvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1pbmZvOiAke0NPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHR9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1saWdodDogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10b2FzdC13aWR0aDogZml0LWNvbnRlbnQ7XG5cdC0tdG9hc3RpZnktdG9hc3QtbWluLWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAocHJvcHMuaXNTdWJUZXh0SW5jbHVkZWQgPyAnNzBweCcgOiAnNTZweCcpfTtcblx0LS10b2FzdGlmeS10b2FzdC1tYXgtaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICdmaXQtY29udGVudCd9O1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcblx0ei1pbmRleDogJHsocHJvcHMpID0+IHByb3BzLnpJbmRleCB8fCBDb21wb25lbnRaaW5kZXguVE9BU1RFUn07XG5cblx0LmN1c3RvbS1wb3NpdGlvbiB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR9XG5cdC5Ub2FzdGlmeV9fdG9hc3QtY29udGFpbmVyIHtcblx0XHRwYWRkaW5nOiAwO1xuXHRcdHdpZHRoOiBhdXRvO1xuXHRcdG1heC13aWR0aDogOTB2dztcblx0XHRvdmVyZmxvdzogdmlzaWJsZTtcblxuXHRcdEBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuXHRcdFx0bGVmdDogMjUlO1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpO1xuXHRcdFx0bWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gNjRweCk7XG5cdFx0XHRtYXJnaW46IDAgMzJweDtcblx0XHR9XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LS1zdWNjZXNzIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucG9zaXRpdmUubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0taW5mbyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLmJyYW5kTGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0tZGVmYXVsdCB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0tZXJyb3Ige1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5uZWdhdGl2ZS5saWdodEFsdH07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LS13YXJuaW5nIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2Uud2FybmluZy5saWdodEFsdH07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0IHtcblx0XHRwYWRkaW5nOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3ViVGV4dEluY2x1ZGVkID8gJzE2cHggOHB4JyA6ICcxMnB4IDhweCcpfTtcblx0XHRtYXgtd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy53aWR0aCB8fCAnNjAwcHgnfTtcblx0XHRtaW4td2lkdGg6IDMyMHB4O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0XHR3b3JkLXdyYXA6IGJyZWFrLXdvcmQ7XG5cdFx0b3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcblx0XHRvdmVyZmxvdzogdmlzaWJsZTtcblxuXHRcdEBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuXHRcdFx0bWluLXdpZHRoOiA4MHZ3O1xuXHRcdFx0bWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gNjRweCk7XG5cdFx0XHRwYWRkaW5nOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3ViVGV4dEluY2x1ZGVkID8gJzE2cHggMTZweCcgOiAnMTJweCAxNnB4Jyl9O1xuXHRcdH1cblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyIHtcblx0XHRoZWlnaHQ6IDRweDtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fY2xvc2UtYnV0dG9uIHtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRtYXJnaW46IGF1dG87XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWljb24ge1xuXHRcdGFsaWduLXNlbGY6IGNlbnRlcjtcblx0XHRtYXJnaW4taW5saW5lLWVuZDogMTJweDtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNTdWJUZXh0SW5jbHVkZWQgPyAnMzhweCcgOiAnMjBweCcpfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtYm9keSB7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWRlZmF1bHQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0taW5mbyB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC5icmFuZH07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci10aGVtZS0tY29sb3JlZC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLS13YXJuaW5nIHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5jb250ZW50Lndhcm5pbmd9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0tc3VjY2VzcyB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci10aGVtZS0tY29sb3JlZC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLS1lcnJvciB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC5uZWdhdGl2ZX07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWJvZHkgPiBkaXY6bGFzdC1jaGlsZCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fc2xpZGUtZW50ZXIge1xuXHRcdGFuaW1hdGlvbjogc2xpZGVJbiAxcyBlYXNlIGZvcndhcmRzLFxuXHRcdFx0Ym91bmNlIGN1YmljLWJlemllcigwLjY4LCAtMC41NSwgMC4yNywgMS41NSkgMC41cyBib3RoO1xuXHR9XG5cdC5Ub2FzdGlmeV9fc2xpZGUtZXhpdCB7XG5cdFx0YW5pbWF0aW9uOiBzbGlkZU91dCAwLjVzIGVhc2UtaW4tb3V0IGZvcndhcmRzO1xuXHR9XG5cdEBrZXlmcmFtZXMgYm91bmNlIHtcblx0XHQwJSxcblx0XHQyMCUsXG5cdFx0NTAlLFxuXHRcdDgwJSxcblx0XHQxMDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsgLyogU3RhcnQgYW5kIGVuZCBhdCB0aGUgb3JpZ2luYWwgcG9zaXRpb24gKi9cblx0XHR9XG5cdFx0NDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMjBweCk7IC8qIEJvdW5jaW5nIHVwICovXG5cdFx0fVxuXHRcdDYwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMjBweCk7IC8qIFNtYWxsIGJvdW5jZSBiZWZvcmUgc2V0dGxpbmcgKi9cblx0XHR9XG5cdH1cblx0QGtleWZyYW1lcyBzbGlkZUluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpOyAvKiBTdGFydCBvZmYtc2NyZWVuIHRvIHRoZSBsZWZ0ICovXG5cdFx0XHRvcGFjaXR5OiAwO1xuXHRcdH1cblx0XHQxMDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTsgLyogRW5kIGF0IHRoZSBvcmlnaW5hbCBwb3NpdGlvbiAqL1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cdH1cblx0QGtleWZyYW1lcyBzbGlkZU91dCB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApOyAvKiBTdGFydCBmcm9tIHRoZSBvcmlnaW5hbCBwb3NpdGlvbiAqL1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7IC8qIFNsaWRlIG91dCB0byB0aGUgcmlnaHQgKi9cblx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub2FzdGVyLnN0eWxlZC5qcy5tYXAiXX0= */"));exports.ToasterStyled=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),t=require("../../constants/Theme.js"),d=require("../../constants/zindex.js");function b(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const l=b(c).default("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-text-color-success:",t.COLORS.content.primary,";--toastify-text-color-error:",t.COLORS.content.primary,";--toastify-text-color-warning:",t.COLORS.content.primary,";--toastify-text-color-info:",t.COLORS.content.primary,";--toastify-color-info:",t.COLORS.background.brandLight,";--toastify-color-success:",t.COLORS.background.positive.light,";--toastify-color-error:",t.COLORS.background.negative.light,";--toastify-color-warning:",t.COLORS.background.warning.light,";--toastify-text-color-light:",t.COLORS.content.primary,";--toastify-toast-width:fit-content;--toastify-toast-min-height:",(c=>c.height||(c.isSubTextIncluded?"70px":"56px")),";--toastify-toast-max-height:",(c=>c.height||"fit-content"),";font-family:inherit;z-index:",(c=>c.zIndex||d.ComponentZindex.TOASTER),";.custom-position{position:relative;}.Toastify__toast-container{padding:0;}.Toastify__toast--success{border:1px solid ",t.COLORS.stroke.positive.lightAlt,";}.Toastify__toast--info{border:1px solid ",t.COLORS.stroke.brandLightAlt,";}.Toastify__toast--default{border:1px solid ",t.COLORS.stroke.primary,";}.Toastify__toast--error{border:1px solid ",t.COLORS.stroke.negative.lightAlt,";}.Toastify__toast--warning{border:1px solid ",t.COLORS.stroke.warning.lightAlt,";}.Toastify__toast{padding:",(c=>c.isSubTextIncluded?"16px":"12px"),";max-width:",(c=>c.width),";border-radius:8px;}.Toastify__progress-bar{height:4px;}.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-icon{align-self:center;margin-inline-end:12px;height:",(c=>c.isSubTextIncluded?"38px":"20px"),";}.Toastify__toast-body{padding:0;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",t.COLORS.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info{background:",t.COLORS.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:",t.COLORS.content.warning,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success{background:",t.COLORS.content.positive,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:",t.COLORS.content.negative,";}.Toastify__toast-body>div:last-child{display:flex;}.Toastify__slide-enter{animation:slideIn 1s ease forwards,bounce cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s both;}.Toastify__slide-exit{animation:slideOut 0.5s ease-in-out forwards;}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateX(-20px);}60%{transform:translateX(20px);}}@keyframes slideIn{0%{transform:translateX(-100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes slideOut{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IENvbXBvbmVudFppbmRleCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvemluZGV4XCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdC0tdG9hc3RpZnktY29sb3ItbGlnaHQ6ICNmZmY7XG5cdC0tdG9hc3RpZnktY29sb3ItZGFyazogIzEyMTIxMjtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXN1Y2Nlc3M6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1lcnJvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1pbmZvOiAke0NPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHR9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1saWdodDogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10b2FzdC13aWR0aDogZml0LWNvbnRlbnQ7XG5cdC0tdG9hc3RpZnktdG9hc3QtbWluLWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAocHJvcHMuaXNTdWJUZXh0SW5jbHVkZWQgPyAnNzBweCcgOiAnNTZweCcpfTtcblx0LS10b2FzdGlmeS10b2FzdC1tYXgtaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICdmaXQtY29udGVudCd9O1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcblx0ei1pbmRleDogJHsocHJvcHMpID0+IHByb3BzLnpJbmRleCB8fCBDb21wb25lbnRaaW5kZXguVE9BU1RFUn07XG5cblx0LmN1c3RvbS1wb3NpdGlvbiB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR9XG5cdC5Ub2FzdGlmeV9fdG9hc3QtY29udGFpbmVyIHtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0tc3VjY2VzcyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWluZm8ge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWRlZmF1bHQge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWVycm9yIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UubmVnYXRpdmUubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0td2FybmluZyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLndhcm5pbmcubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdCB7XG5cdFx0cGFkZGluZzogJHsocHJvcHMpID0+IChwcm9wcy5pc1N1YlRleHRJbmNsdWRlZCA/ICcxNnB4JyA6ICcxMnB4Jyl9O1xuXHRcdG1heC13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLndpZHRofTtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhciB7XG5cdFx0aGVpZ2h0OiA0cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX2Nsb3NlLWJ1dHRvbiB7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0bWFyZ2luOiBhdXRvO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1pY29uIHtcblx0XHRhbGlnbi1zZWxmOiBjZW50ZXI7XG5cdFx0bWFyZ2luLWlubGluZS1lbmQ6IDEycHg7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3ViVGV4dEluY2x1ZGVkID8gJzM4cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWJvZHkge1xuXHRcdHBhZGRpbmc6IDA7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci10aGVtZS0tY29sb3JlZC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLS1kZWZhdWx0IHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5jb250ZW50LmJyYW5kfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWluZm8ge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0td2FybmluZyB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC53YXJuaW5nfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLXN1Y2Nlc3Mge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0tZXJyb3Ige1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1ib2R5ID4gZGl2Omxhc3QtY2hpbGQge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3NsaWRlLWVudGVyIHtcblx0XHRhbmltYXRpb246IHNsaWRlSW4gMXMgZWFzZSBmb3J3YXJkcyxcblx0XHRcdGJvdW5jZSBjdWJpYy1iZXppZXIoMC42OCwgLTAuNTUsIDAuMjcsIDEuNTUpIDAuNXMgYm90aDtcblx0fVxuXHQuVG9hc3RpZnlfX3NsaWRlLWV4aXQge1xuXHRcdGFuaW1hdGlvbjogc2xpZGVPdXQgMC41cyBlYXNlLWluLW91dCBmb3J3YXJkcztcblx0fVxuXHRAa2V5ZnJhbWVzIGJvdW5jZSB7XG5cdFx0MCUsXG5cdFx0MjAlLFxuXHRcdDUwJSxcblx0XHQ4MCUsXG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7IC8qIFN0YXJ0IGFuZCBlbmQgYXQgdGhlIG9yaWdpbmFsIHBvc2l0aW9uICovXG5cdFx0fVxuXHRcdDQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTIwcHgpOyAvKiBCb3VuY2luZyB1cCAqL1xuXHRcdH1cblx0XHQ2MCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKDIwcHgpOyAvKiBTbWFsbCBib3VuY2UgYmVmb3JlIHNldHRsaW5nICovXG5cdFx0fVxuXHR9XG5cdEBrZXlmcmFtZXMgc2xpZGVJbiB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTsgLyogU3RhcnQgb2ZmLXNjcmVlbiB0byB0aGUgbGVmdCAqL1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7IC8qIEVuZCBhdCB0aGUgb3JpZ2luYWwgcG9zaXRpb24gKi9cblx0XHRcdG9wYWNpdHk6IDE7XG5cdFx0fVxuXHR9XG5cdEBrZXlmcmFtZXMgc2xpZGVPdXQge1xuXHRcdDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTsgLyogU3RhcnQgZnJvbSB0aGUgb3JpZ2luYWwgcG9zaXRpb24gKi9cblx0XHRcdG9wYWNpdHk6IDE7XG5cdFx0fVxuXHRcdDEwMCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpOyAvKiBTbGlkZSBvdXQgdG8gdGhlIHJpZ2h0ICovXG5cdFx0XHRvcGFjaXR5OiAwO1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9VG9hc3Rlci5zdHlsZWQuanMubWFwIl19 */"));exports.ToasterStyled=l;

package/dist/cjs/components/vertical-full-screen-modal/component.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { VerticalFullScreenModalProps } from './types';
+/**
+ * VerticalFullScreenModal - A reusable full-screen modal component
+ *
+ * This component provides a common full-screen modal structure with:
+ * - Fixed height (100vh)
+ * - Header section with close button
+ * - Scrollable body content
+ * - Dynamic footer with configurable buttons
+ *
+ * @example
+ * <VerticalFullScreenModal
+ *   headerText="My Modal"
+ *   body={<div>Modal content here</div>}
+ *   primaryButtonTitle="Save"
+ *   onSave={handleSave}
+ *   secondaryButtonTitle="Cancel"
+ *   secondaryButtonClick={handleCancel}
+ *   onClose={handleClose}
+ * />
+ */
+declare const VerticalFullScreenModal: React.FC<VerticalFullScreenModalProps>;
+export default VerticalFullScreenModal;

package/dist/cjs/components/vertical-full-screen-modal/component.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/cross.svg.js"),o=require("../button/Button.js"),s=require("../icon-button/IconButton.js"),n=require("../TypographyStyle.js"),r=require("./styles.js");exports.default=i=>{let{headerText:a,body:l,primaryButtonTitle:c,onSave:d,secondaryButtonTitle:u="Cancel",secondaryButtonClick:j,hideSecondaryButton:x=!1,disablePrimaryButton:p=!1,onClose:y,width:b,className:h,modalOffsetPx:g}=i;const B=j||y;return t.jsx("div",Object.assign({style:{position:"fixed",top:0,right:g?`${g}px`:"-424px",bottom:0}},{children:t.jsxs(r.VerticalModalContainer,Object.assign({onClick:t=>t.stopPropagation(),onMouseDown:t=>t.stopPropagation(),width:b,className:h},{children:[t.jsxs(r.VerticalModalHeader,{children:[t.jsx(n.TitleRegular,{children:a}),t.jsx(s.IconButton,{Icon:e.default,onClick:y})]}),t.jsx(r.VerticalModalContent,{children:l}),t.jsxs(r.VerticalModalFooter,Object.assign({addGap:!x},{children:[!x&&t.jsx(o.Button,{buttonText:u,buttonType:"tertiaryGray",onClick:B}),t.jsx(o.Button,{style:{marginRight:12},buttonText:c,onClick:d,disabled:p})]}))]}))}))};

package/dist/cjs/components/vertical-full-screen-modal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as VerticalFullScreenModal } from './component';
+export * from './types';

package/dist/cjs/components/vertical-full-screen-modal/styles.d.ts

@@ -0,0 +1,8 @@
+export declare const VerticalModalContainer: import("styled-components").StyledComponent<"div", any, {
+    width?: string | undefined;
+}, never>;
+export declare const VerticalModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const VerticalModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const VerticalModalFooter: import("styled-components").StyledComponent<"div", any, {
+    addGap?: boolean | undefined;
+}, never>;

package/dist/cjs/components/vertical-full-screen-modal/styles.js

@@ -0,0 +1,45 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=o(e);const d=t.default.div`
+	background-color: ${r.COLORS.surface.standard};
+	border-radius: 0px;
+	padding: 0;
+	width: ${e=>e.width||"424px"};
+	height: 100vh;
+	display: flex;
+	flex-direction: column;
+	border-left: 1px solid ${r.COLORS.stroke.primary};
+`,a=t.default.div`
+	padding: 16px 24px;
+	border-bottom: 1px solid ${r.COLORS.stroke.primary};
+	background-color: ${r.COLORS.surface.subdued};
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	flex-shrink: 0;
+	height: 60px;
+`,i=t.default.div`
+	padding: 16px;
+	background-color: ${r.COLORS.surface.standard};
+	flex: 1;
+	overflow-x: hidden;
+	overflow-y: auto;
+	display: flex;
+	flex-direction: column;
+	scrollbar-width: none;
+	-ms-overflow-style: none;
+
+	&::-webkit-scrollbar {
+		display: none;
+	}
+`,l=t.default.div`
+	display: flex;
+	flex-direction: row;
+	gap: 16px;
+	justify-content: flex-end;
+	background: ${r.COLORS.surface.standard};
+	height: 56px;
+	border-top: 1px solid #${r.COLORS.stroke.primary};
+	align-items: center;
+	padding: 0 24px;
+	flex-shrink: 0;
+	gap: ${e=>e.addGap?"16px":"0px"};
+`;exports.VerticalModalContainer=d,exports.VerticalModalContent=i,exports.VerticalModalFooter=l,exports.VerticalModalHeader=a;

package/dist/cjs/components/vertical-full-screen-modal/types.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export interface VerticalFullScreenModalProps {
+    /** Content text to display in the modal header */
+    headerText: string;
+    /** Content to display in the modal body */
+    body: React.ReactNode;
+    /** Title for the primary action button */
+    primaryButtonTitle: string;
+    /** Callback when primary button is clicked */
+    onSave: () => void;
+    /** Optional title for the secondary button */
+    secondaryButtonTitle?: string;
+    /** Optional callback when secondary button is clicked */
+    secondaryButtonClick?: () => void;
+    /** Hide the secondary button if true */
+    hideSecondaryButton?: boolean;
+    /** Disable the primary button */
+    disablePrimaryButton?: boolean;
+    /** Callback when modal is closed */
+    onClose: () => void;
+    /** Optional custom width (default: 424px) */
+    width?: string;
+    /** Optional className for custom styling */
+    className?: string;
+    /** Optional offset for modal positioning */
+    modalOffsetPx?: number;
+}

package/dist/cjs/components/whats-new/WhatsNew.types.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+import { ButtonConfig, SecondaryButtonConfig } from '../feature-announcements/types/feature.types';
+export type { ButtonConfig, SecondaryButtonConfig };
 export interface WhatsNewContent {
     id: string;
     title: string;
@@ -12,6 +14,10 @@ export interface WhatsNewContent {
     createdAt: any;
     module: string[];
     visibility: boolean;
+    primaryButton?: ButtonConfig;
+    secondaryButton?: SecondaryButtonConfig;
+    featureUpdateType?: 'Major' | 'Minor';
+    displayImage?: string;
 }
 export interface WhatsNewProviderProps {
     children: React.ReactNode;

package/dist/cjs/components/whats-new/WhatsNewButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/whatsNew.svg.js"),s=require("../../constants/Theme.js"),i=require("../tooltips/Tooltip.js"),n=require("./WhatsNew.styles.js");exports.WhatsNewButton=o=>{let{onClick:r,newContentCount:a=0,isOpen:c=!1,isLoading:d=!1,tooltip:l="What's new",testId:h="whats-new-button",iconWidth:j=32,iconHeight:u=32,customIcon:x}=o;return d?t.jsxs("div",Object.assign({style:{margin:"0px 8px"}},{children:[t.jsx("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),t.jsx("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]})):t.jsx(n.WhatsNewIconContainer,Object.assign({count:a},{children:t.jsxs("div",Object.assign({className:"main-icon-class "+(c?"icon-active":""),style:{color:c?s.COLORS.content.brand:s.COLORS.content.primary},onClick:r,"data-testid":h},{children:[t.jsx(i.Tooltip,Object.assign({body:l},{children:t.jsx("div",{children:x?t.jsx(x,{width:j,height:u,color:c?s.COLORS.content.brand:s.COLORS.content.primary}):t.jsx(e.default,{width:j,height:u})})})),a>0&&t.jsx("div",Object.assign({className:"notification--count"},{children:t.jsx("div",Object.assign({className:"count--text"},{children:a}))}))]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/whatsNew.svg.js"),s=require("../../constants/Theme.js"),n=require("../tooltips/Tooltip.js"),i=require("./WhatsNew.styles.js");exports.WhatsNewButton=o=>{let{onClick:r,newContentCount:a=0,isOpen:c=!1,isLoading:d=!1,tooltip:l="What's new",testId:h="whats-new-button",iconWidth:j=32,iconHeight:u=32,customIcon:x}=o;return d?t.jsxs("div",Object.assign({style:{margin:"0px 8px"}},{children:[t.jsx("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),t.jsx("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]})):t.jsx(i.WhatsNewIconContainer,Object.assign({count:a},{children:t.jsxs("div",Object.assign({className:"main-icon-class "+(c?"icon-active":""),style:{color:c?s.COLORS.content.brand:s.COLORS.content.primary},onClick:r,"data-testid":h},{children:[t.jsx(n.Tooltip,Object.assign({body:l,placement:"bottom"},{children:t.jsx("div",{children:x?t.jsx(x,{width:j,height:u,color:c?s.COLORS.content.brand:s.COLORS.content.primary}):t.jsx(e.default,{width:j,height:u})})})),a>0&&t.jsx("div",Object.assign({className:"notification--count"},{children:t.jsx("div",Object.assign({className:"count--text"},{children:a}))}))]}))}))};

package/dist/cjs/components/whats-new/WhatsNewPanel.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("date-fns"),s=require("react"),a=require("../../assets/icons/searchIcon.svg.js"),r=require("../../assets/icons/whatsNew.svg.js"),n=require("../../constants/Theme.js"),i=require("../button/Button.js"),o=require("../feature-announcements/VideoModal.js"),c=require("../searchBar/searchBar.js"),d=require("../side-modal/SideModal.js"),l=require("../TypographyStyle.js"),h=require("./WhatsNew.styles.js");exports.WhatsNewPanel=u=>{let{isOpen:j,onClose:m,content:x,isLoading:g=!1,title:w="What's new on BIK",searchPlaceholder:b="Search posts",emptyStateTitle:p="Nothing new!",emptyStateDescription:C="There are no new updates or features at the moment. Check back soon!",noResultsText:O="Sorry, no results found.",width:y="480px",onContentClick:f,renderCustomContent:N}=u;const[S,v]=s.useState(""),[M,q]=s.useState(!1),[L,T]=s.useState(""),k=e=>{if(!e.createdAt)return!1;const s=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return t.differenceInBusinessDays(new Date,s)<7},B=s.useMemo((()=>{if(!S.trim())return x;const e=S.toLowerCase();return x.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[x,S]),D=0===x.length,A=0===B.length;return j?e.jsxs(d.SideModal,Object.assign({width:y,onClose:m,header:"",headerCustomComponent:e.jsx(l.TitleMedium,Object.assign({color:n.COLORS.background.inverse},{children:w})),headerStyle:{background:n.COLORS.background.brandLight},hideFooter:!0},{children:[e.jsxs(h.MainContainer,{children:[e.jsx("div",Object.assign({className:"mt-8"},{children:e.jsx(c.SearchBar,{width:"100%",isEnabled:!D,onChange:e=>{v(e)},onEnter:e=>{v(e)},placeholder:b,variant:"default",searchValue:S,onClickCross:()=>{v("")}})})),e.jsx(h.WhatsNewWrapper,{children:D||A?e.jsxs("div",Object.assign({className:"no--data--found"},{children:[e.jsx("div",Object.assign({className:"icon--wrapper"},{children:D?e.jsx(r.default,{width:32,height:32}):e.jsx(a.default,{width:32,height:32})})),D?e.jsxs(e.Fragment,{children:[e.jsx(l.TitleRegular,{children:p}),e.jsx(l.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:C}))]}):A?e.jsx(l.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:O})):null]})):e.jsx("div",Object.assign({className:"scroller"},{children:B.map(((s,a)=>N?N(s):e.jsxs(h.MainCardContainer,Object.assign({className:"padding--16 mb-mt-8"},{children:[e.jsx(h.BackgroundImageContainer,{imageUrl:s.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e.jsx("div",Object.assign({className:"mt-20 full--width"},{children:e.jsxs("div",Object.assign({className:"created--at flex flex--row"},{children:[k(s)?e.jsx("div",Object.assign({className:"new--content--tag"},{children:e.jsx(l.Caption,{children:"New"})})):e.jsx(e.Fragment,{}),e.jsx(l.Caption,Object.assign({style:{color:n.COLORS.content.placeholder}},{children:s.createdAt?t.format(s.createdAt.toDate?s.createdAt.toDate():new Date(s.createdAt),"dd MMMM yyyy"):""}))]}))})),e.jsx("div",Object.assign({className:"mt--8"},{children:e.jsx(l.TitleSmall,{children:s.title})})),e.jsx("div",{dangerouslySetInnerHTML:{__html:s.body},className:"card--desc mt--12"}),e.jsx("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e.jsx(i.Button,{buttonText:s.buttonText||"Explore the feature",onClick:()=>(e=>{e.productVideo?(T(e.productVideo),q(!0)):e.redirectUrl&&window.open(e.redirectUrl,"_blank"),f&&f(e)})(s),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${a}`)))}))})]}),e.jsx(o.VideoModal,{isOpen:M,videoUrl:L,onClose:()=>{q(!1)}})]})):e.jsx(e.Fragment,{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("date-fns"),s=require("react"),r=require("../../assets/icons/searchIcon.svg.js"),a=require("../../assets/icons/whatsNew.svg.js"),n=require("../../constants/Theme.js"),i=require("../button/Button.js"),o=require("../feature-announcements/VideoModal.js"),d=require("../searchBar/searchBar.js"),c=require("../side-modal/SideModal.js"),l=require("../TypographyStyle.js"),h=require("./WhatsNew.styles.js");exports.WhatsNewPanel=u=>{let{isOpen:j,onClose:m,content:x,isLoading:g=!1,title:p="What's new on BIK",searchPlaceholder:w="Search posts",emptyStateTitle:b="Nothing new!",emptyStateDescription:y="There are no new updates or features at the moment. Check back soon!",noResultsText:C="Sorry, no results found.",width:O="480px",onContentClick:f,renderCustomContent:v}=u;const[N,S]=s.useState(""),[M,q]=s.useState(!1),[B,L]=s.useState(""),T=e=>{if(!e.createdAt)return!1;const s=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return t.differenceInBusinessDays(new Date,s)<7},k=s.useMemo((()=>{if(!N.trim())return x;const e=N.toLowerCase();return x.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[x,N]),D=0===x.length,A=0===k.length;return j?e.jsxs(c.SideModal,Object.assign({width:O,onClose:m,header:"",headerCustomComponent:e.jsx(l.TitleMedium,Object.assign({color:n.COLORS.background.inverse},{children:p})),headerStyle:{background:n.COLORS.background.brandLight},hideFooter:!0},{children:[e.jsxs(h.MainContainer,{children:[e.jsx("div",Object.assign({className:"mt-8"},{children:e.jsx(d.SearchBar,{width:"100%",isEnabled:!D,onChange:e=>{S(e)},onEnter:e=>{S(e)},placeholder:w,variant:"default",searchValue:N,onClickCross:()=>{S("")}})})),e.jsx(h.WhatsNewWrapper,{children:D||A?e.jsxs("div",Object.assign({className:"no--data--found"},{children:[e.jsx("div",Object.assign({className:"icon--wrapper"},{children:D?e.jsx(a.default,{width:32,height:32}):e.jsx(r.default,{width:32,height:32})})),D?e.jsxs(e.Fragment,{children:[e.jsx(l.TitleRegular,{children:b}),e.jsx(l.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:y}))]}):A?e.jsx(l.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:C})):null]})):e.jsx("div",Object.assign({className:"scroller"},{children:k.map(((s,r)=>{var a;return v?v(s):e.jsxs(h.MainCardContainer,Object.assign({className:"padding--16 mb-mt-8"},{children:[e.jsx(h.BackgroundImageContainer,{imageUrl:s.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e.jsx("div",Object.assign({className:"mt-20 full--width"},{children:e.jsxs("div",Object.assign({className:"created--at flex flex--row"},{children:[T(s)?e.jsx("div",Object.assign({className:"new--content--tag"},{children:e.jsx(l.Caption,{children:"New"})})):e.jsx(e.Fragment,{}),e.jsx(l.Caption,Object.assign({style:{color:n.COLORS.content.placeholder}},{children:s.createdAt?t.format(s.createdAt.toDate?s.createdAt.toDate():new Date(s.createdAt),"dd MMMM yyyy"):""}))]}))})),e.jsx("div",Object.assign({className:"mt--8"},{children:e.jsx(l.TitleSmall,{children:s.title})})),e.jsx("div",{dangerouslySetInnerHTML:{__html:s.body},className:"card--desc mt--12"}),e.jsx("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e.jsx(i.Button,{buttonText:(null===(a=s.primaryButton)||void 0===a?void 0:a.text)||s.buttonText||"Explore the feature",onClick:()=>(e=>{var t;if(e.productVideo)L(e.productVideo),q(!0);else{const s=(null===(t=e.primaryButton)||void 0===t?void 0:t.redirectionUrl)||e.redirectUrl;s&&window.open(s,"_blank","noopener,noreferrer")}f&&f(e)})(s),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${r}`)}))}))})]}),e.jsx(o.VideoModal,{isOpen:M,videoUrl:B,onClose:()=>{q(!1)}})]})):e.jsx(e.Fragment,{})};

package/dist/cjs/index.d.ts

@@ -6,6 +6,7 @@ export { AmplitudeEvent };
 export { StringUtils };
 export * from './constants/Theme';
 export * from './constants/zindex';
+export * from './assets/icons';
 export * from './components/checkBox';
 export * from './components/list-item';
 export * from './components/pagination';
@@ -101,5 +102,9 @@ export * from './components/dot-pulse';
 export * from './components/bik-chatbot';
 export * from './components/banner';
 export * from './components/feature-announcements';
+export * from './components/post-live-checklist-item';
+export * from './components/post-live-checklist';
+export * from './components/ProgressChecklist';
 export * from './components/BikGiftedChat';
 export * from './components/markdown';
+export * from './components/vertical-full-screen-modal';