@bookjane2/bookjane-design-library 7.3.2 → 7.3.3-4.1

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"BKJIcon.types.js","sourceRoot":"","sources":["../../../src/components/BKJIcon/BKJIcon.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4G/B,MAAM,CAAC,MAAM,MAAM,GAQf;IACF,QAAQ,EAAE;QACR,KAAK;QACL,QAAQ;QACR,UAAU;QACV,SAAS;QACT,iBAAiB;QACjB,iBAAiB;QACjB,OAAO;QACP,MAAM;QACN,MAAM;QACN,WAAW;QACX,OAAO;KACR;IACD,OAAO,EAAE;QACP,QAAQ;QACR,mBAAmB;QACnB,MAAM;QACN,UAAU;QACV,UAAU;QACV,MAAM;QACN,UAAU;QACV,kBAAkB;QAClB,KAAK;QACL,gBAAgB;QAChB,OAAO;QACP,MAAM;QACN,UAAU;QACV,WAAW;QACX,QAAQ;QACR,OAAO;QACP,SAAS;QACT,OAAO;QACP,UAAU;QACV,OAAO;QACP,UAAU;QACV,QAAQ;QACR,MAAM;QACN,eAAe;QACf,OAAO;KACR;IACD,UAAU,EAAE;QACV,WAAW;QACX,WAAW;QACX,gBAAgB;QAChB,UAAU;QACV,YAAY;QACZ,OAAO;QACP,QAAQ;QACR,OAAO;QACP,WAAW;QACX,MAAM;QACN,WAAW;QACX,iBAAiB;QACjB,YAAY;QACZ,YAAY;QACZ,SAAS;KACV;IACD,UAAU,EAAE;QACV,WAAW;QACX,WAAW;QACX,YAAY;QACZ,SAAS;QACT,WAAW;QACX,mBAAmB;QACnB,oBAAoB;QACpB,aAAa;QACb,kBAAkB;QAClB,aAAa;QACb,sBAAsB;QACtB,cAAc;QACd,WAAW;QACX,qBAAqB;QACrB,WAAW;QACX,gBAAgB;QAChB,wBAAwB;QACxB,qBAAqB;QACrB,mBAAmB;KACpB;IACD,MAAM,EAAE;QACN,cAAc;QACd,YAAY;QACZ,YAAY;QACZ,gBAAgB;QAChB,aAAa;QACb,aAAa;QACb,gBAAgB;QAChB,aAAa;QACb,YAAY;QACZ,uBAAuB;QACvB,mBAAmB;KACpB;IACD,OAAO,EAAE;QACP,eAAe;QACf,SAAS;QACT,gBAAgB;QAChB,WAAW;QACX,SAAS;QACT,QAAQ;QACR,YAAY;QACZ,UAAU;QACV,UAAU;QACV,UAAU;QACV,QAAQ;QACR,aAAa;QACb,YAAY;KACb;IACD,OAAO,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAQ,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;IACzF,OAAO,EAAE,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;AACtD,CAAC,EAAE,EAAE,CAAC,CAAC"}
+{"version":3,"file":"BKJIcon.types.js","sourceRoot":"","sources":["../../../src/components/BKJIcon/BKJIcon.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6G/B,MAAM,CAAC,MAAM,MAAM,GAQf;IACF,QAAQ,EAAE;QACR,KAAK;QACL,QAAQ;QACR,UAAU;QACV,SAAS;QACT,iBAAiB;QACjB,iBAAiB;QACjB,OAAO;QACP,MAAM;QACN,MAAM;QACN,WAAW;QACX,OAAO;KACR;IACD,OAAO,EAAE;QACP,QAAQ;QACR,mBAAmB;QACnB,MAAM;QACN,UAAU;QACV,UAAU;QACV,MAAM;QACN,UAAU;QACV,kBAAkB;QAClB,KAAK;QACL,gBAAgB;QAChB,OAAO;QACP,MAAM;QACN,UAAU;QACV,WAAW;QACX,QAAQ;QACR,OAAO;QACP,SAAS;QACT,OAAO;QACP,UAAU;QACV,OAAO;QACP,UAAU;QACV,QAAQ;QACR,MAAM;QACN,eAAe;QACf,OAAO;KACR;IACD,UAAU,EAAE;QACV,WAAW;QACX,WAAW;QACX,gBAAgB;QAChB,UAAU;QACV,YAAY;QACZ,OAAO;QACP,QAAQ;QACR,OAAO;QACP,WAAW;QACX,MAAM;QACN,WAAW;QACX,iBAAiB;QACjB,YAAY;QACZ,YAAY;QACZ,SAAS;KACV;IACD,UAAU,EAAE;QACV,WAAW;QACX,WAAW;QACX,YAAY;QACZ,SAAS;QACT,WAAW;QACX,mBAAmB;QACnB,oBAAoB;QACpB,aAAa;QACb,kBAAkB;QAClB,aAAa;QACb,sBAAsB;QACtB,cAAc;QACd,WAAW;QACX,qBAAqB;QACrB,WAAW;QACX,gBAAgB;QAChB,wBAAwB;QACxB,qBAAqB;QACrB,mBAAmB;KACpB;IACD,MAAM,EAAE;QACN,cAAc;QACd,YAAY;QACZ,YAAY;QACZ,gBAAgB;QAChB,aAAa;QACb,aAAa;QACb,gBAAgB;QAChB,aAAa;QACb,YAAY;QACZ,uBAAuB;QACvB,mBAAmB;KACpB;IACD,OAAO,EAAE;QACP,eAAe;QACf,SAAS;QACT,gBAAgB;QAChB,WAAW;QACX,SAAS;QACT,QAAQ;QACR,YAAY;QACZ,UAAU;QACV,UAAU;QACV,UAAU;QACV,QAAQ;QACR,aAAa;QACb,YAAY;KACb;IACD,OAAO,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,kBAAkB,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAQ,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;IACzF,OAAO,EAAE,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;AACtD,CAAC,EAAE,EAAE,CAAC,CAAC"}

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

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

package/lib/components/BKJIcon/index.js

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

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

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

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

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

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

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

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

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

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

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

package/lib/components/BKJIcon/src/avatars/MobileAvatarFill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileAvatarFill.d.ts","sourceRoot":"","sources":["../../../../../src/components/BKJIcon/src/avatars/MobileAvatarFill.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,UAAU,eA4BrD"}

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

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

package/lib/components/BKJIcon/src/avatars/MobileAvatarFill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileAvatarFill.js","sourceRoot":"","sources":["../../../../../src/components/BKJIcon/src/avatars/MobileAvatarFill.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,UAAU,oBAAoB,CAAC,KAAiB;IACpD,MAAM,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC9C,MAAM,EAAE,KAAK,GAAG,OAAO,EAAE,cAAc,GAAG,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrE,MAAM,gBAAgB,GAAG,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,kBAAkB,GAAG,YAAY,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAC/D,OAAO,CACL,6BACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,IAAI,eAER,eACE,CAAC,EAAC,sEAAsE,EACxE,IAAI,EAAE,gBAAgB,WACtB;YACF,eACE,CAAC,EAAC,4JAA4J,EAC9J,IAAI,EAAE,kBAAkB,WACxB;YACF,eACE,CAAC,EAAC,oJAAoJ,EACtJ,IAAI,EAAE,kBAAkB,WACxB,aACE,CACP,CAAC;AACJ,CAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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