@snack-uikit/icons 0.25.0 → 0.25.2-preview-bc9ca5dd.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.25.1 (2025-03-04)
+
+
+### Bug Fixes
+
+* **PDS-1765:** rename Drag icon to DragDrop ([833d950](https://github.com/cloud-ru-tech/snack-uikit/commit/833d950cf1b0fc203f3e0a5cf4186abf67b5c557))
+
+
+
+
+
 # 0.25.0 (2025-03-04)
 
 

package/dist/cjs/components/interface-icons/dragDrop/DragDropS.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 SvgDragDropS: React.ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default SvgDragDropS;

package/dist/cjs/components/interface-icons/dragDrop/DragDropS.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 SvgDragDropS = React.forwardRef((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  props.width = undefined;
+  props.height = undefined;
+  const testId = '-drag-drop-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 = SvgDragDropS;

package/dist/cjs/components/interface-icons/dragDrop/DragDropXs.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 SvgDragDropXs: React.ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default SvgDragDropXs;

package/dist/cjs/components/interface-icons/dragDrop/DragDropXs.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 SvgDragDropXs = React.forwardRef((_a, ref) => {
+  var {
+      size = 24
+    } = _a,
+    props = __rest(_a, ["size"]);
+  props.width = undefined;
+  props.height = undefined;
+  const testId = '-drag-drop-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 = SvgDragDropXs;

package/dist/cjs/components/interface-icons/dragDrop/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 DragDropSVG: import("react").ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export default DragDropSVG;

package/dist/cjs/components/interface-icons/dragDrop/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 DragDropS_1 = __importDefault(require("./DragDropS"));
+const DragDropXs_1 = __importDefault(require("./DragDropXs"));
+const react_1 = require("react");
+const DragDropSVG = (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)(DragDropS_1.default, Object.assign({
+    ref: ref,
+    size: size
+  }, props)) : (0, jsx_runtime_1.jsx)(DragDropXs_1.default, Object.assign({
+    ref: ref,
+    size: size
+  }, props));
+});
+exports.default = DragDropSVG;

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

@@ -16,7 +16,7 @@ export { default as CrossSVG } from './cross';
 export { default as CrossFilledSVG } from './crossFilled';
 export { default as DaySVG } from './day';
 export { default as DownloadSVG } from './download';
-export { default as DragSVG } from './drag';
+export { default as DragDropSVG } from './dragDrop';
 export { default as EmailSVG } from './email';
 export { default as EyeSVG } from './eye';
 export { default as EyeClosedSVG } from './eyeClosed';
@@ -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';

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.DragSVG = 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.UnPinnedSVG = exports.TrashSVG = exports.ThemeContrastSVG = 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 = void 0;
 var alarmFilled_1 = require("./alarmFilled");
 Object.defineProperty(exports, "AlarmFilledSVG", {
   enumerable: true,
@@ -136,11 +136,11 @@ Object.defineProperty(exports, "DownloadSVG", {
     return __importDefault(download_1).default;
   }
 });
-var drag_1 = require("./drag");
-Object.defineProperty(exports, "DragSVG", {
+var dragDrop_1 = require("./dragDrop");
+Object.defineProperty(exports, "DragDropSVG", {
   enumerable: true,
   get: function () {
-    return __importDefault(drag_1).default;
+    return __importDefault(dragDrop_1).default;
   }
 });
 var email_1 = require("./email");
@@ -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,

package/dist/{esm/components/interface-icons/drag/DragXs.d.ts → cjs/components/interface-icons/pause/PauseS.d.ts}

@@ -5,5 +5,5 @@ export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     size?: number;
     style?: React.CSSProperties;
 }
-declare const SvgDragXs: React.ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export default SvgDragXs;
+declare const SvgPauseS: React.ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default SvgPauseS;

package/dist/cjs/components/interface-icons/{drag/DragXs.js → pause/PauseS.js}

@@ -45,14 +45,14 @@ Object.defineProperty(exports, "__esModule", {
 const jsx_runtime_1 = require("react/jsx-runtime");
 // DO NOT EDIT IT MANUALLY
 const React = __importStar(require("react"));
-const SvgDragXs = React.forwardRef((_a, ref) => {
+const SvgPauseS = React.forwardRef((_a, ref) => {
   var {
       size = 24
     } = _a,
     props = __rest(_a, ["size"]);
   props.width = undefined;
   props.height = undefined;
-  const testId = '-drag-xs';
+  const testId = '-pause-s';
   const isCustomSize = typeof size === 'number';
   if (isCustomSize) {
     if (!props.style) props.style = {};
@@ -73,4 +73,4 @@ const SvgDragXs = React.forwardRef((_a, ref) => {
     })
   }));
 });
-exports.default = SvgDragXs;
+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/{drag/DragS.d.ts → play/PlayS.d.ts}

@@ -5,5 +5,5 @@ export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     size?: number;
     style?: React.CSSProperties;
 }
-declare const SvgDragS: React.ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export default SvgDragS;
+declare const SvgPlayS: React.ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default SvgPlayS;

package/dist/cjs/components/interface-icons/{drag/DragS.js → play/PlayS.js}

@@ -45,14 +45,14 @@ Object.defineProperty(exports, "__esModule", {
 const jsx_runtime_1 = require("react/jsx-runtime");
 // DO NOT EDIT IT MANUALLY
 const React = __importStar(require("react"));
-const SvgDragS = React.forwardRef((_a, ref) => {
+const SvgPlayS = React.forwardRef((_a, ref) => {
   var {
       size = 24
     } = _a,
     props = __rest(_a, ["size"]);
   props.width = undefined;
   props.height = undefined;
-  const testId = '-drag-s';
+  const testId = '-play-s';
   const isCustomSize = typeof size === 'number';
   if (isCustomSize) {
     if (!props.style) props.style = {};
@@ -73,4 +73,4 @@ const SvgDragS = React.forwardRef((_a, ref) => {
     })
   }));
 });
-exports.default = SvgDragS;
+exports.default = SvgPlayS;

package/dist/cjs/components/interface-icons/{drag/DragXs.d.ts → play/PlayXs.d.ts}

@@ -5,5 +5,5 @@ export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     size?: number;
     style?: React.CSSProperties;
 }
-declare const SvgDragXs: React.ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export default SvgDragXs;
+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/{drag → play}/index.d.ts

@@ -4,5 +4,5 @@ export interface ISvgIconProps extends SVGProps<SVGSVGElement> {
     size?: number;
     style?: React.CSSProperties;
 }
-declare const DragSVG: import("react").ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-export default DragSVG;
+declare const PlaySVG: import("react").ForwardRefExoticComponent<Omit<ISvgIconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export default PlaySVG;

package/dist/cjs/components/interface-icons/{drag → play}/index.js

@@ -17,22 +17,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const DragS_1 = __importDefault(require("./DragS"));
-const DragXs_1 = __importDefault(require("./DragXs"));
+const PlayS_1 = __importDefault(require("./PlayS"));
+const PlayXs_1 = __importDefault(require("./PlayXs"));
 const react_1 = require("react");
-const DragSVG = (0, react_1.forwardRef)((_a, ref) => {
+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)(DragS_1.default, Object.assign({
+  return Number(size) >= 20 ? (0, jsx_runtime_1.jsx)(PlayS_1.default, Object.assign({
     ref: ref,
     size: size
-  }, props)) : (0, jsx_runtime_1.jsx)(DragXs_1.default, Object.assign({
+  }, props)) : (0, jsx_runtime_1.jsx)(PlayXs_1.default, Object.assign({
     ref: ref,
     size: size
   }, props));
 });
-exports.default = DragSVG;
+exports.default = PlaySVG;