@bookjane2/bookjane-design-library 7.3.0 → 7.3.1

package/lib/components/BKJIcon/BKJIcon.stories.js

@@ -1,48 +1,48 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BKJIcon } from './BKJIcon.js';
-import { IconCategoryWrapper, IconName, IconStoryWrapper, IconWrapper, SectionWrapper, Title, } from './BKJIcon.stories.styled.js';
-import { BKJIconComponentMap, Groups } from './BKJIcon.types.js';
-export default {
-    title: 'Basic Elements/BKJIcon',
-    component: BKJIcon,
-    argTypes: {
-        color: {
-            name: 'Color',
-            control: {
-                type: 'color',
-            },
-        },
-        secondaryColor: {
-            name: 'Secondary Color',
-            control: {
-                type: 'color',
-            },
-        },
-        iconName: {
-            name: 'Icon Name',
-            options: Object.keys(BKJIconComponentMap),
-            control: {
-                type: 'select',
-            },
-        },
-        fontSize: { name: 'Font Size' },
-    },
-};
-const TemplateAll = (args) => {
-    const { iconName, ...rest } = args;
-    return (_jsx(IconStoryWrapper, { children: Object.keys(Groups).map((group) => {
-            return (_jsxs(SectionWrapper, { children: [_jsx(Title, { children: group }, void 0),
-                    _jsx(IconCategoryWrapper, { children: Groups[group].map((iconName) => {
-                            const iconProps = { iconName, ...rest };
-                            return (_jsxs(IconWrapper, { children: [_jsx(BKJIcon, Object.assign({}, iconProps), void 0),
-                                    _jsx(IconName, { children: iconName }, void 0)] }, iconName));
-                        }) }, void 0)] }, group));
-        }) }, void 0));
-};
-const Template = (args) => _jsx(BKJIcon, Object.assign({}, args), void 0);
-export const Default = Template.bind({});
-Default.args = {
-    iconName: 'Add',
-};
-export const AllIcons = TemplateAll.bind({});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BKJIcon } from './BKJIcon.js';
+import { IconCategoryWrapper, IconName, IconStoryWrapper, IconWrapper, SectionWrapper, Title, } from './BKJIcon.stories.styled.js';
+import { BKJIconComponentMap, Groups } from './BKJIcon.types.js';
+export default {
+    title: 'Basic Elements/BKJIcon',
+    component: BKJIcon,
+    argTypes: {
+        color: {
+            name: 'Color',
+            control: {
+                type: 'color',
+            },
+        },
+        secondaryColor: {
+            name: 'Secondary Color',
+            control: {
+                type: 'color',
+            },
+        },
+        iconName: {
+            name: 'Icon Name',
+            options: Object.keys(BKJIconComponentMap),
+            control: {
+                type: 'select',
+            },
+        },
+        fontSize: { name: 'Font Size' },
+    },
+};
+const TemplateAll = (args) => {
+    const { iconName, ...rest } = args;
+    return (_jsx(IconStoryWrapper, { children: Object.keys(Groups).map((group) => {
+            return (_jsxs(SectionWrapper, { children: [_jsx(Title, { children: group }, void 0),
+                    _jsx(IconCategoryWrapper, { children: Groups[group].map((iconName) => {
+                            const iconProps = { iconName, ...rest };
+                            return (_jsxs(IconWrapper, { children: [_jsx(BKJIcon, Object.assign({}, iconProps), void 0),
+                                    _jsx(IconName, { children: iconName }, void 0)] }, iconName));
+                        }) }, void 0)] }, group));
+        }) }, void 0));
+};
+const Template = (args) => _jsx(BKJIcon, Object.assign({}, args), void 0);
+export const Default = Template.bind({});
+Default.args = {
+    iconName: 'Add',
+};
+export const AllIcons = TemplateAll.bind({});
 //# sourceMappingURL=BKJIcon.stories.js.map

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

@@ -1,7 +1,7 @@
-export declare const IconStoryWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
-export declare const SectionWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const IconCategoryWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const IconName: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconStoryWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const SectionWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconCategoryWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconName: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
 //# sourceMappingURL=BKJIcon.stories.styled.d.ts.map

package/lib/components/BKJIcon/BKJIcon.stories.styled.js

@@ -1,32 +1,32 @@
-import styled from 'styled-components';
-export const IconStoryWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-`;
-export const Title = styled.p `
-  ${({ theme }) => theme.fonts.PoppinsMedium};
-  font-size: 24px;
-`;
-export const SectionWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-`;
-export const IconCategoryWrapper = styled.div `
-  display: flex;
-  width: 100%;
-  padding: 24px;
-  box-sizing: border-box;
-  flex-wrap: wrap;
-  gap: 16px;
-`;
-export const IconWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`;
-export const IconName = styled.p `
-  ${({ theme }) => theme.typography.Caption};
-  margin-top: 8px;
-`;
+import styled from 'styled-components';
+export const IconStoryWrapper = styled.div `
+  display: flex;
+  flex-direction: column;
+`;
+export const Title = styled.p `
+  ${({ theme }) => theme.fonts.PoppinsMedium};
+  font-size: 24px;
+`;
+export const SectionWrapper = styled.div `
+  display: flex;
+  flex-direction: column;
+`;
+export const IconCategoryWrapper = styled.div `
+  display: flex;
+  width: 100%;
+  padding: 24px;
+  box-sizing: border-box;
+  flex-wrap: wrap;
+  gap: 16px;
+`;
+export const IconWrapper = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`;
+export const IconName = styled.p `
+  ${({ theme }) => theme.typography.Caption};
+  margin-top: 8px;
+`;
 //# sourceMappingURL=BKJIcon.stories.styled.js.map

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

@@ -1,29 +1,29 @@
-import React from 'react';
-import { ChangeFunctionType } from '../../common.types.js';
-import { BKJThemeColorType } from '../../providers/BKJThemeProvider/BKJThemeProvider.types.js';
-export interface IIconProps extends React.SVGProps<SVGSVGElement> {
-    fontSize?: number;
-    color?: BKJThemeColorType;
-    secondaryColor?: BKJThemeColorType;
-    disabled?: boolean;
-}
-export declare type BKJIconNameType = 'Add' | 'AgencyMembers' | 'Analytics' | 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'Avatar' | 'AvatarFill' | 'BackArrow' | 'Checkmark' | 'ChevronDoubleLeft' | 'ChevronDoubleRight' | 'ChevronDown' | 'ChevronLeft' | 'ChevronLeftInCircle' | 'ChevronLeftLarge' | 'ChevronRight' | 'ChevronRightInCircle' | 'ChevronUp' | 'Client' | 'ClientPreferences' | 'Clients' | 'CloseBold' | 'CombinedChevronDefault' | 'CombinedChevronDown' | 'CombinedChevronUp' | 'Communications' | 'Copy' | 'Dashboard' | 'Dedicated' | 'DefaultOutline' | 'Delete' | 'DevNotes' | 'Document' | 'Download' | 'Edit' | 'Ellipsis' | 'EllipsisInCircle' | 'Error' | 'ErrorDot' | 'ErrorLarge' | 'Explore' | 'Eye' | 'Filters' | 'Group' | 'HamburgerExpand' | 'HamburgerTablet' | 'Info' | 'Location' | 'Location1' | 'Locked' | 'Logout' | 'Minus' | 'MouseIndicator' | 'NewBooking' | 'Notes1' | 'Paste' | 'Payment' | 'Phone' | 'Pause' | 'Plus' | 'Position' | 'Question' | 'Recurring' | 'Reply' | 'RoomType' | 'Schedule' | 'Search' | 'Settings' | 'Shifts' | 'ShiftsClient' | 'ShiftsDate' | 'ShiftsDeal' | 'ShiftsLocation' | 'ShiftsNotes' | 'ShiftsPrice' | 'ShiftsQuantity' | 'ShiftsTasks' | 'ShiftsTime' | 'ShiftsTrainingOutline' | 'ShiftsUnpaidBreak' | 'Sort' | 'Star' | 'StepCheck' | 'StepcountNumber' | 'SuccessDot' | 'TeamMembers' | 'Templates' | 'Time' | 'Timesheets' | 'Trash' | 'Video' | 'Warning' | 'Warning' | 'PendingSignup' | 'WarningDot';
-export declare const Groups: {
-    Function: Array<any>;
-    General: Array<any>;
-    Indicators: Array<any>;
-    Navigation: Array<any>;
-    Shifts: Array<any>;
-    SideNav: Array<any>;
-    Avatars: Array<any>;
-};
-export declare const BKJIconComponentMap: any;
-export interface IBKJIconProps extends Omit<React.SVGProps<SVGSVGElement>, 'onClick'> {
-    iconName: BKJIconNameType;
-    fontSize?: number;
-    color?: BKJThemeColorType;
-    secondaryColor?: BKJThemeColorType;
-    css?: any;
-    onClick?: ChangeFunctionType;
-}
+import React from 'react';
+import { ChangeFunctionType } from '../../common.types.js';
+import { BKJThemeColorType } from '../../providers/BKJThemeProvider/BKJThemeProvider.types.js';
+export interface IIconProps extends React.SVGProps<SVGSVGElement> {
+    fontSize?: number;
+    color?: BKJThemeColorType;
+    secondaryColor?: BKJThemeColorType;
+    disabled?: boolean;
+}
+export declare type BKJIconNameType = 'Add' | 'AgencyMembers' | 'Analytics' | 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'Avatar' | 'AvatarFill' | 'BackArrow' | 'Checkmark' | 'ChevronDoubleLeft' | 'ChevronDoubleRight' | 'ChevronDown' | 'ChevronLeft' | 'ChevronLeftInCircle' | 'ChevronLeftLarge' | 'ChevronRight' | 'ChevronRightInCircle' | 'ChevronUp' | 'Client' | 'ClientPreferences' | 'Clients' | 'CloseBold' | 'CombinedChevronDefault' | 'CombinedChevronDown' | 'CombinedChevronUp' | 'Communications' | 'Copy' | 'Dashboard' | 'Dedicated' | 'DefaultOutline' | 'Delete' | 'DevNotes' | 'Document' | 'Download' | 'Edit' | 'Ellipsis' | 'EllipsisInCircle' | 'Error' | 'ErrorDot' | 'ErrorLarge' | 'Explore' | 'Eye' | 'Filters' | 'Group' | 'HamburgerExpand' | 'HamburgerTablet' | 'Info' | 'Location' | 'Location1' | 'Locked' | 'Logout' | 'Minus' | 'MouseIndicator' | 'NewBooking' | 'Notes1' | 'Paste' | 'Payment' | 'Phone' | 'Pause' | 'Plus' | 'Position' | 'Question' | 'Recurring' | 'Reply' | 'RoomType' | 'Schedule' | 'Search' | 'Settings' | 'Shifts' | 'ShiftsClient' | 'ShiftsDate' | 'ShiftsDeal' | 'ShiftsLocation' | 'ShiftsNotes' | 'ShiftsPrice' | 'ShiftsQuantity' | 'ShiftsTasks' | 'ShiftsTime' | 'ShiftsTrainingOutline' | 'ShiftsUnpaidBreak' | 'Sort' | 'Star' | 'StepCheck' | 'StepcountNumber' | 'SuccessDot' | 'TeamMembers' | 'Templates' | 'Time' | 'Timesheets' | 'Trash' | 'Video' | 'Warning' | 'Warning' | 'PendingSignup' | 'WarningDot';
+export declare const Groups: {
+    Function: Array<any>;
+    General: Array<any>;
+    Indicators: Array<any>;
+    Navigation: Array<any>;
+    Shifts: Array<any>;
+    SideNav: Array<any>;
+    Avatars: Array<any>;
+};
+export declare const BKJIconComponentMap: any;
+export interface IBKJIconProps extends Omit<React.SVGProps<SVGSVGElement>, 'onClick'> {
+    iconName: BKJIconNameType;
+    fontSize?: number;
+    color?: BKJThemeColorType;
+    secondaryColor?: BKJThemeColorType;
+    css?: any;
+    onClick?: ChangeFunctionType;
+}
 //# sourceMappingURL=BKJIcon.types.d.ts.map

package/lib/components/BKJIcon/BKJIcon.types.js

@@ -1,114 +1,114 @@
-import * as Icons from './src/index.js';
-export const Groups = {
-    Function: [
-        'Add',
-        'Delete',
-        'Download',
-        'Filters',
-        'HamburgerExpand',
-        'HamburgerTablet',
-        'Minus',
-        'Plus',
-        'Sort',
-        'Templates',
-        'Trash',
-    ],
-    General: [
-        'Client',
-        'ClientPreferences',
-        'Copy',
-        'DevNotes',
-        'Document',
-        'Edit',
-        'Ellipsis',
-        'EllipsisInCircle',
-        'Eye',
-        'GeneralWarning',
-        'Group',
-        'Info',
-        'Location',
-        'Location1',
-        'Notes1',
-        'Paste',
-        'Payment',
-        'Phone',
-        'Position',
-        'Reply',
-        'RoomType',
-        'Search',
-        'Time',
-        'PendingSignup',
-        'Video',
-    ],
-    Indicators: [
-        'Checkmark',
-        'Dedicated',
-        'DefaultOutline',
-        'ErrorDot',
-        'ErrorLarge',
-        'Error',
-        'Locked',
-        'Pause',
-        'Recurring',
-        'Star',
-        'StepCheck',
-        'StepcountNumber',
-        'SuccessDot',
-        'WarningDot',
-        'Warning',
-    ],
-    Navigation: [
-        'ArrowDown',
-        'ArrowLeft',
-        'ArrowRight',
-        'ArrowUp',
-        'BackArrow',
-        'ChevronDoubleLeft',
-        'ChevronDoubleRight',
-        'ChevronDown',
-        'ChevronLeftLarge',
-        'ChevronLeft',
-        'ChevronRightInCircle',
-        'ChevronRight',
-        'ChevronUp',
-        'ChevronLeftInCircle',
-        'CloseBold',
-        'MouseIndicator',
-        'CombinedChevronDefault',
-        'CombinedChevronDown',
-        'CombinedChevronUp',
-    ],
-    Shifts: [
-        'ShiftsClient',
-        'ShiftsDate',
-        'ShiftsDeal',
-        'ShiftsLocation',
-        'ShiftsNotes',
-        'ShiftsPrice',
-        'ShiftsQuantity',
-        'ShiftsTasks',
-        'ShiftsTime',
-        'ShiftsTrainingOutline',
-        'ShiftsUnpaidBreak',
-    ],
-    SideNav: [
-        'AgencyMembers',
-        'Clients',
-        'Communications',
-        'Dashboard',
-        'Explore',
-        'Logout',
-        'NewBooking',
-        'Question',
-        'Schedule',
-        'Settings',
-        'Shifts',
-        'TeamMembers',
-        'Timesheets',
-    ],
-    Avatars: ['Avatar', 'AvatarFill'],
-};
-export const BKJIconComponentMap = Object.entries(Icons).reduce((acc, [key, value]) => {
-    return { ...acc, [key.replace('Icon', '')]: value };
-}, {});
+import * as Icons from './src/index.js';
+export const Groups = {
+    Function: [
+        'Add',
+        'Delete',
+        'Download',
+        'Filters',
+        'HamburgerExpand',
+        'HamburgerTablet',
+        'Minus',
+        'Plus',
+        'Sort',
+        'Templates',
+        'Trash',
+    ],
+    General: [
+        'Client',
+        'ClientPreferences',
+        'Copy',
+        'DevNotes',
+        'Document',
+        'Edit',
+        'Ellipsis',
+        'EllipsisInCircle',
+        'Eye',
+        'GeneralWarning',
+        'Group',
+        'Info',
+        'Location',
+        'Location1',
+        'Notes1',
+        'Paste',
+        'Payment',
+        'Phone',
+        'Position',
+        'Reply',
+        'RoomType',
+        'Search',
+        'Time',
+        'PendingSignup',
+        'Video',
+    ],
+    Indicators: [
+        'Checkmark',
+        'Dedicated',
+        'DefaultOutline',
+        'ErrorDot',
+        'ErrorLarge',
+        'Error',
+        'Locked',
+        'Pause',
+        'Recurring',
+        'Star',
+        'StepCheck',
+        'StepcountNumber',
+        'SuccessDot',
+        'WarningDot',
+        'Warning',
+    ],
+    Navigation: [
+        'ArrowDown',
+        'ArrowLeft',
+        'ArrowRight',
+        'ArrowUp',
+        'BackArrow',
+        'ChevronDoubleLeft',
+        'ChevronDoubleRight',
+        'ChevronDown',
+        'ChevronLeftLarge',
+        'ChevronLeft',
+        'ChevronRightInCircle',
+        'ChevronRight',
+        'ChevronUp',
+        'ChevronLeftInCircle',
+        'CloseBold',
+        'MouseIndicator',
+        'CombinedChevronDefault',
+        'CombinedChevronDown',
+        'CombinedChevronUp',
+    ],
+    Shifts: [
+        'ShiftsClient',
+        'ShiftsDate',
+        'ShiftsDeal',
+        'ShiftsLocation',
+        'ShiftsNotes',
+        'ShiftsPrice',
+        'ShiftsQuantity',
+        'ShiftsTasks',
+        'ShiftsTime',
+        'ShiftsTrainingOutline',
+        'ShiftsUnpaidBreak',
+    ],
+    SideNav: [
+        'AgencyMembers',
+        'Clients',
+        'Communications',
+        'Dashboard',
+        'Explore',
+        'Logout',
+        'NewBooking',
+        'Question',
+        'Schedule',
+        'Settings',
+        'Shifts',
+        'TeamMembers',
+        'Timesheets',
+    ],
+    Avatars: ['Avatar', 'AvatarFill'],
+};
+export const BKJIconComponentMap = Object.entries(Icons).reduce((acc, [key, value]) => {
+    return { ...acc, [key.replace('Icon', '')]: value };
+}, {});
 //# sourceMappingURL=BKJIcon.types.js.map

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

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

package/lib/components/BKJIcon/index.js

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

package/lib/components/BKJIcon/src/avatars/Avatar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IIconProps } from '../../BKJIcon.types.js';
-export declare function AvatarIcon(props: IIconProps): JSX.Element;
+/// <reference types="react" />
+import { IIconProps } from '../../BKJIcon.types.js';
+export declare function AvatarIcon(props: IIconProps): JSX.Element;
 //# sourceMappingURL=Avatar.d.ts.map

package/lib/components/BKJIcon/src/avatars/Avatar.js

@@ -1,14 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function AvatarIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'Grey4', secondaryColor = 'White', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    const secondaryFillColor = themeContext.colors[secondaryColor];
-    return (_jsxs("svg", Object.assign({ width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("mask", Object.assign({ id: "mask0", "mask-type": "alpha", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "30", height: "30" }, { children: _jsx("path", { d: "M15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30Z", fill: secondaryFillColor }, void 0) }), void 0),
-            _jsxs("g", Object.assign({ mask: "url(#mask0)" }, { children: [_jsx("rect", { width: "30", height: "30", fill: primaryFillColor }, void 0),
-                    _jsx("path", { d: "M10.3125 10.4489C10.3125 7.99556 12.2894 6 14.7187 6C17.1481 6 19.125 7.99556 19.125 10.4489V12.4261C19.125 14.8794 17.1481 16.875 14.7187 16.875C12.2894 16.875 10.3125 14.8794 10.3125 12.4261V10.4489Z", fill: secondaryFillColor }, void 0),
-                    _jsx("path", { d: "M21.6313 24.1875H7.80625C7.5337 24.1875 7.3125 23.964 7.3125 23.6875C7.3125 20.655 9.74916 18.1875 12.7438 18.1875H16.6938C19.6883 18.1875 22.125 20.655 22.125 23.6875C22.125 23.964 21.9038 24.1875 21.6313 24.1875Z", fill: secondaryFillColor }, void 0)] }), void 0)] }), void 0));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+export function AvatarIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'Grey4', secondaryColor = 'White', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    const secondaryFillColor = themeContext.colors[secondaryColor];
+    return (_jsxs("svg", Object.assign({ width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("mask", Object.assign({ id: "mask0", "mask-type": "alpha", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "30", height: "30" }, { children: _jsx("path", { d: "M15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30Z", fill: secondaryFillColor }, void 0) }), void 0),
+            _jsxs("g", Object.assign({ mask: "url(#mask0)" }, { children: [_jsx("rect", { width: "30", height: "30", fill: primaryFillColor }, void 0),
+                    _jsx("path", { d: "M10.3125 10.4489C10.3125 7.99556 12.2894 6 14.7187 6C17.1481 6 19.125 7.99556 19.125 10.4489V12.4261C19.125 14.8794 17.1481 16.875 14.7187 16.875C12.2894 16.875 10.3125 14.8794 10.3125 12.4261V10.4489Z", fill: secondaryFillColor }, void 0),
+                    _jsx("path", { d: "M21.6313 24.1875H7.80625C7.5337 24.1875 7.3125 23.964 7.3125 23.6875C7.3125 20.655 9.74916 18.1875 12.7438 18.1875H16.6938C19.6883 18.1875 22.125 20.655 22.125 23.6875C22.125 23.964 21.9038 24.1875 21.6313 24.1875Z", fill: secondaryFillColor }, void 0)] }), void 0)] }), void 0));
+}
 //# sourceMappingURL=Avatar.js.map

package/lib/components/BKJIcon/src/avatars/AvatarFill.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IIconProps } from '../../BKJIcon.types.js';
-export declare function AvatarFillIcon(props: IIconProps): JSX.Element;
+/// <reference types="react" />
+import { IIconProps } from '../../BKJIcon.types.js';
+export declare function AvatarFillIcon(props: IIconProps): JSX.Element;
 //# sourceMappingURL=AvatarFill.d.ts.map

package/lib/components/BKJIcon/src/avatars/AvatarFill.js

@@ -1,13 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function AvatarFillIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'Grey4', secondaryColor = 'White', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    const secondaryFillColor = themeContext.colors[secondaryColor];
-    return (_jsxs("svg", Object.assign({ width: "155", height: "96", viewBox: "0 0 155 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H147C151.418 0 155 3.58172 155 8V96H0V8Z", fill: primaryFillColor }, void 0),
-            _jsx("path", { d: "M62 32.1364C62 23.7895 68.9543 17 77.5 17C86.0457 17 93 23.7895 93 32.1364V38.8636C93 47.2105 86.0457 54 77.5 54C68.9543 54 62 47.2105 62 38.8636V32.1364Z", fill: secondaryFillColor }, void 0),
-            _jsx("path", { d: "M101.3 80H53.7C52.7616 80 52 79.2177 52 78.25C52 67.6363 60.3895 59 70.7 59H84.3C94.6105 59 103 67.6363 103 78.25C103 79.2177 102.238 80 101.3 80Z", fill: secondaryFillColor }, void 0)] }), void 0));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+export function AvatarFillIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'Grey4', secondaryColor = 'White', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    const secondaryFillColor = themeContext.colors[secondaryColor];
+    return (_jsxs("svg", Object.assign({ width: "155", height: "96", viewBox: "0 0 155 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H147C151.418 0 155 3.58172 155 8V96H0V8Z", fill: primaryFillColor }, void 0),
+            _jsx("path", { d: "M62 32.1364C62 23.7895 68.9543 17 77.5 17C86.0457 17 93 23.7895 93 32.1364V38.8636C93 47.2105 86.0457 54 77.5 54C68.9543 54 62 47.2105 62 38.8636V32.1364Z", fill: secondaryFillColor }, void 0),
+            _jsx("path", { d: "M101.3 80H53.7C52.7616 80 52 79.2177 52 78.25C52 67.6363 60.3895 59 70.7 59H84.3C94.6105 59 103 67.6363 103 78.25C103 79.2177 102.238 80 101.3 80Z", fill: secondaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=AvatarFill.js.map

package/lib/components/BKJIcon/src/functions/Add.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IIconProps } from '../../BKJIcon.types.js';
-export declare function AddIcon(props: IIconProps): JSX.Element;
+/// <reference types="react" />
+import { IIconProps } from '../../BKJIcon.types.js';
+export declare function AddIcon(props: IIconProps): JSX.Element;
 //# sourceMappingURL=Add.d.ts.map

package/lib/components/BKJIcon/src/functions/Add.js

@@ -1,12 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function AddIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'PrimaryDefault', secondaryColor = 'White', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    const secondaryFillColor = themeContext.colors[secondaryColor];
-    return (_jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("circle", { cx: 12, cy: 12, r: 9, fill: secondaryFillColor }, void 0),
-            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 12C2 6.477 6.477 2 12 2c5.516.016 9.984 4.484 10 10 0 5.523-4.477 10-10 10S2 17.523 2 12zm10.833.833H17v-1.666h-4.167V7h-1.666v4.167H7v1.666h4.167V17h1.666v-4.167z", fill: primaryFillColor }, void 0)] }), void 0));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+export function AddIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'PrimaryDefault', secondaryColor = 'White', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    const secondaryFillColor = themeContext.colors[secondaryColor];
+    return (_jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("circle", { cx: 12, cy: 12, r: 9, fill: secondaryFillColor }, void 0),
+            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 12C2 6.477 6.477 2 12 2c5.516.016 9.984 4.484 10 10 0 5.523-4.477 10-10 10S2 17.523 2 12zm10.833.833H17v-1.666h-4.167V7h-1.666v4.167H7v1.666h4.167V17h1.666v-4.167z", fill: primaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=Add.js.map

package/lib/components/BKJIcon/src/functions/Delete.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IIconProps } from '../../BKJIcon.types.js';
-export declare function DeleteIcon(props: IIconProps): JSX.Element;
+/// <reference types="react" />
+import { IIconProps } from '../../BKJIcon.types.js';
+export declare function DeleteIcon(props: IIconProps): JSX.Element;
 //# sourceMappingURL=Delete.d.ts.map

package/lib/components/BKJIcon/src/functions/Delete.js

@@ -1,12 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function DeleteIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'ErrorDefault', secondaryColor = 'White', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    const secondaryFillColor = themeContext.colors[secondaryColor];
-    return (_jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("circle", { cx: 12, cy: 12, r: 9, fill: secondaryFillColor }, void 0),
-            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 12C2 6.477 6.477 2 12 2c5.516.016 9.984 4.484 10 10 0 5.523-4.477 10-10 10S2 17.523 2 12zm12.947 4.125l1.179-1.178L13.179 12l2.947-2.947-1.179-1.178-2.946 2.947-2.947-2.947-1.178 1.178L10.822 12l-2.946 2.947 1.178 1.178 2.947-2.947 2.946 2.947z", fill: primaryFillColor }, void 0)] }), void 0));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+export function DeleteIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'ErrorDefault', secondaryColor = 'White', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    const secondaryFillColor = themeContext.colors[secondaryColor];
+    return (_jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("circle", { cx: 12, cy: 12, r: 9, fill: secondaryFillColor }, void 0),
+            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 12C2 6.477 6.477 2 12 2c5.516.016 9.984 4.484 10 10 0 5.523-4.477 10-10 10S2 17.523 2 12zm12.947 4.125l1.179-1.178L13.179 12l2.947-2.947-1.179-1.178-2.946 2.947-2.947-2.947-1.178 1.178L10.822 12l-2.946 2.947 1.178 1.178 2.947-2.947 2.946 2.947z", fill: primaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=Delete.js.map