@vkontakte/vkui-tokens 4.43.0 → 4.43.2-dev-78ebf3.0

package/build/compilers/docs/compileDocsJSON.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.compileDocsJSON = exports.getTypeDocs = void 0;
-var path_1 = __importDefault(require("path"));
+var node_path_1 = __importDefault(require("node:path"));
 var ts_morph_1 = require("ts-morph");
 var capitalize_1 = require("../../helpers/capitalize");
 function getTagDescription(tag) {
@@ -149,7 +149,7 @@ exports.getTypeDocs = getTypeDocs;
  * 	 - export { BaseTheme as MyTheme } from 'path/to/baseTheme.ts'
  */
 function compileDocsJSON(theme) {
-    var themeFilePath = path_1.default.resolve("src/interfaces/themes/".concat(theme.themeName, "/index.ts"));
+    var themeFilePath = node_path_1.default.resolve("src/interfaces/themes/".concat(theme.themeName, "/index.ts"));
     var themeInterfaceName = "Theme".concat((0, capitalize_1.capitalize)(theme.themeName));
     var docs = getTypeDocs(themeFilePath, themeInterfaceName);
     return JSON.stringify(docs, null, '  ');

package/build/compilers/index.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.writeTsFile = exports.writeStyleFiles = exports.writeStructJsonFile = exports.writeJsonFile = exports.writeDocsFiles = exports.writeCssVarsSourceMediaFile = exports.writeCssVarsSourceFile = exports.writeCssVarsJsUtils = void 0;
+var node_path_1 = __importDefault(require("node:path"));
 var fs_extra_1 = __importDefault(require("fs-extra"));
-var path_1 = __importDefault(require("path"));
 var compileGetDeclarationString_1 = require("./cssVars/jsUtils/compileGetDeclarationString");
 var compileDocsJSON_1 = require("./docs/compileDocsJSON");
 var compileJSON_1 = require("./json/compileJSON");
@@ -30,7 +30,7 @@ var cssModes = [
 function writeStructJsonFile(themePath, theme, _) {
     console.log("\u043A\u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u0435\u043C \u0441\u0442\u0440\u0443\u043A\u0442\u0443\u0440\u043D\u044B\u0439 json...");
     var fileName = "struct.json";
-    var filePath = path_1.default.resolve(themePath, fileName);
+    var filePath = node_path_1.default.resolve(themePath, fileName);
     var content = (0, compileStructJSON_1.compileStructJSON)(theme);
     fs_extra_1.default.writeFileSync(filePath, content);
     console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B ".concat(fileName));
@@ -39,7 +39,7 @@ exports.writeStructJsonFile = writeStructJsonFile;
 function writeJsonFile(themePath, theme, _) {
     console.log("\u043A\u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u0435\u043C json...");
     var fileName = "index.json";
-    var filePath = path_1.default.resolve(themePath, fileName);
+    var filePath = node_path_1.default.resolve(themePath, fileName);
     var content = (0, compileJSON_1.compileJSON)(theme);
     fs_extra_1.default.writeFileSync(filePath, content);
     console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B ".concat(fileName));
@@ -49,7 +49,7 @@ exports.writeJsonFile = writeJsonFile;
 function writeTsFile(themePath, theme, type, themeName) {
     console.log("\u043A\u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u0435\u043C ts...");
     var fileName = "index.ts";
-    var filePath = path_1.default.resolve(themePath, fileName);
+    var filePath = node_path_1.default.resolve(themePath, fileName);
     var content = null;
     var sourceContent = (0, compileTypeScript_1.compileTypeScript)(theme);
     switch (type) {
@@ -83,7 +83,7 @@ function writeStyleFiles(themePath, theme) {
     a.forEach(function (format) {
         console.log("\u043A\u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u0435\u043C ".concat(format, "..."));
         var fileName = "index.".concat(format);
-        var filePath = path_1.default.resolve(themePath, fileName);
+        var filePath = node_path_1.default.resolve(themePath, fileName);
         var content = (0, compileStyles_1.compileStyles)(format, theme);
         fs_extra_1.default.writeFileSync(filePath, content);
         console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B ".concat(fileName));
@@ -98,7 +98,7 @@ cssVarsTheme, themeBase) {
     console.log("\u043A\u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u0435\u043C \u0438\u0441\u0442\u043E\u0447\u043D\u0438\u043A\u0438 \u0434\u043B\u044F css vars \u0442\u0435\u043C...");
     for (var _i = 0, cssModes_1 = cssModes; _i < cssModes_1.length; _i++) {
         var modeConfig = cssModes_1[_i];
-        var filePath = path_1.default.resolve(themePath, modeConfig.fileName);
+        var filePath = node_path_1.default.resolve(themePath, modeConfig.fileName);
         var compiledVars = (0, compileStyles_1.compileStyles)('css', theme, modeConfig.mode === 'default' ? 'withAdaptiveGroups' : modeConfig.mode, themeBase);
         var compiledBreakpoints = modeConfig.mode === 'default'
             ? "\n\n".concat((_a = (0, compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration)(cssVarsTheme)) !== null && _a !== void 0 ? _a : '')
@@ -116,7 +116,7 @@ exports.writeCssVarsSourceFile = writeCssVarsSourceFile;
 function writeCssVarsSourceMediaFile(themePath, theme) {
     console.log("\u043A\u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u0435\u043C \u043C\u0435\u0434\u0438\u0430 \u043F\u0435\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0435 \u0434\u043B\u044F css vars \u0442\u0435\u043C...");
     var fileName = 'onlyMedia.css';
-    var filePath = path_1.default.resolve(themePath, fileName);
+    var filePath = node_path_1.default.resolve(themePath, fileName);
     var content = (0, compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration)(theme);
     if (content !== null) {
         fs_extra_1.default.writeFileSync(filePath, content);
@@ -131,7 +131,7 @@ function writeCssVarsJsUtils(themePath, theme) {
         { mode: 'onlyColors', fileName: 'onlyColors.ts' },
     ].forEach(function (_a) {
         var mode = _a.mode, fileName = _a.fileName;
-        var filePath = path_1.default.resolve(themePath, fileName);
+        var filePath = node_path_1.default.resolve(themePath, fileName);
         var content = (0, compileGetDeclarationString_1.compileGetDeclarationString)(theme, mode);
         fs_extra_1.default.writeFileSync(filePath, content);
         console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B ".concat(fileName));
@@ -141,7 +141,7 @@ exports.writeCssVarsJsUtils = writeCssVarsJsUtils;
 function writeDocsFiles(themePath, theme) {
     console.log("\u043A\u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u0435\u043C \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u0446\u0438\u044E...");
     var fileName = "docs.json";
-    var filePath = path_1.default.resolve(themePath, fileName);
+    var filePath = node_path_1.default.resolve(themePath, fileName);
     var content = (0, compileDocsJSON_1.compileDocsJSON)(theme);
     fs_extra_1.default.writeFileSync(filePath, content);
     console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B ".concat(fileName));

package/build/compilers/styles/compileStyles.js

@@ -6,7 +6,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.compileStyles = exports.getRootSelector = exports.getPrefix = exports.serviceKeys = void 0;
 require("css.escape");
-var assert_1 = require("assert");
+var node_assert_1 = require("node:assert");
 var common_tags_1 = require("common-tags");
 var getAllButColors_1 = require("../../helpers/getAllButColors");
 var getAllButSizes_1 = require("../../helpers/getAllButSizes");
@@ -51,7 +51,7 @@ function getRootSelector(theme, mode) {
 exports.getRootSelector = getRootSelector;
 function isDeepEqual(actual, expected) {
     try {
-        (0, assert_1.deepStrictEqual)(actual, expected);
+        (0, node_assert_1.deepStrictEqual)(actual, expected);
         return true;
     }
     catch (_) {

package/build/themeProcessors/customMedia/customMedia.js

@@ -32,12 +32,13 @@ function processCustomMedia(_a) {
     var usingViewports = (0, exports.getUsingViewports)(breakpoints);
     var result = {};
     usingViewports.forEach(function (viewport, index, array) {
-        var _a;
+        var _a, _b;
         if (viewport !== 'touch') {
             // больше теущего брейкпоинта
-            result[(0, exports.getCustomMediaKey)(viewport, 'from')] = "(min-width: ".concat(breakpoints[viewport].breakpoint, "px)");
+            result[(0, exports.getCustomMediaKey)(viewport, 'from')] =
+                "(min-width: ".concat(breakpoints[viewport].breakpoint, "px)");
             // между текущим и следущим брейкпоинтом
-            result[(0, exports.getCustomMediaKey)(viewport)] = "(min-width: ".concat(breakpoints[viewport].breakpoint, "px) and (max-width: ").concat(((_a = breakpoints[array[index + 1]]) === null || _a === void 0 ? void 0 : _a.breakpoint) - 1, "px)");
+            result[(0, exports.getCustomMediaKey)(viewport)] = "(min-width: ".concat(breakpoints[viewport].breakpoint, "px) and (max-width: ").concat(((_b = (_a = breakpoints[array[index + 1]]) === null || _a === void 0 ? void 0 : _a.breakpoint) !== null && _b !== void 0 ? _b : 0) - 1, "px)");
         }
         if (viewport === 'touch') {
             // меньше следующего

package/build/themeProcessors/extractCssVarsStrict/extractCssVarsStrict.test.js

@@ -39,7 +39,7 @@ var extractCssVarsStrict_1 = require("./extractCssVarsStrict");
                 },
             },
         };
-        var expectedData = __assign({ breakpoints: __assign({}, theme.breakpoints) });
+        var expectedData = { breakpoints: __assign({}, theme.breakpoints) };
         (0, globals_1.expect)((0, extractCssVarsStrict_1.extractCssVarsStrict)(theme)).toStrictEqual(expectedData);
     });
     (0, globals_1.it)('should change type', function () {

package/build/themeProcessors/extractVarsNames/extractVarsNames.test.js

@@ -63,7 +63,7 @@ var extractVarsNames_1 = require("./extractVarsNames");
                     },
                 },
             };
-            var expectedData = __assign({ breakpoints: __assign({}, theme.breakpoints) });
+            var expectedData = { breakpoints: __assign({}, theme.breakpoints) };
             (0, globals_1.expect)((0, extractVarsNames_1.extractVarsNames)(theme)).toStrictEqual(expectedData);
         });
         (0, globals_1.it)('should change type', function () {

package/interfaces/themes/dobro/index.d.ts

@@ -1,38 +1,28 @@
-import type { Theme, ThemeCssVars, ThemeDescription } from '../../general';
-import type { Adaptive } from '../../general/tools';
-import type { Fonts, TypographyBaseProps } from '../../general/typography';
-export interface ThemeDobro extends Theme, ThemeDobroMedia, ThemeDobroCustomTokens, ThemeDobroFonts {
-}
-export interface ThemeDobroDescription extends ThemeDescription, ThemeDobroMedia, ThemeDobroCustomTokens, ThemeDobroFonts {
-}
-export interface ThemeDobroCssVars extends ThemeCssVars<ThemeDobro> {
-}
+import type { Theme, ThemeDescription } from '../../general';
+import type { Breakpoints } from '../../general/tools';
+import type { CustomMediaByViewport } from '../../general/tools/customMedia';
+import type { DefaultViewports, ViewportsTuple } from '../../general/tools/viewports';
+import type { ParadigmThemeCssVars } from '../../namespaces/paradigm';
+type DobroViewportsTuple = ['touch', 'tablet', 'desktopS', 'desktopM'];
 interface ThemeDobroCustomTokens {
     dobroPortalZIndex: number;
     dobroPopoutZIndex: number;
     dobroModalZIndex: number;
     dobroMenuZIndex: number;
 }
-export interface ThemeDobroFonts {
+interface ThemeDobroFonts {
     dobroFontFamily600: string;
     dobroFontFamily500: string;
     dobroFontFamily400: string;
 }
-export interface ThemeDobroMedia {
-    dobroLayoutWidthToMobileS: string;
-    dobroLayoutWidthMobileM: string;
-    dobroLayoutWidthToMobileM: string;
-    dobroLayoutWidthMobileL: string;
-    dobroLayoutWidthToMobile: string;
-    dobroLayoutWidthFromTablet: string;
-    dobroLayoutWidthTablet: string;
-    dobroLayoutWidthToTablet: string;
-    dobroLayoutWidthFromDesktopS: string;
-    dobroLayoutWidthDesktopS: string;
-    dobroLayoutWidthToDesktopS: string;
-    dobroLayoutWidthDesktopM: string;
+interface ThemeDobroStatic<Vt extends ViewportsTuple = DefaultViewports> extends Theme, ThemeDobroCustomTokens, ThemeDobroFonts, Breakpoints<Vt> {
+}
+type ThemeDobroStaticType<Vt extends ViewportsTuple = DefaultViewports> = ThemeDobroStatic<Vt> & CustomMediaByViewport<Vt>;
+interface ThemeDobroDescriptionStatic<Vt extends ViewportsTuple = DefaultViewports> extends ThemeDescription, ThemeDobroCustomTokens, ThemeDobroFonts, Breakpoints<Vt> {
+}
+interface ThemeDobroCssVarsStatic extends ParadigmThemeCssVars<DobroViewportsTuple, ThemeDobro> {
 }
-export type BaseFonts = Omit<{
-    [key in keyof Fonts]: Adaptive<Fonts[key]>;
-}, 'fontHeadline'> & TypographyBaseProps;
+export type ThemeDobro = ThemeDobroStaticType<DobroViewportsTuple>;
+export type ThemeDobroDescription = ThemeDobroDescriptionStatic<DobroViewportsTuple>;
+export type ThemeDobroCssVars = ThemeDobroCssVarsStatic;
 export {};

package/interfaces/themes/media/index.d.ts

@@ -5,20 +5,72 @@ import { Font } from '../../general/typography';
 import { ParadigmTheme, ParadigmThemeCssVars, ParadigmThemeDescription } from '../../namespaces/paradigm';
 export type MediaViewportsTuple = ['touch', 'tablet', 'desktopS', 'desktopM'];
 interface ProjectColors {
+    /**
+     * @desc Акцентный цвет проекта auto.mail.ru
+     * @tags color
+     */
     colorPrimaryAuto: ColorWithStates;
+    /**
+     * @desc Основной акцентный цвет. Используют проекты news.mail.ru, sportmail.ru, pogoda.mail.ru
+     * @tags color
+     */
     colorPrimaryBase: ColorWithStates;
+    /**
+     * @desc Акцентный цвет проекта deti.mail.ru
+     * @tags color
+     */
     colorPrimaryDeti: ColorWithStates;
+    /**
+     * @desc Акцентный цвет проекта dobro.mail.ru
+     * @tags color
+     */
     colorPrimaryDobro: ColorWithStates;
+    /**
+     * @desc Акцентный цвет проекта health.mail.ru
+     * @tags color, lagacy
+     */
     colorPrimaryHealth: ColorWithStates;
+    /**
+     * @desc Альтернативный акцентный цвет проекта health.mail.ru
+     * @tags color, lagacy
+     */
     colorPrimaryHealthNew: ColorWithStates;
+    /**
+     * @desc Акцентный цвет проекта hi-tech.mail.ru
+     * @tags color
+     */
     colorPrimaryHitech: ColorWithStates;
+    /**
+     * @desc Акцентный цвет проекта kino.mail.ru
+     * @tags color
+     */
     colorPrimaryKino: ColorWithStates;
+    /**
+     * @desc Акцентный цвет проекта lady.mail.ru
+     * @tags color
+     */
     colorPrimaryLady: ColorWithStates;
     colorPrimaryMycom: ColorWithStates;
+    /**
+     * @desc Акцентный цвет проекта dom.mail.ru
+     * @tags color
+     */
     colorPrimaryRealty: ColorWithStates;
     colorPrimaryPharma: ColorWithStates;
+    /**
+     * @desc Акцентный цвет проекта pets.mail.ru
+     * @tags color
+     */
     colorPrimaryPets: ColorWithStates;
+    /**
+     * @desc Второстепенный акцентный цвет. Используют проекты news.mail.ru, sportmail.ru, pogoda.mail.ru
+     * @tags color
+     */
     colorSecondaryBase: ColorWithStates;
+    /**
+     * @desc Альтернативный акцентный цвет проекта health.mail.ru
+     * @tags color, lagacy
+     */
     colorSecondaryHealth: ColorWithStates;
     colorSecondaryMycom: ColorWithStates;
 }
@@ -38,34 +90,120 @@ type SocialColorsDescriptions = {
     [key in keyof SocialColors]: ColorDescription;
 };
 interface MediaUniqTokens {
-    mediaFontMediaHeader: Adaptive<Font>;
+    /**
+     * @desc Заголовок h1
+     * @tags font
+     */
     mediaFontMediaTitle1: Adaptive<Font>;
+    /**
+     * @desc Заголовок h2
+     * @tags font
+     */
     mediaFontMediaTitle2: Adaptive<Font>;
+    /**
+     * @desc Заголовок h3
+     * @tags font
+     */
     mediaFontMediaTitle3: Adaptive<Font>;
+    /**
+     * @desc Заголовок h4
+     * @tags font
+     */
+    mediaFontMediaTitle4: Adaptive<Font>;
+    /**
+     * @desc Заголовок h5
+     * @tags font
+     */
+    mediaFontMediaTitle5: Adaptive<Font>;
+    /**
+     * @desc Заголовок h6
+     * @tags font
+     */
+    mediaFontMediaTitle6: Adaptive<Font>;
+    /**
+     * @desc Лид статьи
+     * @tags font
+     */
     mediaFontMediaLead: Adaptive<Font>;
+    /**
+     * @desc Цитата или другой врез
+     * @tags font
+     */
+    mediaFontMediaQuote: Adaptive<Font>;
+    /**
+     * @desc Автор цитаты
+     * @tags font
+     */
+    mediaFontMediaQuotePerson: Adaptive<Font>;
+    /**
+     * @desc Параграф статьи
+     * @tags font
+     */
     mediaFontMediaParagraph: Adaptive<Font>;
+    /**
+     * @desc Второстепенный блок текста
+     * @tags font
+     */
+    mediaFontMediaParagraphSecondary: Adaptive<Font>;
+    /**
+     * @desc Второстепенный текст
+     * @tags font
+     */
+    mediaFontMediaTextSecondaryLight: Adaptive<Font>;
+    /**
+     * @desc Подпись под блоком статьи
+     * @tags font
+     */
+    mediaFontMediaCaption: Adaptive<Font>;
+    /**
+     * @desc Подпись под блоком статьи заглавными буквами
+     * @tags font
+     */
+    mediaFontMediaCaptionCaps: Adaptive<Font>;
+    /**
+     * @desc Семейство шрифтов статьи
+     * @tags font
+     */
     fontFamilyArticle: Property.FontFamily;
-    fontWeightArticle1: Property.FontWeight;
-    fontWeightArticle2: Property.FontWeight;
     fontH1: Adaptive<Font>;
     fontH2: Adaptive<Font>;
     fontH3: Adaptive<Font>;
     fontH4: Adaptive<Font>;
-    fontLead: Adaptive<Font>;
-    fontArticleBody: Adaptive<Font>;
-    fontSpecificText: Adaptive<Font>;
-    fontSpecificFootnote: Adaptive<Font>;
-    fontSpecificButton: Adaptive<Font>;
+    /**
+     * @desc Ширина колонки страницы
+     * @tags size, component
+     */
     gridWrapperContent: Adaptive<number | string>;
+    /**
+     * @desc Ширина основной колонки контента
+     * @tags size, component
+     */
     gridMainContent: Adaptive<number | string>;
+    /**
+     * @desc Ширина sidebar
+     * @tags size, component
+     */
     gridAsideContent: Adaptive<number | string>;
+    /**
+     * @desc
+     * @tags size, component
+     */
     gridColumnX2: Adaptive<string | number>;
+    /**
+     * @desc
+     * @tags size, component
+     */
     gridColumnX3: Adaptive<string | number>;
+    /**
+     * @desc
+     * @tags size, component
+     */
     gridColumnX4: Adaptive<string | number>;
+    /**
+     * @desc
+     * @tags size, component
+     */
     gridColumnX6: Adaptive<string | number>;
-    gridContent: Adaptive<number | string>;
-    gridLayoutArticle: Adaptive<string | number>;
-    gridLayoutBanner: Adaptive<string | number>;
 }
 export interface ThemeMedia extends ParadigmTheme<MediaViewportsTuple>, ProjectColors, SocialColors, MediaUniqTokens {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-tokens",
-  "version": "4.43.0",
+  "version": "4.43.2-dev-78ebf3.0",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "license": "MIT",
   "homepage": "https://vkcom.github.io/vkui-tokens",
@@ -50,11 +50,9 @@
     "@types/fs-extra": "11.0.4",
     "@types/lodash": "4.14.202",
     "@types/node": "18.11.10",
-    "@types/react": "18.2.48",
-    "@types/react-dom": "18.2.18",
-    "@typescript-eslint/eslint-plugin": "6.13.2",
-    "@typescript-eslint/parser": "6.20.0",
-    "@vkontakte/appearance": "https://github.com/VKCOM/Appearance#v10.1.7",
+    "@types/react": "18.2.55",
+    "@types/react-dom": "18.2.19",
+    "@vkontakte/appearance": "https://github.com/VKCOM/Appearance#v10.2.0",
     "@vkontakte/icons": "2.95.0",
     "@vkontakte/prettier-config": "0.1.0",
     "@vkontakte/vk-bridge": "2.12.2",
@@ -69,44 +67,47 @@
     "copy-webpack-plugin": "12.0.2",
     "css-loader": "6.8.1",
     "css.escape": "1.5.1",
-    "eslint": "7.32.0",
-    "eslint-config-prettier": "9.0.0",
-    "eslint-config-silence": "1.0.0",
+    "eslint": "8.56.0",
+    "eslint-config-prettier": "9.1.0",
     "eslint-import-resolver-alias": "1.1.2",
     "eslint-plugin-compat": "4.2.0",
-    "eslint-plugin-import": "2.28.1",
+    "eslint-plugin-import": "2.29.1",
     "eslint-plugin-jasmine": "4.1.3",
-    "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-simple-import-sort": "10.0.0",
-    "eslint-plugin-sonarjs": "0.19.0",
+    "eslint-plugin-node": "11.1.0",
+    "eslint-plugin-prettier": "5.1.3",
+    "eslint-plugin-promise": "6.1.1",
+    "eslint-plugin-simple-import-sort": "12.0.0",
+    "eslint-plugin-sonarjs": "0.24.0",
+    "eslint-plugin-unicorn": "51.0.1",
     "fs-extra": "11.2.0",
     "html-webpack-plugin": "5.6.0",
-    "husky": "8.0.3",
+    "husky": "9.0.11",
     "jest": "29.7.0",
     "jest-junit": "16.0.0",
     "lint-staged": "15.2.0",
     "lodash": "4.17.21",
-    "prettier": "2.8.8",
+    "prettier": "3.2.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "rimraf": "5.0.5",
     "style-loader": "3.3.3",
-    "terser-webpack-plugin": "5.3.9",
+    "terser-webpack-plugin": "5.3.10",
     "ts-jest": "29.1.2",
     "ts-loader": "9.5.1",
     "ts-morph": "20.0.0",
     "ts-node": "10.9.2",
     "tsconfig-paths": "4.2.0",
     "tscpaths": "0.0.9",
-    "type-fest": "4.10.1",
+    "type-fest": "4.10.2",
     "typescript": "5.2.2",
-    "webpack": "5.89.0",
+    "typescript-eslint": "7.0.1",
+    "webpack": "5.90.1",
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "4.15.1",
     "webpack-notifier": "1.15.0"
   },
   "engines": {
-    "npm": "^9.3.1",
-    "yarn": "^1.21.1"
+    "npm": ">=9.3.1",
+    "yarn": ">=1.21.1 <2"
   }
 }