@bookjane2/bookjane-design-library 7.2.8 → 7.2.9

package/lib/components/BKJIcon/src/navigation/ChevronDoubleRight.d.ts

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

package/lib/components/BKJIcon/src/navigation/ChevronDoubleRight.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 ChevronDoubleRightIcon(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("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.162 11.971l-5.836-5.836A.394.394 0 0012.034 6a.432.432 0 00-.291.135l-.606.606a.396.396 0 00-.135.292c0 .112.045.202.135.29l4.915 4.917-4.915 4.938a.363.363 0 00-.135.292c0 .09.045.202.135.269l.606.629a.43.43 0 00.29.134.393.393 0 00.293-.134l5.836-5.836a.362.362 0 00.135-.292.349.349 0 00-.135-.269z", fill: primaryFillColor }, void 0),
-            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.16 11.971L7.324 6.135A.394.394 0 007.032 6a.432.432 0 00-.291.135l-.606.606A.396.396 0 006 7.033c0 .112.045.202.135.29l4.915 4.917-4.915 4.938A.363.363 0 006 17.47c0 .09.045.202.135.269l.606.629a.43.43 0 00.291.134.393.393 0 00.292-.134l5.836-5.836a.362.362 0 00.135-.292.349.349 0 00-.135-.269z", 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 ChevronDoubleRightIcon(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("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.162 11.971l-5.836-5.836A.394.394 0 0012.034 6a.432.432 0 00-.291.135l-.606.606a.396.396 0 00-.135.292c0 .112.045.202.135.29l4.915 4.917-4.915 4.938a.363.363 0 00-.135.292c0 .09.045.202.135.269l.606.629a.43.43 0 00.29.134.393.393 0 00.293-.134l5.836-5.836a.362.362 0 00.135-.292.349.349 0 00-.135-.269z", fill: primaryFillColor }, void 0),
+            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.16 11.971L7.324 6.135A.394.394 0 007.032 6a.432.432 0 00-.291.135l-.606.606A.396.396 0 006 7.033c0 .112.045.202.135.29l4.915 4.917-4.915 4.938A.363.363 0 006 17.47c0 .09.045.202.135.269l.606.629a.43.43 0 00.291.134.393.393 0 00.292-.134l5.836-5.836a.362.362 0 00.135-.292.349.349 0 00-.135-.269z", fill: primaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=ChevronDoubleRight.js.map

package/lib/components/BKJIcon/src/navigation/ChevronDown.d.ts

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

package/lib/components/BKJIcon/src/navigation/ChevronDown.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function ChevronDownIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'Grey7', ...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: "M12.291 15.87l6.069-5.6c.093-.086.14-.171.14-.28a.401.401 0 00-.14-.279l-.63-.581a.427.427 0 00-.304-.13.423.423 0 00-.303.13l-5.112 4.716L6.877 9.13A.391.391 0 006.573 9a.374.374 0 00-.28.13l-.654.581a.4.4 0 00-.139.28c0 .108.046.193.14.28l6.068 5.6a.39.39 0 00.303.129c.094 0 .21-.043.28-.13z", 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 ChevronDownIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'Grey7', ...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: "M12.291 15.87l6.069-5.6c.093-.086.14-.171.14-.28a.401.401 0 00-.14-.279l-.63-.581a.427.427 0 00-.304-.13.423.423 0 00-.303.13l-5.112 4.716L6.877 9.13A.391.391 0 006.573 9a.374.374 0 00-.28.13l-.654.581a.4.4 0 00-.139.28c0 .108.046.193.14.28l6.068 5.6a.39.39 0 00.303.129c.094 0 .21-.043.28-.13z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=ChevronDown.js.map

package/lib/components/BKJIcon/src/navigation/ChevronLeft.d.ts

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

package/lib/components/BKJIcon/src/navigation/ChevronLeft.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function ChevronLeftIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'Grey7', ...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: "M8.135 12.531l5.836 5.836c.09.09.179.135.292.135a.432.432 0 00.291-.135l.606-.606c.09-.09.135-.18.135-.292a.392.392 0 00-.135-.291l-4.915-4.916 4.915-4.938a.363.363 0 00.135-.292.349.349 0 00-.135-.269l-.606-.629A.43.43 0 0014.263 6a.393.393 0 00-.292.134L8.135 11.97a.362.362 0 00-.135.292c0 .09.045.202.135.269z", 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 ChevronLeftIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'Grey7', ...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: "M8.135 12.531l5.836 5.836c.09.09.179.135.292.135a.432.432 0 00.291-.135l.606-.606c.09-.09.135-.18.135-.292a.392.392 0 00-.135-.291l-4.915-4.916 4.915-4.938a.363.363 0 00.135-.292.349.349 0 00-.135-.269l-.606-.629A.43.43 0 0014.263 6a.393.393 0 00-.292.134L8.135 11.97a.362.362 0 00-.135.292c0 .09.045.202.135.269z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=ChevronLeft.js.map

package/lib/components/BKJIcon/src/navigation/ChevronLeftInCircle.d.ts

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

package/lib/components/BKJIcon/src/navigation/ChevronLeftInCircle.js

@@ -1,19 +1,19 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function ChevronLeftInCircleIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'Grey6', secondaryColor = 'Grey6', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    const secondaryFillColor = themeContext.colors[secondaryColor];
-    return (_jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("g", Object.assign({ filter: "url(#Chevron_left_(In_Circle)_svg__filter0_d)" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 30c6.627 0 12-5.373 12-12S26.627 6 20 6 8 11.373 8 18s5.373 12 12 12z", fill: secondaryFillColor }, void 0) }), void 0),
-            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.135 18.531l5.836 5.836c.09.09.179.135.292.135a.432.432 0 00.291-.135l.606-.606c.09-.09.135-.18.135-.292a.392.392 0 00-.135-.291l-4.915-4.916 4.915-4.938a.363.363 0 00.135-.292.349.349 0 00-.135-.269l-.606-.629a.43.43 0 00-.291-.134.393.393 0 00-.292.134l-5.836 5.836a.362.362 0 00-.135.292c0 .09.045.202.135.269z", fill: primaryFillColor }, void 0),
-            _jsx("defs", { children: _jsxs("filter", Object.assign({ id: "Chevron_left_(In_Circle)_svg__filter0_d", x: 0, y: 0, width: 40, height: 40, 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: 2 }, void 0),
-                        _jsx("feGaussianBlur", { stdDeviation: 4 }, void 0),
-                        _jsx("feColorMatrix", { values: "0 0 0 0 0.0505263 0 0 0 0 0.2 0 0 0 0 0.124211 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 ChevronLeftInCircleIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'Grey6', secondaryColor = 'Grey6', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    const secondaryFillColor = themeContext.colors[secondaryColor];
+    return (_jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("g", Object.assign({ filter: "url(#Chevron_left_(In_Circle)_svg__filter0_d)" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 30c6.627 0 12-5.373 12-12S26.627 6 20 6 8 11.373 8 18s5.373 12 12 12z", fill: secondaryFillColor }, void 0) }), void 0),
+            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.135 18.531l5.836 5.836c.09.09.179.135.292.135a.432.432 0 00.291-.135l.606-.606c.09-.09.135-.18.135-.292a.392.392 0 00-.135-.291l-4.915-4.916 4.915-4.938a.363.363 0 00.135-.292.349.349 0 00-.135-.269l-.606-.629a.43.43 0 00-.291-.134.393.393 0 00-.292.134l-5.836 5.836a.362.362 0 00-.135.292c0 .09.045.202.135.269z", fill: primaryFillColor }, void 0),
+            _jsx("defs", { children: _jsxs("filter", Object.assign({ id: "Chevron_left_(In_Circle)_svg__filter0_d", x: 0, y: 0, width: 40, height: 40, 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: 2 }, void 0),
+                        _jsx("feGaussianBlur", { stdDeviation: 4 }, void 0),
+                        _jsx("feColorMatrix", { values: "0 0 0 0 0.0505263 0 0 0 0 0.2 0 0 0 0 0.124211 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=ChevronLeftInCircle.js.map

package/lib/components/BKJIcon/src/navigation/ChevronLeftLarge.d.ts

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

package/lib/components/BKJIcon/src/navigation/ChevronLeftLarge.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 ChevronLeftLargeIcon(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: "M15.747 22L6.26 12.62a.868.868 0 010-1.24L15.747 2 17 3.239 8.14 12 17 20.761 15.747 22z", fill: primaryFillColor }, void 0),
-            _jsx("mask", Object.assign({ id: "Chevron_Left_Large_svg__a", maskUnits: "userSpaceOnUse", x: 6, y: 2, width: 11, height: 20 }, { children: _jsx("path", { d: "M15.747 22L6.26 12.62a.868.868 0 010-1.24L15.747 2 17 3.239 8.14 12 17 20.761 15.747 22z", 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 ChevronLeftLargeIcon(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: "M15.747 22L6.26 12.62a.868.868 0 010-1.24L15.747 2 17 3.239 8.14 12 17 20.761 15.747 22z", fill: primaryFillColor }, void 0),
+            _jsx("mask", Object.assign({ id: "Chevron_Left_Large_svg__a", maskUnits: "userSpaceOnUse", x: 6, y: 2, width: 11, height: 20 }, { children: _jsx("path", { d: "M15.747 22L6.26 12.62a.868.868 0 010-1.24L15.747 2 17 3.239 8.14 12 17 20.761 15.747 22z", fill: secondaryFillColor }, void 0) }), void 0)] }), void 0));
+}
 //# sourceMappingURL=ChevronLeftLarge.js.map

package/lib/components/BKJIcon/src/navigation/ChevronRight.d.ts

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

package/lib/components/BKJIcon/src/navigation/ChevronRight.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function ChevronRightIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'Grey7', ...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: "M15.865 11.791l-5.84 6.069c-.09.093-.18.14-.292.14a.426.426 0 01-.291-.14l-.607-.63a.419.419 0 01-.135-.304c0-.117.045-.21.135-.303l4.918-5.112-4.918-5.134a.384.384 0 010-.584l.607-.654A.424.424 0 019.732 5c.114 0 .203.046.293.14l5.84 6.068a.382.382 0 010 .583z", 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 ChevronRightIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'Grey7', ...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: "M15.865 11.791l-5.84 6.069c-.09.093-.18.14-.292.14a.426.426 0 01-.291-.14l-.607-.63a.419.419 0 01-.135-.304c0-.117.045-.21.135-.303l4.918-5.112-4.918-5.134a.384.384 0 010-.584l.607-.654A.424.424 0 019.732 5c.114 0 .203.046.293.14l5.84 6.068a.382.382 0 010 .583z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=ChevronRight.js.map

package/lib/components/BKJIcon/src/navigation/ChevronRightInCircle.d.ts

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

package/lib/components/BKJIcon/src/navigation/ChevronRightInCircle.js

@@ -1,19 +1,19 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function ChevronRightInCircleIcon(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 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("g", Object.assign({ filter: "url(#Chevron_Right_(In_Circle)_svg__filter0_d)" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 30c6.627 0 12-5.373 12-12S26.627 6 20 6 8 11.373 8 18s5.373 12 12 12z", fill: secondaryFillColor }, void 0) }), void 0),
-            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23.865 17.971l-5.836-5.836a.394.394 0 00-.292-.135.432.432 0 00-.291.135l-.606.606a.396.396 0 00-.135.292c0 .112.045.202.135.291l4.915 4.916-4.915 4.938a.363.363 0 00-.135.292c0 .09.045.202.135.269l.606.629a.43.43 0 00.291.134.393.393 0 00.292-.134l5.836-5.836A.362.362 0 0024 18.24a.349.349 0 00-.135-.269z", fill: primaryFillColor }, void 0),
-            _jsx("defs", { children: _jsxs("filter", Object.assign({ id: "Chevron_Right_(In_Circle)_svg__filter0_d", x: 0, y: 0, width: 40, height: 40, 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: 2 }, void 0),
-                        _jsx("feGaussianBlur", { stdDeviation: 4 }, void 0),
-                        _jsx("feColorMatrix", { values: "0 0 0 0 0.0505263 0 0 0 0 0.2 0 0 0 0 0.124211 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 ChevronRightInCircleIcon(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 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("g", Object.assign({ filter: "url(#Chevron_Right_(In_Circle)_svg__filter0_d)" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 30c6.627 0 12-5.373 12-12S26.627 6 20 6 8 11.373 8 18s5.373 12 12 12z", fill: secondaryFillColor }, void 0) }), void 0),
+            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23.865 17.971l-5.836-5.836a.394.394 0 00-.292-.135.432.432 0 00-.291.135l-.606.606a.396.396 0 00-.135.292c0 .112.045.202.135.291l4.915 4.916-4.915 4.938a.363.363 0 00-.135.292c0 .09.045.202.135.269l.606.629a.43.43 0 00.291.134.393.393 0 00.292-.134l5.836-5.836A.362.362 0 0024 18.24a.349.349 0 00-.135-.269z", fill: primaryFillColor }, void 0),
+            _jsx("defs", { children: _jsxs("filter", Object.assign({ id: "Chevron_Right_(In_Circle)_svg__filter0_d", x: 0, y: 0, width: 40, height: 40, 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: 2 }, void 0),
+                        _jsx("feGaussianBlur", { stdDeviation: 4 }, void 0),
+                        _jsx("feColorMatrix", { values: "0 0 0 0 0.0505263 0 0 0 0 0.2 0 0 0 0 0.124211 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=ChevronRightInCircle.js.map

package/lib/components/BKJIcon/src/navigation/ChevronUp.d.ts

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

package/lib/components/BKJIcon/src/navigation/ChevronUp.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function ChevronUpIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'Grey7', ...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: "M11.709 8.13l-6.069 5.6c-.093.086-.14.171-.14.28 0 .085.047.194.14.279l.63.582c.094.086.188.129.304.129.117 0 .21-.043.303-.13l5.112-4.716 5.134 4.716c.071.087.187.13.304.13.093 0 .21-.043.28-.13l.654-.581a.4.4 0 00.139-.28c0-.108-.046-.193-.14-.28l-6.068-5.6A.39.39 0 0011.99 8a.375.375 0 00-.28.13z", 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 ChevronUpIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'Grey7', ...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: "M11.709 8.13l-6.069 5.6c-.093.086-.14.171-.14.28 0 .085.047.194.14.279l.63.582c.094.086.188.129.304.129.117 0 .21-.043.303-.13l5.112-4.716 5.134 4.716c.071.087.187.13.304.13.093 0 .21-.043.28-.13l.654-.581a.4.4 0 00.139-.28c0-.108-.046-.193-.14-.28l-6.068-5.6A.39.39 0 0011.99 8a.375.375 0 00-.28.13z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=ChevronUp.js.map

package/lib/components/BKJIcon/src/navigation/CloseBold.d.ts

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

package/lib/components/BKJIcon/src/navigation/CloseBold.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function CloseBoldIcon(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: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z", 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 CloseBoldIcon(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: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=CloseBold.js.map

package/lib/components/BKJIcon/src/navigation/CombinedChevronDefault.d.ts

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

package/lib/components/BKJIcon/src/navigation/CombinedChevronDefault.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function CombinedChevronDefaultIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'Grey7', ...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: "M16.814 14.946l-4.375 3.889A.64.64 0 0112 19a.64.64 0 01-.44-.165l-4.374-3.889a.507.507 0 01-.186-.39c0-.15.062-.281.186-.391A.64.64 0 017.625 14h8.75a.64.64 0 01.44.165c.123.11.185.24.185.39 0 .15-.062.281-.186.391zM16.814 9.054L12.44 5.165A.64.64 0 0012 5a.64.64 0 00-.44.165L7.187 9.054a.507.507 0 00-.186.39c0 .15.062.281.186.391a.64.64 0 00.439.165h8.75a.64.64 0 00.44-.165.507.507 0 00.185-.39c0-.15-.062-.281-.186-.391z", 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 CombinedChevronDefaultIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'Grey7', ...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: "M16.814 14.946l-4.375 3.889A.64.64 0 0112 19a.64.64 0 01-.44-.165l-4.374-3.889a.507.507 0 01-.186-.39c0-.15.062-.281.186-.391A.64.64 0 017.625 14h8.75a.64.64 0 01.44.165c.123.11.185.24.185.39 0 .15-.062.281-.186.391zM16.814 9.054L12.44 5.165A.64.64 0 0012 5a.64.64 0 00-.44.165L7.187 9.054a.507.507 0 00-.186.39c0 .15.062.281.186.391a.64.64 0 00.439.165h8.75a.64.64 0 00.44-.165.507.507 0 00.185-.39c0-.15-.062-.281-.186-.391z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=CombinedChevronDefault.js.map

package/lib/components/BKJIcon/src/navigation/CombinedChevronDown.d.ts

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

package/lib/components/BKJIcon/src/navigation/CombinedChevronDown.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 CombinedChevronDownIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'Grey7', ...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", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.814 14.946l-4.375 3.889A.64.64 0 0112 19a.64.64 0 01-.44-.165l-4.374-3.889a.507.507 0 01-.186-.39c0-.15.062-.281.186-.391A.64.64 0 017.625 14h8.75a.64.64 0 01.44.165c.123.11.185.24.185.39 0 .15-.062.281-.186.391z", fill: primaryFillColor }, void 0),
-            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.814 9.054L12.44 5.165A.64.64 0 0012 5a.64.64 0 00-.44.165L7.187 9.054a.507.507 0 00-.186.39c0 .15.062.281.186.391a.64.64 0 00.439.165h8.75a.64.64 0 00.44-.165.507.507 0 00.185-.39c0-.15-.062-.281-.186-.391z", fill: "#DAE1E9" }, 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 CombinedChevronDownIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'Grey7', ...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", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.814 14.946l-4.375 3.889A.64.64 0 0112 19a.64.64 0 01-.44-.165l-4.374-3.889a.507.507 0 01-.186-.39c0-.15.062-.281.186-.391A.64.64 0 017.625 14h8.75a.64.64 0 01.44.165c.123.11.185.24.185.39 0 .15-.062.281-.186.391z", fill: primaryFillColor }, void 0),
+            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.814 9.054L12.44 5.165A.64.64 0 0012 5a.64.64 0 00-.44.165L7.187 9.054a.507.507 0 00-.186.39c0 .15.062.281.186.391a.64.64 0 00.439.165h8.75a.64.64 0 00.44-.165.507.507 0 00.185-.39c0-.15-.062-.281-.186-.391z", fill: "#DAE1E9" }, void 0)] }), void 0));
+}
 //# sourceMappingURL=CombinedChevronDown.js.map

package/lib/components/BKJIcon/src/navigation/CombinedChevronUp.d.ts

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

package/lib/components/BKJIcon/src/navigation/CombinedChevronUp.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 CombinedChevronUpIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'Grey7', ...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", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.814 14.946l-4.375 3.889A.64.64 0 0112 19a.64.64 0 01-.44-.165l-4.374-3.889a.507.507 0 01-.186-.39c0-.15.062-.281.186-.391A.64.64 0 017.625 14h8.75a.64.64 0 01.44.165c.123.11.185.24.185.39 0 .15-.062.281-.186.391z", fill: "#DAE1E9" }, void 0),
-            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.814 9.054L12.44 5.165A.64.64 0 0012 5a.64.64 0 00-.44.165L7.187 9.054a.507.507 0 00-.186.39c0 .15.062.281.186.391a.64.64 0 00.439.165h8.75a.64.64 0 00.44-.165.507.507 0 00.185-.39c0-.15-.062-.281-.186-.391z", 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 CombinedChevronUpIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'Grey7', ...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", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.814 14.946l-4.375 3.889A.64.64 0 0112 19a.64.64 0 01-.44-.165l-4.374-3.889a.507.507 0 01-.186-.39c0-.15.062-.281.186-.391A.64.64 0 017.625 14h8.75a.64.64 0 01.44.165c.123.11.185.24.185.39 0 .15-.062.281-.186.391z", fill: "#DAE1E9" }, void 0),
+            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.814 9.054L12.44 5.165A.64.64 0 0012 5a.64.64 0 00-.44.165L7.187 9.054a.507.507 0 00-.186.39c0 .15.062.281.186.391a.64.64 0 00.439.165h8.75a.64.64 0 00.44-.165.507.507 0 00.185-.39c0-.15-.062-.281-.186-.391z", fill: primaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=CombinedChevronUp.js.map

package/lib/components/BKJIcon/src/navigation/MouseIndicator.d.ts

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

package/lib/components/BKJIcon/src/navigation/MouseIndicator.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 MouseIndicatorIcon(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: "M8.59 21.463l6.492.03c.26 0 .482-.19.519-.448.334-2.335 2.869-6.067 2.322-9.632-.124-.709-.27-1.308-.584-1.722-.362-.477-.873-.626-1.466-.626-.09 0-.18.005-.27.015l-.08.013-.004-.03a1.454 1.454 0 00-.343-.692 1.37 1.37 0 00-.657-.382 2.94 2.94 0 00-.772-.086c-.139 0-.278.011-.416.036l-.369.104-.08-.236a1.308 1.308 0 00-.217-.32 1.37 1.37 0 00-.657-.383 2.94 2.94 0 00-.772-.086c-.139 0-.279.012-.416.036l-.202.057.007-2.607c.021-.58-.042-1.141-.402-1.528-.367-.395-.908-.469-1.429-.469-.477 0-.963.133-1.327.47-.329.304-.504.724-.519 1.218l.003.183v6.315l-.178.024c-1.08.221-1.733.889-1.946 1.775-.228.944.07 2.026.63 2.88 1.189 1.812 2.483 3.45 2.615 5.602a.522.522 0 00.519.49z", fill: secondaryFillColor }, void 0),
-            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.082 21.492l-6.491-.029a.522.522 0 01-.519-.49c-.132-2.15-1.426-3.789-2.615-5.6-.56-.854-.858-1.937-.63-2.881.213-.886.866-1.554 1.946-1.775l.178-.024V4.378l-.003-.183c.015-.494.19-.914.52-1.219.363-.336.849-.469 1.326-.469.52 0 1.062.074 1.43.469.36.387.422.947.401 1.528l-.007 2.607.202-.057c.137-.024.277-.036.416-.036.273 0 .535.021.772.086.244.067.473.184.657.382.09.098.161.205.218.321l.08.236.368-.104c.138-.025.277-.036.416-.036.273 0 .536.02.772.086.244.067.473.184.657.382.18.194.286.43.343.692l.005.03.08-.013c.089-.01.179-.015.269-.015.593 0 1.104.149 1.466.626.314.414.46 1.013.584 1.722.547 3.565-1.988 7.297-2.322 9.631a.522.522 0 01-.519.448zm-.43-1.045l.009-.049c.574-2.542 2.695-5.796 2.232-8.816-.125-.719-.244-1.074-.385-1.26-.091-.12-.224-.213-.635-.213-.111 0-.21.011-.296.032l-.016 1.57a.522.522 0 11-1.043-.01l.017-1.824c.02-.566-.07-.739-.123-.796-.048-.05-.182-.135-.665-.135-.35 0-.565.112-.678.255l-.02 1.625a.522.522 0 11-1.042-.01l.017-1.823c.02-.566-.07-.739-.123-.797-.047-.05-.182-.134-.665-.134-.262 0-.449.063-.572.153l-.049.047-.007 2.614a.521.521 0 11-1.043-.003l.017-6.389c.02-.568-.07-.74-.123-.798-.047-.05-.181-.135-.665-.135-.298 0-.5.083-.618.191-.106.098-.203.271-.182.604v9.288a.522.522 0 01-1.043 0v-1.886l-.243.065c-.53.183-.774.537-.867.923-.14.585.036 1.373.489 2.064.97 1.479 2.256 3.134 2.665 5.2l.07.422 5.587.025z", 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 MouseIndicatorIcon(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: "M8.59 21.463l6.492.03c.26 0 .482-.19.519-.448.334-2.335 2.869-6.067 2.322-9.632-.124-.709-.27-1.308-.584-1.722-.362-.477-.873-.626-1.466-.626-.09 0-.18.005-.27.015l-.08.013-.004-.03a1.454 1.454 0 00-.343-.692 1.37 1.37 0 00-.657-.382 2.94 2.94 0 00-.772-.086c-.139 0-.278.011-.416.036l-.369.104-.08-.236a1.308 1.308 0 00-.217-.32 1.37 1.37 0 00-.657-.383 2.94 2.94 0 00-.772-.086c-.139 0-.279.012-.416.036l-.202.057.007-2.607c.021-.58-.042-1.141-.402-1.528-.367-.395-.908-.469-1.429-.469-.477 0-.963.133-1.327.47-.329.304-.504.724-.519 1.218l.003.183v6.315l-.178.024c-1.08.221-1.733.889-1.946 1.775-.228.944.07 2.026.63 2.88 1.189 1.812 2.483 3.45 2.615 5.602a.522.522 0 00.519.49z", fill: secondaryFillColor }, void 0),
+            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.082 21.492l-6.491-.029a.522.522 0 01-.519-.49c-.132-2.15-1.426-3.789-2.615-5.6-.56-.854-.858-1.937-.63-2.881.213-.886.866-1.554 1.946-1.775l.178-.024V4.378l-.003-.183c.015-.494.19-.914.52-1.219.363-.336.849-.469 1.326-.469.52 0 1.062.074 1.43.469.36.387.422.947.401 1.528l-.007 2.607.202-.057c.137-.024.277-.036.416-.036.273 0 .535.021.772.086.244.067.473.184.657.382.09.098.161.205.218.321l.08.236.368-.104c.138-.025.277-.036.416-.036.273 0 .536.02.772.086.244.067.473.184.657.382.18.194.286.43.343.692l.005.03.08-.013c.089-.01.179-.015.269-.015.593 0 1.104.149 1.466.626.314.414.46 1.013.584 1.722.547 3.565-1.988 7.297-2.322 9.631a.522.522 0 01-.519.448zm-.43-1.045l.009-.049c.574-2.542 2.695-5.796 2.232-8.816-.125-.719-.244-1.074-.385-1.26-.091-.12-.224-.213-.635-.213-.111 0-.21.011-.296.032l-.016 1.57a.522.522 0 11-1.043-.01l.017-1.824c.02-.566-.07-.739-.123-.796-.048-.05-.182-.135-.665-.135-.35 0-.565.112-.678.255l-.02 1.625a.522.522 0 11-1.042-.01l.017-1.823c.02-.566-.07-.739-.123-.797-.047-.05-.182-.134-.665-.134-.262 0-.449.063-.572.153l-.049.047-.007 2.614a.521.521 0 11-1.043-.003l.017-6.389c.02-.568-.07-.74-.123-.798-.047-.05-.181-.135-.665-.135-.298 0-.5.083-.618.191-.106.098-.203.271-.182.604v9.288a.522.522 0 01-1.043 0v-1.886l-.243.065c-.53.183-.774.537-.867.923-.14.585.036 1.373.489 2.064.97 1.479 2.256 3.134 2.665 5.2l.07.422 5.587.025z", fill: primaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=MouseIndicator.js.map

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

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

package/lib/components/BKJIcon/src/shifts/Client.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 ShiftsClientIcon(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("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4a8 8 0 100 16 8 8 0 000-16zm0 1a7 7 0 015.08 11.816 5.991 5.991 0 00-10.16 0A7 7 0 0112 5zM7.673 17.503A6.97 6.97 0 0012 19a6.97 6.97 0 004.327-1.497 4.991 4.991 0 00-8.654 0zM9 10a3 3 0 116 0 3 3 0 01-6 0zm5 0a2 2 0 10-4 0 2 2 0 004 0z", fill: primaryFillColor }, void 0),
-            _jsx("path", { d: "M17.08 16.816l-.212.132.171.274.223-.234-.182-.172zm-10.16 0l-.182.172.223.234.17-.274-.211-.132zm.753.687l-.216-.124-.108.187.17.134.154-.197zm8.654 0l.154.197.17-.134-.108-.187-.216.124zM4.25 12A7.75 7.75 0 0112 4.25v-.5A8.25 8.25 0 003.75 12h.5zM12 19.75A7.75 7.75 0 014.25 12h-.5A8.25 8.25 0 0012 20.25v-.5zM19.75 12A7.75 7.75 0 0112 19.75v.5A8.25 8.25 0 0020.25 12h-.5zM12 4.25A7.75 7.75 0 0119.75 12h.5A8.25 8.25 0 0012 3.75v.5zM19.25 12A7.25 7.25 0 0012 4.75v.5A6.75 6.75 0 0118.75 12h.5zm-1.988 4.988A7.226 7.226 0 0019.25 12h-.5c0 1.8-.704 3.434-1.851 4.644l.363.344zm.03-.305A6.241 6.241 0 0012 13.75v.5a5.741 5.741 0 014.868 2.698l.424-.265zM12 13.75a6.241 6.241 0 00-5.292 2.933l.424.265A5.742 5.742 0 0112 14.25v-.5zM4.75 12c0 1.932.756 3.688 1.988 4.988l.363-.344A6.726 6.726 0 015.25 12h-.5zM12 4.75A7.25 7.25 0 004.75 12h.5A6.75 6.75 0 0112 5.25v-.5zM7.519 17.7A7.22 7.22 0 0012 19.25v-.5a6.72 6.72 0 01-4.172-1.443l-.31.393zM12 19.25a7.22 7.22 0 004.481-1.55l-.31-.393A6.72 6.72 0 0112 18.75v.5zm0-4c1.705 0 3.269.915 4.11 2.378l.433-.25A5.241 5.241 0 0012 14.75v.5zm-4.11 2.378A4.741 4.741 0 0112 15.25v-.5a5.241 5.241 0 00-4.543 2.629l.433.249zM12 6.75A3.25 3.25 0 008.75 10h.5A2.75 2.75 0 0112 7.25v-.5zM15.25 10A3.25 3.25 0 0012 6.75v.5A2.75 2.75 0 0114.75 10h.5zM12 13.25A3.25 3.25 0 0015.25 10h-.5A2.75 2.75 0 0112 12.75v.5zM8.75 10A3.25 3.25 0 0012 13.25v-.5A2.75 2.75 0 019.25 10h-.5zM12 8.25c.966 0 1.75.784 1.75 1.75h.5A2.25 2.25 0 0012 7.75v.5zM10.25 10c0-.966.784-1.75 1.75-1.75v-.5A2.25 2.25 0 009.75 10h.5zM12 11.75A1.75 1.75 0 0110.25 10h-.5A2.25 2.25 0 0012 12.25v-.5zM13.75 10A1.75 1.75 0 0112 11.75v.5A2.25 2.25 0 0014.25 10h-.5z", 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 ShiftsClientIcon(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("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4a8 8 0 100 16 8 8 0 000-16zm0 1a7 7 0 015.08 11.816 5.991 5.991 0 00-10.16 0A7 7 0 0112 5zM7.673 17.503A6.97 6.97 0 0012 19a6.97 6.97 0 004.327-1.497 4.991 4.991 0 00-8.654 0zM9 10a3 3 0 116 0 3 3 0 01-6 0zm5 0a2 2 0 10-4 0 2 2 0 004 0z", fill: primaryFillColor }, void 0),
+            _jsx("path", { d: "M17.08 16.816l-.212.132.171.274.223-.234-.182-.172zm-10.16 0l-.182.172.223.234.17-.274-.211-.132zm.753.687l-.216-.124-.108.187.17.134.154-.197zm8.654 0l.154.197.17-.134-.108-.187-.216.124zM4.25 12A7.75 7.75 0 0112 4.25v-.5A8.25 8.25 0 003.75 12h.5zM12 19.75A7.75 7.75 0 014.25 12h-.5A8.25 8.25 0 0012 20.25v-.5zM19.75 12A7.75 7.75 0 0112 19.75v.5A8.25 8.25 0 0020.25 12h-.5zM12 4.25A7.75 7.75 0 0119.75 12h.5A8.25 8.25 0 0012 3.75v.5zM19.25 12A7.25 7.25 0 0012 4.75v.5A6.75 6.75 0 0118.75 12h.5zm-1.988 4.988A7.226 7.226 0 0019.25 12h-.5c0 1.8-.704 3.434-1.851 4.644l.363.344zm.03-.305A6.241 6.241 0 0012 13.75v.5a5.741 5.741 0 014.868 2.698l.424-.265zM12 13.75a6.241 6.241 0 00-5.292 2.933l.424.265A5.742 5.742 0 0112 14.25v-.5zM4.75 12c0 1.932.756 3.688 1.988 4.988l.363-.344A6.726 6.726 0 015.25 12h-.5zM12 4.75A7.25 7.25 0 004.75 12h.5A6.75 6.75 0 0112 5.25v-.5zM7.519 17.7A7.22 7.22 0 0012 19.25v-.5a6.72 6.72 0 01-4.172-1.443l-.31.393zM12 19.25a7.22 7.22 0 004.481-1.55l-.31-.393A6.72 6.72 0 0112 18.75v.5zm0-4c1.705 0 3.269.915 4.11 2.378l.433-.25A5.241 5.241 0 0012 14.75v.5zm-4.11 2.378A4.741 4.741 0 0112 15.25v-.5a5.241 5.241 0 00-4.543 2.629l.433.249zM12 6.75A3.25 3.25 0 008.75 10h.5A2.75 2.75 0 0112 7.25v-.5zM15.25 10A3.25 3.25 0 0012 6.75v.5A2.75 2.75 0 0114.75 10h.5zM12 13.25A3.25 3.25 0 0015.25 10h-.5A2.75 2.75 0 0112 12.75v.5zM8.75 10A3.25 3.25 0 0012 13.25v-.5A2.75 2.75 0 019.25 10h-.5zM12 8.25c.966 0 1.75.784 1.75 1.75h.5A2.25 2.25 0 0012 7.75v.5zM10.25 10c0-.966.784-1.75 1.75-1.75v-.5A2.25 2.25 0 009.75 10h.5zM12 11.75A1.75 1.75 0 0110.25 10h-.5A2.25 2.25 0 0012 12.25v-.5zM13.75 10A1.75 1.75 0 0112 11.75v.5A2.25 2.25 0 0014.25 10h-.5z", fill: primaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=Client.js.map

package/lib/components/BKJIcon/src/shifts/Date.d.ts

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

package/lib/components/BKJIcon/src/shifts/Date.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 ShiftsDateIcon(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("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.5 4a.5.5 0 01.492.41L9 4.5V6h6V4.5a.5.5 0 01.992-.09L16 4.5V6h2.5A1.5 1.5 0 0120 7.5v11a1.5 1.5 0 01-1.5 1.5h-13A1.5 1.5 0 014 18.5v-11A1.5 1.5 0 015.5 6H8V4.5a.5.5 0 01.5-.5zm7 3h-10a.5.5 0 00-.5.5V9h14V7.5a.5.5 0 00-.5-.5h-3zM5 10h14v8.5a.5.5 0 01-.5.5h-13a.5.5 0 01-.5-.5V10z", fill: primaryFillColor }, void 0),
-            _jsx("path", { d: "M8.992 4.41l.2-.018-.002-.009-.001-.009-.197.036zM9 4.5h.2v-.018L9 4.5zM9 6h-.2v.2H9V6zm6 0v.2h.2V6H15zm.992-1.59l.2-.018-.002-.009-.001-.009-.197.036zM16 4.5h.2v-.018L16 4.5zM16 6h-.2v.2h.2V6zM8 6v.2h.2V6H8zM5 9h-.2v.2H5V9zm14 0v.2h.2V9H19zm0 1h.2v-.2H19v.2zM5 10v-.2h-.2v.2H5zm4.189-5.626A.7.7 0 008.5 3.8v.4a.3.3 0 01.295.246l.394-.072zm.01.108l-.008-.09-.398.036.008.09.398-.036zM9.2 6V4.5h-.4V6h.4zm5.8-.2H9v.4h6v-.4zm.2.2V4.5h-.4V6h.4zm0-1.5a.3.3 0 01.3-.3v-.4a.7.7 0 00-.7.7h.4zm.3-.3a.3.3 0 01.295.246l.394-.072A.7.7 0 0015.5 3.8v.4zm.293.228l.008.09.398-.036-.008-.09-.398.036zm.007.072V6h.4V4.5h-.4zm2.7 1.3H16v.4h2.5v-.4zm1.7 1.7a1.7 1.7 0 00-1.7-1.7v.4a1.3 1.3 0 011.3 1.3h.4zm0 2v-2h-.4v2h.4zm0 9v-9h-.4v9h.4zm-1.7 1.7a1.7 1.7 0 001.7-1.7h-.4a1.3 1.3 0 01-1.3 1.3v.4zm-13 0h13v-.4h-13v.4zm-1.7-1.7a1.7 1.7 0 001.7 1.7v-.4a1.3 1.3 0 01-1.3-1.3h-.4zm0-9v9h.4v-9h-.4zm0-2v2h.4v-2h-.4zm1.7-1.7a1.7 1.7 0 00-1.7 1.7h.4a1.3 1.3 0 011.3-1.3v-.4zm2.5 0H5.5v.4H8v-.4zm-.2-1.3V6h.4V4.5h-.4zm.7-.7a.7.7 0 00-.7.7h.4a.3.3 0 01.3-.3v-.4zm7 3h-7v.4h7v-.4zm-7 0h-3v.4h3v-.4zm-3 0a.7.7 0 00-.7.7h.4a.3.3 0 01.3-.3v-.4zm-.7.7V9h.4V7.5h-.4zM5 9.2h14v-.4H5v.4zM19.2 9V7.5h-.4V9h.4zm0-1.5a.7.7 0 00-.7-.7v.4a.3.3 0 01.3.3h.4zm-.7-.7h-3v.4h3v-.4zm.5 3H5v.4h14v-.4zm.2 8.7V10h-.4v8.5h.4zm-.7.7a.7.7 0 00.7-.7h-.4a.3.3 0 01-.3.3v.4zm-13 0h13v-.4h-13v.4zm-.7-.7a.7.7 0 00.7.7v-.4a.3.3 0 01-.3-.3h-.4zm0-8.5v8.5h.4V10h-.4z", 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 ShiftsDateIcon(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("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.5 4a.5.5 0 01.492.41L9 4.5V6h6V4.5a.5.5 0 01.992-.09L16 4.5V6h2.5A1.5 1.5 0 0120 7.5v11a1.5 1.5 0 01-1.5 1.5h-13A1.5 1.5 0 014 18.5v-11A1.5 1.5 0 015.5 6H8V4.5a.5.5 0 01.5-.5zm7 3h-10a.5.5 0 00-.5.5V9h14V7.5a.5.5 0 00-.5-.5h-3zM5 10h14v8.5a.5.5 0 01-.5.5h-13a.5.5 0 01-.5-.5V10z", fill: primaryFillColor }, void 0),
+            _jsx("path", { d: "M8.992 4.41l.2-.018-.002-.009-.001-.009-.197.036zM9 4.5h.2v-.018L9 4.5zM9 6h-.2v.2H9V6zm6 0v.2h.2V6H15zm.992-1.59l.2-.018-.002-.009-.001-.009-.197.036zM16 4.5h.2v-.018L16 4.5zM16 6h-.2v.2h.2V6zM8 6v.2h.2V6H8zM5 9h-.2v.2H5V9zm14 0v.2h.2V9H19zm0 1h.2v-.2H19v.2zM5 10v-.2h-.2v.2H5zm4.189-5.626A.7.7 0 008.5 3.8v.4a.3.3 0 01.295.246l.394-.072zm.01.108l-.008-.09-.398.036.008.09.398-.036zM9.2 6V4.5h-.4V6h.4zm5.8-.2H9v.4h6v-.4zm.2.2V4.5h-.4V6h.4zm0-1.5a.3.3 0 01.3-.3v-.4a.7.7 0 00-.7.7h.4zm.3-.3a.3.3 0 01.295.246l.394-.072A.7.7 0 0015.5 3.8v.4zm.293.228l.008.09.398-.036-.008-.09-.398.036zm.007.072V6h.4V4.5h-.4zm2.7 1.3H16v.4h2.5v-.4zm1.7 1.7a1.7 1.7 0 00-1.7-1.7v.4a1.3 1.3 0 011.3 1.3h.4zm0 2v-2h-.4v2h.4zm0 9v-9h-.4v9h.4zm-1.7 1.7a1.7 1.7 0 001.7-1.7h-.4a1.3 1.3 0 01-1.3 1.3v.4zm-13 0h13v-.4h-13v.4zm-1.7-1.7a1.7 1.7 0 001.7 1.7v-.4a1.3 1.3 0 01-1.3-1.3h-.4zm0-9v9h.4v-9h-.4zm0-2v2h.4v-2h-.4zm1.7-1.7a1.7 1.7 0 00-1.7 1.7h.4a1.3 1.3 0 011.3-1.3v-.4zm2.5 0H5.5v.4H8v-.4zm-.2-1.3V6h.4V4.5h-.4zm.7-.7a.7.7 0 00-.7.7h.4a.3.3 0 01.3-.3v-.4zm7 3h-7v.4h7v-.4zm-7 0h-3v.4h3v-.4zm-3 0a.7.7 0 00-.7.7h.4a.3.3 0 01.3-.3v-.4zm-.7.7V9h.4V7.5h-.4zM5 9.2h14v-.4H5v.4zM19.2 9V7.5h-.4V9h.4zm0-1.5a.7.7 0 00-.7-.7v.4a.3.3 0 01.3.3h.4zm-.7-.7h-3v.4h3v-.4zm.5 3H5v.4h14v-.4zm.2 8.7V10h-.4v8.5h.4zm-.7.7a.7.7 0 00.7-.7h-.4a.3.3 0 01-.3.3v.4zm-13 0h13v-.4h-13v.4zm-.7-.7a.7.7 0 00.7.7v-.4a.3.3 0 01-.3-.3h-.4zm0-8.5v8.5h.4V10h-.4z", fill: primaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=Date.js.map

package/lib/components/BKJIcon/src/shifts/Deal.d.ts

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