@snack-uikit/icons 0.25.2-preview-27ae78ba.0 → 0.25.2

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.2 (2025-03-13)
+
+
+### Bug Fixes
+
+* **PDS-1461:** make sprite render as early as possible ([860878a](https://github.com/cloud-ru-tech/snack-uikit/commit/860878a58dff633d7c10186ab03f128047093b74))
+
+
+
+
+
 ## 0.25.1 (2025-03-04)
 
 

package/dist/cjs/Sprite.js

@@ -10,23 +10,21 @@ function SpriteInner(_ref) {
   let {
     content
   } = _ref;
-  const [div, setDiv] = (0, react_1.useState)();
-  (0, utils_1.useLayoutEffect)(() => {
-    setDiv(document.createElement('div'));
-  }, []);
+  const [div] = (0, react_1.useState)((0, utils_1.isBrowser)() ? document.createElement('div') : undefined);
+  if ((0, utils_1.isBrowser)() && div && div.parentNode !== document.body) {
+    div.style.display = 'none';
+    div.innerHTML = content;
+    document.body.prepend(div);
+  }
   (0, utils_1.useLayoutEffect)(() => {
     if (div) {
-      div.style.display = 'none';
-      document.body.prepend(div);
       return () => {
         document.body.removeChild(div);
       };
     }
   }, [div]);
   (0, utils_1.useLayoutEffect)(() => {
-    if (div) {
-      div.innerHTML = content;
-    }
+    div && (div.innerHTML = content);
   }, [content, div]);
   return null;
 }

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

@@ -34,10 +34,8 @@ 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';
@@ -45,7 +43,6 @@ 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.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;
+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;
 var alarmFilled_1 = require("./alarmFilled");
 Object.defineProperty(exports, "AlarmFilledSVG", {
   enumerable: true,
@@ -262,13 +262,6 @@ 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,
@@ -283,13 +276,6 @@ 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,
@@ -339,13 +325,6 @@ 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,