@bookjane2/bookjane-design-library 7.2.6 → 7.2.8

package/lib/components/BKJEllipsisMenu/BKJEllipsisMenuDropdown.js

@@ -1,28 +1,28 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment, useEffect, useState } from 'react';
-import { usePopper } from 'react-popper';
-import { useClickOutside } from '../../hooks/index.js';
-import { BKJMenu } from '../BKJMenu/index.js';
-import { getDesignLibraryElementNode } from '../BKJSelect/utils/getDesignLibraryElementNode.js';
-import { Portal } from '../Portal/Portal.js';
-import { useBKJEllipsisMenuUIStateContext } from './BKJEllipsisMenu.context.js';
-export const BKJEllipsisMenuDropdown = ({ triggerRef, children, }) => {
-    const { closeMenu } = useBKJEllipsisMenuUIStateContext();
-    const [dropdownRef, setDropdownRef] = useState(null);
-    const [targetElement, setTargetElement] = useState(getDesignLibraryElementNode('dropdown-root'));
-    const { styles, attributes } = usePopper(triggerRef.current, dropdownRef, {
-        placement: 'bottom-start',
-        modifiers: [{}],
-    });
-    useEffect(() => {
-        if (!targetElement) {
-            const element = document.createElement('div');
-            element.setAttribute('id', 'dropdown-root');
-            document.body.prepend(element);
-            setTargetElement(element);
-        }
-    }, []); // eslint-disable-line
-    useClickOutside([dropdownRef], closeMenu, false);
-    return (_jsx(Fragment, { children: targetElement && (_jsx(Portal, Object.assign({ targetElement: targetElement }, { children: _jsx(BKJMenu, Object.assign({ closeMenu: closeMenu, isMenuOpen: true, ref: setDropdownRef }, attributes['popper'], { css: { width: '100%', minWidth: '1000px' }, style: styles['popper'] }, { children: children }), void 0) }), void 0)) }, void 0));
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment, useEffect, useState } from 'react';
+import { usePopper } from 'react-popper';
+import { useClickOutside } from '../../hooks/index.js';
+import { BKJMenu } from '../BKJMenu/index.js';
+import { getDesignLibraryElementNode } from '../BKJSelect/utils/getDesignLibraryElementNode.js';
+import { Portal } from '../Portal/Portal.js';
+import { useBKJEllipsisMenuUIStateContext } from './BKJEllipsisMenu.context.js';
+export const BKJEllipsisMenuDropdown = ({ triggerRef, children, }) => {
+    const { closeMenu } = useBKJEllipsisMenuUIStateContext();
+    const [dropdownRef, setDropdownRef] = useState(null);
+    const [targetElement, setTargetElement] = useState(getDesignLibraryElementNode('dropdown-root'));
+    const { styles, attributes } = usePopper(triggerRef.current, dropdownRef, {
+        placement: 'bottom-start',
+        modifiers: [{}],
+    });
+    useEffect(() => {
+        if (!targetElement) {
+            const element = document.createElement('div');
+            element.setAttribute('id', 'dropdown-root');
+            document.body.prepend(element);
+            setTargetElement(element);
+        }
+    }, []); // eslint-disable-line
+    useClickOutside([dropdownRef], closeMenu, false);
+    return (_jsx(Fragment, { children: targetElement && (_jsx(Portal, Object.assign({ targetElement: targetElement }, { children: _jsx(BKJMenu, Object.assign({ closeMenu: closeMenu, isMenuOpen: true, ref: setDropdownRef }, attributes['popper'], { css: { width: '100%', minWidth: '1000px' }, style: styles['popper'] }, { children: children }), void 0) }), void 0)) }, void 0));
+};
 //# sourceMappingURL=BKJEllipsisMenuDropdown.js.map

package/lib/components/BKJEllipsisMenu/index.d.ts

@@ -1,3 +1,3 @@
-import { BKJEllipsisMenu } from './BKJEllipsisMenu.js';
-export { BKJEllipsisMenu };
+import { BKJEllipsisMenu } from './BKJEllipsisMenu.js';
+export { BKJEllipsisMenu };
 //# sourceMappingURL=index.d.ts.map

package/lib/components/BKJEllipsisMenu/index.js

@@ -1,3 +1,3 @@
-import { BKJEllipsisMenu } from './BKJEllipsisMenu.js';
-export { BKJEllipsisMenu };
+import { BKJEllipsisMenu } from './BKJEllipsisMenu.js';
+export { BKJEllipsisMenu };
 //# sourceMappingURL=index.js.map

package/lib/components/BKJFileInput/BKJFileInput.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { IBKJFileInputProps } from './BKJFileInput.types.js';
-export declare const BKJFileInput: FC<IBKJFileInputProps>;
+import { FC } from 'react';
+import { IBKJFileInputProps } from './BKJFileInput.types.js';
+export declare const BKJFileInput: FC<IBKJFileInputProps>;
 //# sourceMappingURL=BKJFileInput.d.ts.map

package/lib/components/BKJFileInput/BKJFileInput.js

@@ -1,27 +1,27 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useRef } from 'react';
-import { BKJTextInputFieldSet, BKJTextInputLabel, BKJTextInputRequiredAsterisk, } from '../BKJTextInput/BKJTextInput.styled.js';
-import { BKJFileInputLabel, BKJFileInputText, CloseIcon, DocumentIcon, ErrorText, FileWrapper, InnerWrapper, Input, } from './BKJFileInput.styled.js';
-export const BKJFileInput = (props) => {
-    const { className, labelProps, label, required, name, disabled, error, value, onChange = () => { }, onClear, ...rest } = props;
-    const inputRef = useRef();
-    const handleChange = useCallback((event) => {
-        onChange({
-            target: { ...event.target, name, value: event?.target?.files[0] },
-        });
-    }, [name, onChange]);
-    const handleClear = (e) => {
-        e.stopPropagation();
-        onChange({ target: { value: undefined, name } });
-        if (onClear)
-            onClear();
-    };
-    return (_jsxs(BKJTextInputFieldSet, { children: [props.label && (_jsxs(BKJTextInputLabel, Object.assign({}, labelProps, { variant: "RoundEdges", elementType: "Label" }, { children: [props.label, props.required && _jsx(BKJTextInputRequiredAsterisk, { children: "\u00A0*" }, void 0)] }), void 0)),
-            _jsxs(InnerWrapper, Object.assign({ error: !!error }, { children: [value && _jsx(CloseIcon, { iconName: "CloseBold", onClick: handleClear }, void 0),
-                    _jsxs(FileWrapper, Object.assign({ isFileSelected: !!value }, { children: [_jsx(DocumentIcon, { iconName: "Document" }, void 0),
-                            _jsx(BKJFileInputText, Object.assign({ title: value && value.name, error: !!error, isFileSelected: !!value }, { children: !!value ? value.name : 'No file selected.' }), void 0),
-                            _jsx(Input, Object.assign({}, rest, { ref: inputRef, type: "file", onChange: handleChange }), void 0)] }), void 0),
-                    _jsx(BKJFileInputLabel, Object.assign({ onClick: () => inputRef.current?.click() }, { children: !!value ? 'Replace' : 'Select a File' }), void 0)] }), void 0),
-            _jsx(ErrorText, { children: error }, void 0)] }, void 0));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef } from 'react';
+import { BKJTextInputFieldSet, BKJTextInputLabel, BKJTextInputRequiredAsterisk, } from '../BKJTextInput/BKJTextInput.styled.js';
+import { BKJFileInputLabel, BKJFileInputText, CloseIcon, DocumentIcon, ErrorText, FileWrapper, InnerWrapper, Input, } from './BKJFileInput.styled.js';
+export const BKJFileInput = (props) => {
+    const { className, labelProps, label, required, name, disabled, error, value, onChange = () => { }, onClear, ...rest } = props;
+    const inputRef = useRef();
+    const handleChange = useCallback((event) => {
+        onChange({
+            target: { ...event.target, name, value: event?.target?.files[0] },
+        });
+    }, [name, onChange]);
+    const handleClear = (e) => {
+        e.stopPropagation();
+        onChange({ target: { value: undefined, name } });
+        if (onClear)
+            onClear();
+    };
+    return (_jsxs(BKJTextInputFieldSet, { children: [props.label && (_jsxs(BKJTextInputLabel, Object.assign({}, labelProps, { variant: "RoundEdges", elementType: "Label" }, { children: [props.label, props.required && _jsx(BKJTextInputRequiredAsterisk, { children: "\u00A0*" }, void 0)] }), void 0)),
+            _jsxs(InnerWrapper, Object.assign({ error: !!error }, { children: [value && _jsx(CloseIcon, { iconName: "CloseBold", onClick: handleClear }, void 0),
+                    _jsxs(FileWrapper, Object.assign({ isFileSelected: !!value }, { children: [_jsx(DocumentIcon, { iconName: "Document" }, void 0),
+                            _jsx(BKJFileInputText, Object.assign({ title: value && value.name, error: !!error, isFileSelected: !!value }, { children: !!value ? value.name : 'No file selected.' }), void 0),
+                            _jsx(Input, Object.assign({}, rest, { ref: inputRef, type: "file", onChange: handleChange }), void 0)] }), void 0),
+                    _jsx(BKJFileInputLabel, Object.assign({ onClick: () => inputRef.current?.click() }, { children: !!value ? 'Replace' : 'Select a File' }), void 0)] }), void 0),
+            _jsx(ErrorText, { children: error }, void 0)] }, void 0));
+};
 //# sourceMappingURL=BKJFileInput.js.map

package/lib/components/BKJFileInput/BKJFileInput.stories.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { IBKJFileInputProps } from './BKJFileInput.types.js';
-declare const setup: {
-    title: string;
-    component: import("react").FC<IBKJFileInputProps>;
-    argTypes: {
-        error: {
-            name: string;
-        };
-    };
-};
-export declare const Default: Story<IBKJFileInputProps>;
-export default setup;
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { IBKJFileInputProps } from './BKJFileInput.types.js';
+declare const setup: {
+    title: string;
+    component: import("react").FC<IBKJFileInputProps>;
+    argTypes: {
+        error: {
+            name: string;
+        };
+    };
+};
+export declare const Default: Story<IBKJFileInputProps>;
+export default setup;
 //# sourceMappingURL=BKJFileInput.stories.d.ts.map

package/lib/components/BKJFileInput/BKJFileInput.stories.js

@@ -1,24 +1,24 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useFormBehaviors } from '../../hooks/index.js';
-import { BKJFileInput } from './BKJFileInput.js';
-const setup = {
-    title: 'Input Elements/BKJUpload',
-    component: BKJFileInput,
-    argTypes: {
-        error: {
-            name: 'Error Message',
-        },
-    },
-};
-const Template = () => {
-    const { values, onChange } = useFormBehaviors({
-        initialState: { file: undefined },
-        onSubmit: () => { },
-    });
-    console.log(values);
-    return _jsx(BKJFileInput, { name: "file", value: values.file, label: "Upload a file", onChange: onChange }, void 0);
-};
-export const Default = Template.bind({});
-Default.args = {};
-export default setup;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFormBehaviors } from '../../hooks/index.js';
+import { BKJFileInput } from './BKJFileInput.js';
+const setup = {
+    title: 'Input Elements/BKJUpload',
+    component: BKJFileInput,
+    argTypes: {
+        error: {
+            name: 'Error Message',
+        },
+    },
+};
+const Template = () => {
+    const { values, onChange } = useFormBehaviors({
+        initialState: { file: undefined },
+        onSubmit: () => { },
+    });
+    console.log(values);
+    return _jsx(BKJFileInput, { name: "file", value: values.file, label: "Upload a file", onChange: onChange }, void 0);
+};
+export const Default = Template.bind({});
+Default.args = {};
+export default setup;
 //# sourceMappingURL=BKJFileInput.stories.js.map

package/lib/components/BKJFileInput/BKJFileInput.styled.d.ts

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-export declare const InnerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    error: boolean;
-}, never>;
-export declare const FileWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    isFileSelected: boolean;
-}, never>;
-export declare const CloseIcon: import("styled-components").StyledComponent<import("react").FC<import("../BKJIcon/BKJIcon.types.js").IBKJIconProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const DocumentIcon: import("styled-components").StyledComponent<import("react").FC<import("../BKJIcon/BKJIcon.types.js").IBKJIconProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
-export declare const BKJFileInputText: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
-    isFileSelected: boolean;
-    error: boolean;
-}, never>;
-export declare const BKJFileInputLabel: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
-export declare const ErrorText: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+export declare const InnerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    error: boolean;
+}, never>;
+export declare const FileWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isFileSelected: boolean;
+}, never>;
+export declare const CloseIcon: import("styled-components").StyledComponent<import("react").FC<import("../BKJIcon/BKJIcon.types.js").IBKJIconProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const DocumentIcon: import("styled-components").StyledComponent<import("react").FC<import("../BKJIcon/BKJIcon.types.js").IBKJIconProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+export declare const BKJFileInputText: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
+    isFileSelected: boolean;
+    error: boolean;
+}, never>;
+export declare const BKJFileInputLabel: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const ErrorText: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
 //# sourceMappingURL=BKJFileInput.styled.d.ts.map

package/lib/components/BKJFileInput/BKJFileInput.styled.js

@@ -1,58 +1,58 @@
-import styled, { css } from 'styled-components';
-import { BKJIcon } from '../BKJIcon/index.js';
-import { InputErrorMessageCSS } from '../common/index.js';
-export const InnerWrapper = styled.div `
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 232px;
-  height: 164px;
-
-  padding: 15px;
-  background-color: ${({ theme, error }) => error ? theme.colors.ErrorBackground : theme.colors.Grey1};
-`;
-export const FileWrapper = styled.div `
-  display: flex;
-  flex-direction: ${({ isFileSelected }) => (isFileSelected ? 'row' : 'column')};
-  justify-content: center;
-  align-items: center;
-  margin-top: auto;
-  gap: 6px;
-`;
-export const CloseIcon = styled(BKJIcon) `
-  position: absolute;
-  top: 15px;
-  right: 15px;
-  cursor: pointer;
-`;
-export const DocumentIcon = styled(BKJIcon) `
-  min-width: 24px;
-`;
-export const Input = styled.input `
-  display: none;
-  justify-content: center;
-  align-items: center;
-`;
-export const BKJFileInputText = styled.label `
-  ${({ theme }) => theme.typography.Body};
-  ${({ theme }) => theme.common.Ellipsis};
-  max-width: 150px;
-  color: ${({ theme, isFileSelected }) => isFileSelected ? theme.colors.TextDarkGrey : theme.colors.TextDisabled};
-  ${({ error }) => error &&
-    css `
-      color: ${({ theme }) => theme.colors.ErrorDefault};
-    `};
-`;
-export const BKJFileInputLabel = styled.p `
-  cursor: pointer;
-  ${({ theme }) => theme.typography.TextLink};
-  color: ${({ theme }) => theme.colors.PrimaryDefault};
-  text-decoration: underline;
-  margin-top: auto;
-`;
-export const ErrorText = styled.label `
-  ${InputErrorMessageCSS}
-`;
+import styled, { css } from 'styled-components';
+import { BKJIcon } from '../BKJIcon/index.js';
+import { InputErrorMessageCSS } from '../common/index.js';
+export const InnerWrapper = styled.div `
+  display: flex;
+  position: relative;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 232px;
+  height: 164px;
+
+  padding: 15px;
+  background-color: ${({ theme, error }) => error ? theme.colors.ErrorBackground : theme.colors.Grey1};
+`;
+export const FileWrapper = styled.div `
+  display: flex;
+  flex-direction: ${({ isFileSelected }) => (isFileSelected ? 'row' : 'column')};
+  justify-content: center;
+  align-items: center;
+  margin-top: auto;
+  gap: 6px;
+`;
+export const CloseIcon = styled(BKJIcon) `
+  position: absolute;
+  top: 15px;
+  right: 15px;
+  cursor: pointer;
+`;
+export const DocumentIcon = styled(BKJIcon) `
+  min-width: 24px;
+`;
+export const Input = styled.input `
+  display: none;
+  justify-content: center;
+  align-items: center;
+`;
+export const BKJFileInputText = styled.label `
+  ${({ theme }) => theme.typography.Body};
+  ${({ theme }) => theme.common.Ellipsis};
+  max-width: 150px;
+  color: ${({ theme, isFileSelected }) => isFileSelected ? theme.colors.TextDarkGrey : theme.colors.TextDisabled};
+  ${({ error }) => error &&
+    css `
+      color: ${({ theme }) => theme.colors.ErrorDefault};
+    `};
+`;
+export const BKJFileInputLabel = styled.p `
+  cursor: pointer;
+  ${({ theme }) => theme.typography.TextLink};
+  color: ${({ theme }) => theme.colors.PrimaryDefault};
+  text-decoration: underline;
+  margin-top: auto;
+`;
+export const ErrorText = styled.label `
+  ${InputErrorMessageCSS}
+`;
 //# sourceMappingURL=BKJFileInput.styled.js.map

package/lib/components/BKJFileInput/BKJFileInput.types.d.ts

@@ -1,15 +1,15 @@
-import { IBKJTextInputProps } from '../BKJTextInput/BKJTextInput.types.js';
-declare type Event = {
-    target: Target;
-};
-declare type Target = {
-    value?: File;
-    name: string;
-} & Partial<Omit<HTMLInputElement, 'value'>>;
-export interface IBKJFileInputProps extends Omit<IBKJTextInputProps, 'value' | 'onChange'> {
-    onClear?: () => void;
-    value?: File;
-    onChange: (event: Event) => void;
-}
-export {};
+import { IBKJTextInputProps } from '../BKJTextInput/BKJTextInput.types.js';
+declare type Event = {
+    target: Target;
+};
+declare type Target = {
+    value?: File;
+    name: string;
+} & Partial<Omit<HTMLInputElement, 'value'>>;
+export interface IBKJFileInputProps extends Omit<IBKJTextInputProps, 'value' | 'onChange'> {
+    onClear?: () => void;
+    value?: File;
+    onChange: (event: Event) => void;
+}
+export {};
 //# sourceMappingURL=BKJFileInput.types.d.ts.map

package/lib/components/BKJFileInput/BKJFileInput.types.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=BKJFileInput.types.js.map

package/lib/components/BKJFileInput/index.d.ts

@@ -1,2 +1,2 @@
-export * from './BKJFileInput.js';
+export * from './BKJFileInput.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/BKJFileInput/index.js

@@ -1,2 +1,2 @@
-export * from './BKJFileInput.js';
+export * from './BKJFileInput.js';
 //# sourceMappingURL=index.js.map

package/lib/components/BKJHorizontalRule/BKJHorizontalRule.d.ts

@@ -1,3 +1,3 @@
-import { IBKJHorizontalRuleProps } from './BKJHorizontalRule.types.js';
-export declare const BKJHorizontalRule: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, IBKJHorizontalRuleProps, never>;
+import { IBKJHorizontalRuleProps } from './BKJHorizontalRule.types.js';
+export declare const BKJHorizontalRule: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, IBKJHorizontalRuleProps, never>;
 //# sourceMappingURL=BKJHorizontalRule.d.ts.map

package/lib/components/BKJHorizontalRule/BKJHorizontalRule.js

@@ -1,9 +1,9 @@
-import styled from 'styled-components';
-export const BKJHorizontalRule = styled.hr `
-  width: 100%;
-
-  ${({ theme, variant }) => theme.hr[variant]};
-  border: none;
-  margin: 20px 0 30px 0;
-`;
+import styled from 'styled-components';
+export const BKJHorizontalRule = styled.hr `
+  width: 100%;
+
+  ${({ theme, variant }) => theme.hr[variant]};
+  border: none;
+  margin: 20px 0 30px 0;
+`;
 //# sourceMappingURL=BKJHorizontalRule.js.map

package/lib/components/BKJHorizontalRule/BKJHorizontalRule.types.d.ts

@@ -1,13 +1,13 @@
-import { HTMLAttributes } from 'react';
-import { DefaultTheme, FlattenInterpolation, ThemeProps } from 'styled-components';
-export interface IBKJHorizontalRuleProps extends HTMLAttributes<HTMLHRElement> {
-    variant: BKJThemeHorizontalRuleVariants;
-    css?: any;
-}
-export interface IBKJThemeHorizontalRule {
-    Thick: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-    Thin: FlattenInterpolation<ThemeProps<DefaultTheme>>;
-}
-export declare type BKJThemeHorizontalRuleVariants = keyof IBKJThemeHorizontalRule;
-export declare const BKJThemeHorizontalRule: IBKJThemeHorizontalRule;
+import { HTMLAttributes } from 'react';
+import { DefaultTheme, FlattenInterpolation, ThemeProps } from 'styled-components';
+export interface IBKJHorizontalRuleProps extends HTMLAttributes<HTMLHRElement> {
+    variant: BKJThemeHorizontalRuleVariants;
+    css?: any;
+}
+export interface IBKJThemeHorizontalRule {
+    Thick: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    Thin: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+}
+export declare type BKJThemeHorizontalRuleVariants = keyof IBKJThemeHorizontalRule;
+export declare const BKJThemeHorizontalRule: IBKJThemeHorizontalRule;
 //# sourceMappingURL=BKJHorizontalRule.types.d.ts.map

package/lib/components/BKJHorizontalRule/BKJHorizontalRule.types.js

@@ -1,16 +1,16 @@
-import { css } from 'styled-components';
-export const BKJThemeHorizontalRule = {
-    Thick: css `
-    height: 1px;
-    min-height: 1px;
-    max-height: 1px;
-    background-color: ${({ theme }) => theme.colors.GreyDivider};
-  `,
-    Thin: css `
-    height: 0.5px;
-    min-height: 0.5px;
-    max-height: 0.5px;
-    background-color: ${({ theme }) => theme.colors.GreyDivider};
-  `,
-};
+import { css } from 'styled-components';
+export const BKJThemeHorizontalRule = {
+    Thick: css `
+    height: 1px;
+    min-height: 1px;
+    max-height: 1px;
+    background-color: ${({ theme }) => theme.colors.GreyDivider};
+  `,
+    Thin: css `
+    height: 0.5px;
+    min-height: 0.5px;
+    max-height: 0.5px;
+    background-color: ${({ theme }) => theme.colors.GreyDivider};
+  `,
+};
 //# sourceMappingURL=BKJHorizontalRule.types.js.map

package/lib/components/BKJHorizontalRule/index.d.ts

@@ -1,2 +1,2 @@
-export * from './BKJHorizontalRule.js';
+export * from './BKJHorizontalRule.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/BKJHorizontalRule/index.js

@@ -1,2 +1,2 @@
-export * from './BKJHorizontalRule.js';
+export * from './BKJHorizontalRule.js';
 //# sourceMappingURL=index.js.map

package/lib/components/BKJIcon/BKJIcon.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { IBKJIconProps } from './BKJIcon.types.js';
-export declare const BKJIcon: FC<IBKJIconProps>;
+import { FC } from 'react';
+import { IBKJIconProps } from './BKJIcon.types.js';
+export declare const BKJIcon: FC<IBKJIconProps>;
 //# sourceMappingURL=BKJIcon.d.ts.map

package/lib/components/BKJIcon/BKJIcon.js

@@ -1,13 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BKJIconComponentMap } from './BKJIcon.types.js';
-export const BKJIcon = (props) => {
-    const { iconName, fontSize = 24, secondaryColor, color, ...rest } = props;
-    const IconComponent = BKJIconComponentMap[iconName];
-    const _props = { fontSize, ...rest };
-    if (!!color)
-        _props.color = color;
-    if (!!secondaryColor)
-        _props.secondaryColor = secondaryColor;
-    return _jsx(IconComponent, Object.assign({}, _props), void 0);
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BKJIconComponentMap } from './BKJIcon.types.js';
+export const BKJIcon = (props) => {
+    const { iconName, fontSize = 24, secondaryColor, color, ...rest } = props;
+    const IconComponent = BKJIconComponentMap[iconName];
+    const _props = { fontSize, ...rest };
+    if (!!color)
+        _props.color = color;
+    if (!!secondaryColor)
+        _props.secondaryColor = secondaryColor;
+    return _jsx(IconComponent, Object.assign({}, _props), void 0);
+};
 //# sourceMappingURL=BKJIcon.js.map

package/lib/components/BKJIcon/BKJIcon.stories.d.ts

@@ -1,35 +1,35 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { IBKJIconProps } from './BKJIcon.types.js';
-declare const _default: {
-    title: string;
-    component: import("react").FC<IBKJIconProps>;
-    argTypes: {
-        color: {
-            name: string;
-            control: {
-                type: string;
-            };
-        };
-        secondaryColor: {
-            name: string;
-            control: {
-                type: string;
-            };
-        };
-        iconName: {
-            name: string;
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        fontSize: {
-            name: string;
-        };
-    };
-};
-export default _default;
-export declare const Default: Story<IBKJIconProps>;
-export declare const AllIcons: Story<IBKJIconProps>;
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { IBKJIconProps } from './BKJIcon.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJIconProps>;
+    argTypes: {
+        color: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        secondaryColor: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        iconName: {
+            name: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        fontSize: {
+            name: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<IBKJIconProps>;
+export declare const AllIcons: Story<IBKJIconProps>;
 //# sourceMappingURL=BKJIcon.stories.d.ts.map