@snack-uikit/icons 0.19.1 → 0.20.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.20.0 (2024-01-23)
+
+
+### Features
+
+* **FF-4133:** add arrowLeft and arrowRight icons ([86d9c14](https://github.com/cloud-ru-tech/snack-uikit/commit/86d9c1488685409f3bda2df63793c201b38acbb4))
+
+
+
+
+
+## 0.19.2 (2023-12-18)
+
+
+### Dependencies
+
+* **FF-3874:** update deps ([2a5e15e](https://github.com/cloud-ru-tech/snack-uikit/commit/2a5e15e27473df717ceccef6d92824bf0e79cd26))
+
+
+
+
+
 ## 0.19.1 (2023-12-14)
 
 

package/dist/components/interface-icons/alarmFilled/AlarmFilledS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/alarmFilled/AlarmFilledXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/arrowDown/ArrowDownS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/arrowDown/ArrowDownXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/arrowLeft/ArrowLeftS.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
+    className?: string;
+    size?: string | number;
+    style?: React.CSSProperties;
+}
+declare const SvgArrowLeftS: ({ size, ...props }: ISvgIconProps) => React.ReactElement | null;
+export default SvgArrowLeftS;

package/dist/components/interface-icons/arrowLeft/ArrowLeftS.js

@@ -0,0 +1,27 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+const SvgArrowLeftS = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    props.width = undefined;
+    props.height = undefined;
+    const testId = 'icon-arrow-left-s';
+    const isCustomSize = typeof size === 'number';
+    if (isCustomSize) {
+        if (!props.style)
+            props.style = {};
+        props.style.width = size + 'px';
+        props.style.height = size + 'px';
+    }
+    return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M10.82 6.276c-.066.017-.156.05-.2.074-.044.025-1.253 1.221-2.687 2.657-2.36 2.365-2.611 2.63-2.653 2.789a.79.79 0 0 0 .061.563c.029.055 1.229 1.274 2.666 2.708 2.354 2.348 2.63 2.612 2.788 2.653a.75.75 0 0 0 .925-.925c-.041-.157-.25-.379-1.973-2.105l-1.926-1.93h5.12c3.611 0 5.166-.013 5.278-.045a.84.84 0 0 0 .306-.191.739.739 0 0 0-.348-1.246c-.09-.021-2.339-.036-5.256-.037l-5.1-.001 1.926-1.93C11.725 7.328 11.76 7.289 11.76 7c0-.237-.189-.551-.395-.657a.951.951 0 0 0-.545-.067' }) })));
+};
+export default SvgArrowLeftS;

package/dist/components/interface-icons/arrowLeft/ArrowLeftXs.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
+    className?: string;
+    size?: string | number;
+    style?: React.CSSProperties;
+}
+declare const SvgArrowLeftXs: ({ size, ...props }: ISvgIconProps) => React.ReactElement | null;
+export default SvgArrowLeftXs;

package/dist/components/interface-icons/arrowLeft/ArrowLeftXs.js

@@ -0,0 +1,27 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+const SvgArrowLeftXs = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    props.width = undefined;
+    props.height = undefined;
+    const testId = 'icon-arrow-left-xs';
+    const isCustomSize = typeof size === 'number';
+    if (isCustomSize) {
+        if (!props.style)
+            props.style = {};
+        props.style.width = size + 'px';
+        props.style.height = size + 'px';
+    }
+    return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 16, height: 16, fill: 'currentColor', viewBox: '0 0 16 16', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M6.765 3.29a1.146 1.146 0 0 0-.2.107c-.054.037-1.019.99-2.144 2.116C2.166 7.769 2.259 7.663 2.259 8c0 .338-.097.226 2.202 2.525 1.793 1.793 2.106 2.095 2.232 2.153.285.132.611.07.84-.159A.691.691 0 0 0 7.741 12c0-.329.031-.292-1.522-1.847L4.814 8.747l4.173-.001h4.173l.136-.063A.727.727 0 0 0 13.741 8a.736.736 0 0 0-.415-.673l-.113-.06-4.199-.007-4.199-.007L6.22 5.846C7.772 4.292 7.741 4.329 7.741 4a.729.729 0 0 0-.415-.67.862.862 0 0 0-.561-.04' }) })));
+};
+export default SvgArrowLeftXs;

package/dist/components/interface-icons/arrowLeft/index.d.ts

@@ -0,0 +1,8 @@
+import { SVGProps } from 'react';
+export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
+    className?: string;
+    size?: string | number;
+    style?: React.CSSProperties;
+}
+declare const ArrowLeftSVG: ({ size, ...props }: ISvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export default ArrowLeftSVG;

package/dist/components/interface-icons/arrowLeft/index.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { default as SSVG } from './ArrowLeftS';
+import { default as XsSVG } from './ArrowLeftXs';
+const ArrowLeftSVG = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    return Number(size) >= 20 ? _jsx(SSVG, Object.assign({ size: size }, props)) : _jsx(XsSVG, Object.assign({ size: size }, props));
+};
+export default ArrowLeftSVG;

package/dist/components/interface-icons/arrowLinks/ArrowLinksS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/arrowLinks/ArrowLinksXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/arrowRight/ArrowRightS.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
+    className?: string;
+    size?: string | number;
+    style?: React.CSSProperties;
+}
+declare const SvgArrowRightS: ({ size, ...props }: ISvgIconProps) => React.ReactElement | null;
+export default SvgArrowRightS;

package/dist/components/interface-icons/arrowRight/ArrowRightS.js

@@ -0,0 +1,27 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+const SvgArrowRightS = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    props.width = undefined;
+    props.height = undefined;
+    const testId = 'icon-arrow-right-s';
+    const isCustomSize = typeof size === 'number';
+    if (isCustomSize) {
+        if (!props.style)
+            props.style = {};
+        props.style.width = size + 'px';
+        props.style.height = size + 'px';
+    }
+    return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M12.805 6.279c-.392.095-.632.518-.525.926.041.157.25.379 1.973 2.105l1.926 1.93-5.1.001c-2.917.001-5.166.016-5.256.037a.739.739 0 0 0-.348 1.246.84.84 0 0 0 .306.191c.112.032 1.667.045 5.278.045h5.12l-1.926 1.93c-1.723 1.726-1.932 1.948-1.973 2.105a.75.75 0 0 0 .925.925c.158-.041.434-.305 2.788-2.653 1.437-1.434 2.637-2.653 2.666-2.708a.79.79 0 0 0 .061-.563c-.042-.159-.293-.424-2.653-2.789-1.434-1.437-2.652-2.636-2.707-2.665a.935.935 0 0 0-.555-.063' }) })));
+};
+export default SvgArrowRightS;

package/dist/components/interface-icons/arrowRight/ArrowRightXs.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
+    className?: string;
+    size?: string | number;
+    style?: React.CSSProperties;
+}
+declare const SvgArrowRightXs: ({ size, ...props }: ISvgIconProps) => React.ReactElement | null;
+export default SvgArrowRightXs;

package/dist/components/interface-icons/arrowRight/ArrowRightXs.js

@@ -0,0 +1,27 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+const SvgArrowRightXs = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    props.width = undefined;
+    props.height = undefined;
+    const testId = 'icon-arrow-right-xs';
+    const isCustomSize = typeof size === 'number';
+    if (isCustomSize) {
+        if (!props.style)
+            props.style = {};
+        props.style.width = size + 'px';
+        props.style.height = size + 'px';
+    }
+    return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 16, height: 16, fill: 'currentColor', viewBox: '0 0 16 16', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M8.765 3.29a.814.814 0 0 0-.473.457.92.92 0 0 0-.032.254c-.002.327-.033.29 1.52 1.845l1.405 1.407-4.199.007-4.199.007-.113.06A.736.736 0 0 0 2.259 8c0 .305.159.55.445.683l.136.063h4.173l4.173.001-1.405 1.406C8.228 11.708 8.259 11.671 8.259 12a.74.74 0 0 0 1.048.678c.126-.058.439-.36 2.232-2.153C13.838 8.226 13.741 8.338 13.741 8c0-.338.097-.226-2.202-2.524-1.493-1.492-2.12-2.101-2.206-2.144-.15-.075-.424-.095-.568-.042' }) })));
+};
+export default SvgArrowRightXs;

package/dist/components/interface-icons/arrowRight/index.d.ts

@@ -0,0 +1,8 @@
+import { SVGProps } from 'react';
+export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
+    className?: string;
+    size?: string | number;
+    style?: React.CSSProperties;
+}
+declare const ArrowRightSVG: ({ size, ...props }: ISvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export default ArrowRightSVG;

package/dist/components/interface-icons/arrowRight/index.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { default as SSVG } from './ArrowRightS';
+import { default as XsSVG } from './ArrowRightXs';
+const ArrowRightSVG = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    return Number(size) >= 20 ? _jsx(SSVG, Object.assign({ size: size }, props)) : _jsx(XsSVG, Object.assign({ size: size }, props));
+};
+export default ArrowRightSVG;

package/dist/components/interface-icons/arrowUp/ArrowUpS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/arrowUp/ArrowUpXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/calendar/CalendarS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/calendar/CalendarXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/check/CheckS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/check/CheckXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/checkFilled/CheckFilledS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/checkFilled/CheckFilledXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/chevronDown/ChevronDownS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/chevronDown/ChevronDownXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/chevronLeft/ChevronLeftS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/chevronLeft/ChevronLeftXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/chevronRight/ChevronRightS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/chevronRight/ChevronRightXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/chevronUp/ChevronUpS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/chevronUp/ChevronUpXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/copy/CopyS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/copy/CopyXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/cross/CrossS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/cross/CrossXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/crossFilled/CrossFilledS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/crossFilled/CrossFilledXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/day/DayS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/download/DownloadS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/download/DownloadXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/email/EmailS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/eye/EyeS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/eye/EyeXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/eyeClosed/EyeClosedS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/eyeClosed/EyeClosedXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/file/FileS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/file/FileXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/filter/FilterS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/folder/FolderS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/folder/FolderXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/folderOpen/FolderOpenS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/folderOpen/FolderOpenXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/heart/HeartS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/heartFilled/HeartFilledS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/heartFilled/HeartFilledXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/home/HomeS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/home/HomeXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/index.d.ts

@@ -1,6 +1,8 @@
 export { default as AlarmFilledSVG } from './alarmFilled';
 export { default as ArrowDownSVG } from './arrowDown';
+export { default as ArrowLeftSVG } from './arrowLeft';
 export { default as ArrowLinksSVG } from './arrowLinks';
+export { default as ArrowRightSVG } from './arrowRight';
 export { default as ArrowUpSVG } from './arrowUp';
 export { default as CalendarSVG } from './calendar';
 export { default as CheckSVG } from './check';

package/dist/components/interface-icons/index.js

@@ -1,6 +1,8 @@
 export { default as AlarmFilledSVG } from './alarmFilled';
 export { default as ArrowDownSVG } from './arrowDown';
+export { default as ArrowLeftSVG } from './arrowLeft';
 export { default as ArrowLinksSVG } from './arrowLinks';
+export { default as ArrowRightSVG } from './arrowRight';
 export { default as ArrowUpSVG } from './arrowUp';
 export { default as CalendarSVG } from './calendar';
 export { default as CheckSVG } from './check';

package/dist/components/interface-icons/infoFilled/InfoFilledS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/infoFilled/InfoFilledXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/kebab/KebabS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/kebab/KebabXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/minus/MinusS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/minus/MinusXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/more/MoreS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/more/MoreXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/night/NightS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/pinned/PinnedS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/pinned/PinnedXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/placeholder/PlaceholderS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/placeholder/PlaceholderXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/plus/PlusS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/plus/PlusXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/question/QuestionS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/question/QuestionXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/resize/ResizeS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/resize/ResizeXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/search/SearchS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/search/SearchXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/settings/SettingsS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/settings/SettingsXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/star/StarS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/star/StarXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/starFilled/StarFilledS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/starFilled/StarFilledXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/trash/TrashS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/unPinned/UnPinnedS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/unPinned/UnPinnedXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/update/UpdateS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/upload/UploadS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/upload/UploadXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/warning/WarningS.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/dist/components/interface-icons/warning/WarningXs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
+import type { SVGProps } from 'react';
 export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     className?: string;
     size?: string | number;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Icons",
-  "version": "0.19.1",
+  "version": "0.20.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -39,8 +39,7 @@
     "compile": "npm run validate:icons && npm run build:interface-icons && npm run create-export-index-file"
   },
   "devDependencies": {
-    "@svgr/cli": "7.0.0",
-    "oslllo-svg-fixer": "2.2.0"
+    "@svgr/cli": "8.1.0"
   },
-  "gitHead": "62f43bf0cbfd611d0b746117400f67096b1790f6"
+  "gitHead": "c292f4c45173928f57cc5c9f3cb02efb26887b64"
 }