@snack-uikit/icons 0.25.2 → 0.26.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.26.0 (2025-03-14)
+
+
+### Features
+
+* **PDS-441:** alarm filled, check filled, cross filled, info filled, pause, play and stop icons ([68b04bb](https://github.com/cloud-ru-tech/snack-uikit/commit/68b04bb7297746b077597ced64315f2b1291b97f))
+
+
+
+
+
 ## 0.25.2 (2025-03-13)
 
 

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

@@ -34,8 +34,10 @@ export { default as LaptopPhoneSVG } from './laptopPhone';
 export { default as MinusSVG } from './minus';
 export { default as MoreSVG } from './more';
 export { default as NightSVG } from './night';
+export { default as PauseSVG } from './pause';
 export { default as PinnedSVG } from './pinned';
 export { default as PlaceholderSVG } from './placeholder';
+export { default as PlaySVG } from './play';
 export { default as PlusSVG } from './plus';
 export { default as QuestionSVG } from './question';
 export { default as ResizeSVG } from './resize';
@@ -43,6 +45,7 @@ export { default as SearchSVG } from './search';
 export { default as SettingsSVG } from './settings';
 export { default as StarSVG } from './star';
 export { default as StarFilledSVG } from './starFilled';
+export { default as StopSVG } from './stop';
 export { default as ThemeContrastSVG } from './themeContrast';
 export { default as TrashSVG } from './trash';
 export { default as UnPinnedSVG } from './unPinned';

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

@@ -8,8 +8,8 @@ var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UploadSVG = exports.UpdateSVG = exports.UnPinnedSVG = exports.TrashSVG = exports.ThemeContrastSVG = exports.StarFilledSVG = exports.StarSVG = exports.SettingsSVG = exports.SearchSVG = exports.ResizeSVG = exports.QuestionSVG = exports.PlusSVG = exports.PlaceholderSVG = exports.PinnedSVG = exports.NightSVG = exports.MoreSVG = exports.MinusSVG = exports.LaptopPhoneSVG = exports.KebabSVG = exports.InfoFilledSVG = exports.HomeSVG = exports.HeartFilledSVG = exports.HeartSVG = exports.FunctionSettingsSVG = exports.FolderOpenSVG = exports.FolderSVG = exports.FilterSVG = exports.FileSVG = exports.EyeClosedSVG = exports.EyeSVG = exports.EmailSVG = exports.DragDropSVG = exports.DownloadSVG = exports.DaySVG = exports.CrossFilledSVG = exports.CrossSVG = exports.CopySVG = exports.ChevronUpSVG = exports.ChevronRightSVG = exports.ChevronLeftSVG = exports.ChevronDownSVG = exports.CheckFilledSVG = exports.CheckSVG = exports.CalendarSVG = exports.ArrowUpSVG = exports.ArrowRightSVG = exports.ArrowLinksSVG = exports.ArrowLeftSVG = exports.ArrowDownSVG = exports.AlarmFilledSVG = void 0;
-exports.WatchSVG = exports.WarningSVG = void 0;
+exports.TrashSVG = exports.ThemeContrastSVG = exports.StopSVG = exports.StarFilledSVG = exports.StarSVG = exports.SettingsSVG = exports.SearchSVG = exports.ResizeSVG = exports.QuestionSVG = exports.PlusSVG = exports.PlaySVG = exports.PlaceholderSVG = exports.PinnedSVG = exports.PauseSVG = exports.NightSVG = exports.MoreSVG = exports.MinusSVG = exports.LaptopPhoneSVG = exports.KebabSVG = exports.InfoFilledSVG = exports.HomeSVG = exports.HeartFilledSVG = exports.HeartSVG = exports.FunctionSettingsSVG = exports.FolderOpenSVG = exports.FolderSVG = exports.FilterSVG = exports.FileSVG = exports.EyeClosedSVG = exports.EyeSVG = exports.EmailSVG = exports.DragDropSVG = exports.DownloadSVG = exports.DaySVG = exports.CrossFilledSVG = exports.CrossSVG = exports.CopySVG = exports.ChevronUpSVG = exports.ChevronRightSVG = exports.ChevronLeftSVG = exports.ChevronDownSVG = exports.CheckFilledSVG = exports.CheckSVG = exports.CalendarSVG = exports.ArrowUpSVG = exports.ArrowRightSVG = exports.ArrowLinksSVG = exports.ArrowLeftSVG = exports.ArrowDownSVG = exports.AlarmFilledSVG = void 0;
+exports.WatchSVG = exports.WarningSVG = exports.UploadSVG = exports.UpdateSVG = exports.UnPinnedSVG = void 0;
 var alarmFilled_1 = require("./alarmFilled");
 Object.defineProperty(exports, "AlarmFilledSVG", {
   enumerable: true,
@@ -262,6 +262,13 @@ Object.defineProperty(exports, "NightSVG", {
     return __importDefault(night_1).default;
   }
 });
+var pause_1 = require("./pause");
+Object.defineProperty(exports, "PauseSVG", {
+  enumerable: true,
+  get: function () {
+    return __importDefault(pause_1).default;
+  }
+});
 var pinned_1 = require("./pinned");
 Object.defineProperty(exports, "PinnedSVG", {
   enumerable: true,
@@ -276,6 +283,13 @@ Object.defineProperty(exports, "PlaceholderSVG", {
     return __importDefault(placeholder_1).default;
   }
 });
+var play_1 = require("./play");
+Object.defineProperty(exports, "PlaySVG", {
+  enumerable: true,
+  get: function () {
+    return __importDefault(play_1).default;
+  }
+});
 var plus_1 = require("./plus");
 Object.defineProperty(exports, "PlusSVG", {
   enumerable: true,
@@ -325,6 +339,13 @@ Object.defineProperty(exports, "StarFilledSVG", {
     return __importDefault(starFilled_1).default;
   }
 });
+var stop_1 = require("./stop");
+Object.defineProperty(exports, "StopSVG", {
+  enumerable: true,
+  get: function () {
+    return __importDefault(stop_1).default;
+  }
+});
 var themeContrast_1 = require("./themeContrast");
 Object.defineProperty(exports, "ThemeContrastSVG", {
   enumerable: true,

package/dist/cjs/components/interface-icons/pause/PauseS.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?: number;
+    style?: React.CSSProperties;
+}
+declare const SvgPauseS: React.ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default SvgPauseS;

package/dist/cjs/components/interface-icons/pause/PauseS.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = void 0 && (void 0).__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  __setModuleDefault(result, mod);
+  return result;
+};
+var __rest = void 0 && (void 0).__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;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const jsx_runtime_1 = require("react/jsx-runtime");
+// DO NOT EDIT IT MANUALLY
+const React = __importStar(require("react"));
+const SvgPauseS = React.forwardRef((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  props.width = undefined;
+  props.height = undefined;
+  const testId = '-pause-s';
+  const isCustomSize = typeof size === 'number';
+  if (isCustomSize) {
+    if (!props.style) props.style = {};
+    props.style.width = size + 'px';
+    props.style.height = size + 'px';
+  }
+  return (0, jsx_runtime_1.jsx)("svg", Object.assign({
+    ref: ref,
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: 24,
+    height: 24,
+    fill: 'currentColor',
+    viewBox: '0 0 24 24',
+    "data-test-id": 'icon' + testId
+  }, props, {
+    children: (0, jsx_runtime_1.jsx)("use", {
+      href: '#snack-uikit-' + testId.substring(1)
+    })
+  }));
+});
+exports.default = SvgPauseS;

package/dist/cjs/components/interface-icons/pause/PauseXs.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?: number;
+    style?: React.CSSProperties;
+}
+declare const SvgPauseXs: React.ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default SvgPauseXs;

package/dist/cjs/components/interface-icons/pause/PauseXs.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = void 0 && (void 0).__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  __setModuleDefault(result, mod);
+  return result;
+};
+var __rest = void 0 && (void 0).__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;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const jsx_runtime_1 = require("react/jsx-runtime");
+// DO NOT EDIT IT MANUALLY
+const React = __importStar(require("react"));
+const SvgPauseXs = React.forwardRef((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  props.width = undefined;
+  props.height = undefined;
+  const testId = '-pause-xs';
+  const isCustomSize = typeof size === 'number';
+  if (isCustomSize) {
+    if (!props.style) props.style = {};
+    props.style.width = size + 'px';
+    props.style.height = size + 'px';
+  }
+  return (0, jsx_runtime_1.jsx)("svg", Object.assign({
+    ref: ref,
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: 24,
+    height: 24,
+    fill: 'currentColor',
+    viewBox: '0 0 24 24',
+    "data-test-id": 'icon' + testId
+  }, props, {
+    children: (0, jsx_runtime_1.jsx)("use", {
+      href: '#snack-uikit-' + testId.substring(1)
+    })
+  }));
+});
+exports.default = SvgPauseXs;

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

@@ -0,0 +1,8 @@
+import { SVGProps } from 'react';
+export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
+    className?: string;
+    size?: number;
+    style?: React.CSSProperties;
+}
+declare const PauseSVG: import("react").ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export default PauseSVG;

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

@@ -0,0 +1,38 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__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;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PauseS_1 = __importDefault(require("./PauseS"));
+const PauseXs_1 = __importDefault(require("./PauseXs"));
+const react_1 = require("react");
+const PauseSVG = (0, react_1.forwardRef)((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  return Number(size) >= 20 ? (0, jsx_runtime_1.jsx)(PauseS_1.default, Object.assign({
+    ref: ref,
+    size: size
+  }, props)) : (0, jsx_runtime_1.jsx)(PauseXs_1.default, Object.assign({
+    ref: ref,
+    size: size
+  }, props));
+});
+exports.default = PauseSVG;

package/dist/cjs/components/interface-icons/play/PlayS.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?: number;
+    style?: React.CSSProperties;
+}
+declare const SvgPlayS: React.ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default SvgPlayS;

package/dist/cjs/components/interface-icons/play/PlayS.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = void 0 && (void 0).__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  __setModuleDefault(result, mod);
+  return result;
+};
+var __rest = void 0 && (void 0).__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;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const jsx_runtime_1 = require("react/jsx-runtime");
+// DO NOT EDIT IT MANUALLY
+const React = __importStar(require("react"));
+const SvgPlayS = React.forwardRef((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  props.width = undefined;
+  props.height = undefined;
+  const testId = '-play-s';
+  const isCustomSize = typeof size === 'number';
+  if (isCustomSize) {
+    if (!props.style) props.style = {};
+    props.style.width = size + 'px';
+    props.style.height = size + 'px';
+  }
+  return (0, jsx_runtime_1.jsx)("svg", Object.assign({
+    ref: ref,
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: 24,
+    height: 24,
+    fill: 'currentColor',
+    viewBox: '0 0 24 24',
+    "data-test-id": 'icon' + testId
+  }, props, {
+    children: (0, jsx_runtime_1.jsx)("use", {
+      href: '#snack-uikit-' + testId.substring(1)
+    })
+  }));
+});
+exports.default = SvgPlayS;

package/dist/cjs/components/interface-icons/play/PlayXs.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?: number;
+    style?: React.CSSProperties;
+}
+declare const SvgPlayXs: React.ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default SvgPlayXs;

package/dist/cjs/components/interface-icons/play/PlayXs.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = void 0 && (void 0).__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  __setModuleDefault(result, mod);
+  return result;
+};
+var __rest = void 0 && (void 0).__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;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const jsx_runtime_1 = require("react/jsx-runtime");
+// DO NOT EDIT IT MANUALLY
+const React = __importStar(require("react"));
+const SvgPlayXs = React.forwardRef((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  props.width = undefined;
+  props.height = undefined;
+  const testId = '-play-xs';
+  const isCustomSize = typeof size === 'number';
+  if (isCustomSize) {
+    if (!props.style) props.style = {};
+    props.style.width = size + 'px';
+    props.style.height = size + 'px';
+  }
+  return (0, jsx_runtime_1.jsx)("svg", Object.assign({
+    ref: ref,
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: 24,
+    height: 24,
+    fill: 'currentColor',
+    viewBox: '0 0 24 24',
+    "data-test-id": 'icon' + testId
+  }, props, {
+    children: (0, jsx_runtime_1.jsx)("use", {
+      href: '#snack-uikit-' + testId.substring(1)
+    })
+  }));
+});
+exports.default = SvgPlayXs;

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

@@ -0,0 +1,8 @@
+import { SVGProps } from 'react';
+export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
+    className?: string;
+    size?: number;
+    style?: React.CSSProperties;
+}
+declare const PlaySVG: import("react").ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export default PlaySVG;

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

@@ -0,0 +1,38 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__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;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PlayS_1 = __importDefault(require("./PlayS"));
+const PlayXs_1 = __importDefault(require("./PlayXs"));
+const react_1 = require("react");
+const PlaySVG = (0, react_1.forwardRef)((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  return Number(size) >= 20 ? (0, jsx_runtime_1.jsx)(PlayS_1.default, Object.assign({
+    ref: ref,
+    size: size
+  }, props)) : (0, jsx_runtime_1.jsx)(PlayXs_1.default, Object.assign({
+    ref: ref,
+    size: size
+  }, props));
+});
+exports.default = PlaySVG;

package/dist/cjs/components/interface-icons/stop/StopS.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?: number;
+    style?: React.CSSProperties;
+}
+declare const SvgStopS: React.ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default SvgStopS;

package/dist/cjs/components/interface-icons/stop/StopS.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = void 0 && (void 0).__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  __setModuleDefault(result, mod);
+  return result;
+};
+var __rest = void 0 && (void 0).__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;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const jsx_runtime_1 = require("react/jsx-runtime");
+// DO NOT EDIT IT MANUALLY
+const React = __importStar(require("react"));
+const SvgStopS = React.forwardRef((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  props.width = undefined;
+  props.height = undefined;
+  const testId = '-stop-s';
+  const isCustomSize = typeof size === 'number';
+  if (isCustomSize) {
+    if (!props.style) props.style = {};
+    props.style.width = size + 'px';
+    props.style.height = size + 'px';
+  }
+  return (0, jsx_runtime_1.jsx)("svg", Object.assign({
+    ref: ref,
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: 24,
+    height: 24,
+    fill: 'currentColor',
+    viewBox: '0 0 24 24',
+    "data-test-id": 'icon' + testId
+  }, props, {
+    children: (0, jsx_runtime_1.jsx)("use", {
+      href: '#snack-uikit-' + testId.substring(1)
+    })
+  }));
+});
+exports.default = SvgStopS;

package/dist/cjs/components/interface-icons/stop/StopXs.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?: number;
+    style?: React.CSSProperties;
+}
+declare const SvgStopXs: React.ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default SvgStopXs;