@bikdotai/bik-component-library 0.0.376 → 0.0.377-beta.1

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{AvatarStyle as r}from"./Avatar.styled.js";import{SIZE as o,AVATAR_BACKGROUND as i,AVATAR_TYPES as s,AVATAR_SIZE_MAP as c}from"./AvatarHelper.js";import{BodyTiny as n,TitleSmall as a,TitleMedium as d}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";const p={[o.SMALL]:16,[o.MEDIUM]:20,[o.LARGE]:32},h={[i.LIGHT]:l.content.secondary,[i.DARK]:l.surface.standard},m=i=>e(r,Object.assign({type:i.type,size:i.size,background:i.background},{children:[i.type===s.IMAGE&&t("img",{alt:"",width:c[i.size],height:c[i.size],style:{borderRadius:"50%",objectFit:"contain"},src:i.photoUrl}),i.type===s.INITIALS&&t("div",{children:(()=>{const e=(i.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return i.size===o.SMALL?t(n,Object.assign({style:{color:h[i.background]}},{children:e})):i.size===o.MEDIUM?t(a,Object.assign({style:{color:h[i.background]}},{children:e})):i.size===o.LARGE?t(d,Object.assign({style:{color:h[i.background]}},{children:e})):void 0})()}),i.type===s.ICON&&i.icon&&t(i.icon,{width:p[i.size],height:p[i.size],color:h[i.background]})]}));export{p as AVATAR_SIZE_VS_ICON_SIZE_MAP,m as Avatar,h as BACKGROUND_VS_TEXT_COLOR_MAP};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{AvatarStyle as t}from"./Avatar.styled.js";import{SIZE as o,AVATAR_BACKGROUND as s,AVATAR_TYPES as i,AVATAR_SIZE_MAP as c}from"./AvatarHelper.js";import{BodyTiny as n,TitleSmall as a,TitleMedium as d}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";const p={[o.SMALL]:16,[o.MEDIUM]:20,[o.LARGE]:32},h={[s.LIGHT]:l.content.secondary,[s.DARK]:l.surface.standard},m=s=>e(t,Object.assign({type:s.type,size:s.size,background:s.background},{children:[s.type===i.IMAGE&&r("img",{alt:"",width:c[s.size],height:c[s.size],style:{borderRadius:"50%"},src:s.photoUrl}),s.type===i.INITIALS&&r("div",{children:(()=>{const e=(s.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return s.size===o.SMALL?r(n,Object.assign({style:{color:h[s.background]}},{children:e})):s.size===o.MEDIUM?r(a,Object.assign({style:{color:h[s.background]}},{children:e})):s.size===o.LARGE?r(d,Object.assign({style:{color:h[s.background]}},{children:e})):void 0})()}),s.type===i.ICON&&s.icon&&r(s.icon,{width:p[s.size],height:p[s.size],color:h[s.background]})]}));export{p as AVATAR_SIZE_VS_ICON_SIZE_MAP,m as Avatar,h as BACKGROUND_VS_TEXT_COLOR_MAP};

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

@@ -11,14 +11,11 @@ export interface BikLayoutProps {
     onClickingCrossOnFeatureModal?: () => void;
     onUpgrade?: () => void;
     extraContentForModal?: JSX.Element;
-    type?: 'overflow-within' | 'overflow-body';
     featureModalProps?: {
         title?: string;
         subTitle?: string;
         showBookADemo?: boolean;
         demoLink?: string;
-        featureImage?: string;
     };
-    useFeautureModalV2?: boolean;
 }
 export declare const BikLayout: React.FC<BikLayoutProps>;

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

@@ -1 +1 @@
-import{jsx as e,Fragment as r,jsxs as o}from"react/jsx-runtime";import{BikLayoutContainer as n}from"./CommonStyles.js";import{FeatureModal as a}from"./FeatureModal.js";import{FeatureModalV2 as t}from"./FeatureModalV2.js";import{PageLoader as i}from"./PageLoader.js";const s=s=>{const{isLoading:d,isFeatureModalEnabled:l=!1,isDisabled:c=!1,loadingAnimation:p,hidePadding:m=!1,height:g,children:h,containerStyles:u,onClickingCrossOnFeatureModal:j,onUpgrade:b,extraContentForModal:C,featureModalProps:M,type:f,useFeautureModalV2:F}=s;return d?e(n,{children:p||e(i,{})}):e(r,{children:o(n,Object.assign({type:f},{children:[e("div",{className:""+(c?"disabled--wrapper":"")}),e("div",Object.assign({className:""+(m?"inner-wrapper":"inner-wrapper pd-24"),style:Object.assign({height:`${g||""}`},null!=u?u:{})},{children:h})),l&&e(r,{children:F?e(t,Object.assign({onUpgrade:b},M,{otherContent:C})):e(a,Object.assign({showBookADemo:!0,onClickingCross:()=>j?j():"",onUpgrade:b},M,{otherContent:C}))})]}))})};export{s as BikLayout};
+import{jsx as e,Fragment as r,jsxs as o}from"react/jsx-runtime";import{BikLayoutContainer as n}from"./CommonStyles.js";import{FeatureModal as i}from"./FeatureModal.js";import{PageLoader as a}from"./PageLoader.js";const s=s=>{const{isLoading:t,isFeatureModalEnabled:d=!1,isDisabled:l=!1,loadingAnimation:c,hidePadding:m=!1,height:p,children:g,containerStyles:h,onClickingCrossOnFeatureModal:j,onUpgrade:u,extraContentForModal:C,featureModalProps:b}=s;return t?e(n,{children:c||e(a,{})}):e(r,{children:o(n,{children:[e("div",{className:""+(l?"disabled--wrapper":"")}),e("div",Object.assign({className:""+(m?"inner-wrapper":"inner-wrapper pd-24"),style:Object.assign({height:`${p||""}`},null!=h?h:{})},{children:g})),d&&e(i,Object.assign({showBookADemo:!0,onClickingCross:()=>j?j():"",onUpgrade:u},b,{otherContent:C}))]})})};export{s as BikLayout};

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

@@ -14,8 +14,6 @@ export declare const LoadingMessageWrapper: import("@emotion/styled").StyledComp
 export declare const BikLayoutContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & {
-    type?: "overflow-within" | "overflow-body" | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const BikHeaderWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
@@ -92,18 +90,8 @@ export declare const FeatureModalContainer: import("@emotion/styled").StyledComp
     as?: import("react").ElementType<any> | undefined;
 } & {
     zIndex?: number | undefined;
-    resetHeight?: boolean | undefined;
-    relativePostion?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InnerModalContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const RelativeModalContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FeatureModalV2Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;