@bookjane2/bookjane-design-library 7.3.3 → 7.3.4

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

@@ -1,8 +1,8 @@
-import { SVGProps } from 'react';
-import { IBKJThemeColor } from '../../../../providers/index.js';
-interface IEyeIconProps extends Omit<SVGProps<SVGSVGElement>, 'color'> {
-    color?: keyof IBKJThemeColor;
-}
-export declare const EyeIcon: import("react").ForwardRefExoticComponent<Pick<IEyeIconProps, "string" | "style" | "id" | "type" | "spacing" | "clipPath" | "filter" | "mask" | "path" | "children" | "crossOrigin" | "height" | "href" | "max" | "media" | "method" | "min" | "name" | "target" | "width" | "className" | "lang" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "end" | "offset" | "alignmentBaseline" | "baselineShift" | "clip" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "direction" | "display" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "glyphOrientationVertical" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "local" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & import("react").RefAttributes<SVGSVGElement>>;
-export {};
+import { SVGProps } from 'react';
+import { IBKJThemeColor } from '../../../../providers/index.js';
+interface IEyeIconProps extends Omit<SVGProps<SVGSVGElement>, 'color'> {
+    color?: keyof IBKJThemeColor;
+}
+export declare const EyeIcon: import("react").ForwardRefExoticComponent<Pick<IEyeIconProps, "string" | "style" | "id" | "type" | "spacing" | "clipPath" | "filter" | "mask" | "path" | "children" | "crossOrigin" | "height" | "href" | "max" | "media" | "method" | "min" | "name" | "target" | "width" | "className" | "lang" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "end" | "offset" | "alignmentBaseline" | "baselineShift" | "clip" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "direction" | "display" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "glyphOrientationVertical" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "local" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & import("react").RefAttributes<SVGSVGElement>>;
+export {};
 //# sourceMappingURL=Eye.d.ts.map

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

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { useTheme } from 'styled-components';
-export const EyeIcon = forwardRef((props, ref) => {
-    const { color = 'Grey6', ...rest } = props;
-    const theme = useTheme();
-    return (_jsxs("svg", Object.assign({ width: "1em", height: "1em", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, rest, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 12s1.699-2.366 4-4c1.88-1.336 4.164-2 6.25-2 2.086 0 4.37.664 6.25 2 2.301 1.634 4 4 4 4s-1.699 2.366-4 4c-1.88 1.336-4 2-6.25 2-2.307-.004-4.37-.664-6.25-2-2.301-1.634-4-4-4-4Zm10 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z", fill: theme.colors[color] }, void 0),
-            _jsx("path", { d: "m6 8-.434-.611L6 8Zm-4 4-.61-.438-.313.438.314.438L2 12Zm16.5-4 .434-.611L18.5 8Zm4 4 .61.438.313-.438-.314-.438L22.5 12Zm-4 4-.434-.611.434.611Zm-6.25 2-.001.75h.001V18ZM6 16l.434-.611L6 16Zm-.434-8.611c-1.213.86-2.255 1.905-2.988 2.724a21.915 21.915 0 0 0-1.1 1.332 8.831 8.831 0 0 0-.08.108l-.005.006-.001.002v.001H1.39L2 12l.61.438h-.001l.003-.004a3.454 3.454 0 0 1 .065-.089l.213-.276c.187-.237.462-.572.806-.956.692-.773 1.65-1.729 2.738-2.502L5.566 7.39ZM12.25 5.25c-2.235 0-4.671.71-6.684 2.139l.868 1.222A10.25 10.25 0 0 1 12.25 6.75v-1.5Zm6.684 2.139A11.749 11.749 0 0 0 12.25 5.25v1.5c1.937 0 4.067.62 5.816 1.861l.868-1.222ZM22.5 12l.609-.438-.002-.003-.005-.006-.017-.024a16.334 16.334 0 0 0-.298-.39 21.969 21.969 0 0 0-.865-1.027c-.733-.818-1.775-1.862-2.988-2.723l-.868 1.222c1.088.773 2.046 1.729 2.738 2.502a20.392 20.392 0 0 1 1.072 1.304l.012.017.003.003L22.5 12Zm-3.566 4.611c1.213-.86 2.255-1.905 2.988-2.724a21.969 21.969 0 0 0 1.1-1.332 9.27 9.27 0 0 0 .063-.084l.017-.024.005-.006.001-.002v-.001h.001L22.5 12l-.61-.438h.001l-.003.004-.012.017-.053.072-.213.276c-.187.237-.462.572-.806.956-.692.773-1.65 1.729-2.738 2.502l.868 1.223ZM12.25 18.75c2.405 0 4.676-.712 6.684-2.139l-.868-1.223a9.876 9.876 0 0 1-5.816 1.862v1.5Zm-6.684-2.139c2.007 1.426 4.22 2.134 6.683 2.139l.002-1.5c-2.151-.004-4.062-.616-5.817-1.861l-.868 1.223ZM2 12l-.609.438.002.003.005.006a2.701 2.701 0 0 0 .08.108 21.915 21.915 0 0 0 1.1 1.332c.733.819 1.775 1.863 2.988 2.724l.868-1.223c-1.088-.772-2.046-1.728-2.738-2.501a20.38 20.38 0 0 1-1.072-1.304 3.454 3.454 0 0 1-.015-.02L2 12Zm14.25 0A4.25 4.25 0 0 1 12 16.25v1.5A5.75 5.75 0 0 0 17.75 12h-1.5ZM12 7.75A4.25 4.25 0 0 1 16.25 12h1.5A5.75 5.75 0 0 0 12 6.25v1.5ZM7.75 12A4.25 4.25 0 0 1 12 7.75v-1.5A5.75 5.75 0 0 0 6.25 12h1.5ZM12 16.25A4.25 4.25 0 0 1 7.75 12h-1.5A5.75 5.75 0 0 0 12 17.75v-1.5Z", fill: theme.colors[color] }, void 0),
-            _jsx("circle", { cx: 12, cy: 12, r: 2, fill: theme.colors[color] }, void 0)] }), void 0));
-});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useTheme } from 'styled-components';
+export const EyeIcon = forwardRef((props, ref) => {
+    const { color = 'Grey6', ...rest } = props;
+    const theme = useTheme();
+    return (_jsxs("svg", Object.assign({ width: "1em", height: "1em", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, rest, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 12s1.699-2.366 4-4c1.88-1.336 4.164-2 6.25-2 2.086 0 4.37.664 6.25 2 2.301 1.634 4 4 4 4s-1.699 2.366-4 4c-1.88 1.336-4 2-6.25 2-2.307-.004-4.37-.664-6.25-2-2.301-1.634-4-4-4-4Zm10 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z", fill: theme.colors[color] }, void 0),
+            _jsx("path", { d: "m6 8-.434-.611L6 8Zm-4 4-.61-.438-.313.438.314.438L2 12Zm16.5-4 .434-.611L18.5 8Zm4 4 .61.438.313-.438-.314-.438L22.5 12Zm-4 4-.434-.611.434.611Zm-6.25 2-.001.75h.001V18ZM6 16l.434-.611L6 16Zm-.434-8.611c-1.213.86-2.255 1.905-2.988 2.724a21.915 21.915 0 0 0-1.1 1.332 8.831 8.831 0 0 0-.08.108l-.005.006-.001.002v.001H1.39L2 12l.61.438h-.001l.003-.004a3.454 3.454 0 0 1 .065-.089l.213-.276c.187-.237.462-.572.806-.956.692-.773 1.65-1.729 2.738-2.502L5.566 7.39ZM12.25 5.25c-2.235 0-4.671.71-6.684 2.139l.868 1.222A10.25 10.25 0 0 1 12.25 6.75v-1.5Zm6.684 2.139A11.749 11.749 0 0 0 12.25 5.25v1.5c1.937 0 4.067.62 5.816 1.861l.868-1.222ZM22.5 12l.609-.438-.002-.003-.005-.006-.017-.024a16.334 16.334 0 0 0-.298-.39 21.969 21.969 0 0 0-.865-1.027c-.733-.818-1.775-1.862-2.988-2.723l-.868 1.222c1.088.773 2.046 1.729 2.738 2.502a20.392 20.392 0 0 1 1.072 1.304l.012.017.003.003L22.5 12Zm-3.566 4.611c1.213-.86 2.255-1.905 2.988-2.724a21.969 21.969 0 0 0 1.1-1.332 9.27 9.27 0 0 0 .063-.084l.017-.024.005-.006.001-.002v-.001h.001L22.5 12l-.61-.438h.001l-.003.004-.012.017-.053.072-.213.276c-.187.237-.462.572-.806.956-.692.773-1.65 1.729-2.738 2.502l.868 1.223ZM12.25 18.75c2.405 0 4.676-.712 6.684-2.139l-.868-1.223a9.876 9.876 0 0 1-5.816 1.862v1.5Zm-6.684-2.139c2.007 1.426 4.22 2.134 6.683 2.139l.002-1.5c-2.151-.004-4.062-.616-5.817-1.861l-.868 1.223ZM2 12l-.609.438.002.003.005.006a2.701 2.701 0 0 0 .08.108 21.915 21.915 0 0 0 1.1 1.332c.733.819 1.775 1.863 2.988 2.724l.868-1.223c-1.088-.772-2.046-1.728-2.738-2.501a20.38 20.38 0 0 1-1.072-1.304 3.454 3.454 0 0 1-.015-.02L2 12Zm14.25 0A4.25 4.25 0 0 1 12 16.25v1.5A5.75 5.75 0 0 0 17.75 12h-1.5ZM12 7.75A4.25 4.25 0 0 1 16.25 12h1.5A5.75 5.75 0 0 0 12 6.25v1.5ZM7.75 12A4.25 4.25 0 0 1 12 7.75v-1.5A5.75 5.75 0 0 0 6.25 12h1.5ZM12 16.25A4.25 4.25 0 0 1 7.75 12h-1.5A5.75 5.75 0 0 0 12 17.75v-1.5Z", fill: theme.colors[color] }, void 0),
+            _jsx("circle", { cx: 12, cy: 12, r: 2, fill: theme.colors[color] }, void 0)] }), void 0));
+});
 //# sourceMappingURL=Eye.js.map

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

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

package/lib/components/BKJIcon/src/general/Group.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 GroupIcon(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: "M21.475 14.624l-3.118-1.25a.834.834 0 01-.524-.772v-.731A3.318 3.318 0 0019.499 9V7.477A3.406 3.406 0 0016.166 4a3.406 3.406 0 00-3.333 3.477V9a3.317 3.317 0 001.666 2.87v.732a.833.833 0 01-.524.774l-1.815.726 1.601.64a2.49 2.49 0 011.572 2.322V19a2.472 2.472 0 01-.154.833h5.987a.833.833 0 00.833-.833v-3.602a.833.833 0 00-.524-.774z", fill: primaryFillColor }, void 0),
-            _jsx("path", { d: "M13.143 16.29l-3.119-1.25a.833.833 0 01-.524-.771v-.732a3.318 3.318 0 001.667-2.87V9.142a3.406 3.406 0 00-3.334-3.477A3.406 3.406 0 004.5 9.143v1.523a3.319 3.319 0 001.667 2.871v.732a.833.833 0 01-.524.773l-3.119 1.25a.833.833 0 00-.524.772V19a.833.833 0 00.833.833h10a.833.833 0 00.834-.833v-1.936a.833.833 0 00-.524-.773z", 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 GroupIcon(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: "M21.475 14.624l-3.118-1.25a.834.834 0 01-.524-.772v-.731A3.318 3.318 0 0019.499 9V7.477A3.406 3.406 0 0016.166 4a3.406 3.406 0 00-3.333 3.477V9a3.317 3.317 0 001.666 2.87v.732a.833.833 0 01-.524.774l-1.815.726 1.601.64a2.49 2.49 0 011.572 2.322V19a2.472 2.472 0 01-.154.833h5.987a.833.833 0 00.833-.833v-3.602a.833.833 0 00-.524-.774z", fill: primaryFillColor }, void 0),
+            _jsx("path", { d: "M13.143 16.29l-3.119-1.25a.833.833 0 01-.524-.771v-.732a3.318 3.318 0 001.667-2.87V9.142a3.406 3.406 0 00-3.334-3.477A3.406 3.406 0 004.5 9.143v1.523a3.319 3.319 0 001.667 2.871v.732a.833.833 0 01-.524.773l-3.119 1.25a.833.833 0 00-.524.772V19a.833.833 0 00.833.833h10a.833.833 0 00.834-.833v-1.936a.833.833 0 00-.524-.773z", fill: primaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=Group.js.map

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

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

package/lib/components/BKJIcon/src/general/Info.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 InfoIcon(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", { clipRule: "evenodd", d: "M12 21a9 9 0 110-18 9 9 0 010 18z", stroke: primaryFillColor }, void 0),
-            _jsx("path", { fill: primaryFillColor, d: "M10.809 11h2.383v7h-2.383z" }, void 0),
-            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 9a1.5 1.5 0 100-3 1.5 1.5 0 000 3z", 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 InfoIcon(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", { clipRule: "evenodd", d: "M12 21a9 9 0 110-18 9 9 0 010 18z", stroke: primaryFillColor }, void 0),
+            _jsx("path", { fill: primaryFillColor, d: "M10.809 11h2.383v7h-2.383z" }, void 0),
+            _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 9a1.5 1.5 0 100-3 1.5 1.5 0 000 3z", fill: primaryFillColor }, void 0)] }), void 0));
+}
 //# sourceMappingURL=Info.js.map

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

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

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