@bookjane2/bookjane-design-library 7.2.8 → 7.3.0

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

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

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

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function DownloadIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'TextSubtleGrey', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    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("path", { d: "M13.125 10.688V2.811h-2.25v7.876h-2.7l3.825 4.5 3.825-4.5h-2.7z", fill: primaryFillColor }, void 0),
-            _jsx("path", { d: "M19.875 19.688H4.125c-.675 0-1.125-.45-1.125-1.125V8.438c0-.676.45-1.126 1.125-1.126H7.5v2.25H5.25v7.876h13.5V9.563H16.5v-2.25h3.375c.675 0 1.125.45 1.125 1.125v10.124c0 .675-.45 1.125-1.125 1.125z", 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 DownloadIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'TextSubtleGrey', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    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("path", { d: "M13.125 10.688V2.811h-2.25v7.876h-2.7l3.825 4.5 3.825-4.5h-2.7z", fill: primaryFillColor }, void 0),
+            _jsx("path", { d: "M19.875 19.688H4.125c-.675 0-1.125-.45-1.125-1.125V8.438c0-.676.45-1.126 1.125-1.126H7.5v2.25H5.25v7.876h13.5V9.563H16.5v-2.25h3.375c.675 0 1.125.45 1.125 1.125v10.124c0 .675-.45 1.125-1.125 1.125z", fill: primaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=Download.js.map

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

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

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

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function FiltersIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'TextSubtleGrey', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { d: "M6.32 11.5V3M6.32 20v-2.318M8.636 14.59H4v3.092h4.636V14.59zM12.5 3.773V3M12.5 20V9.955M14.816 6.864H10.18v3.09h4.636v-3.09zM18.68 11.5V3M18.68 20v-2.318M21.001 14.59h-4.636v3.091H21v-3.09z", stroke: primaryFillColor, strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+export function FiltersIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'TextSubtleGrey', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { d: "M6.32 11.5V3M6.32 20v-2.318M8.636 14.59H4v3.092h4.636V14.59zM12.5 3.773V3M12.5 20V9.955M14.816 6.864H10.18v3.09h4.636v-3.09zM18.68 11.5V3M18.68 20v-2.318M21.001 14.59h-4.636v3.091H21v-3.09z", stroke: primaryFillColor, strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
+}
 //# sourceMappingURL=Filters.js.map

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

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

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

@@ -1,18 +1,18 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function HamburgerExpandIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'TextSubtleGrey', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    return (_jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("g", Object.assign({ filter: "url(#Hamburger_Expand_svg__filter0_d)" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 27c6.627 0 12-5.373 12-12S22.627 3 16 3 4 8.373 4 15s5.373 12 12 12z", fill: "#fff" }, void 0) }), void 0),
-            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.083 14.5H10.417c-.25 0-.417.2-.417.5s.167.5.417.5h11.666c.25 0 .417-.2.417-.5s-.167-.5-.417-.5zM22.083 10H10.417c-.25 0-.417.2-.417.5s.167.5.417.5h11.666c.25 0 .417-.2.417-.5s-.167-.5-.417-.5zM22.083 19H10.417c-.25 0-.417.2-.417.5s.167.5.417.5h11.666c.25 0 .417-.2.417-.5s-.167-.5-.417-.5z", fill: primaryFillColor }, void 0),
-            _jsx("defs", { children: _jsxs("filter", Object.assign({ id: "Hamburger_Expand_svg__filter0_d", x: 0, y: 0, width: 32, height: 32, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, { children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }, void 0),
-                        _jsx("feColorMatrix", { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }, void 0),
-                        _jsx("feOffset", { dy: 1 }, void 0),
-                        _jsx("feGaussianBlur", { stdDeviation: 2 }, void 0),
-                        _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" }, void 0),
-                        _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow" }, void 0),
-                        _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow", result: "shape" }, void 0)] }), 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 HamburgerExpandIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'TextSubtleGrey', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    return (_jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("g", Object.assign({ filter: "url(#Hamburger_Expand_svg__filter0_d)" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 27c6.627 0 12-5.373 12-12S22.627 3 16 3 4 8.373 4 15s5.373 12 12 12z", fill: "#fff" }, void 0) }), void 0),
+            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.083 14.5H10.417c-.25 0-.417.2-.417.5s.167.5.417.5h11.666c.25 0 .417-.2.417-.5s-.167-.5-.417-.5zM22.083 10H10.417c-.25 0-.417.2-.417.5s.167.5.417.5h11.666c.25 0 .417-.2.417-.5s-.167-.5-.417-.5zM22.083 19H10.417c-.25 0-.417.2-.417.5s.167.5.417.5h11.666c.25 0 .417-.2.417-.5s-.167-.5-.417-.5z", fill: primaryFillColor }, void 0),
+            _jsx("defs", { children: _jsxs("filter", Object.assign({ id: "Hamburger_Expand_svg__filter0_d", x: 0, y: 0, width: 32, height: 32, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, { children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }, void 0),
+                        _jsx("feColorMatrix", { in: "SourceAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }, void 0),
+                        _jsx("feOffset", { dy: 1 }, void 0),
+                        _jsx("feGaussianBlur", { stdDeviation: 2 }, void 0),
+                        _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" }, void 0),
+                        _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow" }, void 0),
+                        _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow", result: "shape" }, void 0)] }), void 0) }, void 0)] }), void 0));
+}
 //# sourceMappingURL=HamburgerExpand.js.map

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

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

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

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function HamburgerTabletIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'TextSubtleGrey', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.267 3H1.733C1.293 3 1 3.333 1 3.833c0 .5.293.834.733.834h20.534c.44 0 .733-.334.733-.834 0-.5-.293-.833-.733-.833zm0 8.334H1.733c-.44 0-.733.333-.733.833 0 .5.293.833.733.833h20.534c.44 0 .733-.333.733-.833 0-.5-.293-.833-.733-.833zm-20.534 7.5h20.534c.44 0 .733.333.733.833 0 .5-.293.833-.733.833H1.733c-.44 0-.733-.333-.733-.833 0-.5.293-.834.733-.834z", fill: primaryFillColor }, void 0) }), void 0));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+export function HamburgerTabletIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'TextSubtleGrey', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.267 3H1.733C1.293 3 1 3.333 1 3.833c0 .5.293.834.733.834h20.534c.44 0 .733-.334.733-.834 0-.5-.293-.833-.733-.833zm0 8.334H1.733c-.44 0-.733.333-.733.833 0 .5.293.833.733.833h20.534c.44 0 .733-.333.733-.833 0-.5-.293-.833-.733-.833zm-20.534 7.5h20.534c.44 0 .733.333.733.833 0 .5-.293.833-.733.833H1.733c-.44 0-.733-.333-.733-.833 0-.5.293-.834.733-.834z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=HamburgerTablet.js.map

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

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

package/lib/components/BKJIcon/src/functions/Minus.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 MinusIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'TextHighlight2', 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),
-            _jsx("path", { fill: primaryFillColor, d: "M11 6.17h2v5h-2zM11 12.835h2v5h-2z" }, 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 MinusIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'TextHighlight2', 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),
+            _jsx("path", { fill: primaryFillColor, d: "M11 6.17h2v5h-2zM11 12.835h2v5h-2z" }, void 0)] }), void 0));
+}
 //# sourceMappingURL=Minus.js.map

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

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

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

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function PlusIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'TextDarkGrey', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 11V3h-2v8H3v2h8v8h2v-8h8v-2h-8z", fill: primaryFillColor }, void 0) }), void 0));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+export function PlusIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'TextDarkGrey', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 11V3h-2v8H3v2h8v8h2v-8h8v-2h-8z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=Plus.js.map

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

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

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

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function SortIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'TextSubtleGrey', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { d: "M4 7h16M6.133 11h11.734M8.266 15h7.466M10.398 19h3.2", stroke: primaryFillColor, strokeWidth: 2, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+export function SortIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'TextSubtleGrey', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { d: "M4 7h16M6.133 11h11.734M8.266 15h7.466M10.398 19h3.2", stroke: primaryFillColor, strokeWidth: 2, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
+}
 //# sourceMappingURL=Sort.js.map

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

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

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

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function TemplatesIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'TextSubtleGrey', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { d: "M7.3 4H4v16.5h3.3V4zM20.5 10.6h-3.3v9.9h3.3v-9.9zM20.502 4h-9.9v3.3h9.9V4zM13.902 17.2h-3.3v3.3h3.3v-3.3zM13.902 10.6h-3.3v3.3h3.3v-3.3z", stroke: primaryFillColor, strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+export function TemplatesIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'TextSubtleGrey', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { d: "M7.3 4H4v16.5h3.3V4zM20.5 10.6h-3.3v9.9h3.3v-9.9zM20.502 4h-9.9v3.3h9.9V4zM13.902 17.2h-3.3v3.3h3.3v-3.3zM13.902 10.6h-3.3v3.3h3.3v-3.3z", stroke: primaryFillColor, strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
+}
 //# sourceMappingURL=Templates.js.map

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

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

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

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function TrashIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'TextSubtleGrey', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { d: "M5.135 20.159a2.277 2.277 0 002.27 2.27h9.08a2.277 2.277 0 002.269-2.27V6.539H5.134v13.62zM19.889 3.135h-3.972L14.782 2H9.107L7.972 3.135H4v2.27h15.889v-2.27z", fill: primaryFillColor }, void 0) }), void 0));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+export function TrashIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'TextSubtleGrey', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { d: "M5.135 20.159a2.277 2.277 0 002.27 2.27h9.08a2.277 2.277 0 002.269-2.27V6.539H5.134v13.62zM19.889 3.135h-3.972L14.782 2H9.107L7.972 3.135H4v2.27h15.889v-2.27z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=Trash.js.map

package/lib/components/BKJIcon/src/general/Client.d.ts

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

package/lib/components/BKJIcon/src/general/Client.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 ClientIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'TextSubtleGrey', 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("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.563 8.921c0 2.605 2.137 4.737 4.75 4.737 2.612 0 4.75-2.132 4.75-4.737V7.737c0-2.605-2.138-4.737-4.75-4.737-2.613 0-4.75 2.132-4.75 4.737V8.92zM4 21c0-3.316 2.612-5.921 5.938-5.921h4.75c3.324 0 5.937 2.605 5.937 5.92H4z", fill: primaryFillColor }, void 0),
-            _jsx("mask", Object.assign({ id: "Client_svg__a", maskUnits: "userSpaceOnUse", x: 4, y: 3, width: 17, height: 18 }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.563 8.921c0 2.605 2.137 4.737 4.75 4.737 2.612 0 4.75-2.132 4.75-4.737V7.737c0-2.605-2.138-4.737-4.75-4.737-2.613 0-4.75 2.132-4.75 4.737V8.92zM4 21c0-3.316 2.612-5.921 5.938-5.921h4.75c3.324 0 5.937 2.605 5.937 5.92H4z", fill: secondaryFillColor }, void 0) }), void 0),
-            _jsx("g", Object.assign({ mask: "url(#Client_svg__a)" }, { children: _jsx("path", { fill: primaryFillColor, d: "M3.102 3h18v18h-18z" }, 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 ClientIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'TextSubtleGrey', 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("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.563 8.921c0 2.605 2.137 4.737 4.75 4.737 2.612 0 4.75-2.132 4.75-4.737V7.737c0-2.605-2.138-4.737-4.75-4.737-2.613 0-4.75 2.132-4.75 4.737V8.92zM4 21c0-3.316 2.612-5.921 5.938-5.921h4.75c3.324 0 5.937 2.605 5.937 5.92H4z", fill: primaryFillColor }, void 0),
+            _jsx("mask", Object.assign({ id: "Client_svg__a", maskUnits: "userSpaceOnUse", x: 4, y: 3, width: 17, height: 18 }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.563 8.921c0 2.605 2.137 4.737 4.75 4.737 2.612 0 4.75-2.132 4.75-4.737V7.737c0-2.605-2.138-4.737-4.75-4.737-2.613 0-4.75 2.132-4.75 4.737V8.92zM4 21c0-3.316 2.612-5.921 5.938-5.921h4.75c3.324 0 5.937 2.605 5.937 5.92H4z", fill: secondaryFillColor }, void 0) }), void 0),
+            _jsx("g", Object.assign({ mask: "url(#Client_svg__a)" }, { children: _jsx("path", { fill: primaryFillColor, d: "M3.102 3h18v18h-18z" }, void 0) }), void 0)] }), void 0));
+}
 //# sourceMappingURL=Client.js.map

package/lib/components/BKJIcon/src/general/ClientPreferences.d.ts

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

package/lib/components/BKJIcon/src/general/ClientPreferences.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function ClientPreferencesIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'Grey6', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { d: "M5.648 17.265L2 13.059l1.524-1.647 3.195 2.475L16.024 4l1.667.824-9.447 12.362a1.672 1.672 0 01-1.279.653 1.676 1.676 0 01-1.317-.574zM17.691 7.294h4.167v1.647h-4.167zM14.359 11.412h7.5v1.647h-7.5zM11.859 15.529h10v1.647h-10z", fill: primaryFillColor }, void 0) }), void 0));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+export function ClientPreferencesIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'Grey6', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { d: "M5.648 17.265L2 13.059l1.524-1.647 3.195 2.475L16.024 4l1.667.824-9.447 12.362a1.672 1.672 0 01-1.279.653 1.676 1.676 0 01-1.317-.574zM17.691 7.294h4.167v1.647h-4.167zM14.359 11.412h7.5v1.647h-7.5zM11.859 15.529h10v1.647h-10z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=ClientPreferences.js.map

package/lib/components/BKJIcon/src/general/Copy.d.ts

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

package/lib/components/BKJIcon/src/general/Copy.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function CopyIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'Grey6', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.896 8.063a.787.787 0 00-.229.604v9.999H3.835A.787.787 0 013 17.832V2.835A.787.787 0 013.835 2h12.498a.787.787 0 01.833.834v4.999H10.5a.787.787 0 00-.604.23zm2.27 1.437H20.5a.787.787 0 01.833.834v10.831A.787.787 0 0120.5 22h-8.332a.787.787 0 01-.833-.834V10.334a.787.787 0 01.833-.834z", fill: primaryFillColor }, void 0) }), void 0));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+export function CopyIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'Grey6', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.896 8.063a.787.787 0 00-.229.604v9.999H3.835A.787.787 0 013 17.832V2.835A.787.787 0 013.835 2h12.498a.787.787 0 01.833.834v4.999H10.5a.787.787 0 00-.604.23zm2.27 1.437H20.5a.787.787 0 01.833.834v10.831A.787.787 0 0120.5 22h-8.332a.787.787 0 01-.833-.834V10.334a.787.787 0 01.833-.834z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=Copy.js.map

package/lib/components/BKJIcon/src/general/DevNotes.d.ts

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

package/lib/components/BKJIcon/src/general/DevNotes.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 DevNotesIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'Grey6', 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("path", { d: "M9.286 11.146L6.25 14.18l3.036 3.036M14.143 11.146l3.036 3.035-3.036 3.036", stroke: primaryFillColor, strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }, void 0),
-            _jsx("mask", Object.assign({ id: "Dev_Notes_svg__a", fill: secondaryFillColor }, { children: _jsx("rect", { x: 2, y: 4, width: 19.429, height: 17, rx: 1 }, void 0) }), void 0),
-            _jsx("rect", { x: 2, y: 4, width: 19.429, height: 17, rx: 1, stroke: primaryFillColor, strokeWidth: 3, mask: "url(#Dev_Notes_svg__a)" }, void 0),
-            _jsx("path", { stroke: primaryFillColor, strokeWidth: 1.5, d: "M2.607 7.967h17.607" }, 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 DevNotesIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'Grey6', 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("path", { d: "M9.286 11.146L6.25 14.18l3.036 3.036M14.143 11.146l3.036 3.035-3.036 3.036", stroke: primaryFillColor, strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }, void 0),
+            _jsx("mask", Object.assign({ id: "Dev_Notes_svg__a", fill: secondaryFillColor }, { children: _jsx("rect", { x: 2, y: 4, width: 19.429, height: 17, rx: 1 }, void 0) }), void 0),
+            _jsx("rect", { x: 2, y: 4, width: 19.429, height: 17, rx: 1, stroke: primaryFillColor, strokeWidth: 3, mask: "url(#Dev_Notes_svg__a)" }, void 0),
+            _jsx("path", { stroke: primaryFillColor, strokeWidth: 1.5, d: "M2.607 7.967h17.607" }, void 0)] }), void 0));
+}
 //# sourceMappingURL=DevNotes.js.map

package/lib/components/BKJIcon/src/general/Document.d.ts

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

package/lib/components/BKJIcon/src/general/Document.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function DocumentIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'Grey6', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.6 2H4.8c-.442 0-.8.373-.8.833v18.334c0 .46.358.833.8.833h14.4c.442 0 .8-.373.8-.833v-12.5h-5.6c-.442 0-.8-.373-.8-.834V2zM6.398 16.166h11.2v1.667h-11.2v-1.666zM17.598 12h-11.2v1.667h11.2V12zm-6.4-2.5h-4.8V7.833h4.8V9.5zM15.2 7h4.331L15.2 2.488V7z", fill: primaryFillColor }, void 0) }), void 0));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+export function DocumentIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'Grey6', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.6 2H4.8c-.442 0-.8.373-.8.833v18.334c0 .46.358.833.8.833h14.4c.442 0 .8-.373.8-.833v-12.5h-5.6c-.442 0-.8-.373-.8-.834V2zM6.398 16.166h11.2v1.667h-11.2v-1.666zM17.598 12h-11.2v1.667h11.2V12zm-6.4-2.5h-4.8V7.833h4.8V9.5zM15.2 7h4.331L15.2 2.488V7z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=Document.js.map

package/lib/components/BKJIcon/src/general/Edit.d.ts

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

package/lib/components/BKJIcon/src/general/Edit.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function EditIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'Grey6', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { d: "M17.1 4.3c-.4-.4-1-.4-1.4 0L4 16v4h4L19.7 8.3c.4-.4.4-1 0-1.4l-2.6-2.6z", fill: primaryFillColor }, void 0) }), void 0));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+export function EditIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'Grey6', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { d: "M17.1 4.3c-.4-.4-1-.4-1.4 0L4 16v4h4L19.7 8.3c.4-.4.4-1 0-1.4l-2.6-2.6z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=Edit.js.map

package/lib/components/BKJIcon/src/general/Ellipsis.d.ts

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

package/lib/components/BKJIcon/src/general/Ellipsis.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 EllipsisIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'Grey6', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    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: 5, cy: 12.23, r: 2, fill: primaryFillColor }, void 0),
-            _jsx("circle", { cx: 12, cy: 12.23, r: 2, fill: primaryFillColor }, void 0),
-            _jsx("circle", { cx: 19, cy: 12.23, r: 2, 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 EllipsisIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'Grey6', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    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: 5, cy: 12.23, r: 2, fill: primaryFillColor }, void 0),
+            _jsx("circle", { cx: 12, cy: 12.23, r: 2, fill: primaryFillColor }, void 0),
+            _jsx("circle", { cx: 19, cy: 12.23, r: 2, fill: primaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=Ellipsis.js.map

package/lib/components/BKJIcon/src/general/EllipsisInCircle.d.ts

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

package/lib/components/BKJIcon/src/general/EllipsisInCircle.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 EllipsisInCircleIcon(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: 11, fill: primaryFillColor }, void 0),
-            _jsx("circle", { cx: 5.778, cy: 12.23, r: 1.778, fill: secondaryFillColor }, void 0),
-            _jsx("circle", { cx: 12, cy: 12.23, r: 1.778, fill: secondaryFillColor }, void 0),
-            _jsx("circle", { cx: 18.222, cy: 12.23, r: 1.778, 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 EllipsisInCircleIcon(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: 11, fill: primaryFillColor }, void 0),
+            _jsx("circle", { cx: 5.778, cy: 12.23, r: 1.778, fill: secondaryFillColor }, void 0),
+            _jsx("circle", { cx: 12, cy: 12.23, r: 1.778, fill: secondaryFillColor }, void 0),
+            _jsx("circle", { cx: 18.222, cy: 12.23, r: 1.778, fill: secondaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=EllipsisInCircle.js.map