@bookjane2/bookjane-design-library 7.3.0 → 7.3.1

package/lib/components/BKJIcon/src/indicators/Error.d.ts

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

package/lib/components/BKJIcon/src/indicators/Error.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 ErrorIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'ErrorDefault', secondaryColor = 'White', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    const secondaryFillColor = themeContext.colors[secondaryColor];
-    return (_jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("path", { fill: primaryFillColor, d: "M2 2h20v20H2z" }, void 0),
-            _jsx("path", { d: "M11.5 14.829l-.142-7.543h1.914l-.143 7.543h-1.628zm.815.914c.295 0 .543.1.743.3.2.2.3.447.3.743 0 .295-.1.542-.3.742-.2.2-.448.3-.743.3s-.548-.1-.757-.3c-.2-.2-.3-.447-.3-.742 0-.296.1-.543.3-.743.21-.2.462-.3.757-.3z", 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 ErrorIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'ErrorDefault', secondaryColor = 'White', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    const secondaryFillColor = themeContext.colors[secondaryColor];
+    return (_jsxs("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("path", { fill: primaryFillColor, d: "M2 2h20v20H2z" }, void 0),
+            _jsx("path", { d: "M11.5 14.829l-.142-7.543h1.914l-.143 7.543h-1.628zm.815.914c.295 0 .543.1.743.3.2.2.3.447.3.743 0 .295-.1.542-.3.742-.2.2-.448.3-.743.3s-.548-.1-.757-.3c-.2-.2-.3-.447-.3-.742 0-.296.1-.543.3-.743.21-.2.462-.3.757-.3z", fill: secondaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=Error.js.map

package/lib/components/BKJIcon/src/indicators/ErrorDot.d.ts

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

package/lib/components/BKJIcon/src/indicators/ErrorDot.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function ErrorDotIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'ErrorDefault', ...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("circle", { cx: 12, cy: 12, r: 4, 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 ErrorDotIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'ErrorDefault', ...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("circle", { cx: 12, cy: 12, r: 4, fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=ErrorDot.js.map

package/lib/components/BKJIcon/src/indicators/ErrorLarge.d.ts

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

package/lib/components/BKJIcon/src/indicators/ErrorLarge.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function ErrorLargeIcon(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: "M10.463 16.593L10.19 3h3.646l-.272 13.593h-3.102zm1.55 1.648c.563 0 1.035.18 1.416.54.38.361.571.808.571 1.34s-.19.978-.571 1.338c-.381.36-.853.541-1.415.541-.563 0-1.043-.18-1.443-.54A1.769 1.769 0 0110 20.12c0-.532.19-.978.571-1.338.4-.36.88-.54 1.443-.54z", 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 ErrorLargeIcon(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: "M10.463 16.593L10.19 3h3.646l-.272 13.593h-3.102zm1.55 1.648c.563 0 1.035.18 1.416.54.38.361.571.808.571 1.34s-.19.978-.571 1.338c-.381.36-.853.541-1.415.541-.563 0-1.043-.18-1.443-.54A1.769 1.769 0 0110 20.12c0-.532.19-.978.571-1.338.4-.36.88-.54 1.443-.54z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=ErrorLarge.js.map

package/lib/components/BKJIcon/src/indicators/Locked.d.ts

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

package/lib/components/BKJIcon/src/indicators/Locked.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function LockedIcon(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: "M16 10h-2V8a2 2 0 10-4 0v2H8V8a4 4 0 018 0v2zM18 11H6a1 1 0 00-1 1v7a1 1 0 001 1h12a1 1 0 001-1v-7a1 1 0 00-1-1zm-6 6a2 2 0 110-4 2 2 0 010 4z", 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 LockedIcon(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: "M16 10h-2V8a2 2 0 10-4 0v2H8V8a4 4 0 018 0v2zM18 11H6a1 1 0 00-1 1v7a1 1 0 001 1h12a1 1 0 001-1v-7a1 1 0 00-1-1zm-6 6a2 2 0 110-4 2 2 0 010 4z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=Locked.js.map

package/lib/components/BKJIcon/src/indicators/Pause.d.ts

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

package/lib/components/BKJIcon/src/indicators/Pause.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 PauseIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'SecondaryPendingHover', secondaryColor = 'Grey7', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    const secondaryFillColor = themeContext.colors[secondaryColor];
-    return (_jsxs("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("rect", { x: "2", y: "2", width: "20", height: "20", fill: primaryFillColor }, void 0),
-            _jsx("path", { d: "M14.5 7H13V12.25V17.5H14.5V7Z", fill: secondaryFillColor }, void 0),
-            _jsx("path", { d: "M10.5 7H9V12.25V17.5H10.5V7Z", 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 PauseIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'SecondaryPendingHover', secondaryColor = 'Grey7', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    const secondaryFillColor = themeContext.colors[secondaryColor];
+    return (_jsxs("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("rect", { x: "2", y: "2", width: "20", height: "20", fill: primaryFillColor }, void 0),
+            _jsx("path", { d: "M14.5 7H13V12.25V17.5H14.5V7Z", fill: secondaryFillColor }, void 0),
+            _jsx("path", { d: "M10.5 7H9V12.25V17.5H10.5V7Z", fill: secondaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=Pause.js.map

package/lib/components/BKJIcon/src/indicators/Recurring.d.ts

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

package/lib/components/BKJIcon/src/indicators/Recurring.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function RecurringIcon(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: "M8.941 8.322c-1.946 0-3.53 1.49-3.53 3.322 0 1.831 1.584 3.321 3.53 3.321h2.118v1.33H8.94C6.216 16.294 4 14.206 4 11.643c0-2.564 2.216-4.65 4.941-4.65V5l3.53 2.657-3.53 2.658V8.322zm4.002-1.44h2.118c2.724 0 4.94 2.087 4.94 4.65 0 2.565-2.216 4.651-4.94 4.651v1.993l-3.53-2.657 3.53-2.657v1.993c1.946 0 3.53-1.49 3.53-3.322S17.006 8.21 15.06 8.21h-2.118V6.882z", 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 RecurringIcon(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: "M8.941 8.322c-1.946 0-3.53 1.49-3.53 3.322 0 1.831 1.584 3.321 3.53 3.321h2.118v1.33H8.94C6.216 16.294 4 14.206 4 11.643c0-2.564 2.216-4.65 4.941-4.65V5l3.53 2.657-3.53 2.658V8.322zm4.002-1.44h2.118c2.724 0 4.94 2.087 4.94 4.65 0 2.565-2.216 4.651-4.94 4.651v1.993l-3.53-2.657 3.53-2.657v1.993c1.946 0 3.53-1.49 3.53-3.322S17.006 8.21 15.06 8.21h-2.118V6.882z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=Recurring.js.map

package/lib/components/BKJIcon/src/indicators/Star.d.ts

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

package/lib/components/BKJIcon/src/indicators/Star.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function StarIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'AccentGreen', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 23 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { d: "M11.5 15.608L6.865 18l.885-5.065L4 9.348l5.182-.74L11.5 4l2.318 4.609L19 9.348l-3.75 3.587.885 5.065-4.635-2.392z", 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 StarIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'AccentGreen', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    return (_jsx("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 23 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: _jsx("path", { d: "M11.5 15.608L6.865 18l.885-5.065L4 9.348l5.182-.74L11.5 4l2.318 4.609L19 9.348l-3.75 3.587.885 5.065-4.635-2.392z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=Star.js.map

package/lib/components/BKJIcon/src/indicators/StepCheck.d.ts

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

package/lib/components/BKJIcon/src/indicators/StepCheck.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';
-function StepCheckIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'AccentGreen', ...rest } = props;
-    const primaryFillColor = themeContext.colors[color];
-    return (_jsxs("svg", Object.assign({ width: "1em", height: "1em", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z", fill: primaryFillColor }, void 0),
-            _jsx("path", { d: "M6 12.371l1.2-1.285L10 13.4 16.8 8 18 9.286 10 17l-4-4.629z", fill: "#fff" }, void 0)] }), void 0));
-}
-export default StepCheckIcon;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+function StepCheckIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'AccentGreen', ...rest } = props;
+    const primaryFillColor = themeContext.colors[color];
+    return (_jsxs("svg", Object.assign({ width: "1em", height: "1em", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z", fill: primaryFillColor }, void 0),
+            _jsx("path", { d: "M6 12.371l1.2-1.285L10 13.4 16.8 8 18 9.286 10 17l-4-4.629z", fill: "#fff" }, void 0)] }), void 0));
+}
+export default StepCheckIcon;
 //# sourceMappingURL=StepCheck.js.map

package/lib/components/BKJIcon/src/indicators/StepcountNumber.d.ts

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

package/lib/components/BKJIcon/src/indicators/StepcountNumber.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 StepcountNumberIcon(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("path", { d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z", fill: primaryFillColor }, void 0),
-            _jsx("path", { d: "M13.012 14.508H8.224v-1.106l4.34-6.202h1.918v6.048H15.7v1.26h-1.218V17h-1.47v-2.492zm0-1.26V8.6l-3.206 4.648h3.206z", 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 StepcountNumberIcon(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("path", { d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z", fill: primaryFillColor }, void 0),
+            _jsx("path", { d: "M13.012 14.508H8.224v-1.106l4.34-6.202h1.918v6.048H15.7v1.26h-1.218V17h-1.47v-2.492zm0-1.26V8.6l-3.206 4.648h3.206z", fill: secondaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=StepcountNumber.js.map

package/lib/components/BKJIcon/src/indicators/SuccessDot.d.ts

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

package/lib/components/BKJIcon/src/indicators/SuccessDot.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function SuccessDotIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'SecondaryAcceptedHover', ...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("circle", { cx: 12, cy: 12, r: 4, 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 SuccessDotIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'SecondaryAcceptedHover', ...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("circle", { cx: 12, cy: 12, r: 4, fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=SuccessDot.js.map

package/lib/components/BKJIcon/src/indicators/Warning.d.ts

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

package/lib/components/BKJIcon/src/indicators/Warning.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 WarningIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'SecondaryPendingHover', secondaryColor = 'Grey7', ...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", { fill: primaryFillColor, d: "M2 2h20v20H2z" }, void 0),
-            _jsx("path", { d: "M11.5 14.829l-.142-7.543h1.914l-.143 7.543h-1.628zm.815.914c.295 0 .543.1.743.3.2.2.3.447.3.743 0 .295-.1.542-.3.742-.2.2-.448.3-.743.3s-.548-.1-.757-.3c-.2-.2-.3-.447-.3-.742 0-.296.1-.543.3-.743.21-.2.462-.3.757-.3z", 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 WarningIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'SecondaryPendingHover', secondaryColor = 'Grey7', ...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", { fill: primaryFillColor, d: "M2 2h20v20H2z" }, void 0),
+            _jsx("path", { d: "M11.5 14.829l-.142-7.543h1.914l-.143 7.543h-1.628zm.815.914c.295 0 .543.1.743.3.2.2.3.447.3.743 0 .295-.1.542-.3.742-.2.2-.448.3-.743.3s-.548-.1-.757-.3c-.2-.2-.3-.447-.3-.742 0-.296.1-.543.3-.743.21-.2.462-.3.757-.3z", fill: secondaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=Warning.js.map

package/lib/components/BKJIcon/src/indicators/WarningDot.d.ts

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

package/lib/components/BKJIcon/src/indicators/WarningDot.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function WarningDotIcon(props) {
-    const themeContext = useContext(ThemeContext);
-    const { color = 'SecondaryPendingHover', ...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("circle", { cx: 12, cy: 12, r: 4, 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 WarningDotIcon(props) {
+    const themeContext = useContext(ThemeContext);
+    const { color = 'SecondaryPendingHover', ...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("circle", { cx: 12, cy: 12, r: 4, fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=WarningDot.js.map

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

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

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

@@ -1,11 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import styled, { ThemeContext } from 'styled-components';
-const SVG = styled.svg ``;
-export function ArrowDownIcon(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: "M17.777 11.135l-5.25 4.667A.767.767 0 0112 16a.767.767 0 01-.527-.198l-5.25-4.667A.608.608 0 016 10.667c0-.18.074-.337.223-.469A.768.768 0 016.75 10h10.5c.203 0 .379.066.527.198a.608.608 0 01.223.469c0 .18-.074.336-.223.468z", fill: primaryFillColor }, void 0) }), void 0));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import styled, { ThemeContext } from 'styled-components';
+const SVG = styled.svg ``;
+export function ArrowDownIcon(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: "M17.777 11.135l-5.25 4.667A.767.767 0 0112 16a.767.767 0 01-.527-.198l-5.25-4.667A.608.608 0 016 10.667c0-.18.074-.337.223-.469A.768.768 0 016.75 10h10.5c.203 0 .379.066.527.198a.608.608 0 01.223.469c0 .18-.074.336-.223.468z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=ArrowDown.js.map

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

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

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

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function ArrowLeftIcon(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: "M17 4v16L5 12l12-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 ArrowLeftIcon(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: "M17 4v16L5 12l12-8z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=ArrowLeft.js.map

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

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

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

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function ArrowRightIcon(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: "M7 20V4l12 8-12 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 ArrowRightIcon(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: "M7 20V4l12 8-12 8z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=ArrowRight.js.map

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

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

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

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function ArrowUpIcon(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: "M17.777 12.865l-5.25-4.667A.767.767 0 0012 8a.767.767 0 00-.527.198l-5.25 4.667a.608.608 0 00-.223.468c0 .18.074.337.223.469A.768.768 0 006.75 14h10.5a.768.768 0 00.527-.198.608.608 0 00.223-.469.608.608 0 00-.223-.468z", 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 ArrowUpIcon(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: "M17.777 12.865l-5.25-4.667A.767.767 0 0012 8a.767.767 0 00-.527.198l-5.25 4.667a.608.608 0 00-.223.468c0 .18.074.337.223.469A.768.768 0 006.75 14h10.5a.768.768 0 00.527-.198.608.608 0 00.223-.469.608.608 0 00-.223-.468z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=ArrowUp.js.map

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

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

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

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function BackArrowIcon(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", { d: "M19.152 10.636H8.076l5.045-5.235a.803.803 0 000-1.16.87.87 0 00-1.2 0L5 11.474l6.815 7.284a.86.86 0 00.6.241c.217 0 .434-.08.6-.24a.803.803 0 000-1.162l-4.994-5.32h11.13c.469 0 .849-.368.849-.821 0-.453-.38-.82-.848-.82z", 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 BackArrowIcon(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", { d: "M19.152 10.636H8.076l5.045-5.235a.803.803 0 000-1.16.87.87 0 00-1.2 0L5 11.474l6.815 7.284a.86.86 0 00.6.241c.217 0 .434-.08.6-.24a.803.803 0 000-1.162l-4.994-5.32h11.13c.469 0 .849-.368.849-.821 0-.453-.38-.82-.848-.82z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=BackArrow.js.map

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

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

package/lib/components/BKJIcon/src/navigation/ChevronDoubleLeft.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 ChevronDoubleLeftIcon(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: "M5.835 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 0011.963 6a.393.393 0 00-.292.134L5.835 11.97a.362.362 0 00-.135.292c0 .09.045.202.135.269z", fill: primaryFillColor }, void 0),
-            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.835 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 0016.963 6a.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)] }), void 0));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ThemeContext } from 'styled-components';
+export function ChevronDoubleLeftIcon(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: "M5.835 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 0011.963 6a.393.393 0 00-.292.134L5.835 11.97a.362.362 0 00-.135.292c0 .09.045.202.135.269z", fill: primaryFillColor }, void 0),
+            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.835 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 0016.963 6a.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)] }), void 0));
+}
 //# sourceMappingURL=ChevronDoubleLeft.js.map