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

package/lib/components/BKJIcon/src/general/Location.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 LocationIcon(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", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 9.435C5 4.809 8.8 2 12.435 2s7.435 2.809 7.435 7.435c0 4.378-6.61 11.07-6.857 11.317a.75.75 0 01-.578.248.75.75 0 01-.579-.248C11.61 20.504 5 13.813 5 9.435zm4.958 0c0 1.404 1.074 2.478 2.478 2.478 1.404 0 2.478-1.074 2.478-2.478 0-1.405-1.074-2.479-2.478-2.479-1.404 0-2.478 1.074-2.478 2.479z", fill: primaryFillColor }, void 0),
-            _jsx("mask", Object.assign({ id: "Location_svg__a", maskUnits: "userSpaceOnUse", x: 5, y: 2, width: 15, height: 19 }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 9.435C5 4.809 8.8 2 12.435 2s7.435 2.809 7.435 7.435c0 4.378-6.61 11.07-6.857 11.317a.75.75 0 01-.578.248.75.75 0 01-.579-.248C11.61 20.504 5 13.813 5 9.435zm4.958 0c0 1.404 1.074 2.478 2.478 2.478 1.404 0 2.478-1.074 2.478-2.478 0-1.405-1.074-2.479-2.478-2.479-1.404 0-2.478 1.074-2.478 2.479z", fill: secondaryFillColor }, void 0) }), void 0),
-            _jsx("g", Object.assign({ mask: "url(#Location_svg__a)" }, { children: _jsx("path", { fill: primaryFillColor, d: "M3.102 2h19v19h-19z" }, 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 LocationIcon(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", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 9.435C5 4.809 8.8 2 12.435 2s7.435 2.809 7.435 7.435c0 4.378-6.61 11.07-6.857 11.317a.75.75 0 01-.578.248.75.75 0 01-.579-.248C11.61 20.504 5 13.813 5 9.435zm4.958 0c0 1.404 1.074 2.478 2.478 2.478 1.404 0 2.478-1.074 2.478-2.478 0-1.405-1.074-2.479-2.478-2.479-1.404 0-2.478 1.074-2.478 2.479z", fill: primaryFillColor }, void 0),
+            _jsx("mask", Object.assign({ id: "Location_svg__a", maskUnits: "userSpaceOnUse", x: 5, y: 2, width: 15, height: 19 }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 9.435C5 4.809 8.8 2 12.435 2s7.435 2.809 7.435 7.435c0 4.378-6.61 11.07-6.857 11.317a.75.75 0 01-.578.248.75.75 0 01-.579-.248C11.61 20.504 5 13.813 5 9.435zm4.958 0c0 1.404 1.074 2.478 2.478 2.478 1.404 0 2.478-1.074 2.478-2.478 0-1.405-1.074-2.479-2.478-2.479-1.404 0-2.478 1.074-2.478 2.479z", fill: secondaryFillColor }, void 0) }), void 0),
+            _jsx("g", Object.assign({ mask: "url(#Location_svg__a)" }, { children: _jsx("path", { fill: primaryFillColor, d: "M3.102 2h19v19h-19z" }, void 0) }), void 0)] }), void 0));
+}
 //# sourceMappingURL=Location.js.map

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

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

package/lib/components/BKJIcon/src/general/Location1.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 Location1Icon(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", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12z", fill: primaryFillColor }, void 0),
-            _jsx("path", { d: "M17.833 19h.584c.35 0 .583-.233.583-.583v-5.25c0-.35-.233-.584-.583-.584h-.584V19zM6.166 18.417v-5.834h-.584c-.35 0-.583.234-.583.584v5.25c0 .35.233.583.583.583h.584v-.583z", fill: secondaryFillColor }, void 0),
-            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.083 5H7.916c-.35 0-.583.233-.583.583v12.834c0 .35.233.583.583.583h3.5v-2.333h1.167V19h3.5c.35 0 .584-.233.584-.583V5.583c0-.35-.234-.583-.584-.583zm-5.25 9.917h-1.75V13.75h1.75v1.167zm-1.75-2.334h1.75v-1.166h-1.75v1.166zm1.75-2.333h-1.75V9.083h1.75v1.167zm-1.75-2.334h1.75V6.75h-1.75v1.166zm5.833 7h-1.75V13.75h1.75v1.167zm-1.75-2.333h1.75v-1.166h-1.75v1.166zm1.75-2.333h-1.75V9.083h1.75v1.167zm-1.75-2.334h1.75V6.75h-1.75v1.166z", 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 Location1Icon(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", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12z", fill: primaryFillColor }, void 0),
+            _jsx("path", { d: "M17.833 19h.584c.35 0 .583-.233.583-.583v-5.25c0-.35-.233-.584-.583-.584h-.584V19zM6.166 18.417v-5.834h-.584c-.35 0-.583.234-.583.584v5.25c0 .35.233.583.583.583h.584v-.583z", fill: secondaryFillColor }, void 0),
+            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.083 5H7.916c-.35 0-.583.233-.583.583v12.834c0 .35.233.583.583.583h3.5v-2.333h1.167V19h3.5c.35 0 .584-.233.584-.583V5.583c0-.35-.234-.583-.584-.583zm-5.25 9.917h-1.75V13.75h1.75v1.167zm-1.75-2.334h1.75v-1.166h-1.75v1.166zm1.75-2.333h-1.75V9.083h1.75v1.167zm-1.75-2.334h1.75V6.75h-1.75v1.166zm5.833 7h-1.75V13.75h1.75v1.167zm-1.75-2.333h1.75v-1.166h-1.75v1.166zm1.75-2.333h-1.75V9.083h1.75v1.167zm-1.75-2.334h1.75V6.75h-1.75v1.166z", fill: secondaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=Location1.js.map

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

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

package/lib/components/BKJIcon/src/general/Notes1.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 Notes1Icon(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", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.25 2h15c.75 0 1.25.5 1.25 1.25v17.5c0 .75-.5 1.25-1.25 1.25h-15C3.5 22 3 21.5 3 20.75V3.25C3 2.5 3.5 2 4.25 2zm2.5 16.25h5v-2.5h-5v2.5zm10-5h-10v-2.5h10v2.5zm-10-5h10v-2.5h-10v2.5z", fill: primaryFillColor }, void 0),
-            _jsx("mask", Object.assign({ id: "Notes_1_svg__a", maskUnits: "userSpaceOnUse", x: 3, y: 2, width: 18, height: 20 }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.25 2h15c.75 0 1.25.5 1.25 1.25v17.5c0 .75-.5 1.25-1.25 1.25h-15C3.5 22 3 21.5 3 20.75V3.25C3 2.5 3.5 2 4.25 2zm2.5 16.25h5v-2.5h-5v2.5zm10-5h-10v-2.5h10v2.5zm-10-5h10v-2.5h-10v2.5z", fill: secondaryFillColor }, void 0) }), void 0),
-            _jsx("g", Object.assign({ mask: "url(#Notes_1_svg__a)" }, { children: _jsx("path", { fill: primaryFillColor, d: "M2 2h20v20H2z" }, 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 Notes1Icon(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", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.25 2h15c.75 0 1.25.5 1.25 1.25v17.5c0 .75-.5 1.25-1.25 1.25h-15C3.5 22 3 21.5 3 20.75V3.25C3 2.5 3.5 2 4.25 2zm2.5 16.25h5v-2.5h-5v2.5zm10-5h-10v-2.5h10v2.5zm-10-5h10v-2.5h-10v2.5z", fill: primaryFillColor }, void 0),
+            _jsx("mask", Object.assign({ id: "Notes_1_svg__a", maskUnits: "userSpaceOnUse", x: 3, y: 2, width: 18, height: 20 }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.25 2h15c.75 0 1.25.5 1.25 1.25v17.5c0 .75-.5 1.25-1.25 1.25h-15C3.5 22 3 21.5 3 20.75V3.25C3 2.5 3.5 2 4.25 2zm2.5 16.25h5v-2.5h-5v2.5zm10-5h-10v-2.5h10v2.5zm-10-5h10v-2.5h-10v2.5z", fill: secondaryFillColor }, void 0) }), void 0),
+            _jsx("g", Object.assign({ mask: "url(#Notes_1_svg__a)" }, { children: _jsx("path", { fill: primaryFillColor, d: "M2 2h20v20H2z" }, void 0) }), void 0)] }), void 0));
+}
 //# sourceMappingURL=Notes1.js.map

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

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

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

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function PasteIcon(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: "M15.81 3H8.19v3.167h.358v.083h6.904v-.083h.357V3zM4 5.583a1 1 0 011-1h2.048V7.75h9.904V4.583H19a1 1 0 011 1V21a1 1 0 01-1 1H5a1 1 0 01-1-1V5.583zm6.219 11.312l-2.095-2.098a1.015 1.015 0 010-1.468 1.012 1.012 0 011.466 0l1.362 1.363 3.457-3.46c.42-.42 1.048-.42 1.467 0 .42.419.42 1.048 0 1.468l-4.19 4.195c-.42.42-.943.524-1.467 0z", 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 PasteIcon(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: "M15.81 3H8.19v3.167h.358v.083h6.904v-.083h.357V3zM4 5.583a1 1 0 011-1h2.048V7.75h9.904V4.583H19a1 1 0 011 1V21a1 1 0 01-1 1H5a1 1 0 01-1-1V5.583zm6.219 11.312l-2.095-2.098a1.015 1.015 0 010-1.468 1.012 1.012 0 011.466 0l1.362 1.363 3.457-3.46c.42-.42 1.048-.42 1.467 0 .42.419.42 1.048 0 1.468l-4.19 4.195c-.42.42-.943.524-1.467 0z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=Paste.js.map

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

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

package/lib/components/BKJIcon/src/general/Payment.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 PaymentIcon(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: "M4.125 7.5h15.75C20.55 7.5 21 7.95 21 8.625v11.25C21 20.55 20.55 21 19.875 21H4.125C3.45 21 3 20.55 3 19.875V8.625C3 7.95 3.45 7.5 4.125 7.5zm4.387 11.25h6.976c.45-1.575 1.687-2.813 3.375-3.15v-2.588A4.758 4.758 0 0115.6 9.75H8.512a4.758 4.758 0 01-3.262 3.262v2.476a4.758 4.758 0 013.262 3.262z", fill: primaryFillColor }, void 0),
-            _jsx("path", { d: "M12 16.5a2.25 2.25 0 100-4.5 2.25 2.25 0 000 4.5zM5.25 3h13.5v2.25H5.25z", 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 PaymentIcon(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: "M4.125 7.5h15.75C20.55 7.5 21 7.95 21 8.625v11.25C21 20.55 20.55 21 19.875 21H4.125C3.45 21 3 20.55 3 19.875V8.625C3 7.95 3.45 7.5 4.125 7.5zm4.387 11.25h6.976c.45-1.575 1.687-2.813 3.375-3.15v-2.588A4.758 4.758 0 0115.6 9.75H8.512a4.758 4.758 0 01-3.262 3.262v2.476a4.758 4.758 0 013.262 3.262z", fill: primaryFillColor }, void 0),
+            _jsx("path", { d: "M12 16.5a2.25 2.25 0 100-4.5 2.25 2.25 0 000 4.5zM5.25 3h13.5v2.25H5.25z", fill: primaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=Payment.js.map

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

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

package/lib/components/BKJIcon/src/general/PendingSignup.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 PendingSignupIcon(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: [_jsxs("g", Object.assign({ "clip-path": "url(#clip0_10219_329894)" }, { children: [_jsx("rect", { x: "4", y: "3", width: "10", height: "9", fill: secondaryFillColor }, void 0),
-                    _jsx("path", { d: "M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM12 9H7V4H8.5V7.5H12V9Z", fill: primaryFillColor }, void 0)] }), void 0),
-            _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_10219_329894" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }, 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 PendingSignupIcon(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: [_jsxs("g", Object.assign({ "clip-path": "url(#clip0_10219_329894)" }, { children: [_jsx("rect", { x: "4", y: "3", width: "10", height: "9", fill: secondaryFillColor }, void 0),
+                    _jsx("path", { d: "M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM12 9H7V4H8.5V7.5H12V9Z", fill: primaryFillColor }, void 0)] }), void 0),
+            _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_10219_329894" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }, void 0) }), void 0) }, void 0)] }), void 0));
+}
 //# sourceMappingURL=PendingSignup.js.map

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

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

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

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function PhoneIcon(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: "M21.23 16.677v2.75a1.834 1.834 0 01-1.998 1.833 18.141 18.141 0 01-7.91-2.814 17.875 17.875 0 01-5.5-5.5 18.14 18.14 0 01-2.815-7.948A1.833 1.833 0 014.832 3h2.75a1.833 1.833 0 011.833 1.577c.116.88.331 1.744.642 2.576a1.834 1.834 0 01-.413 1.934L8.48 10.25a14.667 14.667 0 005.5 5.5l1.164-1.164a1.833 1.833 0 011.934-.413c.832.31 1.696.526 2.576.642a1.833 1.833 0 011.577 1.86z", stroke: primaryFillColor, strokeWidth: 1.5, 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 PhoneIcon(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: "M21.23 16.677v2.75a1.834 1.834 0 01-1.998 1.833 18.141 18.141 0 01-7.91-2.814 17.875 17.875 0 01-5.5-5.5 18.14 18.14 0 01-2.815-7.948A1.833 1.833 0 014.832 3h2.75a1.833 1.833 0 011.833 1.577c.116.88.331 1.744.642 2.576a1.834 1.834 0 01-.413 1.934L8.48 10.25a14.667 14.667 0 005.5 5.5l1.164-1.164a1.833 1.833 0 011.934-.413c.832.31 1.696.526 2.576.642a1.833 1.833 0 011.577 1.86z", stroke: primaryFillColor, strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
+}
 //# sourceMappingURL=Phone.js.map

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

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

package/lib/components/BKJIcon/src/general/Position.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 PositionIcon(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", { d: "M14.499 17v1.667h-5V17H2.832v4.167c0 .46.373.833.833.833h16.667c.46 0 .833-.373.833-.833V17H14.5z", fill: primaryFillColor }, void 0),
-            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.167 5.333h5c.46 0 .833.374.833.834V14.5c0 .46-.373.833-.833.833H14.5v-2.5h-5v2.5H2.833A.834.834 0 012 14.5V6.167c0-.46.373-.834.833-.834h5v-2.5c0-.46.374-.833.834-.833h6.666c.46 0 .834.373.834.833v2.5zm-6.667 0h5V3.667h-5v1.666z", 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 PositionIcon(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", { d: "M14.499 17v1.667h-5V17H2.832v4.167c0 .46.373.833.833.833h16.667c.46 0 .833-.373.833-.833V17H14.5z", fill: primaryFillColor }, void 0),
+            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.167 5.333h5c.46 0 .833.374.833.834V14.5c0 .46-.373.833-.833.833H14.5v-2.5h-5v2.5H2.833A.834.834 0 012 14.5V6.167c0-.46.373-.834.833-.834h5v-2.5c0-.46.374-.833.834-.833h6.666c.46 0 .834.373.834.833v2.5zm-6.667 0h5V3.667h-5v1.666z", fill: primaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=Position.js.map

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

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

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

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function ReplyIcon(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: "M9.826 8.241V3.77L2 11.595l7.826 7.826v-4.584c5.59 0 9.502 1.79 12.297 5.702-1.117-5.59-4.471-11.18-12.297-12.298z", 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 ReplyIcon(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: "M9.826 8.241V3.77L2 11.595l7.826 7.826v-4.584c5.59 0 9.502 1.79 12.297 5.702-1.117-5.59-4.471-11.18-12.297-12.298z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=Reply.js.map

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

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

package/lib/components/BKJIcon/src/general/RoomType.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 RoomTypeIcon(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", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.5 8.75l2.375 4.75c.125.125.125.25.125.5v7.5h-2.5v-3.75h-15v3.75H2V14c0-.25 0-.375.125-.5L4.5 8.75V4h15v4.75zM4.625 14h14.75L17.5 10.25h-11L4.625 14z", fill: primaryFillColor }, void 0),
-            _jsx("mask", Object.assign({ id: "Room_Type_svg__a", maskUnits: "userSpaceOnUse", x: 2, y: 4, width: 20, height: 18 }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.5 8.75l2.375 4.75c.125.125.125.25.125.5v7.5h-2.5v-3.75h-15v3.75H2V14c0-.25 0-.375.125-.5L4.5 8.75V4h15v4.75zM4.625 14h14.75L17.5 10.25h-11L4.625 14z", fill: secondaryFillColor }, void 0) }), void 0),
-            _jsx("g", Object.assign({ mask: "url(#Room_Type_svg__a)" }, { children: _jsx("path", { fill: primaryFillColor, d: "M2 3h20v20H2z" }, 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 RoomTypeIcon(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", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.5 8.75l2.375 4.75c.125.125.125.25.125.5v7.5h-2.5v-3.75h-15v3.75H2V14c0-.25 0-.375.125-.5L4.5 8.75V4h15v4.75zM4.625 14h14.75L17.5 10.25h-11L4.625 14z", fill: primaryFillColor }, void 0),
+            _jsx("mask", Object.assign({ id: "Room_Type_svg__a", maskUnits: "userSpaceOnUse", x: 2, y: 4, width: 20, height: 18 }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.5 8.75l2.375 4.75c.125.125.125.25.125.5v7.5h-2.5v-3.75h-15v3.75H2V14c0-.25 0-.375.125-.5L4.5 8.75V4h15v4.75zM4.625 14h14.75L17.5 10.25h-11L4.625 14z", fill: secondaryFillColor }, void 0) }), void 0),
+            _jsx("g", Object.assign({ mask: "url(#Room_Type_svg__a)" }, { children: _jsx("path", { fill: primaryFillColor, d: "M2 3h20v20H2z" }, void 0) }), void 0)] }), void 0));
+}
 //# sourceMappingURL=RoomType.js.map

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

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

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

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function SearchIcon(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: "M19.625 10.793a8.428 8.428 0 01-1.75 5.2l3.75 3.84c.5.495.5 1.238 0 1.734-.25.247-.625.371-.875.371s-.625-.124-.875-.371l-3.75-3.716c-1.375 1.115-3.25 1.734-5.25 1.734C6 19.585 2 15.622 2 10.793 2 5.963 6 2 10.875 2s8.75 3.963 8.75 8.793zm-15.125 0c0 3.467 2.875 6.192 6.375 6.192s6.375-2.725 6.375-6.192c0-3.468-2.875-6.316-6.375-6.316S4.5 7.325 4.5 10.793z", 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 SearchIcon(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: "M19.625 10.793a8.428 8.428 0 01-1.75 5.2l3.75 3.84c.5.495.5 1.238 0 1.734-.25.247-.625.371-.875.371s-.625-.124-.875-.371l-3.75-3.716c-1.375 1.115-3.25 1.734-5.25 1.734C6 19.585 2 15.622 2 10.793 2 5.963 6 2 10.875 2s8.75 3.963 8.75 8.793zm-15.125 0c0 3.467 2.875 6.192 6.375 6.192s6.375-2.725 6.375-6.192c0-3.468-2.875-6.316-6.375-6.316S4.5 7.325 4.5 10.793z", fill: primaryFillColor }, void 0) }), void 0));
+}
 //# sourceMappingURL=Search.js.map

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

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

package/lib/components/BKJIcon/src/general/Time.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 TimeIcon(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 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-3.167-1.167H13V5h-2v7.833h7.833v-2z", fill: primaryFillColor }, void 0),
-            _jsx("mask", Object.assign({ id: "Time_svg__a", maskUnits: "userSpaceOnUse", x: 2, y: 2, width: 20, height: 20 }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-3.167-1.167H13V5h-2v7.833h7.833v-2z", fill: secondaryFillColor }, void 0) }), void 0),
-            _jsx("g", Object.assign({ mask: "url(#Time_svg__a)" }, { children: _jsx("path", { fill: "#DADEE3", d: "M2 2h100v100H2z" }, 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 TimeIcon(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 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-3.167-1.167H13V5h-2v7.833h7.833v-2z", fill: primaryFillColor }, void 0),
+            _jsx("mask", Object.assign({ id: "Time_svg__a", maskUnits: "userSpaceOnUse", x: 2, y: 2, width: 20, height: 20 }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-3.167-1.167H13V5h-2v7.833h7.833v-2z", fill: secondaryFillColor }, void 0) }), void 0),
+            _jsx("g", Object.assign({ mask: "url(#Time_svg__a)" }, { children: _jsx("path", { fill: "#DADEE3", d: "M2 2h100v100H2z" }, void 0) }), void 0)] }), void 0));
+}
 //# sourceMappingURL=Time.js.map

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

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

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

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-export function VideoIcon(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: "M20.857 8.429l-5.583 3.988 5.583 3.988V8.429zM13.679 6.833H4.905c-.881 0-1.595.715-1.595 1.596v7.976c0 .88.714 1.595 1.595 1.595h8.774c.88 0 1.595-.714 1.595-1.595V8.429c0-.881-.714-1.596-1.595-1.596z", stroke: primaryFillColor, strokeWidth: 1.5, 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 VideoIcon(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: "M20.857 8.429l-5.583 3.988 5.583 3.988V8.429zM13.679 6.833H4.905c-.881 0-1.595.715-1.595 1.596v7.976c0 .88.714 1.595 1.595 1.595h8.774c.88 0 1.595-.714 1.595-1.595V8.429c0-.881-.714-1.596-1.595-1.596z", stroke: primaryFillColor, strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
+}
 //# sourceMappingURL=Video.js.map

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

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

package/lib/components/BKJIcon/src/general/Warning.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 GeneralWarningIcon(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", { d: "M22.547 16.303l-7.67-12.72a3.43 3.43 0 00-5.78 0l-7.67 12.72a3 3 0 00-.05 3 3.37 3.37 0 002.94 1.7h15.34a3.37 3.37 0 002.94-1.66 3 3 0 00-.05-3.04zm-1.7 2.05a1.31 1.31 0 01-1.19.65H4.317a1.31 1.31 0 01-1.19-.65 1 1 0 010-1l7.68-12.73a1.48 1.48 0 012.36 0l7.67 12.72a1 1 0 01.01 1.01z", fill: primaryFillColor }, void 0),
-            _jsx("path", { d: "M11.987 17.003a1 1 0 100-2 1 1 0 000 2zM11.987 8.003a1 1 0 00-1 1v4a1 1 0 002 0v-4a1 1 0 00-1-1z", 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 GeneralWarningIcon(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", { d: "M22.547 16.303l-7.67-12.72a3.43 3.43 0 00-5.78 0l-7.67 12.72a3 3 0 00-.05 3 3.37 3.37 0 002.94 1.7h15.34a3.37 3.37 0 002.94-1.66 3 3 0 00-.05-3.04zm-1.7 2.05a1.31 1.31 0 01-1.19.65H4.317a1.31 1.31 0 01-1.19-.65 1 1 0 010-1l7.68-12.73a1.48 1.48 0 012.36 0l7.67 12.72a1 1 0 01.01 1.01z", fill: primaryFillColor }, void 0),
+            _jsx("path", { d: "M11.987 17.003a1 1 0 100-2 1 1 0 000 2zM11.987 8.003a1 1 0 00-1 1v4a1 1 0 002 0v-4a1 1 0 00-1-1z", fill: primaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=Warning.js.map