@bikdotai/bik-component-library 0.0.5-beta.1 → 0.0.5-beta.3

package/dist/cjs/components/fab-menu/FABMenu.d.ts

@@ -12,7 +12,10 @@ export declare const FABMenu: React.FC<{
     menuWidth?: number;
     menuHeight?: number;
     buttonIcon?: JSX.Element;
-    buttonPadding?: number;
+    buttonPaddingHorizontal?: number;
+    buttonPaddingVertical?: number;
     tooltipPlacement?: TooltipPlacement;
     tooltipText?: string;
+    zIndex?: number;
+    isRound?: boolean;
 }>;

package/dist/cjs/components/fab-menu/FABMenu.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../dropdown/opennedDropdown/components/OpennedDropdown.js"),n=require("../floating-action-button/FloatingActionButton.js");require("../floating-action-button/FloatingActionButton.styles.js");exports.FABMenu=e=>{const{onSelect:i,menuOptions:r,buttonWidth:u,buttonHeight:s,buttonColor:d,buttonPosition:c,menuWidth:l,menuHeight:p,buttonIcon:a,buttonPadding:g,tooltipPlacement:h,tooltipText:b}=e;return t.jsx("div",{children:t.jsx(n.FloatingActionButton,Object.assign({icon:a,width:u,height:s,color:d,position:c,buttonPadding:g,tooltipPlacement:h,tooltipText:b},{children:t.jsx(o.OpennedDropdown,{options:r,height:p||90,width:l,onSelect:i})}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../dropdown/opennedDropdown/components/OpennedDropdown.js"),n=require("../floating-action-button/FloatingActionButton.js");require("../floating-action-button/FloatingActionButton.styles.js");exports.FABMenu=e=>{const{onSelect:i,menuOptions:r,buttonWidth:d,buttonHeight:u,buttonColor:l,buttonPosition:s,menuWidth:c,menuHeight:a,buttonIcon:p,buttonPaddingHorizontal:g,buttonPaddingVertical:b,tooltipPlacement:h,tooltipText:x,zIndex:j,isRound:P}=e;return t.jsx("div",{children:t.jsx(n.FloatingActionButton,Object.assign({icon:p,width:d,height:u,color:l,position:s,buttonPaddingHorizontal:g,buttonPaddingVertical:b,tooltipPlacement:h,tooltipText:x,zIndex:j,isRound:P},{children:t.jsx(o.OpennedDropdown,{options:r,height:a||90,width:c,onSelect:i})}))})};

package/dist/cjs/components/floating-action-button/FloatingActionButton.d.ts

@@ -10,7 +10,10 @@ export declare const FloatingActionButton: React.FC<{
     icon?: JSX.Element;
     color?: string;
     position?: FAB_POSITION;
-    buttonPadding?: number;
+    buttonPaddingHorizontal?: number;
+    buttonPaddingVertical?: number;
     tooltipText?: string;
     tooltipPlacement?: TooltipPlacement;
+    zIndex?: number;
+    isRound?: boolean;
 }>;

package/dist/cjs/components/floating-action-button/FloatingActionButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("react-bootstrap"),i=require("../../constants/Theme.js"),n=require("../tooltips/CustomisedTooltip.js"),e=require("../../assets/icons/question-mark.svg.js"),r=require("./FloatingActionButton.styles.js");const l=o=>{const{width:i,height:l,color:s,buttonPadding:c,onClick:d,icon:h,tooltipPlacement:a,tooltipText:g}=o;return g?t.jsx(n.CustomisedTooltip,{tooltipContent:t.jsx(t.Fragment,{children:g}),tooltipTriggerContent:t.jsx(r.FloatingActionButtonContainer,Object.assign({width:i,height:l,color:s,buttonPadding:c,onClick:d},{children:h||t.jsx(e.default,{width:22,height:22})})),tooltipPlacement:a,showOnHover:!0}):t.jsx(t.Fragment,{children:t.jsx(r.FloatingActionButtonContainer,Object.assign({width:i,height:l,color:s,buttonPadding:c,onClick:d},{children:h||t.jsx(e.default,{width:22,height:22})}))})};exports.FloatingActionButton=e=>{const{icon:s,onClick:c,children:d,tooltipText:h}=e,a=e.width?e.width:48,g=e.height?e.height:48,u=e.color?e.color:i.COLORS.background.inverse,p=e.position?e.position:r.FAB_POSITION.TOP_LEFT,j=e.buttonPadding?e.buttonPadding:20,x=e.tooltipPlacement?e.tooltipPlacement:n.TooltipPlacement.Auto;return t.jsx(t.Fragment,{children:t.jsx(r.FloatingActionButtonOuterContainer,Object.assign({width:a,height:g,color:u,position:p,buttonPadding:j},{children:t.jsx(r.StyledDropdown,{children:d?t.jsxs(t.Fragment,{children:[t.jsx(r.DropdownToggleContainer,{children:t.jsx(l,{width:a,height:g,color:u,buttonPadding:j,tooltipPlacement:x,onClick:c,tooltipText:h,icon:s,position:p})}),t.jsx(o.Dropdown.Menu,{children:d})]}):t.jsx(l,{width:a,height:g,color:u,buttonPadding:j,tooltipPlacement:x,onClick:c,tooltipText:h,icon:s,position:p})})}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("react-bootstrap"),i=require("../../constants/Theme.js"),n=require("../tooltips/CustomisedTooltip.js"),e=require("../../assets/icons/question-mark.svg.js"),r=require("./FloatingActionButton.styles.js");const l=o=>{const{width:i,height:l,color:s,onClick:c,icon:d,tooltipPlacement:a,tooltipText:h,isRound:u}=o;return h?t.jsx(n.CustomisedTooltip,{tooltipContent:t.jsx(t.Fragment,{children:h}),tooltipTriggerContent:t.jsx(r.FloatingActionButtonContainer,Object.assign({width:i,height:l,color:s,onClick:c,isRound:u},{children:d||t.jsx(e.default,{width:22,height:22})})),tooltipPlacement:a,showOnHover:!0}):t.jsx(t.Fragment,{children:t.jsx(r.FloatingActionButtonContainer,Object.assign({width:i,height:l,color:s,onClick:c,isRound:u},{children:d||t.jsx(e.default,{width:22,height:22})}))})};exports.FloatingActionButton=e=>{const{icon:s,onClick:c,children:d,tooltipText:a}=e,h=e.width?e.width:48,u=e.height?e.height:48,g=e.color?e.color:i.COLORS.background.inverse,p=e.position?e.position:r.FAB_POSITION.TOP_LEFT,x=e.buttonPaddingHorizontal?e.buttonPaddingHorizontal:20,j=e.buttonPaddingVertical?e.buttonPaddingVertical:20,m=e.zIndex?e.zIndex:1,P=e.tooltipPlacement?e.tooltipPlacement:n.TooltipPlacement.Auto,C=!1!==e.isRound;return t.jsx(t.Fragment,{children:t.jsx(r.FloatingActionButtonOuterContainer,Object.assign({width:h,height:u,color:g,position:p,buttonPaddingHorizontal:x,buttonPaddingVertical:j,zIndex:m},{children:t.jsx(r.StyledDropdown,{children:d?t.jsxs(t.Fragment,{children:[t.jsx(r.DropdownToggleContainer,{children:t.jsx(l,{width:h,height:u,color:g,tooltipPlacement:P,onClick:c,tooltipText:a,icon:s,position:p,isRound:C})}),t.jsx(o.Dropdown.Menu,{children:d})]}):t.jsx(l,{width:h,height:u,color:g,tooltipPlacement:P,onClick:c,tooltipText:a,icon:s,position:p,isRound:C})})}))})};

package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.d.ts

@@ -9,14 +9,16 @@ export declare const FloatingActionButtonContainer: import("styled-components").
     width: number;
     height: number;
     color: string;
-    buttonPadding: number;
+    isRound: boolean;
 }, never>;
 export declare const FloatingActionButtonOuterContainer: import("styled-components").StyledComponent<"div", any, {
     width: number;
     height: number;
     color: string;
     position: FAB_POSITION;
-    buttonPadding: number;
+    buttonPaddingHorizontal: number;
+    buttonPaddingVertical: number;
+    zIndex: number;
 }, never>;
 export declare const StyledDropdown: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownProps> & {
     Toggle: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>;

package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.js

@@ -1,19 +1,23 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react-bootstrap"),o=require("styled-components"),e=require("../../constants/Theme.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n,i=r(o);exports.FAB_POSITION=void 0,(n=exports.FAB_POSITION||(exports.FAB_POSITION={})).TOP_LEFT="top left",n.TOP_RIGHT="top right",n.BOTTOM_LEFT="bottom left",n.BOTTOM_RIGHT="botton right";const d=i.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react-bootstrap"),o=require("styled-components"),e=require("../../constants/Theme.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i,n=r(o);exports.FAB_POSITION=void 0,(i=exports.FAB_POSITION||(exports.FAB_POSITION={})).TOP_LEFT="top left",i.TOP_RIGHT="top right",i.BOTTOM_LEFT="bottom left",i.BOTTOM_RIGHT="botton right";const d=n.default.div`
 	width: ${t=>t.width}px;
 	height: ${t=>t.height}px;
 	background: ${t=>t.color};
-	border-radius: 50%;
+	${t=>t.isRound?"border-radius: 50%;":"border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius:50%;"}
 	justify-content: center;
 	align-items: center;
 	cursor: pointer;
 	display: flex;
-`,p=i.default.div`
+`,a=n.default.div`
 	display: flex;
+	border-radius: 50%;
 	flex-direction: column;
 	align-items: flex-end;
-	position: absolute;
-	${t=>t.position===exports.FAB_POSITION.BOTTOM_RIGHT?`right: ${t.buttonPadding}px; bottom: ${t.buttonPadding}px`:t.position===exports.FAB_POSITION.BOTTOM_LEFT?`left: ${t.buttonPadding}px; bottom: ${t.buttonPadding}px`:t.position===exports.FAB_POSITION.TOP_LEFT?`left: ${t.buttonPadding}px; top: ${t.buttonPadding}px`:t.position===exports.FAB_POSITION.TOP_RIGHT?`right: ${t.buttonPadding}px; top: ${t.buttonPadding}px`:""}
-`,a=i.default(t.Dropdown)`
+	position: fixed;
+	width: ${t=>t.width}px;
+	height: ${t=>t.height}px;
+	z-index: ${t=>t.zIndex};
+	${t=>t.position===exports.FAB_POSITION.BOTTOM_RIGHT?`right: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:t.position===exports.FAB_POSITION.BOTTOM_LEFT?`left: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:t.position===exports.FAB_POSITION.TOP_LEFT?`left: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:t.position===exports.FAB_POSITION.TOP_RIGHT?`right: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:""};
+`,p=n.default(t.Dropdown)`
 	.filter-container {
 		.single-row {
 			display: flex;
@@ -70,7 +74,7 @@
 		text-decoration: none;
 		background-color: ${e.COLORS.background.positive.light};
 	}
-`,s=i.default(t.Dropdown.Toggle)`
+`,s=n.default(t.Dropdown.Toggle)`
 	border-radius: 4px;
 	display: flex;
 	flex-direction: row;
@@ -80,4 +84,4 @@
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 20px;
-`;exports.DropdownToggleContainer=s,exports.FloatingActionButtonContainer=d,exports.FloatingActionButtonOuterContainer=p,exports.StyledDropdown=a;
+`;exports.DropdownToggleContainer=s,exports.FloatingActionButtonContainer=d,exports.FloatingActionButtonOuterContainer=a,exports.StyledDropdown=p;

package/dist/cjs/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/fab-menu/FABMenu.d.ts

@@ -12,7 +12,10 @@ export declare const FABMenu: React.FC<{
     menuWidth?: number;
     menuHeight?: number;
     buttonIcon?: JSX.Element;
-    buttonPadding?: number;
+    buttonPaddingHorizontal?: number;
+    buttonPaddingVertical?: number;
     tooltipPlacement?: TooltipPlacement;
     tooltipText?: string;
+    zIndex?: number;
+    isRound?: boolean;
 }>;

package/dist/esm/components/fab-menu/FABMenu.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{OpennedDropdown as o}from"../dropdown/opennedDropdown/components/OpennedDropdown.js";import{FloatingActionButton as n}from"../floating-action-button/FloatingActionButton.js";import"../floating-action-button/FloatingActionButton.styles.js";const i=i=>{const{onSelect:e,menuOptions:r,buttonWidth:c,buttonHeight:p,buttonColor:d,buttonPosition:l,menuWidth:u,menuHeight:s,buttonIcon:m,buttonPadding:a,tooltipPlacement:h,tooltipText:g}=i;return t("div",{children:t(n,Object.assign({icon:m,width:c,height:p,color:d,position:l,buttonPadding:a,tooltipPlacement:h,tooltipText:g},{children:t(o,{options:r,height:s||90,width:u,onSelect:e})}))})};export{i as FABMenu};
+import{jsx as t}from"react/jsx-runtime";import{OpennedDropdown as o}from"../dropdown/opennedDropdown/components/OpennedDropdown.js";import{FloatingActionButton as n}from"../floating-action-button/FloatingActionButton.js";import"../floating-action-button/FloatingActionButton.styles.js";const i=i=>{const{onSelect:e,menuOptions:d,buttonWidth:r,buttonHeight:l,buttonColor:c,buttonPosition:u,menuWidth:a,menuHeight:p,buttonIcon:s,buttonPaddingHorizontal:m,buttonPaddingVertical:g,tooltipPlacement:b,tooltipText:h,zIndex:P,isRound:x}=i;return t("div",{children:t(n,Object.assign({icon:s,width:r,height:l,color:c,position:u,buttonPaddingHorizontal:m,buttonPaddingVertical:g,tooltipPlacement:b,tooltipText:h,zIndex:P,isRound:x},{children:t(o,{options:d,height:p||90,width:a,onSelect:e})}))})};export{i as FABMenu};

package/dist/esm/components/floating-action-button/FloatingActionButton.d.ts

@@ -10,7 +10,10 @@ export declare const FloatingActionButton: React.FC<{
     icon?: JSX.Element;
     color?: string;
     position?: FAB_POSITION;
-    buttonPadding?: number;
+    buttonPaddingHorizontal?: number;
+    buttonPaddingVertical?: number;
     tooltipText?: string;
     tooltipPlacement?: TooltipPlacement;
+    zIndex?: number;
+    isRound?: boolean;
 }>;

package/dist/esm/components/floating-action-button/FloatingActionButton.js

@@ -1 +1 @@
-import{jsx as t,Fragment as o,jsxs as i}from"react/jsx-runtime";import{Dropdown as n}from"react-bootstrap";import{COLORS as e}from"../../constants/Theme.js";import{TooltipPlacement as c,CustomisedTooltip as l}from"../tooltips/CustomisedTooltip.js";import r from"../../assets/icons/question-mark.svg.js";import{FAB_POSITION as h,FloatingActionButtonOuterContainer as d,StyledDropdown as s,DropdownToggleContainer as p,FloatingActionButtonContainer as g}from"./FloatingActionButton.styles.js";const a=i=>{const{width:n,height:e,color:c,buttonPadding:h,onClick:d,icon:s,tooltipPlacement:p,tooltipText:a}=i;return a?t(l,{tooltipContent:t(o,{children:a}),tooltipTriggerContent:t(g,Object.assign({width:n,height:e,color:c,buttonPadding:h,onClick:d},{children:s||t(r,{width:22,height:22})})),tooltipPlacement:p,showOnHover:!0}):t(o,{children:t(g,Object.assign({width:n,height:e,color:c,buttonPadding:h,onClick:d},{children:s||t(r,{width:22,height:22})}))})},m=l=>{const{icon:r,onClick:g,children:m,tooltipText:u}=l,P=l.width?l.width:48,b=l.height?l.height:48,w=l.color?l.color:e.background.inverse,C=l.position?l.position:h.TOP_LEFT,T=l.buttonPadding?l.buttonPadding:20,j=l.tooltipPlacement?l.tooltipPlacement:c.Auto;return t(o,{children:t(d,Object.assign({width:P,height:b,color:w,position:C,buttonPadding:T},{children:t(s,{children:m?i(o,{children:[t(p,{children:t(a,{width:P,height:b,color:w,buttonPadding:T,tooltipPlacement:j,onClick:g,tooltipText:u,icon:r,position:C})}),t(n.Menu,{children:m})]}):t(a,{width:P,height:b,color:w,buttonPadding:T,tooltipPlacement:j,onClick:g,tooltipText:u,icon:r,position:C})})}))})};export{m as FloatingActionButton};
+import{jsx as t,Fragment as o,jsxs as i}from"react/jsx-runtime";import{Dropdown as n}from"react-bootstrap";import{COLORS as e}from"../../constants/Theme.js";import{TooltipPlacement as l,CustomisedTooltip as r}from"../tooltips/CustomisedTooltip.js";import c from"../../assets/icons/question-mark.svg.js";import{FAB_POSITION as d,FloatingActionButtonOuterContainer as h,StyledDropdown as s,DropdownToggleContainer as a,FloatingActionButtonContainer as p}from"./FloatingActionButton.styles.js";const g=i=>{const{width:n,height:e,color:l,onClick:d,icon:h,tooltipPlacement:s,tooltipText:a,isRound:g}=i;return a?t(r,{tooltipContent:t(o,{children:a}),tooltipTriggerContent:t(p,Object.assign({width:n,height:e,color:l,onClick:d,isRound:g},{children:h||t(c,{width:22,height:22})})),tooltipPlacement:s,showOnHover:!0}):t(o,{children:t(p,Object.assign({width:n,height:e,color:l,onClick:d,isRound:g},{children:h||t(c,{width:22,height:22})}))})},m=r=>{const{icon:c,onClick:p,children:m,tooltipText:u}=r,P=r.width?r.width:48,b=r.height?r.height:48,w=r.color?r.color:e.background.inverse,x=r.position?r.position:d.TOP_LEFT,C=r.buttonPaddingHorizontal?r.buttonPaddingHorizontal:20,T=r.buttonPaddingVertical?r.buttonPaddingVertical:20,j=r.zIndex?r.zIndex:1,k=r.tooltipPlacement?r.tooltipPlacement:l.Auto,f=!1!==r.isRound;return t(o,{children:t(h,Object.assign({width:P,height:b,color:w,position:x,buttonPaddingHorizontal:C,buttonPaddingVertical:T,zIndex:j},{children:t(s,{children:m?i(o,{children:[t(a,{children:t(g,{width:P,height:b,color:w,tooltipPlacement:k,onClick:p,tooltipText:u,icon:c,position:x,isRound:f})}),t(n.Menu,{children:m})]}):t(g,{width:P,height:b,color:w,tooltipPlacement:k,onClick:p,tooltipText:u,icon:c,position:x,isRound:f})})}))})};export{m as FloatingActionButton};

package/dist/esm/components/floating-action-button/FloatingActionButton.styles.d.ts

@@ -9,14 +9,16 @@ export declare const FloatingActionButtonContainer: import("styled-components").
     width: number;
     height: number;
     color: string;
-    buttonPadding: number;
+    isRound: boolean;
 }, never>;
 export declare const FloatingActionButtonOuterContainer: import("styled-components").StyledComponent<"div", any, {
     width: number;
     height: number;
     color: string;
     position: FAB_POSITION;
-    buttonPadding: number;
+    buttonPaddingHorizontal: number;
+    buttonPaddingVertical: number;
+    zIndex: number;
 }, never>;
 export declare const StyledDropdown: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownProps> & {
     Toggle: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>;

package/dist/esm/components/floating-action-button/FloatingActionButton.styles.js

@@ -1,18 +1,22 @@
-import{Dropdown as t}from"react-bootstrap";import o from"styled-components";import{COLORS as e}from"../../constants/Theme.js";var i;!function(t){t.TOP_LEFT="top left",t.TOP_RIGHT="top right",t.BOTTOM_LEFT="bottom left",t.BOTTOM_RIGHT="botton right"}(i||(i={}));const n=o.div`
+import{Dropdown as t}from"react-bootstrap";import o from"styled-components";import{COLORS as i}from"../../constants/Theme.js";var e;!function(t){t.TOP_LEFT="top left",t.TOP_RIGHT="top right",t.BOTTOM_LEFT="bottom left",t.BOTTOM_RIGHT="botton right"}(e||(e={}));const r=o.div`
 	width: ${t=>t.width}px;
 	height: ${t=>t.height}px;
 	background: ${t=>t.color};
-	border-radius: 50%;
+	${t=>t.isRound?"border-radius: 50%;":"border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius:50%;"}
 	justify-content: center;
 	align-items: center;
 	cursor: pointer;
 	display: flex;
-`,r=o.div`
+`,n=o.div`
 	display: flex;
+	border-radius: 50%;
 	flex-direction: column;
 	align-items: flex-end;
-	position: absolute;
-	${t=>t.position===i.BOTTOM_RIGHT?`right: ${t.buttonPadding}px; bottom: ${t.buttonPadding}px`:t.position===i.BOTTOM_LEFT?`left: ${t.buttonPadding}px; bottom: ${t.buttonPadding}px`:t.position===i.TOP_LEFT?`left: ${t.buttonPadding}px; top: ${t.buttonPadding}px`:t.position===i.TOP_RIGHT?`right: ${t.buttonPadding}px; top: ${t.buttonPadding}px`:""}
+	position: fixed;
+	width: ${t=>t.width}px;
+	height: ${t=>t.height}px;
+	z-index: ${t=>t.zIndex};
+	${t=>t.position===e.BOTTOM_RIGHT?`right: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:t.position===e.BOTTOM_LEFT?`left: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:t.position===e.TOP_LEFT?`left: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:t.position===e.TOP_RIGHT?`right: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:""};
 `,d=o(t)`
 	.filter-container {
 		.single-row {
@@ -22,7 +26,7 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 			justify-content: flex-start;
 			gap: 8px;
 			padding: 14px;
-			border-bottom: 1px solid ${e.stroke.primary};
+			border-bottom: 1px solid ${i.stroke.primary};
 
 			:last-child {
 				border-bottom: none !important;
@@ -31,15 +35,15 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	}
 	button {
 		border: 1px solid
-			${t=>"true"===t.active?e.stroke.positive.lightAlt:e.stroke.primary};
+			${t=>"true"===t.active?i.stroke.positive.lightAlt:i.stroke.primary};
 		border-radius: 4px;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
 		padding: 6px 8px;
-		background: ${t=>"true"===t.active?e.background.positive.light:e.surface.standard};
-		color: ${t=>"true"===t.active?e.content.positive:e.content.primary};
+		background: ${t=>"true"===t.active?i.background.positive.light:i.surface.standard};
+		color: ${t=>"true"===t.active?i.content.positive:i.content.primary};
 	}
 
 	.btn-primary:hover,
@@ -47,8 +51,8 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	.btn-primary:focus,
 	.btn-primary.dropdown-toggle,
 	.show > .btn-primary.dropdown-toggle {
-		color: ${t=>"true"===t.active?e.content.positive:e.content.primary};
-		background-color: ${t=>"true"===t.active?e.background.positive.light:"transparent"};
+		color: ${t=>"true"===t.active?i.content.positive:i.content.primary};
+		background-color: ${t=>"true"===t.active?i.background.positive.light:"transparent"};
 		border: none;
 	}
 	.btn:focus {
@@ -57,7 +61,7 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	}
 
 	.dropdown-toggle::after {
-		border-top: 0.3em solid ${e.content.primary};
+		border-top: 0.3em solid ${i.content.primary};
 		display: none;
 	}
 	.dropdown-menu {
@@ -66,11 +70,11 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	}
 	.dropdown-item:active,
 	.dropdown-item:hover {
-		color: ${e.content.positive};
+		color: ${i.content.positive};
 		text-decoration: none;
-		background-color: ${e.background.positive.light};
+		background-color: ${i.background.positive.light};
 	}
-`,p=o(t.Toggle)`
+`,a=o(t.Toggle)`
 	border-radius: 4px;
 	display: flex;
 	flex-direction: row;
@@ -80,4 +84,4 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 20px;
-`;export{p as DropdownToggleContainer,i as FAB_POSITION,n as FloatingActionButtonContainer,r as FloatingActionButtonOuterContainer,d as StyledDropdown};
+`;export{a as DropdownToggleContainer,e as FAB_POSITION,r as FloatingActionButtonContainer,n as FloatingActionButtonOuterContainer,d as StyledDropdown};

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/package.json

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