@bikdotai/bik-component-library 0.0.9 → 0.0.10

package/dist/cjs/components/TypographyStyle.js

@@ -1,88 +1,88 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../constants/Theme.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=i(t);const n=t=>t+"px";o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../constants/Theme.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=i(t);const n=t=>t+"px",r=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${t=>e.FONTS.titleLarge.fontWeight};
 	font-size: ${t=>n(e.FONTS.titleLarge.fontSize)};
 	line-height: ${t=>n(e.FONTS.titleLarge.lineHeight)};
-`,o.default.div`
+`,l=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${t=>e.FONTS.titleMedium.fontWeight};
 	font-size: ${t=>n(e.FONTS.titleMedium.fontSize)};
 	line-height: ${t=>n(e.FONTS.titleMedium.lineHeight)};
-`,o.default.div`
+`,a=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${t=>e.FONTS.titleRegular.fontWeight};
 	font-size: ${t=>n(e.FONTS.titleRegular.fontSize)};
 	line-height: ${t=>n(e.FONTS.titleRegular.lineHeight)};
-`;const r=o.default.div`
+`,f=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${t=>e.FONTS.titleSmall.fontWeight};
 	font-size: ${t=>n(e.FONTS.titleSmall.fontSize)};
 	line-height: ${t=>n(e.FONTS.titleSmall.lineHeight)};
-`;o.default.div`
+`,S=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${t=>e.FONTS.display.fontWeight};
 	font-size: ${t=>n(e.FONTS.display.fontSize)};
 	line-height: ${t=>n(e.FONTS.display.lineHeight)};
-`,o.default.div`
+`,d=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${t=>e.FONTS.bodyPrimary.fontWeight};
 	font-size: ${t=>n(e.FONTS.bodyLarge.fontSize)};
 	line-height: ${t=>n(e.FONTS.bodyLarge.lineHeight)};
-`;const l=o.default.div`
+`,g=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${t=>e.FONTS.bodyPrimary.fontWeight};
 	font-size: ${t=>n(e.FONTS.bodyPrimary.fontSize)};
 	line-height: ${t=>n(e.FONTS.bodyPrimary.lineHeight)};
-`,f=o.default.div`
+`,O=o.default.div`
 	font-family: Inter;
 	color: ${t=>e.COLORS.content.primary};
 	font-weight: ${t=>e.FONTS.bodySecondary.fontWeight};
 	font-size: ${t=>n(e.FONTS.bodySecondary.fontSize)};
 	line-height: ${t=>n(e.FONTS.bodySecondary.lineHeight)};
-`;o.default(l)`
+`,h=o.default(g)`
 	text-decoration: underline;
 	color: ${t=>e.COLORS.content.brand};
 	text-decoration-color: ${t=>e.COLORS.content.brand};
 	cursor: pointer;
-`,o.default(f)`
+`,y=o.default(O)`
 	text-decoration: underline;
 	color: ${t=>e.COLORS.content.brand};
 	text-decoration-color: ${t=>e.COLORS.content.brand};
 	cursor: pointer;
-`;const a=o.default.div`
+`,$=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${t=>e.FONTS.caption.fontWeight};
 	font-size: ${t=>n(e.FONTS.caption.fontSize)};
 	line-height: ${t=>n(e.FONTS.caption.lineHeight)};
-`;o.default.div`
+`,c=o.default.div`
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${t=>e.FONTS.tiny.fontWeight};
 	font-size: ${t=>n(e.FONTS.tiny.fontSize)};
 	line-height: ${t=>n(e.FONTS.tiny.lineHeight)};
-`;const S=o.default.div`
+`,u=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${t=>e.FONTS.buttonLarge.fontWeight};
 	font-size: ${t=>n(e.FONTS.buttonLarge.fontSize)};
 	line-height: ${t=>n(e.FONTS.buttonLarge.lineHeight)};
-`,O=o.default.div`
+`,s=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${t=>e.FONTS.buttonRegular.fontWeight};
 	font-size: ${t=>n(e.FONTS.buttonRegular.fontSize)};
 	line-height: ${t=>n(e.FONTS.buttonRegular.lineHeight)};
-`;o.default.div`
+`,T=o.default.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.COLORS.text.primary};
 	font-weight: ${t=>e.FONTS.subHeading.fontWeight};
 	font-size: ${t=>n(e.FONTS.subHeading.fontSize)};
 	line-height: ${t=>n(e.FONTS.subHeading.lineHeight)};
-`,exports.BodyCaption=a,exports.BodyPrimary=l,exports.BodySecondary=f,exports.ButtonLarge=S,exports.ButtonRegular=O,exports.TitleSmall=r;
+`;exports.BodyCaption=$,exports.BodyLarge=d,exports.BodyPrimary=g,exports.BodyPrimaryLink=h,exports.BodySecondary=O,exports.BodySecondaryLink=y,exports.BodyTiny=c,exports.ButtonLarge=u,exports.ButtonRegular=s,exports.Display=S,exports.SubHeading=T,exports.TitleLarge=r,exports.TitleMedium=l,exports.TitleRegular=a,exports.TitleSmall=f;

package/dist/cjs/components/checkBox/CheckBox.d.ts

@@ -5,5 +5,6 @@ export type CheckBoxProps = {
     isDisabled?: boolean;
     value?: string;
     onValueChange: (checked: boolean, value?: string) => void;
+    controlFromOutside?: boolean;
 };
 export declare const CheckBox: React.FC<CheckBoxProps>;

package/dist/cjs/components/checkBox/CheckBox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./CheckBox.styled.js"),t=require("../../constants/Theme.js");const l=i=>e.jsxs("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:i.isDisabled?t.COLORS.content.inactive:t.COLORS.background.positive.vibrant}),!i.isPartial&&e.jsx("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),i.isPartial&&e.jsx("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:t.COLORS.surface.standard})]}));exports.CheckBox=t=>{var n;const[r,a]=i.useState(t.isChecked||!1),[o,c]=i.useState(!1),[d,h]=i.useState(!1);return e.jsx(s.CheckboxContainer,Object.assign({onClick:()=>{var e;if(!t.isDisabled){const i=!r;a(i),null===(e=t.onValueChange)||void 0===e||e.call(t,i,t.value)}},onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),onMouseDown:()=>h(!0),onMouseUp:()=>h(!1)},{children:e.jsx(s.CheckboxIcon,Object.assign({checked:r,hovered:o,clicked:d,isDisabled:t.isDisabled||!1},{children:r&&e.jsx(l,{isPartial:null!==(n=t.isPartiallyChecked)&&void 0!==n&&n,isDisabled:t.isDisabled||!1})}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("./CheckBox.styled.js"),t=require("../../constants/Theme.js");const l=i=>e.jsxs("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:i.isDisabled?t.COLORS.content.inactive:t.COLORS.background.positive.vibrant}),!i.isPartial&&e.jsx("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),i.isPartial&&e.jsx("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:t.COLORS.surface.standard})]}));exports.CheckBox=t=>{var n;const[o,r]=i.useState(t.isChecked||!1),[a,c]=i.useState(!1),[d,h]=i.useState(!1);i.useEffect((()=>{t.controlFromOutside&&r(t.isChecked)}),[t.isChecked,t.controlFromOutside]);return e.jsx(s.CheckboxContainer,Object.assign({onClick:()=>{var e,i;if(!t.isDisabled){if(t.controlFromOutside)return void(null===(e=t.onValueChange)||void 0===e||e.call(t,!t.isChecked,t.value));const s=!o;r(s),null===(i=t.onValueChange)||void 0===i||i.call(t,s,t.value)}},onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),onMouseDown:()=>h(!0),onMouseUp:()=>h(!1)},{children:e.jsx(s.CheckboxIcon,Object.assign({checked:o,hovered:a,clicked:d,isDisabled:t.isDisabled||!1},{children:o&&e.jsx(l,{isPartial:null!==(n=t.isPartiallyChecked)&&void 0!==n&&n,isDisabled:t.isDisabled||!1})}))}))};

package/dist/cjs/components/checkBox/CheckBox.styled.js

@@ -1,26 +1,27 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(e);const o=s.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const s=o.default.div`
 	display: inline-flex;
 	align-items: center;
 	cursor: pointer;
-`,r=s.default.div`
-	width: 14px;
-	height: 14px;
-	border-radius: 4px;
-	border: 2px solid black;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	${t=>t.checked&&e.css`
-			border: 0px;
-			width: 18px;
-			height: 18px;
-		`}
-	${i=>i.hovered&&e.css`
-			outline: 3px solid ${t.COLORS.surface.hovered};
-		`}
+`,r=o.default.div`
+  width: 14px;
+  height: 14px;
+  border-radius: 4px;
+  border: 2px solid black;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-sizing: content-box;
+  ${t=>t.checked&&e.css`
+      border: 0px;
+      width: 18px;
+      height: 18px;
+    `}
+  ${i=>i.hovered&&e.css`
+      outline: 3px solid ${t.COLORS.surface.hovered};
+    `}
 	${i=>i.clicked&&!i.isDisabled&&e.css`
-			outline: 3px solid
-				${i.checked?t.COLORS.stroke.positive.lightAlt:t.COLORS.surface.hovered};
-			outline-offset: 2px;
-		`}
-`;exports.CheckboxContainer=o,exports.CheckboxIcon=r;
+      outline: 3px solid
+        ${i.checked?t.COLORS.stroke.positive.lightAlt:t.COLORS.surface.hovered};
+      outline-offset: 2px;
+    `}
+`;exports.CheckboxContainer=s,exports.CheckboxIcon=r;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import 'bootstrap/dist/css/bootstrap.min.css';
+export interface ProgressBarProps {
+    completed: number;
+    isAnimated: boolean;
+    color?: string;
+    height?: number;
+}
+export declare const ProgressBarComponent: (props: ProgressBarProps) => JSX.Element;
+export declare const ProgressCompletedBar: import("styled-components").StyledComponent<"div", any, {
+    color: string;
+}, never>;

package/dist/cjs/components/progress-bar/ProgressBarComponent.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-bootstrap"),t=require("styled-components"),o=require("../../constants/Theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=s(t).default.div`
+	flex: 50%;
+	.progress-bar {
+		background-color: ${e=>e.color};
+	}
+`;exports.ProgressBarComponent=t=>e.jsx(n,Object.assign({color:t.color?t.color:o.COLORS.content.brand},{children:e.jsx(r.ProgressBar,{animated:t.isAnimated,now:t.completed,style:{height:`${t.height?t.height:8}px`}})})),exports.ProgressCompletedBar=n;

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

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

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

@@ -1,7 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import { ToastPosition } from 'react-toastify';
 import { IconProps } from 'react-toastify/dist/components';
-import 'react-toastify/dist/ReactToastify.css';
 export type ToasterButtonProps = {
     showButton?: boolean;
     onButtonClick?: any;