@bikdotai/bik-component-library 0.0.389-beta.7 → 0.0.389

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

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

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

@@ -7,10 +7,9 @@ export interface SideModalProps {
     footerDirection?: 'row' | 'row-reverse';
     hideCrossButton?: boolean;
     width?: string;
-    saveButtonProps?: ButtonProps;
-    cancelButtonProps?: ButtonProps;
+    saveButtonProps: ButtonProps;
+    cancelButtonProps: ButtonProps;
     onClose: () => void;
     zIndex?: number;
-    hideFooter?: boolean;
 }
 export declare const SideModal: React.FC<SideModalProps>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-dom"),o=require("../../assets/icons/cross.svg.js"),r=require("../button/Button.js"),s=require("../TypographyStyle.js"),i=require("./SideModal.style.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=n(t);exports.SideModal=t=>d.default.createPortal(e.jsx(i.SideModalStyle,Object.assign({zIndex:t.zIndex},{children:e.jsxs(i.SideModalContainer,Object.assign({width:t.width},{children:[e.jsxs(i.SideModalHeader,{children:[e.jsx(s.TitleMedium,{children:t.header}),!t.hideCrossButton&&e.jsx(o.default,{width:24,height:24,onClick:t.onClose})]}),e.jsx(i.SideModalBody,Object.assign({hideFooter:t.hideFooter},{children:t.children})),!0===t.hideFooter?null:e.jsxs(i.SideModalFooter,Object.assign({footerDirection:t.footerDirection},{children:[e.jsxs(i.FooterButtonWrapper,Object.assign({footerDirection:t.footerDirection},{children:[e.jsx(r.Button,Object.assign({},t.saveButtonProps)),e.jsx(r.Button,Object.assign({},t.cancelButtonProps))]})),t.footerCustomComponent?t.footerCustomComponent:e.jsx(e.Fragment,{})]}))]}))})),document.body);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-dom"),o=require("../../assets/icons/cross.svg.js"),r=require("../button/Button.js"),s=require("../TypographyStyle.js"),i=require("./SideModal.style.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=n(t);exports.SideModal=t=>d.default.createPortal(e.jsx(i.SideModalStyle,Object.assign({zIndex:t.zIndex},{children:e.jsxs(i.SideModalContainer,Object.assign({width:t.width},{children:[e.jsxs(i.SideModalHeader,{children:[e.jsx(s.TitleMedium,{children:t.header}),!t.hideCrossButton&&e.jsx(o.default,{width:24,height:24,onClick:t.onClose})]}),e.jsx(i.SideModalBody,{children:t.children}),e.jsxs(i.SideModalFooter,Object.assign({footerDirection:t.footerDirection},{children:[e.jsxs(i.FooterButtonWrapper,Object.assign({footerDirection:t.footerDirection},{children:[e.jsx(r.Button,Object.assign({},t.saveButtonProps)),e.jsx(r.Button,Object.assign({},t.cancelButtonProps))]})),t.footerCustomComponent?t.footerCustomComponent:e.jsx(e.Fragment,{})]}))]}))})),document.body);

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

@@ -5,9 +5,7 @@ export declare const SideModalContainer: import("styled-components").StyledCompo
     width?: string | undefined;
 }, never>;
 export declare const SideModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SideModalBody: import("styled-components").StyledComponent<"div", any, {
-    hideFooter?: boolean | undefined;
-}, never>;
+export declare const SideModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SideModalFooter: import("styled-components").StyledComponent<"div", any, {
     footerDirection?: "row" | "row-reverse" | undefined;
 }, never>;

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

@@ -34,7 +34,7 @@
 `,s=d.default.div`
 	overflow-y: auto;
 	padding: 24px;
-	height: ${e=>e.hideFooter?"calc(100% - 60px)":"calc(100% - 120px)"};
+	height: calc(100% - 120px);
 `,p=d.default.div`
 	height: 60px;
 	width: 100%;

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

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

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

@@ -7,10 +7,9 @@ export interface SideModalProps {
     footerDirection?: 'row' | 'row-reverse';
     hideCrossButton?: boolean;
     width?: string;
-    saveButtonProps?: ButtonProps;
-    cancelButtonProps?: ButtonProps;
+    saveButtonProps: ButtonProps;
+    cancelButtonProps: ButtonProps;
     onClose: () => void;
     zIndex?: number;
-    hideFooter?: boolean;
 }
 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 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 d,SideModalHeader as h,SideModalBody as m,SideModalFooter as a,FooterButtonWrapper as l}from"./SideModal.style.js";const p=p=>r.createPortal(o(c,Object.assign({zIndex:p.zIndex},{children:t(d,Object.assign({width:p.width},{children:[t(h,{children:[o(s,{children:p.header}),!p.hideCrossButton&&o(i,{width:24,height:24,onClick:p.onClose})]}),o(m,Object.assign({hideFooter:p.hideFooter},{children:p.children})),!0===p.hideFooter?null:t(a,Object.assign({footerDirection:p.footerDirection},{children:[t(l,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};
+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 d,SideModalHeader as m,SideModalBody as a,SideModalFooter as h,FooterButtonWrapper as l}from"./SideModal.style.js";const p=p=>r.createPortal(o(c,Object.assign({zIndex:p.zIndex},{children:t(d,Object.assign({width:p.width},{children:[t(m,{children:[o(s,{children:p.header}),!p.hideCrossButton&&o(i,{width:24,height:24,onClick:p.onClose})]}),o(a,{children:p.children}),t(h,Object.assign({footerDirection:p.footerDirection},{children:[t(l,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

@@ -5,9 +5,7 @@ export declare const SideModalContainer: import("styled-components").StyledCompo
     width?: string | undefined;
 }, never>;
 export declare const SideModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SideModalBody: import("styled-components").StyledComponent<"div", any, {
-    hideFooter?: boolean | undefined;
-}, never>;
+export declare const SideModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SideModalFooter: import("styled-components").StyledComponent<"div", any, {
     footerDirection?: "row" | "row-reverse" | undefined;
 }, never>;

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

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

package/package.json

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