@snack-uikit/icons 0.18.2-preview-104ad22c.0

package/dist/components/interface-icons/file/FileS.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 SvgFileS = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    props.width = undefined;
+    props.height = undefined;
+    const testId = 'icon-file-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: 'M7.28 3.278a2.233 2.233 0 0 0-1.256.604 2.273 2.273 0 0 0-.652.982l-.112.316v13.64l.112.316c.061.173.174.41.251.527.207.311.637.697.946.849.523.257.4.251 5.593.239l4.698-.011.295-.108a2.47 2.47 0 0 0 1.477-1.477l.108-.295.011-5.452c.008-3.872-.002-5.501-.033-5.62-.039-.148-.297-.422-2.151-2.281-1.159-1.162-2.161-2.143-2.227-2.18-.11-.061-.412-.067-3.48-.072-1.848-.003-3.459.007-3.58.023m5.96 3.632c0 1.445.015 2.202.045 2.309.056.204.292.44.496.496.104.029.729.045 1.809.045h1.65l-.001 4.41c-.001 4.198-.004 4.418-.074 4.572-.089.196-.363.44-.532.473-.161.033-9.105.033-9.266 0-.169-.033-.443-.277-.532-.473-.07-.155-.073-.436-.074-6.733-.001-5.852.006-6.588.061-6.72a.88.88 0 0 1 .438-.453c.151-.07.323-.074 3.07-.075l2.91-.001v2.15m2.74.13 1.199 1.2H14.76v-1.2c0-.66.005-1.2.01-1.2.006 0 .55.54 1.21 1.2' }) })));
+};
+export default SvgFileS;

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

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

package/dist/components/interface-icons/file/FileXs.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 SvgFileXs = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    props.width = undefined;
+    props.height = undefined;
+    const testId = 'icon-file-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: 'M3.773 1.296c-.102.021-.3.094-.44.162-.217.107-.289.16-.508.38-.209.21-.274.296-.365.482-.226.464-.207-.069-.207 5.68s-.019 5.216.207 5.68c.091.186.156.272.365.482.218.219.291.274.508.381.446.218.149.206 4.627.198l3.973-.008.214-.072c.529-.18.959-.569 1.188-1.073.167-.368.16-.158.152-4.681-.007-3.991-.009-4.124-.058-4.227-.074-.156-3.151-3.237-3.333-3.338l-.136-.075-3-.005c-2.53-.004-3.029.001-3.187.034m4.947 3.06c0 1.606.009 1.796.095 1.977a.883.883 0 0 0 .34.341c.111.059.121.059 1.478.067L12 6.749v3.064c0 2.1-.009 3.087-.028 3.139a.544.544 0 0 1-.258.265c-.071.03-.71.036-3.84.036-3.603-.001-3.758-.003-3.863-.05a.535.535 0 0 1-.174-.14l-.064-.09V3.027l.064-.09a.535.535 0 0 1 .174-.14c.104-.047.224-.049 2.409-.05h2.3v1.609m2.373.057.84.84H10.24v-.84c0-.462.003-.84.007-.84s.385.378.846.84' }) })));
+};
+export default SvgFileXs;

package/dist/components/interface-icons/file/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 FileSVG: ({ size, ...props }: ISvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export default FileSVG;

package/dist/components/interface-icons/file/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 './FileS';
+import { default as XsSVG } from './FileXs';
+const FileSVG = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    return size >= 20 ? _jsx(SSVG, Object.assign({ size: size }, props)) : _jsx(XsSVG, Object.assign({ size: size }, props));
+};
+export default FileSVG;

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

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

package/dist/components/interface-icons/filter/FilterS.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 SvgFilterS = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    props.width = undefined;
+    props.height = undefined;
+    const testId = 'icon-filter-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: 'M3.805 6.28c-.391.092-.633.519-.524.924.059.218.288.453.5.511.226.063 16.212.063 16.438 0a.84.84 0 0 0 .306-.191.739.739 0 0 0-.348-1.246c-.194-.045-16.181-.043-16.372.002m3 5c-.391.092-.633.519-.524.924.059.218.288.453.5.511.225.063 10.213.063 10.438 0a.84.84 0 0 0 .306-.191.739.739 0 0 0-.348-1.246c-.194-.045-10.182-.043-10.372.002m3 5c-.391.092-.633.519-.524.924.059.218.288.453.5.511.22.062 4.218.062 4.438 0a.84.84 0 0 0 .306-.191.739.739 0 0 0-.348-1.246c-.192-.044-4.183-.043-4.372.002' }) })));
+};
+export default SvgFilterS;

package/dist/components/interface-icons/filter/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 FilterSVG: ({ size, ...props }: ISvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export default FilterSVG;

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

@@ -0,0 +1,18 @@
+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 './FilterS';
+const FilterSVG = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    return _jsx(SSVG, Object.assign({ size: size }, props));
+};
+export default FilterSVG;

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

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

package/dist/components/interface-icons/folder/FolderS.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 SvgFolderS = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    props.width = undefined;
+    props.height = undefined;
+    const testId = 'icon-folder-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: 'M4.617 3.282c-.587.072-1.099.33-1.552.782a2.742 2.742 0 0 0-.696 1.116l-.109.32v13l.109.32c.151.445.362.783.695 1.116.333.333.671.544 1.116.695l.32.109h15l.32-.109a2.736 2.736 0 0 0 1.116-.695c.333-.333.544-.671.695-1.116l.109-.32v-10l-.109-.32a2.83 2.83 0 0 0-1.411-1.641c-.583-.287-.378-.272-4.26-.297l-3.5-.022-.18-.095c-.112-.058-.598-.508-1.28-1.183-.605-.6-1.187-1.148-1.293-1.22a3.273 3.273 0 0 0-.887-.402c-.242-.061-3.762-.092-4.203-.038m4.011 1.564c.211.079.338.191 1.412 1.252 1.075 1.062 1.208 1.18 1.5 1.33.631.325.375.305 4.3.33l3.5.022.188.093c.239.118.481.36.599.599l.093.188v9.68l-.093.189c-.132.268-.416.534-.674.63-.214.08-.294.081-7.453.081-7.159 0-7.239-.001-7.453-.081-.258-.096-.542-.362-.674-.63l-.093-.189-.011-6.26c-.009-4.677 0-6.303.035-6.43.093-.34.433-.7.782-.828.124-.045.515-.057 1.982-.059 1.779-.003 1.835-.001 2.06.083' }) })));
+};
+export default SvgFolderS;

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

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

package/dist/components/interface-icons/folder/FolderXs.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 SvgFolderXs = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    props.width = undefined;
+    props.height = undefined;
+    const testId = 'icon-folder-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: 'M2.52 2.317a1.839 1.839 0 0 0-1.194 1.15l-.059.173-.009 4.747c-.006 3.532 0 4.793.023 4.928.065.378.228.674.528.957.264.249.504.375.852.446.227.046 10.502.038 10.712-.009.369-.081.629-.231.899-.518.249-.264.375-.504.446-.852.02-.098.029-1.292.028-3.84 0-4.042.005-3.89-.155-4.23a1.8 1.8 0 0 0-.807-.829c-.352-.18-.242-.173-2.908-.173-1.517 0-2.444-.01-2.502-.027-.069-.02-.287-.22-.867-.795-.832-.827-.902-.889-1.149-1.013-.33-.166-.326-.166-2.082-.163-1.43.001-1.613.006-1.756.048m3.998 2.265c.864.856.993.961 1.31 1.068.314.105.436.11 2.884.11h2.378l.075.064.075.065.008 3.542c.005 2.487-.001 3.572-.021 3.642-.057.195.38.18-5.227.18s-5.17.015-5.227-.18c-.02-.07-.026-1.44-.021-4.642l.008-4.542.075-.065.075-.064h2.778l.83.822' }) })));
+};
+export default SvgFolderXs;

package/dist/components/interface-icons/folder/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 FolderSVG: ({ size, ...props }: ISvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export default FolderSVG;

package/dist/components/interface-icons/folder/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 './FolderS';
+import { default as XsSVG } from './FolderXs';
+const FolderSVG = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    return size >= 20 ? _jsx(SSVG, Object.assign({ size: size }, props)) : _jsx(XsSVG, Object.assign({ size: size }, props));
+};
+export default FolderSVG;

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

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

package/dist/components/interface-icons/folderOpen/FolderOpenS.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 SvgFolderOpenS = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    props.width = undefined;
+    props.height = undefined;
+    const testId = 'icon-folder-open-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: 'M4.617 3.282c-.587.072-1.099.33-1.552.782a2.742 2.742 0 0 0-.696 1.116l-.109.32v13l.109.32c.151.445.362.783.695 1.116.333.333.671.544 1.116.695l.32.109 7.42.012c4.919.007 7.525-.003 7.732-.03.658-.086 1.148-.329 1.628-.804.247-.245.34-.375.489-.68.242-.496 1.89-5.455 1.957-5.888.057-.366.01-.825-.126-1.233a2.772 2.772 0 0 0-1.569-1.66l-.263-.108-.017-.924c-.017-.867-.024-.945-.123-1.245a2.687 2.687 0 0 0-.693-1.116c-.472-.471-.961-.709-1.606-.783-.204-.024-1.68-.04-3.557-.041-3.154 0-3.213-.001-3.432-.083-.193-.073-.35-.205-1.169-.99-1.453-1.393-1.508-1.44-1.918-1.644-.505-.25-.539-.254-2.533-.265-1.001-.006-1.948.005-2.103.024M8.62 4.887c.126.067.63.518 1.365 1.22 1.246 1.19 1.432 1.332 1.995 1.524l.32.109 3.52.02 3.52.02.188.093c.239.118.481.36.599.599.086.174.094.247.105.977l.013.788-5.193.014c-5.804.016-5.372-.006-5.993.308-.539.272-1.038.789-1.264 1.311-.046.104-.298.82-.562 1.59-.422 1.233-.477 1.425-.463 1.607.021.273.154.466.408.594.236.118.387.124.602.02.196-.094.267-.152.349-.281.035-.055.275-.721.533-1.48a40.76 40.76 0 0 1 .526-1.492c.096-.192.338-.429.549-.541l.203-.107h11.44l.214.119c.378.209.613.586.639 1.026.015.257-.013.352-.854 2.88-.479 1.438-.911 2.698-.962 2.799-.103.206-.297.391-.548.526l-.169.09-7.467.01c-7.416.011-7.469.01-7.684-.07-.26-.097-.544-.362-.676-.631l-.093-.189-.011-6.26c-.009-4.677 0-6.303.035-6.43.06-.221.261-.501.466-.652.322-.237.301-.235 2.31-.226l1.84.008.2.107' }) })));
+};
+export default SvgFolderOpenS;

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

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

package/dist/components/interface-icons/folderOpen/FolderOpenXs.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 SvgFolderOpenXs = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    props.width = undefined;
+    props.height = undefined;
+    const testId = 'icon-folder-open-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: 'M2.52 2.317a1.839 1.839 0 0 0-1.194 1.15l-.059.173-.009 4.747c-.006 3.532 0 4.793.023 4.928.065.378.228.674.528.957.264.249.504.375.852.446.099.02 1.673.029 5.187.028 4.845 0 5.053-.002 5.232-.05.363-.097.592-.231.853-.498.125-.128.203-.242.29-.42.148-.303 1.468-4.269 1.511-4.538.103-.648-.245-1.379-.821-1.73l-.166-.101-.001-.804c0-.886-.019-1.048-.155-1.336a1.8 1.8 0 0 0-.807-.829c-.352-.18-.242-.173-2.908-.173-1.517 0-2.444-.01-2.502-.027-.069-.02-.287-.22-.867-.795-.832-.827-.902-.889-1.149-1.013-.33-.166-.326-.166-2.082-.163-1.43.001-1.613.006-1.756.048m3.998 2.265c.864.856.993.961 1.31 1.068.314.105.436.11 2.884.11h2.378l.075.064.075.065.008.681.008.682-3.435.007-3.434.008-.212.075c-.409.144-.772.438-.962.776-.059.107-.262.669-.536 1.487-.385 1.152-.438 1.331-.427 1.44.043.402.364.701.75.698a.749.749 0 0 0 .652-.383c.026-.051.224-.625.44-1.275.257-.771.415-1.207.455-1.253l.062-.072 3.737-.007 3.738-.007.078.078c.055.056.078.105.078.167 0 .049-.302.995-.671 2.102-.553 1.658-.684 2.026-.745 2.087l-.073.073H7.854c-5.445 0-5.024.015-5.081-.18-.02-.07-.026-1.44-.021-4.642l.008-4.542.075-.065.075-.064h2.778l.83.822' }) })));
+};
+export default SvgFolderOpenXs;

package/dist/components/interface-icons/folderOpen/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 FolderOpenSVG: ({ size, ...props }: ISvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export default FolderOpenSVG;

package/dist/components/interface-icons/folderOpen/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 './FolderOpenS';
+import { default as XsSVG } from './FolderOpenXs';
+const FolderOpenSVG = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    return size >= 20 ? _jsx(SSVG, Object.assign({ size: size }, props)) : _jsx(XsSVG, Object.assign({ size: size }, props));
+};
+export default FolderOpenSVG;

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

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

package/dist/components/interface-icons/heart/HeartS.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 SvgHeartS = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    props.width = undefined;
+    props.height = undefined;
+    const testId = 'icon-heart-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: 'M8.2 5.28c-1.9.165-3.581 1.278-4.41 2.92a5.78 5.78 0 0 0-.492 1.601c-.115.78-.025 1.627.265 2.499.396 1.187.961 2.018 2.246 3.303 1.236 1.236 3.296 3.036 5.481 4.79l.71.569.71-.569c3.669-2.945 6.194-5.314 7.002-6.571.802-1.248 1.176-2.765.99-4.021-.257-1.741-1.298-3.163-2.901-3.963-1.275-.636-2.807-.749-4.201-.31a6.707 6.707 0 0 0-1.333.646l-.272.182-.188-.133c-.973-.691-2.354-1.052-3.607-.943m1.165 1.539c.434.076.85.219 1.23.424.386.207.625.387 1.059.798l.346.328.35-.332c.437-.414.711-.617 1.114-.826a4.079 4.079 0 0 1 4.607.611c.722.652 1.113 1.492 1.156 2.478.042.971-.224 1.883-.805 2.754-.681 1.021-2.591 2.83-5.655 5.359l-.767.633-.767-.633c-2.389-1.971-4.256-3.673-5.126-4.671-.954-1.094-1.392-2.222-1.336-3.441.036-.772.271-1.426.724-2.014C6.08 7.528 7.033 6.97 8.037 6.8c.31-.052.976-.043 1.328.019' }) })));
+};
+export default SvgHeartS;

package/dist/components/interface-icons/heart/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 HeartSVG: ({ size, ...props }: ISvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export default HeartSVG;

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

@@ -0,0 +1,18 @@
+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 './HeartS';
+const HeartSVG = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    return _jsx(SSVG, Object.assign({ size: size }, props));
+};
+export default HeartSVG;

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

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

package/dist/components/interface-icons/heartFilled/HeartFilledS.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 SvgHeartFilledS = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    props.width = undefined;
+    props.height = undefined;
+    const testId = 'icon-heart-filled-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", { d: 'M8.2 5.28c-1.9.165-3.581 1.278-4.41 2.92a5.78 5.78 0 0 0-.492 1.601c-.115.78-.025 1.627.265 2.499.396 1.187.961 2.018 2.246 3.303 1.236 1.236 3.296 3.036 5.481 4.79l.71.569.71-.569c3.669-2.945 6.194-5.314 7.002-6.571.802-1.248 1.176-2.765.99-4.021-.257-1.741-1.298-3.163-2.901-3.963-1.275-.636-2.807-.749-4.201-.31a6.707 6.707 0 0 0-1.333.646l-.272.182-.188-.133c-.973-.691-2.354-1.052-3.607-.943' }) })));
+};
+export default SvgHeartFilledS;

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

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

package/dist/components/interface-icons/heartFilled/HeartFilledXs.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 SvgHeartFilledXs = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    props.width = undefined;
+    props.height = undefined;
+    const testId = 'icon-heart-filled-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", { d: 'M5.32 2.259a4.361 4.361 0 0 0-2.935 1.273c-.579.577-.901 1.167-1.07 1.961-.074.346-.066 1.117.014 1.494A5.027 5.027 0 0 0 2.404 9.16c.714.857 2.597 2.668 5.081 4.887.267.238.499.433.516.433.016 0 .194-.147.395-.326 2.631-2.354 4.476-4.126 5.2-4.994 1.009-1.21 1.383-2.698 1.004-3.999-.352-1.207-1.333-2.206-2.606-2.651a4.29 4.29 0 0 0-1.502-.246 4.322 4.322 0 0 0-1.499.245c-.236.083-.756.332-.889.426-.09.065-.118.065-.208 0-.133-.094-.652-.343-.887-.425a4.726 4.726 0 0 0-1.689-.251' }) })));
+};
+export default SvgHeartFilledXs;

package/dist/components/interface-icons/heartFilled/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 HeartFilledSVG: ({ size, ...props }: ISvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export default HeartFilledSVG;

package/dist/components/interface-icons/heartFilled/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 './HeartFilledS';
+import { default as XsSVG } from './HeartFilledXs';
+const HeartFilledSVG = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    return size >= 20 ? _jsx(SSVG, Object.assign({ size: size }, props)) : _jsx(XsSVG, Object.assign({ size: size }, props));
+};
+export default HeartFilledSVG;

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

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

package/dist/components/interface-icons/home/HomeS.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 SvgHomeS = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    props.width = undefined;
+    props.height = undefined;
+    const testId = 'icon-home-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", { d: 'M11.444 2.57c-.177.094-1.457 1.21-4.646 4.046-2.421 2.154-4.432 3.972-4.468 4.04a.898.898 0 0 0-.067.352c-.001.189.018.256.118.398.167.237.346.333.623.333.175 0 .258-.023.38-.105.086-.058 2.05-1.79 4.366-3.85C10.065 5.725 11.978 4.04 12 4.04c.022 0 1.935 1.685 4.25 3.744 2.316 2.06 4.28 3.792 4.366 3.85.122.082.205.105.38.105.277 0 .456-.096.623-.333.1-.142.119-.209.118-.398a.898.898 0 0 0-.067-.352c-.036-.068-2.047-1.886-4.468-4.04-3.189-2.836-4.469-3.952-4.646-4.046-.215-.115-.279-.13-.556-.13s-.341.015-.556.13m-5.633 8.708a.883.883 0 0 0-.481.374c-.065.119-.071.379-.081 3.547-.007 2.26.003 3.488.031 3.62a1.76 1.76 0 0 0 1.194 1.342c.248.077.389.079 5.526.079s5.278-.002 5.526-.079a1.76 1.76 0 0 0 1.194-1.342c.028-.132.038-1.36.031-3.62-.011-3.364-.012-3.421-.093-3.558a1.003 1.003 0 0 0-.249-.257c-.14-.099-.205-.117-.409-.117s-.269.018-.409.117c-.092.064-.204.18-.249.257-.08.136-.082.203-.102 3.572-.019 3.34-.022 3.435-.098 3.49-.062.046-.298.057-1.23.057H14.76l-.001-2.95c0-3.213-.002-3.245-.228-3.66-.137-.252-.507-.594-.783-.724-.323-.153-.628-.185-1.748-.185s-1.425.032-1.748.185c-.276.13-.646.472-.783.724-.226.415-.228.447-.228 3.66l-.001 2.95H8.088c-.932 0-1.168-.011-1.23-.057-.076-.055-.079-.15-.098-3.49-.02-3.369-.022-3.436-.102-3.572a.807.807 0 0 0-.847-.363m7.356 1.548c.069.063.073.209.073 3v2.934h-2.48v-2.927c0-2.667.006-2.933.066-3 .061-.067.152-.073 1.167-.073.968 0 1.11.008 1.174.066' }) })));
+};
+export default SvgHomeS;

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

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