@bikdotai/bik-component-library 0.0.275-beta.1 → 0.0.276

package/dist/esm/components/bik-layout/FeatureModal.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import s from"react-dom";import{COLORS as n}from"../../constants/Theme.js";import r from"../../assets/icons/cross.svg.js";import{Button as i}from"../button/Button.js";import{TitleMedium as a,BodyPrimary as c}from"../TypographyStyle.js";import{FeatureModalContainer as l,InnerModalContainer as d}from"./CommonStyles.js";const m=m=>{const{zIndex:u,disableCross:h=!1,otherContent:p,onClickingCross:b,onUpgrade:g,title:j,subTitle:f,showBookADemo:y,demoLink:k}=m,C=j||"Upgrade to access this feature",T=f||"This feature is not included in the current plan. Upgrade to get access and use this feature.";return s.createPortal(e(l,Object.assign({zIndex:u},{children:[!h&&t("div",Object.assign({className:"cross-button",onClick:()=>b(),"aria-hidden":"true"},{children:t(r,{height:20,width:20,color:n.surface.subdued})})),t(d,{children:p?t(o,{children:p}):e("div",Object.assign({className:"content-layout"},{children:[e("div",{children:[t(a,Object.assign({className:"title-color"},{children:C})),t(c,Object.assign({className:"title-color mt-8"},{children:T}))]}),e("div",Object.assign({className:"cta-buttons"},{children:[y&&t(i,{buttonText:"Book a demo",buttonType:"secondary",size:"large",inverse:!0,onClick:()=>{window.open(k,"_blank")}}),t(i,{buttonText:"Upgrade plan",buttonType:"primary",size:"large",inverse:!0,onClick:()=>g?g():""})]}))]}))})]})),document.body)};export{m as FeatureModal};
+import{jsxs as e,jsx as t,Fragment as s}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import n from"../../assets/icons/cross.svg.js";import{Button as i}from"../button/Button.js";import{TitleMedium as r,BodyPrimary as a}from"../TypographyStyle.js";import{FeatureModalContainer as c,InnerModalContainer as l}from"./CommonStyles.js";const d=d=>{const{zIndex:m,disableCross:u=!1,otherContent:h,onClickingCross:p,onUpgrade:b,title:g,subTitle:j,showBookADemo:f,demoLink:y}=d,k=g||"Upgrade to access this feature",C=j||"This feature is not included in the current plan. Upgrade to get access and use this feature.";return e(c,Object.assign({zIndex:m},{children:[!u&&t("div",Object.assign({className:"cross-button",onClick:()=>p(),"aria-hidden":"true"},{children:t(n,{height:20,width:20,color:o.surface.subdued})})),t(l,{children:h?t(s,{children:h}):e("div",Object.assign({className:"content-layout"},{children:[e("div",{children:[t(r,Object.assign({className:"title-color"},{children:k})),t(a,Object.assign({className:"title-color mt-8"},{children:C}))]}),e("div",Object.assign({className:"cta-buttons"},{children:[f&&t(i,{buttonText:"Book a demo",buttonType:"secondary",size:"large",inverse:!0,onClick:()=>{window.open(y,"_blank")}}),t(i,{buttonText:"Upgrade plan",buttonType:"primary",size:"large",inverse:!0,onClick:()=>b?b():""})]}))]}))})]}))};export{d as FeatureModal};

package/dist/esm/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/esm/components/modals/Modal.js

@@ -1 +1 @@
-import{jsx as o,Fragment as n,jsxs as s}from"react/jsx-runtime";import{RootContainer as e,CentralContainer as t,CloseButtonContainer as i}from"./modal.styled.js";import{COLORS as r}from"../../constants/Theme.js";import l from"../../assets/icons/cross.svg.js";const c=c=>{var d;return o(n,{children:c.open&&o(e,Object.assign({zIndex:c.zIndex||11,onClick:o=>{c.closeOnOutsideClick&&c.onClose?c.onClose():o.stopPropagation()}},{children:o(t,Object.assign({style:Object.assign({},null!==(d=c.centralContainerStyles)&&void 0!==d?d:{}),onClick:o=>{o.stopPropagation()},width:c.width},{children:s(n,{children:[!(null==c?void 0:c.hideCrossButton)&&o(i,Object.assign({onClick:()=>c.onClose&&c.onClose()},{children:o(l,{height:20,width:20,color:r.content.secondary})})),c.children]})}))}))})};export{c as Modal};
+import{jsx as o,Fragment as n,jsxs as s}from"react/jsx-runtime";import{RootContainer as e,CentralContainer as t,CloseButtonContainer as i}from"./modal.styled.js";import{COLORS as r}from"../../constants/Theme.js";import l from"../../assets/icons/cross.svg.js";const c=c=>{var d;return o(n,{children:c.open&&o(e,Object.assign({zIndex:c.zIndex||1,onClick:o=>{c.closeOnOutsideClick&&c.onClose?c.onClose():o.stopPropagation()}},{children:o(t,Object.assign({style:Object.assign({},null!==(d=c.centralContainerStyles)&&void 0!==d?d:{}),onClick:o=>{o.stopPropagation()},width:c.width},{children:s(n,{children:[!(null==c?void 0:c.hideCrossButton)&&o(i,Object.assign({onClick:()=>c.onClose&&c.onClose()},{children:o(l,{height:20,width:20,color:r.content.secondary})})),c.children]})}))}))})};export{c as Modal};

package/dist/esm/components/side-modal/SideModal.d.ts

@@ -10,6 +10,5 @@ export interface SideModalProps {
     saveButtonProps: ButtonProps;
     cancelButtonProps: ButtonProps;
     onClose: () => void;
-    zIndex?: number;
 }
 export declare const SideModal: React.FC<SideModalProps>;

package/dist/esm/components/side-modal/SideModal.js

@@ -1 +1 @@
-import{jsx as o,jsxs as t,Fragment as e}from"react/jsx-runtime";import r from"react-dom";import n from"../../assets/icons/cross.svg.js";import{Button as i}from"../button/Button.js";import{TitleMedium as s}from"../TypographyStyle.js";import{SideModalStyle as c,SideModalContainer as m,SideModalHeader as d,SideModalBody as a,SideModalFooter as l,FooterButtonWrapper as h}from"./SideModal.style.js";const p=p=>r.createPortal(o(c,Object.assign({zIndex:p.zIndex},{children:t(m,{children:[t(d,{children:[o(s,{children:p.header}),!p.hideCrossButton&&o(n,{width:24,height:24,onClick:p.onClose})]}),o(a,{children:p.children}),t(l,Object.assign({footerDirection:p.footerDirection},{children:[t(h,Object.assign({footerDirection:p.footerDirection},{children:[o(i,Object.assign({},p.saveButtonProps)),o(i,Object.assign({},p.cancelButtonProps))]})),p.footerCustomComponent?p.footerCustomComponent:o(e,{})]}))]})})),document.body);export{p as SideModal};
+import{jsx as o,jsxs as t,Fragment as e}from"react/jsx-runtime";import r from"react-dom";import i from"../../assets/icons/cross.svg.js";import{Button as n}from"../button/Button.js";import{TitleMedium as s}from"../TypographyStyle.js";import{SideModalStyle as c,SideModalContainer as m,SideModalHeader as d,SideModalBody as l,SideModalFooter as a,FooterButtonWrapper as h}from"./SideModal.style.js";const p=p=>r.createPortal(o(c,{children:t(m,{children:[t(d,{children:[o(s,{children:p.header}),!p.hideCrossButton&&o(i,{width:24,height:24,onClick:p.onClose})]}),o(l,{children:p.children}),t(a,Object.assign({footerDirection:p.footerDirection},{children:[t(h,Object.assign({footerDirection:p.footerDirection},{children:[o(n,Object.assign({},p.saveButtonProps)),o(n,Object.assign({},p.cancelButtonProps))]})),p.footerCustomComponent?p.footerCustomComponent:o(e,{})]}))]})}),document.body);export{p as SideModal};

package/dist/esm/components/side-modal/SideModal.style.d.ts

@@ -1,6 +1,4 @@
-export declare const SideModalStyle: import("styled-components").StyledComponent<"div", any, {
-    zIndex?: number | undefined;
-}, never>;
+export declare const SideModalStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SideModalContainer: import("styled-components").StyledComponent<"div", any, {
     width?: string | undefined;
 }, never>;

package/dist/esm/components/side-modal/SideModal.style.js

@@ -1,22 +1,22 @@
-import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const t=e.div`
+import i from"styled-components";import{COLORS as t}from"../../constants/Theme.js";const e=i.div`
 	position: fixed;
 	top: 0;
 	left: 0;
-	z-index: ${e=>e.zIndex||10};
+	z-index: 11;
 	height: 100%;
 	width: 100%;
 	background-color: rgba(0, 0, 0, 0.4);
 	display: flex;
 	align-items: center;
 	justify-content: flex-end;
-`,o=e.div`
+`,o=i.div`
 	height: 100%;
-	width: ${e=>e.width||"566px"};
-	background: ${i.surface.standard};
+	width: ${i=>i.width||"566px"};
+	background: ${t.surface.standard};
 	position: relative;
 	display: flex;
 	flex-direction: column;
-`,r=e.div`
+`,r=i.div`
 	width: 100%;
 	height: 60px;
 	position: sticky;
@@ -25,30 +25,30 @@ import e from"styled-components";import{COLORS as i}from"../../constants/Theme.j
 	flex-direction: row;
 	align-items: center;
 	justify-content: space-between;
-	background: ${i.surface.standard};
+	background: ${t.surface.standard};
 	padding: 0px 24px;
-	border-bottom: 1px solid ${i.stroke.primary};
+	border-bottom: 1px solid ${t.stroke.primary};
 	svg:hover {
 		cursor: pointer;
 	}
-`,d=e.div`
+`,d=i.div`
 	overflow-y: auto;
 	padding: 24px;
 	height: calc(100% - 120px);
-`,n=e.div`
+`,n=i.div`
 	height: 60px;
 	width: 100%;
 	position: sticky;
 	bottom: 0;
 	display: flex;
-	flex-direction: ${e=>e.footerDirection||"row"};
+	flex-direction: ${i=>i.footerDirection||"row"};
 	justify-content: space-between;
 	align-items: center;
-	background: ${i.surface.standard};
-	border-top: 1px solid ${i.stroke.primary};
+	background: ${t.surface.standard};
+	border-top: 1px solid ${t.stroke.primary};
 	padding: 0px 24px;
-`,p=e.div`
+`,p=i.div`
 	display: flex;
-	flex-direction: ${e=>e.footerDirection||"row"};
+	flex-direction: ${i=>i.footerDirection||"row"};
 	gap: 8px;
-`;export{p as FooterButtonWrapper,d as SideModalBody,o as SideModalContainer,n as SideModalFooter,r as SideModalHeader,t as SideModalStyle};
+`;export{p as FooterButtonWrapper,d as SideModalBody,o as SideModalContainer,n as SideModalFooter,r as SideModalHeader,e as SideModalStyle};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const WorkingStepper: () => JSX.Element;
 export declare enum STEPENUM {
     STEP1 = "STEP1",

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.275-beta.1",
+	"version": "0.0.276",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",