diginet-core-ui 1.3.34 → 1.3.35

package/components/tab/tab.js

@@ -1,7 +1,7 @@
 /** @jsxRuntime classic */
 
 /** @jsx jsx */
-import { forwardRef, memo, useMemo, useContext } from 'react';
+import { forwardRef, memo, useMemo, useContext, useRef, useImperativeHandle } from 'react';
 import { jsx, css } from '@emotion/core';
 import PropTypes from 'prop-types';
 import Icon from '../../icons';
@@ -9,7 +9,7 @@ import { color as colors } from '../../styles/colors';
 import Ripple from '../button/ripple-effect';
 import Typography from '../typography';
 import TabContext from './context';
-import { alignCenter, backgroundTransparent, borderBox, cursorPointer, flexRow, justifyCenter, outlineNone, overflowHidden, pointerEventsNone, positionAbsolute, positionRelative } from '../../styles/general';
+import { alignCenter, backgroundTransparent, borderBox, breakWord, cursorPointer, flexRow, justifyCenter, outlineNone, overflowHidden, pointerEventsNone, positionAbsolute, positionRelative, whiteSpaceNoWrap } from '../../styles/general';
 const {
   system: {
     active,
@@ -23,7 +23,6 @@ const TabItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   children,
   color,
   disabled,
-  iconStyle,
   style,
   className,
   startIcon,
@@ -32,89 +31,27 @@ const TabItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   onClick,
   level,
   ...props
-}, ref) => {
+}, reference) => {
   const {
     tabIndexState,
     setTabIndexState
   } = useContext(TabContext);
-  const TabButton = css`
-            ${flexRow}
-            ${overflowHidden}
-            ${alignCenter}
-            ${justifyCenter}
-            ${borderBox}
-            ${cursorPointer}
-            ${positionRelative}
-            ${outlineNone}
-            flex: 0 0 auto;
-            appearance: none;
-            background-color: ${white};
-            border: 0;
-            box-shadow: none;
-            color: ${color || rest};
-            max-width: 320px;
-            min-width: 80px;
-            word-break: break-word;
-            padding: 10px 16px;
-            pointer-events: auto;
-            text-decoration: none;
-            text-rendering: auto;
-            transition: all 0.2s ease-in-out, background-color 0.2s ease-in-out;
-            vertical-align: middle;
-            scroll-snap-align: auto;
-            white-space: nowrap;
-            :disabled {
-                ${pointerEventsNone}
-                ${backgroundTransparent}
-                color: ${systemDisabled};
-                cursor: default;
-            }
-            :hover,:focus:not(.selected):not(:disabled) {
-                background-color: ${white};
-                color: ${rest};
-                .Indicator {
-                    background-color: ${rest};
-                    transform: scaleX(1);
-                }
-            }
-            &.selected {
-                background-color: ${white};
-                color: ${active};
-                .Indicator {
-                    background-color: ${active};
-                    transform: scaleX(1);
-                }
-            }
-        `;
-  const Indicator = css`
-            ${positionAbsolute}
-            height: 4px;
-            width: 100%;
-            bottom: 0;
-            transform: scaleX(0);
-            transition: transform 0.2s ease-in-out;
-            border-radius: 1px;
-        `;
-  const ButtonIcon = css`
-            ${flexRow}
-            ${alignCenter}
-            ${justifyCenter}
-            ${positionRelative}
-            ${borderBox}
-            max-height: 24px;
-            max-width: 24px;
-            margin-right: 4px;
-            &.end-icon {
-                margin-right: unset;
-                margin-left: 4px;
-            }
-        `;
-
-  const _onClick = () => {
+  const ref = useRef(null);
+
+  const _onClick = event => {
     if (disabled) return;
-    onClick ? onClick() : setTabIndexState(index);
+    onClick ? onClick(event, index) : setTabIndexState(index);
   };
 
+  useImperativeHandle(reference, () => {
+    const currentRef = ref.current || {};
+    const _instance = {}; // methods
+
+    _instance.__proto__ = {}; // hidden methods
+
+    currentRef.instance = _instance;
+    return currentRef;
+  });
   const StartIcon = useMemo(() => {
     let node = startIcon;
 
@@ -126,7 +63,7 @@ const TabItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     }
 
     return jsx("span", {
-      css: ButtonIcon
+      css: ButtonIconCSS
     }, " ", node, " ");
   }, [startIcon]);
   const EndIcon = useMemo(() => {
@@ -140,13 +77,13 @@ const TabItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     }
 
     return jsx("span", {
-      css: ButtonIcon,
+      css: ButtonIconCSS,
       className: 'end-icon'
-    }, " ", node, " ");
+    }, ' ', node, ' ');
   }, [endIcon]);
   return jsx("button", {
-    css: TabButton,
-    className: ['DGN-UI-Tab-Item', index === tabIndexState && !disabled ? 'selected' : ''].join(' ').trim().replace(/\s+/g, ' '),
+    css: TabButtonCSS(color),
+    className: ['DGN-UI-Tab-Item', index === tabIndexState && !disabled ? 'selected' : '', className].join(' ').trim().replace(/\s+/g, ' '),
     style: style,
     disabled: disabled,
     onClick: _onClick,
@@ -157,13 +94,87 @@ const TabItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     type: level,
     color: 'inherit'
   }, label), children, endIcon && EndIcon, jsx(Ripple, null), jsx("span", {
-    css: Indicator,
+    css: IndicatorCSS,
     className: 'Indicator'
   }));
 }));
+
+const TabButtonCSS = color => css`
+    ${flexRow}
+    ${overflowHidden}
+    ${alignCenter}
+    ${justifyCenter}
+    ${borderBox}
+    ${cursorPointer}
+    ${positionRelative}
+    ${outlineNone}
+    ${breakWord}
+    ${whiteSpaceNoWrap}
+    flex: 0 0 auto;
+    background-color: ${white};
+    border: 0;
+    box-shadow: none;
+    color: ${color || rest};
+    max-width: 320px;
+    min-width: 80px;
+    padding: 10px 16px;
+    pointer-events: auto;
+    text-decoration: none;
+    text-rendering: auto;
+    transition: all 0.2s ease-in-out, background-color 0.2s ease-in-out;
+    vertical-align: middle;
+    scroll-snap-align: auto;
+    :disabled {
+        ${pointerEventsNone}
+        ${backgroundTransparent}
+    color: ${systemDisabled};
+        cursor: default;
+    }
+    :hover,
+    :focus:not(.selected):not(:disabled) {
+        background-color: ${white};
+        color: ${rest};
+        .Indicator {
+            background-color: ${rest};
+            transform: scaleX(1);
+        }
+    }
+    &.selected {
+        background-color: ${white};
+        color: ${active};
+        .Indicator {
+            background-color: ${active};
+            transform: scaleX(1);
+        }
+    }
+`;
+
+const IndicatorCSS = css`
+    ${positionAbsolute}
+    height: 4px;
+    width: 100%;
+    bottom: 0;
+    transform: scaleX(0);
+    transition: transform 0.2s ease-in-out;
+    border-radius: 1px;
+`;
+const ButtonIconCSS = css`
+    ${flexRow}
+    ${alignCenter}
+    ${justifyCenter}
+    ${positionRelative}
+    ${borderBox}
+    max-height: 24px;
+    max-width: 24px;
+    margin-right: 4px;
+    &.end-icon {
+        margin-right: unset;
+        margin-left: 4px;
+    }
+`;
 TabItem.defaultProps = {
   disabled: false,
-  label: "",
+  label: '',
   className: '',
   style: {}
 };
@@ -200,6 +211,13 @@ TabItem.propTypes = {
   style: PropTypes.object,
 
   /** any props else */
-  props: PropTypes.any
+  props: PropTypes.any,
+
+  /**
+   * ref methods
+   */
+  reference: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.instanceOf(Element)
+  })])
 };
 export default TabItem;

package/components/tooltip/index.js

@@ -6,7 +6,7 @@ import { forwardRef, memo, useEffect, useRef, useState } from 'react';
 import Portal from './portal';
 import { randomString } from '../../utils';
 import { jsx, css } from '@emotion/core';
-import { typography } from "../../styles/typography";
+import { typography } from '../../styles/typography';
 const defaultColor = 'rgba(255, 255, 255, 0.9)';
 const defaultBg = 'rgba(21, 26, 48, 0.9)';
 const defaultViewPadding = 4;
@@ -110,30 +110,30 @@ const Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, ref) => {
   let calculateTimeout, hoverTimeout, tooltip;
   const styles = {
     arrow: css`
-            height     : 0;
-            opacity    : 0;
-            position   : absolute;
-            transition : opacity 0.1s ease-in-out;
-            user-select: none;
-            width      : 0;
-            z-index    : 9005;
-        `,
+                height: 0;
+                opacity: 0;
+                position: absolute;
+                transition: opacity 0.1s ease-in-out;
+                user-select: none;
+                width: 0;
+                z-index: 9005;
+            `,
     main: css`
-            background-color: ${backgroundColor};
-            border-radius   : 3px;
-            box-sizing      : border-box;
-            color           : ${color};
-            display         : inline-block;
-            ${size === 'small' ? typography.paragraph3 : typography.paragraph2};
-            opacity         : 0;
-            padding         : ${padding};
-            position        : absolute;
-            text-align      : ${textAlign};
-            transition      : opacity 0.1s ease-in-out;
-            user-select     : none;
-            word-wrap       : break-word;
-            z-index         : 9004;
-        `
+                background-color: ${backgroundColor};
+                border-radius: 3px;
+                box-sizing: border-box;
+                color: ${color};
+                display: inline-block;
+                ${size === 'small' ? typography.paragraph3 : typography.paragraph2};
+                opacity: 0;
+                padding: ${padding};
+                position: absolute;
+                text-align: ${textAlign};
+                transition: opacity 0.1s ease-in-out;
+                user-select: none;
+                word-wrap: break-word;
+                z-index: 9004;
+            `
   };
 
   const checkHorizontal = (distance, el, parent) => {
@@ -445,8 +445,6 @@ const Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, ref) => {
     } else {
       onShowTooltip(arrow, parent);
     }
-
-    ;
   };
 
   const onShowTooltip = (arrow, parent) => {

package/components/typography/index.js

@@ -108,16 +108,16 @@ Typography.defaultProps = {
   mapping: 'span',
   className: ''
 };
-/** type of text<br/>
- * h1: Title <br/>
- * h2: Header Popup <br/>
- * h3: Header popup <br/>
- * h4: Button, Tab, Title group <br/>
- * h5: Label column, Title group <br/>
- * h6: Label form <br/>
- * p1: Body text <br/>
- * p2: Body text <br/>
- * p3: Notice, Tooltip <br/>
+/** type of text<br/>
+ * h1: Title <br/>
+ * h2: Header Popup <br/>
+ * h3: Header popup <br/>
+ * h4: Button, Tab, Title group <br/>
+ * h5: Label column, Title group <br/>
+ * h6: Label form <br/>
+ * p1: Body text <br/>
+ * p2: Body text <br/>
+ * p3: Notice, Tooltip <br/>
  */
 
 export const arrTypeTypography = ['t1', 't2', 't3', 't4', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p1', 'p2', 'p3', 'title1', 'title2', 'title3', 'title4', 'heading1', 'heading2', 'heading3', 'heading4', 'heading5', 'heading6', 'paragraph1', 'paragraph2', 'paragraph3'];

package/icons/basic.js

@@ -739,6 +739,34 @@ export const Assessment = /*#__PURE__*/memo(({
     fill: colors[color] || color
   }));
 });
+export const AssignmentTurnedIn = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = '#7F828E',
+  viewBox = false
+}) => {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19 3H14.82C14.4 1.84 13.3 1 12 1C10.7 1 9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM12 3C12.55 3 13 3.45 13 4C13 4.55 12.55 5 12 5C11.45 5 11 4.55 11 4C11 3.45 11.45 3 12 3ZM6 13L10 17L18 9L16.59 7.58L10 14.17L7.41 11.59L6 13Z",
+    fill: colors[color] || color
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 18,
+    height: height || 20,
+    viewBox: "0 0 18 20",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16 2H11.82C11.4 0.84 10.3 0 9 0C7.7 0 6.6 0.84 6.18 2H2C0.9 2 0 2.9 0 4V18C0 19.1 0.9 20 2 20H16C17.1 20 18 19.1 18 18V4C18 2.9 17.1 2 16 2ZM9 2C9.55 2 10 2.45 10 3C10 3.55 9.55 4 9 4C8.45 4 8 3.55 8 3C8 2.45 8.45 2 9 2ZM3 12L7 16L15 8L13.59 6.58L7 13.17L4.41 10.59L3 12Z",
+    fill: colors[color] || color
+  }));
+});
 export const Attachment = /*#__PURE__*/memo(({
   width,
   height,
@@ -1111,6 +1139,34 @@ export const CalendarNew = /*#__PURE__*/memo(({
     fill: colors[color] || color
   }));
 });
+export const CalendarBlank = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = '#7F828E',
+  viewBox = false
+}) => {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19 4H18V2H16V4H8V2H6V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4ZM7 15V13H9V15H7ZM13 15H11V13H13V15ZM17 15V13H15V15H17ZM5 20H19V9H5V20Z",
+    fill: colors[color] || color
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 18,
+    height: height || 20,
+    viewBox: "0 0 18 20",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16 2H15V0H13V2H5V0H3V2H2C0.89 2 0.01 2.9 0.01 4L0 18C0 19.1 0.89 20 2 20H16C17.1 20 18 19.1 18 18V4C18 2.9 17.1 2 16 2ZM4 13V11H6V13H4ZM10 13H8V11H10V13ZM14 13V11H12V13H14ZM2 18H16V7H2V18Z",
+    fill: colors[color] || color
+  }));
+});
 export const CalendarBlankRounded = /*#__PURE__*/memo(({
   width,
   height,
@@ -1670,6 +1726,47 @@ export const Delete = /*#__PURE__*/memo(({
     fill: colors[color] || color
   }));
 });
+export const DGNProducts = /*#__PURE__*/memo(({
+  width,
+  height,
+  viewBox = false
+}) => {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M8.76008 2H4.24998C3.00337 2 2 3.00338 2 4.25V8.75C2 9.99662 3.00337 11 4.24998 11H8.74994C9.99655 11 10.9999 9.99662 10.9999 8.75V4.25C11.0101 3.00338 9.99655 2 8.76008 2ZM4.24998 8.76013V4.25H8.74994V8.75H4.24998V8.76013Z",
+    fill: "#E4007C"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M19.75 2H15.25C14.0034 2 13 3.00338 13 4.25V8.75C13 9.99662 14.0034 11 15.25 11H19.75C20.9966 11 22 9.99662 22 8.75V4.25C22 3.00338 20.9966 2 19.75 2ZM15.2399 8.76013V4.25H19.7399V8.75H15.2399V8.76013Z",
+    fill: "#111D5E"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8.76008 13H4.24998C3.00337 13 2 14.0124 2 15.2475V19.7424C2 20.9978 3.00337 22 4.24998 22H8.74994C9.99655 22 10.9999 20.9978 10.9999 19.7525V15.2576C11.0101 14.0124 9.99655 13 8.76008 13ZM4.24998 19.7525V15.2576H8.74994V19.7525H4.24998Z",
+    fill: "#111D5E"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M19.75 13H15.25C14.0034 13 13 14.0034 13 15.25V19.75C13 20.9966 14.0034 22 15.25 22H19.75C20.9966 22 22 20.9966 22 19.75V15.25C22 14.0135 20.9966 13 19.75 13ZM15.2399 19.7601V15.2601H19.7399V19.7601H15.2399Z",
+    fill: "#111D5E"
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 20,
+    height: height || 20,
+    viewBox: "0 0 20 20",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M6.76008 0H2.24998C1.00337 0 0 1.00338 0 2.25V6.75C0 7.99662 1.00337 9 2.24998 9H6.74994C7.99655 9 8.99992 7.99662 8.99992 6.75V2.25C9.01006 1.00338 7.99655 0 6.76008 0ZM2.24998 6.76013V2.25H6.74994V6.75H2.24998V6.76013Z",
+    fill: "#E4007C"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M17.75 0H13.25C12.0034 0 11 1.00338 11 2.25V6.75C11 7.99662 12.0034 9 13.25 9H17.75C18.9966 9 20 7.99662 20 6.75V2.25C20 1.00338 18.9966 0 17.75 0ZM13.2399 6.76013V2.25H17.7399V6.75H13.2399V6.76013Z",
+    fill: "#111D5E"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6.76008 11H2.24998C1.00337 11 0 12.0124 0 13.2475V17.7424C0 18.9978 1.00337 20 2.24998 20H6.74994C7.99655 20 8.99992 18.9978 8.99992 17.7525V13.2576C9.01006 12.0124 7.99655 11 6.76008 11ZM2.24998 17.7525V13.2576H6.74994V17.7525H2.24998Z",
+    fill: "#111D5E"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M17.75 11H13.25C12.0034 11 11 12.0034 11 13.25V17.75C11 18.9966 12.0034 20 13.25 20H17.75C18.9966 20 20 18.9966 20 17.75V13.25C20 12.0135 18.9966 11 17.75 11ZM13.2399 17.7601V13.2601H17.7399V17.7601H13.2399Z",
+    fill: "#111D5E"
+  }));
+});
 export const DiagramTree = /*#__PURE__*/memo(({
   width,
   height,
@@ -2270,6 +2367,30 @@ export const Flag = /*#__PURE__*/memo(({
     fill: colors[color] || color
   }));
 });
+export const Folder = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = '#7F828E',
+  viewBox = false
+}) => {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M10 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6H12L10 4Z",
+    fill: colors[color] || color
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 20,
+    height: height || 16,
+    viewBox: "0 0 20 16",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M8 0H2C0.9 0 0.01 0.9 0.01 2L0 14C0 15.1 0.9 16 2 16H18C19.1 16 20 15.1 20 14V4C20 2.9 19.1 2 18 2H10L8 0Z",
+    fill: colors[color] || color
+  }));
+});
 export const FolderInsurance = /*#__PURE__*/memo(({
   width,
   height,
@@ -2373,37 +2494,33 @@ export const Guide = /*#__PURE__*/memo(({
   color = '#7F828E',
   viewBox = false
 }) => {
-  if (viewBox) {
-    return /*#__PURE__*/React.createElement("svg", {
-      width: width || 24,
-      height: height || 24,
-      viewBox: "0 0 24 24",
-      fill: "none"
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M21.25 17.4983V1.68764C21.2496 1.5054 21.177 1.33076 21.0481 1.2019C20.9192 1.07304 20.7446 1.00045 20.5624 1H5.43764C4.98616 0.999852 4.5391 1.08865 4.12196 1.26136C3.70482 1.43406 3.32577 1.68729 3.00653 2.00653C2.68729 2.32577 2.4341 2.70479 2.26139 3.12193C2.08869 3.53907 1.99985 3.98616 2 4.43764V19.5624C1.99985 20.0138 2.08869 20.4609 2.26139 20.8781C2.4341 21.2952 2.68729 21.6742 3.00653 21.9935C3.32577 22.3127 3.70482 22.5659 4.12196 22.7386C4.5391 22.9113 4.98616 23.0001 5.43764 23H20.5607C20.7429 22.9994 20.9174 22.9268 21.0462 22.7979C21.1751 22.6691 21.2477 22.4946 21.2483 22.3124V21.623C21.2489 21.4635 21.1939 21.3086 21.0929 21.1851C20.9918 21.0616 20.8509 20.9771 20.6944 20.9461C20.5138 20.0298 20.5138 19.087 20.6944 18.1707C20.8505 18.1402 20.9911 18.0565 21.0924 17.9339C21.1938 17.8113 21.2494 17.6574 21.25 17.4983ZM18.9299 20.936H5.43764C5.25473 20.9397 5.07294 20.9068 4.90287 20.8394C4.7328 20.7719 4.57789 20.6713 4.44722 20.5432C4.31655 20.4152 4.21276 20.2623 4.1419 20.0937C4.07103 19.925 4.03451 19.7439 4.03451 19.561C4.03451 19.378 4.07103 19.1969 4.1419 19.0282C4.21276 18.8595 4.31655 18.7067 4.44722 18.5787C4.57789 18.4506 4.7328 18.3499 4.90287 18.2825C5.07294 18.2151 5.25473 18.1822 5.43764 18.186H18.9299C18.8137 19.0989 18.8137 20.023 18.9299 20.936ZM19.1876 16.123H5.43764C4.96417 16.1226 4.4958 16.2208 4.06236 16.4113V4.43595C4.06214 4.25528 4.09758 4.07633 4.16662 3.90938C4.23565 3.74242 4.33693 3.59074 4.46468 3.46299C4.59243 3.33524 4.74414 3.23393 4.9111 3.1649C5.07806 3.09586 5.25697 3.06045 5.43764 3.06068H19.1876V16.123Z",
-      fill: colors[color] || color
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M11.648 4.85921C10.9999 4.8339 10.3569 4.98279 9.78599 5.29034C9.21503 5.5979 8.73697 6.05286 8.40155 6.60791C8.34519 6.69001 8.32258 6.79066 8.33844 6.88897C8.3543 6.98727 8.40742 7.07572 8.48673 7.13593L9.38477 7.81679C9.46557 7.87809 9.56718 7.90529 9.66779 7.89253C9.7684 7.87977 9.86002 7.82808 9.92295 7.74855C10.4086 7.13537 10.7539 6.7811 11.5024 6.7811C12.0767 6.7811 12.7869 7.1506 12.7869 7.70737C12.7869 8.12819 12.4394 8.34422 11.8725 8.66181C11.2114 9.03242 10.3364 9.49387 10.3364 10.6475V10.9295C10.3366 11.0322 10.3775 11.1306 10.4501 11.2032C10.5228 11.2757 10.6213 11.3165 10.724 11.3165H12.1974C12.3001 11.3165 12.3986 11.2757 12.4712 11.2032C12.5439 11.1306 12.5848 11.0322 12.5849 10.9295V10.7248C12.5849 9.92486 14.9226 9.89156 14.9226 7.7271C14.9198 6.09571 13.2275 4.85921 11.648 4.85921Z",
-      fill: colors[color] || color
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M11.4581 14.4787C12.2067 14.4787 12.8136 13.8718 12.8136 13.1231C12.8136 12.3745 12.2067 11.7676 11.4581 11.7676C10.7094 11.7676 10.1025 12.3745 10.1025 13.1231C10.1025 13.8718 10.7094 14.4787 11.4581 14.4787Z",
-      fill: colors[color] || color
-    }));
-  }
-
-  return /*#__PURE__*/React.createElement("svg", {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M21.25 17.4983V1.68764C21.2496 1.5054 21.177 1.33076 21.0481 1.2019C20.9192 1.07304 20.7446 1.00045 20.5624 1H5.43764C4.98616 0.999852 4.5391 1.08865 4.12196 1.26136C3.70482 1.43406 3.32577 1.68729 3.00653 2.00653C2.68729 2.32577 2.4341 2.70479 2.26139 3.12193C2.08869 3.53907 1.99985 3.98616 2 4.43764V19.5624C1.99985 20.0138 2.08869 20.4609 2.26139 20.8781C2.4341 21.2952 2.68729 21.6742 3.00653 21.9935C3.32577 22.3127 3.70482 22.5659 4.12196 22.7386C4.5391 22.9113 4.98616 23.0001 5.43764 23H20.5607C20.7429 22.9994 20.9174 22.9268 21.0462 22.7979C21.1751 22.6691 21.2477 22.4946 21.2483 22.3124V21.623C21.2489 21.4635 21.1939 21.3086 21.0929 21.1851C20.9918 21.0616 20.8509 20.9771 20.6944 20.9461C20.5138 20.0298 20.5138 19.087 20.6944 18.1707C20.8505 18.1402 20.9911 18.0565 21.0924 17.9339C21.1938 17.8113 21.2494 17.6574 21.25 17.4983ZM18.9299 20.936H5.43764C5.25473 20.9397 5.07294 20.9068 4.90287 20.8394C4.7328 20.7719 4.57789 20.6713 4.44722 20.5432C4.31655 20.4152 4.21276 20.2623 4.1419 20.0937C4.07103 19.925 4.03451 19.7439 4.03451 19.561C4.03451 19.378 4.07103 19.1969 4.1419 19.0282C4.21276 18.8595 4.31655 18.7067 4.44722 18.5787C4.57789 18.4506 4.7328 18.3499 4.90287 18.2825C5.07294 18.2151 5.25473 18.1822 5.43764 18.186H18.9299C18.8137 19.0989 18.8137 20.023 18.9299 20.936ZM19.1876 16.123H5.43764C4.96417 16.1226 4.4958 16.2208 4.06236 16.4113V4.43595C4.06214 4.25528 4.09758 4.07633 4.16662 3.90938C4.23565 3.74242 4.33693 3.59074 4.46468 3.46299C4.59243 3.33524 4.74414 3.23393 4.9111 3.1649C5.07806 3.09586 5.25697 3.06045 5.43764 3.06068H19.1876V16.123Z",
+    fill: colors[color] || color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11.648 4.85921C10.9999 4.8339 10.3569 4.98279 9.78599 5.29034C9.21503 5.5979 8.73697 6.05286 8.40155 6.60791C8.34519 6.69001 8.32258 6.79066 8.33844 6.88897C8.3543 6.98727 8.40742 7.07572 8.48673 7.13593L9.38477 7.81679C9.46557 7.87809 9.56718 7.90529 9.66779 7.89253C9.7684 7.87977 9.86002 7.82808 9.92295 7.74855C10.4086 7.13537 10.7539 6.7811 11.5024 6.7811C12.0767 6.7811 12.7869 7.1506 12.7869 7.70737C12.7869 8.12819 12.4394 8.34422 11.8725 8.66181C11.2114 9.03242 10.3364 9.49387 10.3364 10.6475V10.9295C10.3366 11.0322 10.3775 11.1306 10.4501 11.2032C10.5228 11.2757 10.6213 11.3165 10.724 11.3165H12.1974C12.3001 11.3165 12.3986 11.2757 12.4712 11.2032C12.5439 11.1306 12.5848 11.0322 12.5849 10.9295V10.7248C12.5849 9.92486 14.9226 9.89156 14.9226 7.7271C14.9198 6.09571 13.2275 4.85921 11.648 4.85921Z",
+    fill: colors[color] || color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11.4581 14.4787C12.2067 14.4787 12.8136 13.8718 12.8136 13.1231C12.8136 12.3745 12.2067 11.7676 11.4581 11.7676C10.7094 11.7676 10.1025 12.3745 10.1025 13.1231C10.1025 13.8718 10.7094 14.4787 11.4581 14.4787Z",
+    fill: colors[color] || color
+  })) : /*#__PURE__*/React.createElement("svg", {
     width: width || 20,
     height: height || 22,
     viewBox: "0 0 20 22",
     fill: "none"
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M19.25 16.4983V0.687638C19.2496 0.505402 19.177 0.330759 19.0481 0.201898C18.9192 0.0730373 18.7446 0.000447028 18.5624 1.85302e-07H3.43764C2.98616 -0.000148059 2.5391 0.0886539 2.12196 0.261359C1.70482 0.434064 1.32577 0.687285 1.00653 1.00653C0.687285 1.32577 0.434099 1.70479 0.261393 2.12193C0.0886883 2.53907 -0.000148059 2.98616 1.8523e-07 3.43764V18.5624C-0.000148059 19.0138 0.0886883 19.4609 0.261393 19.8781C0.434099 20.2952 0.687285 20.6742 1.00653 20.9935C1.32577 21.3127 1.70482 21.5659 2.12196 21.7386C2.5391 21.9113 2.98616 22.0001 3.43764 22H18.5607C18.7429 21.9994 18.9174 21.9268 19.0462 21.7979C19.1751 21.6691 19.2477 21.4946 19.2483 21.3124V20.623C19.2489 20.4635 19.1939 20.3086 19.0929 20.1851C18.9918 20.0616 18.8509 19.9771 18.6944 19.9461C18.5138 19.0298 18.5138 18.087 18.6944 17.1707C18.8505 17.1402 18.9911 17.0565 19.0924 16.9339C19.1938 16.8113 19.2494 16.6574 19.25 16.4983ZM16.9299 19.936H3.43764C3.25473 19.9397 3.07294 19.9068 2.90287 19.8394C2.7328 19.7719 2.57789 19.6713 2.44722 19.5432C2.31655 19.4152 2.21276 19.2623 2.1419 19.0937C2.07103 18.925 2.03451 18.7439 2.03451 18.561C2.03451 18.378 2.07103 18.1969 2.1419 18.0282C2.21276 17.8595 2.31655 17.7067 2.44722 17.5787C2.57789 17.4506 2.7328 17.3499 2.90287 17.2825C3.07294 17.2151 3.25473 17.1822 3.43764 17.186H16.9299C16.8137 18.0989 16.8137 19.023 16.9299 19.936ZM17.1876 15.123H3.43764C2.96417 15.1226 2.4958 15.2208 2.06236 15.4113V3.43595C2.06214 3.25528 2.09758 3.07633 2.16662 2.90938C2.23565 2.74242 2.33693 2.59074 2.46468 2.46299C2.59243 2.33524 2.74414 2.23393 2.9111 2.1649C3.07806 2.09586 3.25697 2.06045 3.43764 2.06068H17.1876V15.123Z",
+    d: "M19.25 16.4983V0.68764C19.2496 0.5054 19.177 0.33076 19.0481 0.2019C18.9192 0.0730402 18.7446 0.000450185 18.5624 1.84699e-07H3.43764C2.98616 -0.000147815 2.5391 0.0886502 2.12196 0.26136C1.70482 0.43406 1.32577 0.68729 1.00653 1.00653C0.68729 1.32577 0.4341 1.70479 0.26139 2.12193C0.0886901 2.53907 -0.00014981 2.98616 1.89631e-07 3.43764V18.5624C-0.00014981 19.0138 0.0886901 19.4609 0.26139 19.8781C0.4341 20.2952 0.68729 20.6742 1.00653 20.9935C1.32577 21.3127 1.70482 21.5659 2.12196 21.7386C2.5391 21.9113 2.98616 22.0001 3.43764 22H18.5607C18.7429 21.9994 18.9174 21.9268 19.0462 21.7979C19.1751 21.6691 19.2477 21.4946 19.2483 21.3124V20.623C19.2489 20.4635 19.1939 20.3086 19.0929 20.1851C18.9918 20.0616 18.8509 19.9771 18.6944 19.9461C18.5138 19.0298 18.5138 18.087 18.6944 17.1707C18.8505 17.1402 18.9911 17.0565 19.0924 16.9339C19.1938 16.8113 19.2494 16.6574 19.25 16.4983ZM16.9299 19.936H3.43764C3.25473 19.9397 3.07294 19.9068 2.90287 19.8394C2.7328 19.7719 2.57789 19.6713 2.44722 19.5432C2.31655 19.4152 2.21276 19.2623 2.1419 19.0937C2.07103 18.925 2.03451 18.7439 2.03451 18.561C2.03451 18.378 2.07103 18.1969 2.1419 18.0282C2.21276 17.8595 2.31655 17.7067 2.44722 17.5787C2.57789 17.4506 2.7328 17.3499 2.90287 17.2825C3.07294 17.2151 3.25473 17.1822 3.43764 17.186H16.9299C16.8137 18.0989 16.8137 19.023 16.9299 19.936ZM17.1876 15.123H3.43764C2.96417 15.1226 2.4958 15.2208 2.06236 15.4113V3.43595C2.06214 3.25528 2.09758 3.07633 2.16662 2.90938C2.23565 2.74242 2.33693 2.59074 2.46468 2.46299C2.59243 2.33524 2.74414 2.23393 2.9111 2.1649C3.07806 2.09586 3.25697 2.06045 3.43764 2.06068H17.1876V15.123Z",
     fill: colors[color] || color
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M9.64797 3.85921C8.99993 3.8339 8.35695 3.98279 7.78599 4.29034C7.21503 4.5979 6.73697 5.05286 6.40155 5.60791C6.34519 5.69001 6.32258 5.79066 6.33844 5.88897C6.3543 5.98727 6.40742 6.07572 6.48673 6.13593L7.38477 6.81679C7.46557 6.87809 7.56718 6.90529 7.66779 6.89253C7.7684 6.87977 7.86002 6.82808 7.92295 6.74855C8.40864 6.13537 8.75387 5.7811 9.50243 5.7811C10.0767 5.7811 10.7869 6.1506 10.7869 6.70737C10.7869 7.12819 10.4394 7.34422 9.87248 7.66181C9.21136 8.03242 8.33642 8.49387 8.33642 9.64746V9.92951C8.33657 10.0322 8.37748 10.1306 8.45014 10.2032C8.5228 10.2757 8.62128 10.3165 8.72396 10.3165H10.1974C10.3001 10.3165 10.3986 10.2757 10.4712 10.2032C10.5439 10.1306 10.5848 10.0322 10.5849 9.92951V9.72475C10.5849 8.92486 12.9226 8.89156 12.9226 6.7271C12.9198 5.09571 11.2275 3.85921 9.64797 3.85921Z",
+    d: "M9.648 3.85921C8.9999 3.8339 8.3569 3.98279 7.78599 4.29034C7.21503 4.5979 6.73697 5.05286 6.40155 5.60791C6.34519 5.69001 6.32258 5.79066 6.33844 5.88897C6.3543 5.98727 6.40742 6.07572 6.48673 6.13593L7.38477 6.81679C7.46557 6.87809 7.56718 6.90529 7.66779 6.89253C7.7684 6.87977 7.86002 6.82808 7.92295 6.74855C8.4086 6.13537 8.7539 5.7811 9.5024 5.7811C10.0767 5.7811 10.7869 6.1506 10.7869 6.70737C10.7869 7.12819 10.4394 7.34422 9.8725 7.66181C9.2114 8.03242 8.3364 8.49387 8.3364 9.6475V9.9295C8.3366 10.0322 8.3775 10.1306 8.4501 10.2032C8.5228 10.2757 8.6213 10.3165 8.724 10.3165H10.1974C10.3001 10.3165 10.3986 10.2757 10.4712 10.2032C10.5439 10.1306 10.5848 10.0322 10.5849 9.9295V9.7248C10.5849 8.92486 12.9226 8.89156 12.9226 6.7271C12.9198 5.09571 11.2275 3.85921 9.648 3.85921Z",
     fill: colors[color] || color
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M9.45808 13.4787C10.2067 13.4787 10.8136 12.8718 10.8136 12.1231C10.8136 11.3745 10.2067 10.7676 9.45808 10.7676C8.70943 10.7676 8.10254 11.3745 8.10254 12.1231C8.10254 12.8718 8.70943 13.4787 9.45808 13.4787Z",
+    d: "M9.4581 13.4787C10.2067 13.4787 10.8136 12.8718 10.8136 12.1231C10.8136 11.3745 10.2067 10.7676 9.4581 10.7676C8.7094 10.7676 8.1025 11.3745 8.1025 12.1231C8.1025 12.8718 8.7094 13.4787 9.4581 13.4787Z",
     fill: colors[color] || color
   }));
 });
@@ -2967,15 +3084,19 @@ export const Locate = /*#__PURE__*/memo(({
     viewBox: "0 0 24 24",
     fill: "none"
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M12 8.72727C10.1918 8.72727 8.72727 10.1918 8.72727 12C8.72727 13.8082 10.1918 15.2727 12 15.2727C13.8082 15.2727 15.2727 13.8082 15.2727 12C15.2727 10.1918 13.8082 8.72727 12 8.72727ZM19.3145 11.1818C18.9382 7.77 16.23 5.06182 12.8182 4.68545V3H11.1818V4.68545C7.77 5.06182 5.06182 7.77 4.68545 11.1818H3V12.8182H4.68545C5.06182 16.23 7.77 18.9382 11.1818 19.3145V21H12.8182V19.3145C16.23 18.9382 18.9382 16.23 19.3145 12.8182H21V11.1818H19.3145ZM12 17.7273C8.83364 17.7273 6.27273 15.1664 6.27273 12C6.27273 8.83364 8.83364 6.27273 12 6.27273C15.1664 6.27273 17.7273 8.83364 17.7273 12C17.7273 15.1664 15.1664 17.7273 12 17.7273Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M20.94 11C20.48 6.83 17.17 3.52 13 3.06V1H11V3.06C6.83 3.52 3.52 6.83 3.06 11H1V13H3.06C3.52 17.17 6.83 20.48 11 20.94V23H13V20.94C17.17 20.48 20.48 17.17 20.94 13H23V11H20.94ZM12 8C9.79 8 8 9.79 8 12C8 14.21 9.79 16 12 16C14.21 16 16 14.21 16 12C16 9.79 14.21 8 12 8ZM5 12C5 15.87 8.13 19 12 19C15.87 19 19 15.87 19 12C19 8.13 15.87 5 12 5C8.13 5 5 8.13 5 12Z",
     fill: colors[color] || color
   })) : /*#__PURE__*/React.createElement("svg", {
-    width: width || 18,
-    height: height || 18,
-    viewBox: "0 0 18 18",
+    width: width || 22,
+    height: height || 22,
+    viewBox: "0 0 22 22",
     fill: "none"
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M9 5.72727C7.19182 5.72727 5.72727 7.19182 5.72727 9C5.72727 10.8082 7.19182 12.2727 9 12.2727C10.8082 12.2727 12.2727 10.8082 12.2727 9C12.2727 7.19182 10.8082 5.72727 9 5.72727ZM16.3145 8.18182C15.9382 4.77 13.23 2.06182 9.81818 1.68545V0H8.18182V1.68545C4.77 2.06182 2.06182 4.77 1.68545 8.18182H0V9.81818H1.68545C2.06182 13.23 4.77 15.9382 8.18182 16.3145V18H9.81818V16.3145C13.23 15.9382 15.9382 13.23 16.3145 9.81818H18V8.18182H16.3145ZM9 14.7273C5.83364 14.7273 3.27273 12.1664 3.27273 9C3.27273 5.83364 5.83364 3.27273 9 3.27273C12.1664 3.27273 14.7273 5.83364 14.7273 9C14.7273 12.1664 12.1664 14.7273 9 14.7273Z",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19.94 10C19.48 5.83 16.17 2.52 12 2.06V0H10V2.06C5.83 2.52 2.52 5.83 2.06 10H0V12H2.06C2.52 16.17 5.83 19.48 10 19.94V22H12V19.94C16.17 19.48 19.48 16.17 19.94 12H22V10H19.94ZM11 7C8.79 7 7 8.79 7 11C7 13.21 8.79 15 11 15C13.21 15 15 13.21 15 11C15 8.79 13.21 7 11 7ZM4 11C4 14.87 7.13 18 11 18C14.87 18 18 14.87 18 11C18 7.13 14.87 4 11 4C7.13 4 4 7.13 4 11Z",
     fill: colors[color] || color
   }));
 });