@vkontakte/vkui-tokens 4.42.0 → 4.43.1

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

@@ -0,0 +1,28 @@
+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;
+}
+interface ThemeDobroFonts {
+    dobroFontFamily600: string;
+    dobroFontFamily500: string;
+    dobroFontFamily400: 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 ThemeDobro = ThemeDobroStaticType<DobroViewportsTuple>;
+export type ThemeDobroDescription = ThemeDobroDescriptionStatic<DobroViewportsTuple>;
+export type ThemeDobroCssVars = ThemeDobroCssVarsStatic;
+export {};

package/interfaces/themes/dobro/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,4 @@
+import type { ThemeDobro, ThemeDobroCssVars, ThemeDobroDescription } from '../dobro';
+export type ThemeDobroDark = ThemeDobro;
+export type ThemeDobroDarkDescription = ThemeDobroDescription;
+export type ThemeDobroDarkCssVars = ThemeDobroCssVars;

package/interfaces/themes/dobroDark/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-tokens",
-  "version": "4.42.0",
+  "version": "4.43.1",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "license": "MIT",
   "homepage": "https://vkcom.github.io/vkui-tokens",
@@ -43,70 +43,71 @@
     "csstype": "^3.1.1"
   },
   "devDependencies": {
-    "@babel/core": "7.23.7",
+    "@babel/core": "7.23.9",
     "@svgr/webpack": "8.1.0",
     "@types/color": "3.0.6",
     "@types/common-tags": "1.8.4",
     "@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.13.1",
-    "@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",
     "@vkontakte/vkjs": "1.1.1",
-    "@vkontakte/vkui": "5.10.0",
+    "@vkontakte/vkui": "6.0.0",
     "babel-jest": "29.7.0",
     "babel-loader": "9.1.3",
     "clean-webpack-plugin": "4.0.0",
     "clsx": "2.0.0",
     "color": "4.2.3",
     "common-tags": "1.8.2",
-    "copy-webpack-plugin": "11.0.0",
+    "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",
-    "ts-jest": "29.1.1",
+    "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.8.3",
+    "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"
   }
 }