@vkontakte/vkui-tokens 4.5.2 → 4.6.0

package/build/compilers/index.d.ts

@@ -3,7 +3,7 @@ declare type ThemeBuildType = 'root' | 'subtheme' | 'flat' | 'cssVars' | 'cssVar
 declare function writeJsonFile<T = Theme>(themePath: string, theme: T, _?: ThemeBuildType): void;
 declare function writeTsFile<T extends SpecialTokens = Theme>(themePath: string, theme: T, type: ThemeBuildType, themeName?: string): void;
 declare function writeStyleFiles<PT extends PixelifyTheme = PixelifyTheme>(themePath: string, theme: PT): void;
-declare function writeCssVarsSourceFile<PT extends PixelifyTheme = PixelifyTheme>(themePath: string, theme: PT, cssWarsTheme: any): void;
+declare function writeCssVarsSourceFile<PT extends PixelifyTheme = PixelifyTheme>(themePath: string, theme: PT, cssVarsTheme: any, themeBase?: PT): void;
 declare function writeCssVarsSourceMediaFile<T = ThemeCssVarsWide>(themePath: string, theme: T): void;
 declare function writeCssVarsJsUtils<T = Theme>(themePath: string, theme: ThemeCssVarsWide<T>): void;
 export { writeCssVarsJsUtils, writeCssVarsSourceFile, writeCssVarsSourceMediaFile, writeJsonFile, writeStyleFiles, writeTsFile, };

package/build/compilers/index.js

@@ -12,6 +12,19 @@ var compileStyles_1 = require("./styles/compileStyles");
 var compileTypeScript_1 = require("./ts/compileTypeScript");
 var capitalize_1 = require("../helpers/capitalize");
 var compileBreakpointsCssVarsDeclaration_1 = require("./cssVars/declarations/compileBreakpointsCssVarsDeclaration");
+var cssModes = [
+    { mode: 'default', fileName: 'index.css' },
+    { mode: 'onlyVariables', fileName: 'onlyVariables.css' },
+    { mode: 'onlyVariablesLocal', fileName: 'onlyVariablesLocal.css' },
+    {
+        mode: 'onlyVariablesLocalIncremental',
+        fileName: 'onlyVariablesLocalIncremental.css',
+    },
+    { mode: 'onlyColors', fileName: 'onlyColors.css' },
+    { mode: 'onlyAdaptiveGroups', fileName: 'onlyAdaptiveGroups.css' },
+    { mode: 'noSizes', fileName: 'noSizes.css' },
+    { mode: 'noColors', fileName: 'noColors.css' },
+];
 function writeJsonFile(themePath, theme, _) {
     console.log("\u043A\u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u0435\u043C json...");
     var fileName = "index.json";
@@ -65,26 +78,26 @@ function writeStyleFiles(themePath, theme) {
     });
 }
 exports.writeStyleFiles = writeStyleFiles;
-function writeCssVarsSourceFile(themePath, theme, cssWarsTheme) {
+function writeCssVarsSourceFile(themePath, theme, cssVarsTheme, themeBase) {
+    var _a;
     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...");
-    [
-        { mode: 'default', fileName: 'index.css' },
-        { mode: 'onlyVariables', fileName: 'onlyVariables.css' },
-        { mode: 'onlyVariablesLocal', fileName: 'onlyVariablesLocal.css' },
-        { mode: 'onlyColors', fileName: 'onlyColors.css' },
-        { mode: 'onlyAdaptiveGroups', fileName: 'onlyAdaptiveGroups.css' },
-        { mode: 'noSizes', fileName: 'noSizes.css' },
-        { mode: 'noColors', fileName: 'noColors.css' },
-    ].forEach(function (_a) {
-        var _b;
-        var mode = _a.mode, fileName = _a.fileName;
-        var filePath = path_1.default.resolve(themePath, fileName);
-        var content = mode === 'default'
-            ? compileStyles_1.compileStyles('css', theme, 'withAdaptiveGroups') + "\n\n" + ((_b = compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration(cssWarsTheme)) !== null && _b !== void 0 ? _b : '')
-            : compileStyles_1.compileStyles('css', theme, mode);
+    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 compiledVars = compileStyles_1.compileStyles('css', theme, modeConfig.mode === 'default'
+            ? 'withAdaptiveGroups'
+            : modeConfig.mode, themeBase);
+        var compiledBreakpoints = modeConfig.mode === 'default'
+            ? "\n\n" + ((_a = compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration(cssVarsTheme)) !== null && _a !== void 0 ? _a : '')
+            : '';
+        if (compiledBreakpoints.includes('null')) {
+            console.error(modeConfig);
+            throw new Error('NULL');
+        }
+        var content = compiledVars + compiledBreakpoints;
         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 " + fileName);
-    });
+        console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B " + modeConfig.fileName);
+    }
 }
 exports.writeCssVarsSourceFile = writeCssVarsSourceFile;
 function writeCssVarsSourceMediaFile(themePath, theme) {

package/build/compilers/styles/compileStyles.d.ts

@@ -2,10 +2,10 @@ import 'css.escape';
 import { PixelifyTheme } from '../../../interfaces/general';
 import { Formats } from './helpers/tokenProcessors';
 export declare const serviceKeys: string[];
-export declare type CompileStylesMode = 'default' | 'onlyVariables' | 'onlyVariablesLocal' | 'onlyColors' | 'withAdaptiveGroups' | 'onlyAdaptiveGroups' | 'noSizes' | 'noColors';
+export declare type CompileStylesMode = 'default' | 'onlyVariables' | 'onlyVariablesLocal' | 'onlyVariablesLocalIncremental' | 'onlyColors' | 'withAdaptiveGroups' | 'onlyAdaptiveGroups' | 'noSizes' | 'noColors';
 export declare function getPrefix<PT extends PixelifyTheme>(format: Formats, theme: PT): string;
 export declare function getRootSelector<PT extends PixelifyTheme>(theme: PT, mode: CompileStylesMode): string;
 /**
- * Компиллирует строку со стилями (в разных форматах), на основе темы
+ * Компилирует строку со стилями (в разных форматах), на основе темы
  */
-export declare const compileStyles: <PT extends PixelifyTheme<import("../../../interfaces/general/tools/tokenValue").StaticTokens<import("../../../interfaces/general").Theme>> = PixelifyTheme<import("../../../interfaces/general/tools/tokenValue").StaticTokens<import("../../../interfaces/general").Theme>>>(format: Formats, theme: PT, mode?: CompileStylesMode) => string;
+export declare const compileStyles: <PT extends PixelifyTheme<import("../../../interfaces/general/tools/tokenValue").StaticTokens<import("../../../interfaces/general").Theme>> = PixelifyTheme<import("../../../interfaces/general/tools/tokenValue").StaticTokens<import("../../../interfaces/general").Theme>>>(format: Formats, theme: PT, mode?: CompileStylesMode, themeBase?: PT) => string;

package/build/compilers/styles/compileStyles.js

@@ -6,6 +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 common_tags_1 = require("common-tags");
 var getAllButColors_1 = require("../../helpers/getAllButColors");
 var getAllButSizes_1 = require("../../helpers/getAllButSizes");
@@ -28,22 +29,44 @@ function getPrefix(format, theme) {
     return prefix;
 }
 exports.getPrefix = getPrefix;
-function getRootSelector(theme, mode) {
+function isOnlyVariables(mode) {
+    return mode.toLowerCase().includes('onlyvariables');
+}
+function isLocal(mode) {
+    return mode.toLowerCase().includes('local');
+}
+function isIncremental(mode) {
+    return mode.toLowerCase().includes('incremental');
+}
+function getThemeNameBase(theme) {
     var _a;
-    if (!mode.endsWith('Local')) {
+    return (_a = theme.themeNameBase) !== null && _a !== void 0 ? _a : theme.themeName;
+}
+function getRootSelector(theme, mode) {
+    if (!isLocal(mode)) {
         return ':root';
     }
-    return "." + getPrefix(tokenProcessors_1.EStyleTypes.CSS, theme) + ((_a = theme.themeNameBase) !== null && _a !== void 0 ? _a : theme.themeName) + "--" + theme.colorsScheme;
+    return "." + getPrefix(tokenProcessors_1.EStyleTypes.CSS, theme) + getThemeNameBase(theme) + "--" + theme.colorsScheme;
 }
 exports.getRootSelector = getRootSelector;
+function isDeepEqual(actual, expected) {
+    try {
+        assert_1.deepStrictEqual(actual, expected);
+        return true;
+    }
+    catch (_) {
+        return false;
+    }
+}
 /**
- * Компиллирует строку со стилями (в разных форматах), на основе темы
+ * Компилирует строку со стилями (в разных форматах), на основе темы
  */
-var compileStyles = function (format, theme, mode) {
+var compileStyles = function (format, theme, mode, themeBase) {
     if (mode === void 0) { mode = 'default'; }
     var classicCssType = isClassicCssType(format);
     var prefix = getPrefix(format, theme);
     var rootSelector = getRootSelector(theme, mode);
+    var incremental = isIncremental(mode);
     var getDeclaration = tokenProcessors_1.varDeclarations[format];
     var getVariableStatement = tokenProcessors_1.variablesStatementDeclaration[format];
     var getCustomMediaDeclaration = tokenProcessors_1.customMediaDeclaration[format];
@@ -67,6 +90,10 @@ var compileStyles = function (format, theme, mode) {
             return;
         }
         var token = theme[key];
+        // в инкрементальном режиме пропускаем токены, чьи значения совпадают со значениями из themeBase
+        if (incremental && themeBase && isDeepEqual(token, themeBase[key])) {
+            return;
+        }
         // если переменная — строка (например, имя темы)
         if (tokenRecognition_1.isString(token, key)) {
             variables += getVariableStatement(getDeclaration(key, prefix), "'" + CSS.escape(token) + "'");
@@ -114,7 +141,7 @@ var compileStyles = function (format, theme, mode) {
     if (classicCssType && variables) {
         result = common_tags_1.stripIndent(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t\t", " {\n\t\t", "}\n\t\t"], ["\n\t\t", " {\n\t\t", "}\n\t\t"])), rootSelector, variables.split('\n').join('\n\t\t'));
     }
-    if (mode === 'onlyVariables' || mode === 'onlyVariablesLocal') {
+    if (isOnlyVariables(mode)) {
         return common_tags_1.stripIndent(result);
     }
     if (mode === 'onlyAdaptiveGroups') {

package/build/compilers/styles/compileStyles.test.js

@@ -9,7 +9,7 @@ var compileStyles_1 = require("./compileStyles");
 var tokenProcessors_1 = require("./helpers/tokenProcessors");
 var formats = Object.values(tokenProcessors_1.EStyleTypes);
 function runTest(format, testData) {
-    var compiled = compileStyles_1.compileStyles(format, testData.descriptionTheme, testData.mode);
+    var compiled = compileStyles_1.compileStyles(format, testData.descriptionTheme, testData.mode, testData.descriptionThemeBase);
     expect(compiled).toBe(testData.result[format]);
 }
 describe('compileStyles', function () {
@@ -283,5 +283,43 @@ describe('compileStyles', function () {
             },
         });
     });
+    test.each(formats)('%s: onlyVariablesLocalIncremental', function (f) {
+        runTest(f, {
+            mode: 'onlyVariablesLocalIncremental',
+            descriptionTheme: {
+                themeName: 'vkIOSDark',
+                themeNameBase: 'vkIOS',
+                themeInheritsFrom: 'vkIOS',
+                colorsScheme: 'dark',
+                sizeBasePadding: {
+                    regular: '20px',
+                },
+                colorBackground: {
+                    normal: '#FFF',
+                    hover: '#AAA',
+                    active: '#CCC',
+                },
+            },
+            descriptionThemeBase: {
+                themeName: 'vkIOS',
+                colorsScheme: 'light',
+                sizeBasePadding: {
+                    regular: '20px',
+                },
+                colorBackground: {
+                    normal: '#AAA',
+                    hover: '#AAA',
+                    active: '#CCC',
+                },
+            },
+            result: {
+                css: common_tags_1.stripIndent(templateObject_61 || (templateObject_61 = __makeTemplateObject(["\n\t\t\t\t\t.vkui--vkIOS--dark {\n\t\t\t\t\t\t--vkui--theme_name: 'vkIOSDark';\n\t\t\t\t\t\t--vkui--theme_name_base: 'vkIOS';\n\t\t\t\t\t\t--vkui--theme_inherits_from: 'vkIOS';\n\t\t\t\t\t\t--vkui--colors_scheme: dark;\n\t\t\t\t\t\t--vkui--color_background: #FFF;\n\t\t\t\t\t\t--vkui--color_background--hover: #AAA;\n\t\t\t\t\t\t--vkui--color_background--active: #CCC;\n\t\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t\t.vkui--vkIOS--dark {\n\t\t\t\t\t\t--vkui--theme_name: 'vkIOSDark';\n\t\t\t\t\t\t--vkui--theme_name_base: 'vkIOS';\n\t\t\t\t\t\t--vkui--theme_inherits_from: 'vkIOS';\n\t\t\t\t\t\t--vkui--colors_scheme: dark;\n\t\t\t\t\t\t--vkui--color_background: #FFF;\n\t\t\t\t\t\t--vkui--color_background--hover: #AAA;\n\t\t\t\t\t\t--vkui--color_background--active: #CCC;\n\t\t\t\t\t}\n\t\t\t\t"]))),
+                scss: common_tags_1.stripIndent(templateObject_62 || (templateObject_62 = __makeTemplateObject(["\n\t\t\t\t\t$theme-name: 'vkIOSDark';\n\t\t\t\t\t$theme-name-base: 'vkIOS';\n\t\t\t\t\t$theme-inherits-from: 'vkIOS';\n\t\t\t\t\t$colors-scheme: dark;\n\t\t\t\t\t$color-background: #FFF;\n\t\t\t\t\t$color-background--hover: #AAA;\n\t\t\t\t\t$color-background--active: #CCC;\n\t\t\t\t"], ["\n\t\t\t\t\t$theme-name: 'vkIOSDark';\n\t\t\t\t\t$theme-name-base: 'vkIOS';\n\t\t\t\t\t$theme-inherits-from: 'vkIOS';\n\t\t\t\t\t$colors-scheme: dark;\n\t\t\t\t\t$color-background: #FFF;\n\t\t\t\t\t$color-background--hover: #AAA;\n\t\t\t\t\t$color-background--active: #CCC;\n\t\t\t\t"]))),
+                pcss: common_tags_1.stripIndent(templateObject_63 || (templateObject_63 = __makeTemplateObject(["\n\t\t\t\t.vkui--vkIOS--dark {\n\t\t\t\t\t--theme-name: 'vkIOSDark';\n\t\t\t\t\t--theme-name-base: 'vkIOS';\n\t\t\t\t\t--theme-inherits-from: 'vkIOS';\n\t\t\t\t\t--colors-scheme: dark;\n\t\t\t\t\t--color-background: #FFF;\n\t\t\t\t\t--color-background--hover: #AAA;\n\t\t\t\t\t--color-background--active: #CCC;\n\t\t\t\t}"], ["\n\t\t\t\t.vkui--vkIOS--dark {\n\t\t\t\t\t--theme-name: 'vkIOSDark';\n\t\t\t\t\t--theme-name-base: 'vkIOS';\n\t\t\t\t\t--theme-inherits-from: 'vkIOS';\n\t\t\t\t\t--colors-scheme: dark;\n\t\t\t\t\t--color-background: #FFF;\n\t\t\t\t\t--color-background--hover: #AAA;\n\t\t\t\t\t--color-background--active: #CCC;\n\t\t\t\t}"]))),
+                less: common_tags_1.stripIndent(templateObject_64 || (templateObject_64 = __makeTemplateObject(["\n\t\t\t\t\t@theme-name: 'vkIOSDark';\n\t\t\t\t\t@theme-name-base: 'vkIOS';\n\t\t\t\t\t@theme-inherits-from: 'vkIOS';\n\t\t\t\t\t@colors-scheme: dark;\n\t\t\t\t\t@color-background: #FFF;\n\t\t\t\t\t@color-background--hover: #AAA;\n\t\t\t\t\t@color-background--active: #CCC;\n\t\t\t\t"], ["\n\t\t\t\t\t@theme-name: 'vkIOSDark';\n\t\t\t\t\t@theme-name-base: 'vkIOS';\n\t\t\t\t\t@theme-inherits-from: 'vkIOS';\n\t\t\t\t\t@colors-scheme: dark;\n\t\t\t\t\t@color-background: #FFF;\n\t\t\t\t\t@color-background--hover: #AAA;\n\t\t\t\t\t@color-background--active: #CCC;\n\t\t\t\t"]))),
+                styl: common_tags_1.stripIndent(templateObject_65 || (templateObject_65 = __makeTemplateObject(["\n\t\t\t\t\t$theme-name = 'vkIOSDark';\n\t\t\t\t\t$theme-name-base = 'vkIOS';\n\t\t\t\t\t$theme-inherits-from = 'vkIOS';\n\t\t\t\t\t$colors-scheme = dark;\n\t\t\t\t\t$color-background = #FFF;\n\t\t\t\t\t$color-background--hover = #AAA;\n\t\t\t\t\t$color-background--active = #CCC;\n\t\t\t\t"], ["\n\t\t\t\t\t$theme-name = 'vkIOSDark';\n\t\t\t\t\t$theme-name-base = 'vkIOS';\n\t\t\t\t\t$theme-inherits-from = 'vkIOS';\n\t\t\t\t\t$colors-scheme = dark;\n\t\t\t\t\t$color-background = #FFF;\n\t\t\t\t\t$color-background--hover = #AAA;\n\t\t\t\t\t$color-background--active = #CCC;\n\t\t\t\t"]))),
+            },
+        });
+    });
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60, templateObject_61, templateObject_62, templateObject_63, templateObject_64, templateObject_65;

package/build/compilers/styles/helpers/tokenRecognition.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isCustomMediaToken = exports.isAdaptiveFlatToken = exports.isGroupToken = exports.isColor = exports.isString = void 0;
 var customMedia_1 = require("../../../themeProcessors/customMedia/customMedia");
-var stringKeys = ['themeName', 'themeNameBase'];
+var stringKeys = ['themeName', 'themeNameBase', 'themeInheritsFrom'];
 function isString(token, key) {
     return typeof token === 'string' && stringKeys.includes(key);
 }

package/interfaces/general/colors/index.d.ts

@@ -99,6 +99,7 @@ export interface ColorsDescriptionStruct {
     colorOverlayPrimary: ColorDescription;
     colorTransparent: ColorDescription;
     colorBackgroundNegativeTint: ColorDescription;
+    colorFieldBackground: ColorDescription;
 }
 export declare type Colors = {
     [key in keyof ColorsDescriptionStruct]: ColorWithStates;

package/interfaces/general/index.d.ts

@@ -28,6 +28,7 @@ export interface ColorsFinal extends Colors, ColorsScheme {
 export interface SpecialTokens {
     themeName: string;
     themeNameBase?: string;
+    themeInheritsFrom?: string;
     prefix?: string;
 }
 export interface WithThemeType {

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

@@ -38,6 +38,12 @@ declare type SocialColorsDescriptions = {
     [key in keyof SocialColors]: ColorDescription;
 };
 interface MediaUniqTokens {
+    mediaFontMediaHeader: Adaptive<Font>;
+    mediaFontMediaTitle1: Adaptive<Font>;
+    mediaFontMediaTitle2: Adaptive<Font>;
+    mediaFontMediaTitle3: Adaptive<Font>;
+    mediaFontMediaLead: Adaptive<Font>;
+    mediaFontMediaParagraph: Adaptive<Font>;
     fontFamilyArticle: Property.FontFamily;
     fontWeightArticle1: Property.FontWeight;
     fontWeightArticle2: Property.FontWeight;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vkontakte/vkui-tokens",
-  "version": "4.5.2",
+  "version": "4.6.0",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "license": "MIT",
   "main": "utils/descriptions.js",
   "scripts": {
-    "build": "npm run build:script && npm run tsc:generate-paths && npm run tsc:dist",
+    "build": "mkdir -p dist && npm run build:script && npm run tsc:generate-paths && npm run tsc:dist",
     "build:local": "npm run build && npm run clear:dist",
     "prepublish:dist": "npm run clear:src && npm run build",
     "publish:dist": "npm run prepublish:dist && cd dist && npm publish --access=public",
@@ -61,5 +61,8 @@
     "tscpaths": "0.0.9",
     "type-fest": "1.0.2",
     "typescript": "4.2.4"
+  },
+  "engines": {
+    "npm": "8.5.5"
   }
 }

package/themeDescriptions/base/paradigm.js

@@ -46,6 +46,7 @@ exports.lightColors = {
         colorBackgroundModal: '#FFFFFF',
         colorBackgroundPositive: '#0DC268',
         colorBackgroundNegativeTint: '#FAEBEB',
+        colorFieldBackground: '#ffffff',
         // Text
         colorTextAccent: '#005FF9',
         colorTextAccentThemed: '#005FF9',
@@ -139,6 +140,7 @@ exports.darkColors = {
         colorBackgroundModal: '#303030',
         colorBackgroundPositive: '#0DC268',
         colorBackgroundNegativeTint: '#522e2e',
+        colorFieldBackground: '#232324',
         // Text
         colorTextAccent: '#3C82FD',
         colorTextAccentThemed: '#FFFFFF',

package/themeDescriptions/base/vk.js

@@ -70,7 +70,12 @@ exports.lightColors = {
         colorImagePlaceholderAlpha: 'rgba(0, 28, 61, 0.08)',
         colorImagePlaceholder: '#F2F3F5',
         colorSearchFieldBackground: '#EBEDF0',
-        colorFieldBorderAlpha: 'rgba(0, 0, 0, 0.12)',
+        colorFieldBorderAlpha: {
+            normal: 'rgba(0, 0, 0, 0.12)',
+            hover: 'rgba(0, 0, 0, 0.24)',
+            active: 'rgba(0, 0, 0, 0.36)',
+        },
+        colorFieldBackground: '#f2f3f5',
         colorSeparatorPrimaryAlpha: 'rgba(0, 0, 0, 0.12)',
         colorSeparatorSecondary: '#E1E3E6',
         colorSeparatorPrimary: '#D7D8D9',
@@ -158,6 +163,7 @@ exports.darkColors = {
         colorImagePlaceholder: '#2A2B2C',
         colorSearchFieldBackground: '#232324',
         colorFieldBorderAlpha: 'rgba(255, 255, 255, 0.12)',
+        colorFieldBackground: '#292929',
         colorSeparatorPrimaryAlpha: 'rgba(0, 0, 0, 0.4)',
         colorSeparatorSecondary: '#141415',
         colorSeparatorPrimary: '#0F0F10',
@@ -454,6 +460,6 @@ exports.lightTheme = __assign(__assign({ themeName: 'vkBase', themeNameBase: 'vk
     }, 
     // Прочие отступы
     elevation1: '0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)', elevation2: '0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)', elevation3: '0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)', elevation4: '0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)', animationDurationL: '0.4s', animationDurationM: '0.2s', animationDurationS: '0.1s', animationEasingDefault: 'cubic-bezier(0.3, 0.3, 0.5, 1)', opacityDisable: 0.4, opacityDisableAccessibility: 0.64 });
-exports.darkTheme = __assign(__assign(__assign({}, exports.lightTheme), exports.darkColors), { themeName: 'vkBaseDark', colorsScheme: 'dark', 
+exports.darkTheme = __assign(__assign(__assign({}, exports.lightTheme), exports.darkColors), { themeName: 'vkBaseDark', themeInheritsFrom: 'vkBase', colorsScheme: 'dark', 
     // TODO: Поставить нормальные отступы из тёмной темы
     elevation1: '0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)', elevation2: '0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)', elevation3: '0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)', elevation4: '0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)' });

package/themes/calendar/cssVars/declarations/index.css

@@ -381,6 +381,9 @@
 	--vkui--color_background_negative_tint: #FAEBEB;
 	--vkui--color_background_negative_tint--hover: #F0E2E4;
 	--vkui--color_background_negative_tint--active: #E6D9DD;
+	--vkui--color_field_background: #ffffff;
+	--vkui--color_field_background--hover: #F5F5F7;
+	--vkui--color_field_background--active: #EBECEF;
 	--vkui--color_text_accent: #005FF9;
 	--vkui--color_text_accent--hover: #005CF1;
 	--vkui--color_text_accent--active: #0059EA;

package/themes/calendar/cssVars/declarations/noSizes.css

@@ -65,6 +65,9 @@
 	--vkui--color_background_negative_tint: #FAEBEB;
 	--vkui--color_background_negative_tint--hover: #F0E2E4;
 	--vkui--color_background_negative_tint--active: #E6D9DD;
+	--vkui--color_field_background: #ffffff;
+	--vkui--color_field_background--hover: #F5F5F7;
+	--vkui--color_field_background--active: #EBECEF;
 	--vkui--color_text_accent: #005FF9;
 	--vkui--color_text_accent--hover: #005CF1;
 	--vkui--color_text_accent--active: #0059EA;

package/themes/calendar/cssVars/declarations/onlyColors.css

@@ -44,6 +44,9 @@
 	--vkui--color_background_negative_tint: #FAEBEB;
 	--vkui--color_background_negative_tint--hover: #F0E2E4;
 	--vkui--color_background_negative_tint--active: #E6D9DD;
+	--vkui--color_field_background: #ffffff;
+	--vkui--color_field_background--hover: #F5F5F7;
+	--vkui--color_field_background--active: #EBECEF;
 	--vkui--color_text_accent: #005FF9;
 	--vkui--color_text_accent--hover: #005CF1;
 	--vkui--color_text_accent--active: #0059EA;

package/themes/calendar/cssVars/declarations/onlyColors.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDeclarationVarColorsObject = exports.getDeclarationVarColorsString = void 0;
 function getDeclarationVarColorsString() {
-    return "--vkui--color_background_accent: #005FF9;--vkui--color_background_accent--hover: #005CF1;--vkui--color_background_accent--active: #0059EA;--vkui--color_background_accent_themed: #005FF9;--vkui--color_background_accent_themed--hover: #005CF1;--vkui--color_background_accent_themed--active: #0059EA;--vkui--color_background_accent_alternative: #FF9E00;--vkui--color_background_accent_alternative--hover: #F59802;--vkui--color_background_accent_alternative--active: #EB9305;--vkui--color_background_content: #FFFFFF;--vkui--color_background_content--hover: #F5F5F7;--vkui--color_background_content--active: #EBECEF;--vkui--color_background_secondary: #EBECEF;--vkui--color_background_secondary--hover: #E2E3E8;--vkui--color_background_secondary--active: #D8DAE1;--vkui--color_background_secondary_alpha: rgba(0, 16, 61, 0.06);--vkui--color_background_secondary_alpha--hover: rgba(0, 16, 61, 0.1);--vkui--color_background_secondary_alpha--active: rgba(0, 16, 61, 0.14);--vkui--color_background: #FFFFFF;--vkui--color_background--hover: #F5F5F7;--vkui--color_background--active: #EBECEF;--vkui--color_background_contrast: #FFFFFF;--vkui--color_background_contrast--hover: #F5F5F7;--vkui--color_background_contrast--active: #EBECEF;--vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.20);--vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);--vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.28);--vkui--color_background_warning: #FFF1AD;--vkui--color_background_warning--hover: #F5E8A9;--vkui--color_background_warning--active: #EBDFA4;--vkui--color_background_negative: #ED0A34;--vkui--color_background_negative--hover: #E40A34;--vkui--color_background_negative--active: #DA0A35;--vkui--color_background_tertiary: #F9F9FA;--vkui--color_background_tertiary--hover: #EFF0F2;--vkui--color_background_tertiary--active: #E5E6EB;--vkui--color_background_modal: #FFFFFF;--vkui--color_background_modal--hover: #F5F5F7;--vkui--color_background_modal--active: #EBECEF;--vkui--color_background_positive: #0DC268;--vkui--color_background_positive--hover: #0CBB66;--vkui--color_background_positive--active: #0CB465;--vkui--color_background_negative_tint: #FAEBEB;--vkui--color_background_negative_tint--hover: #F0E2E4;--vkui--color_background_negative_tint--active: #E6D9DD;--vkui--color_text_accent: #005FF9;--vkui--color_text_accent--hover: #005CF1;--vkui--color_text_accent--active: #0059EA;--vkui--color_text_accent_themed: #005FF9;--vkui--color_text_accent_themed--hover: #005CF1;--vkui--color_text_accent_themed--active: #0059EA;--vkui--color_text_negative: #ED0A34;--vkui--color_text_negative--hover: #E40A34;--vkui--color_text_negative--active: #DA0A35;--vkui--color_text_link: #005BD1;--vkui--color_text_link--hover: #0058CB;--vkui--color_text_link--active: #0055C5;--vkui--color_text_link_themed: #005BD1;--vkui--color_text_link_themed--hover: #0058CB;--vkui--color_text_link_themed--active: #0055C5;--vkui--color_text_muted: #2C2D2E;--vkui--color_text_muted--hover: #2A2C2F;--vkui--color_text_muted--active: #282B2F;--vkui--color_text_primary: #2C2D2E;--vkui--color_text_primary--hover: #2A2C2F;--vkui--color_text_primary--active: #282B2F;--vkui--color_text_primary_invariably: #2C2D2E;--vkui--color_text_primary_invariably--hover: #2A2C2F;--vkui--color_text_primary_invariably--active: #282B2F;--vkui--color_text_secondary: #93969B;--vkui--color_text_secondary--hover: #8D9197;--vkui--color_text_secondary--active: #878B93;--vkui--color_text_subhead: #797A80;--vkui--color_text_subhead--hover: #74767D;--vkui--color_text_subhead--active: #6F727B;--vkui--color_text_tertiary: #AAADB3;--vkui--color_text_tertiary--hover: #A3A7AE;--vkui--color_text_tertiary--active: #9CA0AA;--vkui--color_text_link_visited: #528FDF;--vkui--color_text_link_visited--hover: #4F8AD9;--vkui--color_text_link_visited--active: #4B85D2;--vkui--color_text_contrast: #FFFFFF;--vkui--color_text_contrast--hover: #F5F5F7;--vkui--color_text_contrast--active: #EBECEF;--vkui--color_text_contrast_themed: #FFFFFF;--vkui--color_text_contrast_themed--hover: #F5F5F7;--vkui--color_text_contrast_themed--active: #EBECEF;--vkui--color_link_contrast: #FFFFFF;--vkui--color_link_contrast--hover: #F5F5F7;--vkui--color_link_contrast--active: #EBECEF;--vkui--color_text_positive: #0DC268;--vkui--color_text_positive--hover: #0CBB66;--vkui--color_text_positive--active: #0CB465;--vkui--color_icon_accent: #005FF9;--vkui--color_icon_accent--hover: #005CF1;--vkui--color_icon_accent--active: #0059EA;--vkui--color_icon_negative: #ED0A34;--vkui--color_icon_negative--hover: #E40A34;--vkui--color_icon_negative--active: #DA0A35;--vkui--color_icon_primary: #2C2D2E;--vkui--color_icon_primary--hover: #2A2C2F;--vkui--color_icon_primary--active: #282B2F;--vkui--color_icon_primary_invariably: #2C2D2E;--vkui--color_icon_primary_invariably--hover: #2A2C2F;--vkui--color_icon_primary_invariably--active: #282B2F;--vkui--color_icon_medium: #919399;--vkui--color_icon_medium--hover: #8B8E95;--vkui--color_icon_medium--active: #858992;--vkui--color_icon_medium_alpha: rgba(39, 43, 55, 0.5);--vkui--color_icon_medium_alpha--hover: rgba(39, 43, 55, 0.54);--vkui--color_icon_medium_alpha--active: rgba(39, 43, 55, 0.58);--vkui--color_icon_secondary: #B6B8BE;--vkui--color_icon_secondary--hover: #AFB1B9;--vkui--color_icon_secondary--active: #A7ABB4;--vkui--color_icon_secondary_alpha: rgba(39, 43, 55, 0.3);--vkui--color_icon_secondary_alpha--hover: rgba(39, 43, 55, 0.34);--vkui--color_icon_secondary_alpha--active: rgba(39, 43, 55, 0.38);--vkui--color_icon_tertiary: #CFD1D6;--vkui--color_icon_tertiary--hover: #C7C9D0;--vkui--color_icon_tertiary--active: #BEC2CA;--vkui--color_icon_tertiary_alpha: rgba(39, 43, 55, 0.2);--vkui--color_icon_tertiary_alpha--hover: rgba(39, 43, 55, 0.24);--vkui--color_icon_tertiary_alpha--active: rgba(39, 43, 55, 0.28);--vkui--color_icon_contrast: #FFFFFF;--vkui--color_icon_contrast--hover: #F5F5F7;--vkui--color_icon_contrast--active: #EBECEF;--vkui--color_icon_contrast_themed: #FFFFFF;--vkui--color_icon_contrast_themed--hover: #F5F5F7;--vkui--color_icon_contrast_themed--active: #EBECEF;--vkui--color_icon_positive: #0DC268;--vkui--color_icon_positive--hover: #0CBB66;--vkui--color_icon_positive--active: #0CB465;--vkui--color_stroke_accent: #005FF9;--vkui--color_stroke_accent--hover: #005CF1;--vkui--color_stroke_accent--active: #0059EA;--vkui--color_stroke_accent_themed: #005FF9;--vkui--color_stroke_accent_themed--hover: #005CF1;--vkui--color_stroke_accent_themed--active: #0059EA;--vkui--color_stroke_contrast: #FFFFFF;--vkui--color_stroke_contrast--hover: #F5F5F7;--vkui--color_stroke_contrast--active: #EBECEF;--vkui--color_stroke_negative: #ED0A34;--vkui--color_stroke_negative--hover: #E40A34;--vkui--color_stroke_negative--active: #DA0A35;--vkui--color_image_border_alpha: rgba(0, 16, 61, 0.08);--vkui--color_image_border_alpha--hover: rgba(0, 16, 61, 0.12);--vkui--color_image_border_alpha--active: rgba(0, 16, 61, 0.16);--vkui--color_field_border_alpha: rgba(0, 16, 61, 0.12);--vkui--color_field_border_alpha--hover: rgba(0, 16, 61, 0.16);--vkui--color_field_border_alpha--active: rgba(0, 16, 61, 0.2);--vkui--color_separator_primary_alpha: rgba(0, 16, 61, 0.12);--vkui--color_separator_primary_alpha--hover: rgba(0, 16, 61, 0.16);--vkui--color_separator_primary_alpha--active: rgba(0, 16, 61, 0.2);--vkui--color_separator_secondary: #E6E7EB;--vkui--color_separator_secondary--hover: #DDDEE4;--vkui--color_separator_secondary--active: #D4D6DD;--vkui--color_separator_primary: #DADCE0;--vkui--color_separator_primary--hover: #D1D4D9;--vkui--color_separator_primary--active: #C9CCD3;--vkui--color_stroke_positive: #0DC268;--vkui--color_stroke_positive--hover: #0CBB66;--vkui--color_stroke_positive--active: #0CB465;--vkui--color_accent_blue: #005FF9;--vkui--color_accent_blue--hover: #005CF1;--vkui--color_accent_blue--active: #0059EA;--vkui--color_accent_gray: #A5A7AD;--vkui--color_accent_gray--hover: #9EA1A9;--vkui--color_accent_gray--active: #989BA4;--vkui--color_accent_red: #ED0A34;--vkui--color_accent_red--hover: #E40A34;--vkui--color_accent_red--active: #DA0A35;--vkui--color_accent_green: #0DC268;--vkui--color_accent_green--hover: #0CBB66;--vkui--color_accent_green--active: #0CB465;--vkui--color_accent_orange: #FF9E00;--vkui--color_accent_orange--hover: #F59802;--vkui--color_accent_orange--active: #EB9305;--vkui--color_accent_purple: #4F6DDC;--vkui--color_accent_purple--hover: #4C69D6;--vkui--color_accent_purple--active: #4966CF;--vkui--color_accent_violet: #C15DF3;--vkui--color_accent_violet--hover: #B95AEC;--vkui--color_accent_violet--active: #B257E4;--vkui--color_accent_secondary: #FF9E00;--vkui--color_accent_secondary--hover: #F59802;--vkui--color_accent_secondary--active: #EB9305;--vkui--color_action_sheet_text: #005FF9;--vkui--color_action_sheet_text--hover: #005CF1;--vkui--color_action_sheet_text--active: #0059EA;--vkui--color_header_background: #FFFFFF;--vkui--color_header_background--hover: #F5F5F7;--vkui--color_header_background--active: #EBECEF;--vkui--color_panel_header_icon: #005FF9;--vkui--color_panel_header_icon--hover: #005CF1;--vkui--color_panel_header_icon--active: #0059EA;--vkui--color_write_bar_input_background: #F0F1F3;--vkui--color_write_bar_input_background--hover: #E6E8EC;--vkui--color_write_bar_input_background--active: #DDDFE4;--vkui--color_write_bar_input_border_alpha: rgba(0, 16, 61, 0.8);--vkui--color_write_bar_input_border_alpha--hover: rgba(0, 16, 61, 0.84);--vkui--color_write_bar_input_border_alpha--active: rgba(0, 16, 61, 0.88);--vkui--color_track_background: #DADCE0;--vkui--color_track_background--hover: #D1D4D9;--vkui--color_track_background--active: #C9CCD3;--vkui--color_track_buffer: #83AAEA;--vkui--color_track_buffer--hover: #7EA4E3;--vkui--color_track_buffer--active: #799EDC;--vkui--color_image_placeholder: #E6E7EB;--vkui--color_image_placeholder--hover: #DDDEE4;--vkui--color_image_placeholder--active: #D4D6DD;--vkui--color_image_placeholder_alpha: rgba(0, 16, 61, 0.8);--vkui--color_image_placeholder_alpha--hover: rgba(0, 16, 61, 0.84);--vkui--color_image_placeholder_alpha--active: rgba(0, 16, 61, 0.88);--vkui--color_search_field_background: #E6E7EB;--vkui--color_search_field_background--hover: #DDDEE4;--vkui--color_search_field_background--active: #D4D6DD;--vkui--color_write_bar_icon: #005FF9;--vkui--color_write_bar_icon--hover: #005CF1;--vkui--color_write_bar_icon--active: #0059EA;--vkui--color_skeleton_from: #F3F3F5;--vkui--color_skeleton_from--hover: #E9EAEE;--vkui--color_skeleton_from--active: #E0E1E6;--vkui--color_skeleton_to: #E0E1E6;--vkui--color_skeleton_to--hover: #D7D9DF;--vkui--color_skeleton_to--active: #CED0D8;--vkui--color_avatar_overlay: rgba(145, 147, 153, 0.48);--vkui--color_avatar_overlay--hover: rgba(145, 147, 153, 0.52);--vkui--color_avatar_overlay--active: rgba(145, 147, 153, 0.56);--vkui--color_overlay_primary: rgba(0, 0, 0, 0.48);--vkui--color_overlay_primary--hover: rgba(0, 0, 0, 0.52);--vkui--color_overlay_primary--active: rgba(0, 0, 0, 0.56);--vkui--color_transparent: transparent;--vkui--color_transparent--hover: rgba(0, 16, 61, 0.04);--vkui--color_transparent--active: rgba(0, 16, 61, 0.08);--vkui--color_rating: #ffd400;--vkui--color_rating--hover: #F5CC02;--vkui--color_rating--active: #EBC405;--vkui--color_button_contrast_alpha: rgba(255, 255, 255, 1);--vkui--color_button_contrast_alpha--hover: rgba(255, 255, 255, 0.8);--vkui--color_button_contrast_alpha--active: rgba(255, 255, 255, 0.6);--vkui--color_button_contrast: #FFFFFF;--vkui--color_button_contrast--hover: #FFFFFF;--vkui--color_button_contrast--active: #FFFFFF;--vkui--color_thumb_error_background_alpha: rgba(237, 10, 52, 0.12);--vkui--color_thumb_error_background_alpha--hover: rgba(237, 10, 52, 0.16);--vkui--color_thumb_error_background_alpha--active: rgba(237, 10, 52, 0.2);--vkui--calendar_color_background_accent_tint_themed: #E3F0FD;--vkui--calendar_color_background_accent_tint_themed--hover: #DAE4F3;--vkui--calendar_color_background_accent_tint_themed--active: #E3F0FD;";
+    return "--vkui--color_background_accent: #005FF9;--vkui--color_background_accent--hover: #005CF1;--vkui--color_background_accent--active: #0059EA;--vkui--color_background_accent_themed: #005FF9;--vkui--color_background_accent_themed--hover: #005CF1;--vkui--color_background_accent_themed--active: #0059EA;--vkui--color_background_accent_alternative: #FF9E00;--vkui--color_background_accent_alternative--hover: #F59802;--vkui--color_background_accent_alternative--active: #EB9305;--vkui--color_background_content: #FFFFFF;--vkui--color_background_content--hover: #F5F5F7;--vkui--color_background_content--active: #EBECEF;--vkui--color_background_secondary: #EBECEF;--vkui--color_background_secondary--hover: #E2E3E8;--vkui--color_background_secondary--active: #D8DAE1;--vkui--color_background_secondary_alpha: rgba(0, 16, 61, 0.06);--vkui--color_background_secondary_alpha--hover: rgba(0, 16, 61, 0.1);--vkui--color_background_secondary_alpha--active: rgba(0, 16, 61, 0.14);--vkui--color_background: #FFFFFF;--vkui--color_background--hover: #F5F5F7;--vkui--color_background--active: #EBECEF;--vkui--color_background_contrast: #FFFFFF;--vkui--color_background_contrast--hover: #F5F5F7;--vkui--color_background_contrast--active: #EBECEF;--vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.20);--vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);--vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.28);--vkui--color_background_warning: #FFF1AD;--vkui--color_background_warning--hover: #F5E8A9;--vkui--color_background_warning--active: #EBDFA4;--vkui--color_background_negative: #ED0A34;--vkui--color_background_negative--hover: #E40A34;--vkui--color_background_negative--active: #DA0A35;--vkui--color_background_tertiary: #F9F9FA;--vkui--color_background_tertiary--hover: #EFF0F2;--vkui--color_background_tertiary--active: #E5E6EB;--vkui--color_background_modal: #FFFFFF;--vkui--color_background_modal--hover: #F5F5F7;--vkui--color_background_modal--active: #EBECEF;--vkui--color_background_positive: #0DC268;--vkui--color_background_positive--hover: #0CBB66;--vkui--color_background_positive--active: #0CB465;--vkui--color_background_negative_tint: #FAEBEB;--vkui--color_background_negative_tint--hover: #F0E2E4;--vkui--color_background_negative_tint--active: #E6D9DD;--vkui--color_field_background: #ffffff;--vkui--color_field_background--hover: #F5F5F7;--vkui--color_field_background--active: #EBECEF;--vkui--color_text_accent: #005FF9;--vkui--color_text_accent--hover: #005CF1;--vkui--color_text_accent--active: #0059EA;--vkui--color_text_accent_themed: #005FF9;--vkui--color_text_accent_themed--hover: #005CF1;--vkui--color_text_accent_themed--active: #0059EA;--vkui--color_text_negative: #ED0A34;--vkui--color_text_negative--hover: #E40A34;--vkui--color_text_negative--active: #DA0A35;--vkui--color_text_link: #005BD1;--vkui--color_text_link--hover: #0058CB;--vkui--color_text_link--active: #0055C5;--vkui--color_text_link_themed: #005BD1;--vkui--color_text_link_themed--hover: #0058CB;--vkui--color_text_link_themed--active: #0055C5;--vkui--color_text_muted: #2C2D2E;--vkui--color_text_muted--hover: #2A2C2F;--vkui--color_text_muted--active: #282B2F;--vkui--color_text_primary: #2C2D2E;--vkui--color_text_primary--hover: #2A2C2F;--vkui--color_text_primary--active: #282B2F;--vkui--color_text_primary_invariably: #2C2D2E;--vkui--color_text_primary_invariably--hover: #2A2C2F;--vkui--color_text_primary_invariably--active: #282B2F;--vkui--color_text_secondary: #93969B;--vkui--color_text_secondary--hover: #8D9197;--vkui--color_text_secondary--active: #878B93;--vkui--color_text_subhead: #797A80;--vkui--color_text_subhead--hover: #74767D;--vkui--color_text_subhead--active: #6F727B;--vkui--color_text_tertiary: #AAADB3;--vkui--color_text_tertiary--hover: #A3A7AE;--vkui--color_text_tertiary--active: #9CA0AA;--vkui--color_text_link_visited: #528FDF;--vkui--color_text_link_visited--hover: #4F8AD9;--vkui--color_text_link_visited--active: #4B85D2;--vkui--color_text_contrast: #FFFFFF;--vkui--color_text_contrast--hover: #F5F5F7;--vkui--color_text_contrast--active: #EBECEF;--vkui--color_text_contrast_themed: #FFFFFF;--vkui--color_text_contrast_themed--hover: #F5F5F7;--vkui--color_text_contrast_themed--active: #EBECEF;--vkui--color_link_contrast: #FFFFFF;--vkui--color_link_contrast--hover: #F5F5F7;--vkui--color_link_contrast--active: #EBECEF;--vkui--color_text_positive: #0DC268;--vkui--color_text_positive--hover: #0CBB66;--vkui--color_text_positive--active: #0CB465;--vkui--color_icon_accent: #005FF9;--vkui--color_icon_accent--hover: #005CF1;--vkui--color_icon_accent--active: #0059EA;--vkui--color_icon_negative: #ED0A34;--vkui--color_icon_negative--hover: #E40A34;--vkui--color_icon_negative--active: #DA0A35;--vkui--color_icon_primary: #2C2D2E;--vkui--color_icon_primary--hover: #2A2C2F;--vkui--color_icon_primary--active: #282B2F;--vkui--color_icon_primary_invariably: #2C2D2E;--vkui--color_icon_primary_invariably--hover: #2A2C2F;--vkui--color_icon_primary_invariably--active: #282B2F;--vkui--color_icon_medium: #919399;--vkui--color_icon_medium--hover: #8B8E95;--vkui--color_icon_medium--active: #858992;--vkui--color_icon_medium_alpha: rgba(39, 43, 55, 0.5);--vkui--color_icon_medium_alpha--hover: rgba(39, 43, 55, 0.54);--vkui--color_icon_medium_alpha--active: rgba(39, 43, 55, 0.58);--vkui--color_icon_secondary: #B6B8BE;--vkui--color_icon_secondary--hover: #AFB1B9;--vkui--color_icon_secondary--active: #A7ABB4;--vkui--color_icon_secondary_alpha: rgba(39, 43, 55, 0.3);--vkui--color_icon_secondary_alpha--hover: rgba(39, 43, 55, 0.34);--vkui--color_icon_secondary_alpha--active: rgba(39, 43, 55, 0.38);--vkui--color_icon_tertiary: #CFD1D6;--vkui--color_icon_tertiary--hover: #C7C9D0;--vkui--color_icon_tertiary--active: #BEC2CA;--vkui--color_icon_tertiary_alpha: rgba(39, 43, 55, 0.2);--vkui--color_icon_tertiary_alpha--hover: rgba(39, 43, 55, 0.24);--vkui--color_icon_tertiary_alpha--active: rgba(39, 43, 55, 0.28);--vkui--color_icon_contrast: #FFFFFF;--vkui--color_icon_contrast--hover: #F5F5F7;--vkui--color_icon_contrast--active: #EBECEF;--vkui--color_icon_contrast_themed: #FFFFFF;--vkui--color_icon_contrast_themed--hover: #F5F5F7;--vkui--color_icon_contrast_themed--active: #EBECEF;--vkui--color_icon_positive: #0DC268;--vkui--color_icon_positive--hover: #0CBB66;--vkui--color_icon_positive--active: #0CB465;--vkui--color_stroke_accent: #005FF9;--vkui--color_stroke_accent--hover: #005CF1;--vkui--color_stroke_accent--active: #0059EA;--vkui--color_stroke_accent_themed: #005FF9;--vkui--color_stroke_accent_themed--hover: #005CF1;--vkui--color_stroke_accent_themed--active: #0059EA;--vkui--color_stroke_contrast: #FFFFFF;--vkui--color_stroke_contrast--hover: #F5F5F7;--vkui--color_stroke_contrast--active: #EBECEF;--vkui--color_stroke_negative: #ED0A34;--vkui--color_stroke_negative--hover: #E40A34;--vkui--color_stroke_negative--active: #DA0A35;--vkui--color_image_border_alpha: rgba(0, 16, 61, 0.08);--vkui--color_image_border_alpha--hover: rgba(0, 16, 61, 0.12);--vkui--color_image_border_alpha--active: rgba(0, 16, 61, 0.16);--vkui--color_field_border_alpha: rgba(0, 16, 61, 0.12);--vkui--color_field_border_alpha--hover: rgba(0, 16, 61, 0.16);--vkui--color_field_border_alpha--active: rgba(0, 16, 61, 0.2);--vkui--color_separator_primary_alpha: rgba(0, 16, 61, 0.12);--vkui--color_separator_primary_alpha--hover: rgba(0, 16, 61, 0.16);--vkui--color_separator_primary_alpha--active: rgba(0, 16, 61, 0.2);--vkui--color_separator_secondary: #E6E7EB;--vkui--color_separator_secondary--hover: #DDDEE4;--vkui--color_separator_secondary--active: #D4D6DD;--vkui--color_separator_primary: #DADCE0;--vkui--color_separator_primary--hover: #D1D4D9;--vkui--color_separator_primary--active: #C9CCD3;--vkui--color_stroke_positive: #0DC268;--vkui--color_stroke_positive--hover: #0CBB66;--vkui--color_stroke_positive--active: #0CB465;--vkui--color_accent_blue: #005FF9;--vkui--color_accent_blue--hover: #005CF1;--vkui--color_accent_blue--active: #0059EA;--vkui--color_accent_gray: #A5A7AD;--vkui--color_accent_gray--hover: #9EA1A9;--vkui--color_accent_gray--active: #989BA4;--vkui--color_accent_red: #ED0A34;--vkui--color_accent_red--hover: #E40A34;--vkui--color_accent_red--active: #DA0A35;--vkui--color_accent_green: #0DC268;--vkui--color_accent_green--hover: #0CBB66;--vkui--color_accent_green--active: #0CB465;--vkui--color_accent_orange: #FF9E00;--vkui--color_accent_orange--hover: #F59802;--vkui--color_accent_orange--active: #EB9305;--vkui--color_accent_purple: #4F6DDC;--vkui--color_accent_purple--hover: #4C69D6;--vkui--color_accent_purple--active: #4966CF;--vkui--color_accent_violet: #C15DF3;--vkui--color_accent_violet--hover: #B95AEC;--vkui--color_accent_violet--active: #B257E4;--vkui--color_accent_secondary: #FF9E00;--vkui--color_accent_secondary--hover: #F59802;--vkui--color_accent_secondary--active: #EB9305;--vkui--color_action_sheet_text: #005FF9;--vkui--color_action_sheet_text--hover: #005CF1;--vkui--color_action_sheet_text--active: #0059EA;--vkui--color_header_background: #FFFFFF;--vkui--color_header_background--hover: #F5F5F7;--vkui--color_header_background--active: #EBECEF;--vkui--color_panel_header_icon: #005FF9;--vkui--color_panel_header_icon--hover: #005CF1;--vkui--color_panel_header_icon--active: #0059EA;--vkui--color_write_bar_input_background: #F0F1F3;--vkui--color_write_bar_input_background--hover: #E6E8EC;--vkui--color_write_bar_input_background--active: #DDDFE4;--vkui--color_write_bar_input_border_alpha: rgba(0, 16, 61, 0.8);--vkui--color_write_bar_input_border_alpha--hover: rgba(0, 16, 61, 0.84);--vkui--color_write_bar_input_border_alpha--active: rgba(0, 16, 61, 0.88);--vkui--color_track_background: #DADCE0;--vkui--color_track_background--hover: #D1D4D9;--vkui--color_track_background--active: #C9CCD3;--vkui--color_track_buffer: #83AAEA;--vkui--color_track_buffer--hover: #7EA4E3;--vkui--color_track_buffer--active: #799EDC;--vkui--color_image_placeholder: #E6E7EB;--vkui--color_image_placeholder--hover: #DDDEE4;--vkui--color_image_placeholder--active: #D4D6DD;--vkui--color_image_placeholder_alpha: rgba(0, 16, 61, 0.8);--vkui--color_image_placeholder_alpha--hover: rgba(0, 16, 61, 0.84);--vkui--color_image_placeholder_alpha--active: rgba(0, 16, 61, 0.88);--vkui--color_search_field_background: #E6E7EB;--vkui--color_search_field_background--hover: #DDDEE4;--vkui--color_search_field_background--active: #D4D6DD;--vkui--color_write_bar_icon: #005FF9;--vkui--color_write_bar_icon--hover: #005CF1;--vkui--color_write_bar_icon--active: #0059EA;--vkui--color_skeleton_from: #F3F3F5;--vkui--color_skeleton_from--hover: #E9EAEE;--vkui--color_skeleton_from--active: #E0E1E6;--vkui--color_skeleton_to: #E0E1E6;--vkui--color_skeleton_to--hover: #D7D9DF;--vkui--color_skeleton_to--active: #CED0D8;--vkui--color_avatar_overlay: rgba(145, 147, 153, 0.48);--vkui--color_avatar_overlay--hover: rgba(145, 147, 153, 0.52);--vkui--color_avatar_overlay--active: rgba(145, 147, 153, 0.56);--vkui--color_overlay_primary: rgba(0, 0, 0, 0.48);--vkui--color_overlay_primary--hover: rgba(0, 0, 0, 0.52);--vkui--color_overlay_primary--active: rgba(0, 0, 0, 0.56);--vkui--color_transparent: transparent;--vkui--color_transparent--hover: rgba(0, 16, 61, 0.04);--vkui--color_transparent--active: rgba(0, 16, 61, 0.08);--vkui--color_rating: #ffd400;--vkui--color_rating--hover: #F5CC02;--vkui--color_rating--active: #EBC405;--vkui--color_button_contrast_alpha: rgba(255, 255, 255, 1);--vkui--color_button_contrast_alpha--hover: rgba(255, 255, 255, 0.8);--vkui--color_button_contrast_alpha--active: rgba(255, 255, 255, 0.6);--vkui--color_button_contrast: #FFFFFF;--vkui--color_button_contrast--hover: #FFFFFF;--vkui--color_button_contrast--active: #FFFFFF;--vkui--color_thumb_error_background_alpha: rgba(237, 10, 52, 0.12);--vkui--color_thumb_error_background_alpha--hover: rgba(237, 10, 52, 0.16);--vkui--color_thumb_error_background_alpha--active: rgba(237, 10, 52, 0.2);--vkui--calendar_color_background_accent_tint_themed: #E3F0FD;--vkui--calendar_color_background_accent_tint_themed--hover: #DAE4F3;--vkui--calendar_color_background_accent_tint_themed--active: #E3F0FD;";
 }
 exports.getDeclarationVarColorsString = getDeclarationVarColorsString;
 function getDeclarationVarColorsObject() {
-    return { "--vkui--color_background_accent": "#005FF9", "--vkui--color_background_accent--hover": "#005CF1", "--vkui--color_background_accent--active": "#0059EA", "--vkui--color_background_accent_themed": "#005FF9", "--vkui--color_background_accent_themed--hover": "#005CF1", "--vkui--color_background_accent_themed--active": "#0059EA", "--vkui--color_background_accent_alternative": "#FF9E00", "--vkui--color_background_accent_alternative--hover": "#F59802", "--vkui--color_background_accent_alternative--active": "#EB9305", "--vkui--color_background_content": "#FFFFFF", "--vkui--color_background_content--hover": "#F5F5F7", "--vkui--color_background_content--active": "#EBECEF", "--vkui--color_background_secondary": "#EBECEF", "--vkui--color_background_secondary--hover": "#E2E3E8", "--vkui--color_background_secondary--active": "#D8DAE1", "--vkui--color_background_secondary_alpha": "rgba(0, 16, 61, 0.06)", "--vkui--color_background_secondary_alpha--hover": "rgba(0, 16, 61, 0.1)", "--vkui--color_background_secondary_alpha--active": "rgba(0, 16, 61, 0.14)", "--vkui--color_background": "#FFFFFF", "--vkui--color_background--hover": "#F5F5F7", "--vkui--color_background--active": "#EBECEF", "--vkui--color_background_contrast": "#FFFFFF", "--vkui--color_background_contrast--hover": "#F5F5F7", "--vkui--color_background_contrast--active": "#EBECEF", "--vkui--color_background_contrast_secondary_alpha": "rgba(255, 255, 255, 0.20)", "--vkui--color_background_contrast_secondary_alpha--hover": "rgba(255, 255, 255, 0.24)", "--vkui--color_background_contrast_secondary_alpha--active": "rgba(255, 255, 255, 0.28)", "--vkui--color_background_warning": "#FFF1AD", "--vkui--color_background_warning--hover": "#F5E8A9", "--vkui--color_background_warning--active": "#EBDFA4", "--vkui--color_background_negative": "#ED0A34", "--vkui--color_background_negative--hover": "#E40A34", "--vkui--color_background_negative--active": "#DA0A35", "--vkui--color_background_tertiary": "#F9F9FA", "--vkui--color_background_tertiary--hover": "#EFF0F2", "--vkui--color_background_tertiary--active": "#E5E6EB", "--vkui--color_background_modal": "#FFFFFF", "--vkui--color_background_modal--hover": "#F5F5F7", "--vkui--color_background_modal--active": "#EBECEF", "--vkui--color_background_positive": "#0DC268", "--vkui--color_background_positive--hover": "#0CBB66", "--vkui--color_background_positive--active": "#0CB465", "--vkui--color_background_negative_tint": "#FAEBEB", "--vkui--color_background_negative_tint--hover": "#F0E2E4", "--vkui--color_background_negative_tint--active": "#E6D9DD", "--vkui--color_text_accent": "#005FF9", "--vkui--color_text_accent--hover": "#005CF1", "--vkui--color_text_accent--active": "#0059EA", "--vkui--color_text_accent_themed": "#005FF9", "--vkui--color_text_accent_themed--hover": "#005CF1", "--vkui--color_text_accent_themed--active": "#0059EA", "--vkui--color_text_negative": "#ED0A34", "--vkui--color_text_negative--hover": "#E40A34", "--vkui--color_text_negative--active": "#DA0A35", "--vkui--color_text_link": "#005BD1", "--vkui--color_text_link--hover": "#0058CB", "--vkui--color_text_link--active": "#0055C5", "--vkui--color_text_link_themed": "#005BD1", "--vkui--color_text_link_themed--hover": "#0058CB", "--vkui--color_text_link_themed--active": "#0055C5", "--vkui--color_text_muted": "#2C2D2E", "--vkui--color_text_muted--hover": "#2A2C2F", "--vkui--color_text_muted--active": "#282B2F", "--vkui--color_text_primary": "#2C2D2E", "--vkui--color_text_primary--hover": "#2A2C2F", "--vkui--color_text_primary--active": "#282B2F", "--vkui--color_text_primary_invariably": "#2C2D2E", "--vkui--color_text_primary_invariably--hover": "#2A2C2F", "--vkui--color_text_primary_invariably--active": "#282B2F", "--vkui--color_text_secondary": "#93969B", "--vkui--color_text_secondary--hover": "#8D9197", "--vkui--color_text_secondary--active": "#878B93", "--vkui--color_text_subhead": "#797A80", "--vkui--color_text_subhead--hover": "#74767D", "--vkui--color_text_subhead--active": "#6F727B", "--vkui--color_text_tertiary": "#AAADB3", "--vkui--color_text_tertiary--hover": "#A3A7AE", "--vkui--color_text_tertiary--active": "#9CA0AA", "--vkui--color_text_link_visited": "#528FDF", "--vkui--color_text_link_visited--hover": "#4F8AD9", "--vkui--color_text_link_visited--active": "#4B85D2", "--vkui--color_text_contrast": "#FFFFFF", "--vkui--color_text_contrast--hover": "#F5F5F7", "--vkui--color_text_contrast--active": "#EBECEF", "--vkui--color_text_contrast_themed": "#FFFFFF", "--vkui--color_text_contrast_themed--hover": "#F5F5F7", "--vkui--color_text_contrast_themed--active": "#EBECEF", "--vkui--color_link_contrast": "#FFFFFF", "--vkui--color_link_contrast--hover": "#F5F5F7", "--vkui--color_link_contrast--active": "#EBECEF", "--vkui--color_text_positive": "#0DC268", "--vkui--color_text_positive--hover": "#0CBB66", "--vkui--color_text_positive--active": "#0CB465", "--vkui--color_icon_accent": "#005FF9", "--vkui--color_icon_accent--hover": "#005CF1", "--vkui--color_icon_accent--active": "#0059EA", "--vkui--color_icon_negative": "#ED0A34", "--vkui--color_icon_negative--hover": "#E40A34", "--vkui--color_icon_negative--active": "#DA0A35", "--vkui--color_icon_primary": "#2C2D2E", "--vkui--color_icon_primary--hover": "#2A2C2F", "--vkui--color_icon_primary--active": "#282B2F", "--vkui--color_icon_primary_invariably": "#2C2D2E", "--vkui--color_icon_primary_invariably--hover": "#2A2C2F", "--vkui--color_icon_primary_invariably--active": "#282B2F", "--vkui--color_icon_medium": "#919399", "--vkui--color_icon_medium--hover": "#8B8E95", "--vkui--color_icon_medium--active": "#858992", "--vkui--color_icon_medium_alpha": "rgba(39, 43, 55, 0.5)", "--vkui--color_icon_medium_alpha--hover": "rgba(39, 43, 55, 0.54)", "--vkui--color_icon_medium_alpha--active": "rgba(39, 43, 55, 0.58)", "--vkui--color_icon_secondary": "#B6B8BE", "--vkui--color_icon_secondary--hover": "#AFB1B9", "--vkui--color_icon_secondary--active": "#A7ABB4", "--vkui--color_icon_secondary_alpha": "rgba(39, 43, 55, 0.3)", "--vkui--color_icon_secondary_alpha--hover": "rgba(39, 43, 55, 0.34)", "--vkui--color_icon_secondary_alpha--active": "rgba(39, 43, 55, 0.38)", "--vkui--color_icon_tertiary": "#CFD1D6", "--vkui--color_icon_tertiary--hover": "#C7C9D0", "--vkui--color_icon_tertiary--active": "#BEC2CA", "--vkui--color_icon_tertiary_alpha": "rgba(39, 43, 55, 0.2)", "--vkui--color_icon_tertiary_alpha--hover": "rgba(39, 43, 55, 0.24)", "--vkui--color_icon_tertiary_alpha--active": "rgba(39, 43, 55, 0.28)", "--vkui--color_icon_contrast": "#FFFFFF", "--vkui--color_icon_contrast--hover": "#F5F5F7", "--vkui--color_icon_contrast--active": "#EBECEF", "--vkui--color_icon_contrast_themed": "#FFFFFF", "--vkui--color_icon_contrast_themed--hover": "#F5F5F7", "--vkui--color_icon_contrast_themed--active": "#EBECEF", "--vkui--color_icon_positive": "#0DC268", "--vkui--color_icon_positive--hover": "#0CBB66", "--vkui--color_icon_positive--active": "#0CB465", "--vkui--color_stroke_accent": "#005FF9", "--vkui--color_stroke_accent--hover": "#005CF1", "--vkui--color_stroke_accent--active": "#0059EA", "--vkui--color_stroke_accent_themed": "#005FF9", "--vkui--color_stroke_accent_themed--hover": "#005CF1", "--vkui--color_stroke_accent_themed--active": "#0059EA", "--vkui--color_stroke_contrast": "#FFFFFF", "--vkui--color_stroke_contrast--hover": "#F5F5F7", "--vkui--color_stroke_contrast--active": "#EBECEF", "--vkui--color_stroke_negative": "#ED0A34", "--vkui--color_stroke_negative--hover": "#E40A34", "--vkui--color_stroke_negative--active": "#DA0A35", "--vkui--color_image_border_alpha": "rgba(0, 16, 61, 0.08)", "--vkui--color_image_border_alpha--hover": "rgba(0, 16, 61, 0.12)", "--vkui--color_image_border_alpha--active": "rgba(0, 16, 61, 0.16)", "--vkui--color_field_border_alpha": "rgba(0, 16, 61, 0.12)", "--vkui--color_field_border_alpha--hover": "rgba(0, 16, 61, 0.16)", "--vkui--color_field_border_alpha--active": "rgba(0, 16, 61, 0.2)", "--vkui--color_separator_primary_alpha": "rgba(0, 16, 61, 0.12)", "--vkui--color_separator_primary_alpha--hover": "rgba(0, 16, 61, 0.16)", "--vkui--color_separator_primary_alpha--active": "rgba(0, 16, 61, 0.2)", "--vkui--color_separator_secondary": "#E6E7EB", "--vkui--color_separator_secondary--hover": "#DDDEE4", "--vkui--color_separator_secondary--active": "#D4D6DD", "--vkui--color_separator_primary": "#DADCE0", "--vkui--color_separator_primary--hover": "#D1D4D9", "--vkui--color_separator_primary--active": "#C9CCD3", "--vkui--color_stroke_positive": "#0DC268", "--vkui--color_stroke_positive--hover": "#0CBB66", "--vkui--color_stroke_positive--active": "#0CB465", "--vkui--color_accent_blue": "#005FF9", "--vkui--color_accent_blue--hover": "#005CF1", "--vkui--color_accent_blue--active": "#0059EA", "--vkui--color_accent_gray": "#A5A7AD", "--vkui--color_accent_gray--hover": "#9EA1A9", "--vkui--color_accent_gray--active": "#989BA4", "--vkui--color_accent_red": "#ED0A34", "--vkui--color_accent_red--hover": "#E40A34", "--vkui--color_accent_red--active": "#DA0A35", "--vkui--color_accent_green": "#0DC268", "--vkui--color_accent_green--hover": "#0CBB66", "--vkui--color_accent_green--active": "#0CB465", "--vkui--color_accent_orange": "#FF9E00", "--vkui--color_accent_orange--hover": "#F59802", "--vkui--color_accent_orange--active": "#EB9305", "--vkui--color_accent_purple": "#4F6DDC", "--vkui--color_accent_purple--hover": "#4C69D6", "--vkui--color_accent_purple--active": "#4966CF", "--vkui--color_accent_violet": "#C15DF3", "--vkui--color_accent_violet--hover": "#B95AEC", "--vkui--color_accent_violet--active": "#B257E4", "--vkui--color_accent_secondary": "#FF9E00", "--vkui--color_accent_secondary--hover": "#F59802", "--vkui--color_accent_secondary--active": "#EB9305", "--vkui--color_action_sheet_text": "#005FF9", "--vkui--color_action_sheet_text--hover": "#005CF1", "--vkui--color_action_sheet_text--active": "#0059EA", "--vkui--color_header_background": "#FFFFFF", "--vkui--color_header_background--hover": "#F5F5F7", "--vkui--color_header_background--active": "#EBECEF", "--vkui--color_panel_header_icon": "#005FF9", "--vkui--color_panel_header_icon--hover": "#005CF1", "--vkui--color_panel_header_icon--active": "#0059EA", "--vkui--color_write_bar_input_background": "#F0F1F3", "--vkui--color_write_bar_input_background--hover": "#E6E8EC", "--vkui--color_write_bar_input_background--active": "#DDDFE4", "--vkui--color_write_bar_input_border_alpha": "rgba(0, 16, 61, 0.8)", "--vkui--color_write_bar_input_border_alpha--hover": "rgba(0, 16, 61, 0.84)", "--vkui--color_write_bar_input_border_alpha--active": "rgba(0, 16, 61, 0.88)", "--vkui--color_track_background": "#DADCE0", "--vkui--color_track_background--hover": "#D1D4D9", "--vkui--color_track_background--active": "#C9CCD3", "--vkui--color_track_buffer": "#83AAEA", "--vkui--color_track_buffer--hover": "#7EA4E3", "--vkui--color_track_buffer--active": "#799EDC", "--vkui--color_image_placeholder": "#E6E7EB", "--vkui--color_image_placeholder--hover": "#DDDEE4", "--vkui--color_image_placeholder--active": "#D4D6DD", "--vkui--color_image_placeholder_alpha": "rgba(0, 16, 61, 0.8)", "--vkui--color_image_placeholder_alpha--hover": "rgba(0, 16, 61, 0.84)", "--vkui--color_image_placeholder_alpha--active": "rgba(0, 16, 61, 0.88)", "--vkui--color_search_field_background": "#E6E7EB", "--vkui--color_search_field_background--hover": "#DDDEE4", "--vkui--color_search_field_background--active": "#D4D6DD", "--vkui--color_write_bar_icon": "#005FF9", "--vkui--color_write_bar_icon--hover": "#005CF1", "--vkui--color_write_bar_icon--active": "#0059EA", "--vkui--color_skeleton_from": "#F3F3F5", "--vkui--color_skeleton_from--hover": "#E9EAEE", "--vkui--color_skeleton_from--active": "#E0E1E6", "--vkui--color_skeleton_to": "#E0E1E6", "--vkui--color_skeleton_to--hover": "#D7D9DF", "--vkui--color_skeleton_to--active": "#CED0D8", "--vkui--color_avatar_overlay": "rgba(145, 147, 153, 0.48)", "--vkui--color_avatar_overlay--hover": "rgba(145, 147, 153, 0.52)", "--vkui--color_avatar_overlay--active": "rgba(145, 147, 153, 0.56)", "--vkui--color_overlay_primary": "rgba(0, 0, 0, 0.48)", "--vkui--color_overlay_primary--hover": "rgba(0, 0, 0, 0.52)", "--vkui--color_overlay_primary--active": "rgba(0, 0, 0, 0.56)", "--vkui--color_transparent": "transparent", "--vkui--color_transparent--hover": "rgba(0, 16, 61, 0.04)", "--vkui--color_transparent--active": "rgba(0, 16, 61, 0.08)", "--vkui--color_rating": "#ffd400", "--vkui--color_rating--hover": "#F5CC02", "--vkui--color_rating--active": "#EBC405", "--vkui--color_button_contrast_alpha": "rgba(255, 255, 255, 1)", "--vkui--color_button_contrast_alpha--hover": "rgba(255, 255, 255, 0.8)", "--vkui--color_button_contrast_alpha--active": "rgba(255, 255, 255, 0.6)", "--vkui--color_button_contrast": "#FFFFFF", "--vkui--color_button_contrast--hover": "#FFFFFF", "--vkui--color_button_contrast--active": "#FFFFFF", "--vkui--color_thumb_error_background_alpha": "rgba(237, 10, 52, 0.12)", "--vkui--color_thumb_error_background_alpha--hover": "rgba(237, 10, 52, 0.16)", "--vkui--color_thumb_error_background_alpha--active": "rgba(237, 10, 52, 0.2)", "--vkui--calendar_color_background_accent_tint_themed": "#E3F0FD", "--vkui--calendar_color_background_accent_tint_themed--hover": "#DAE4F3", "--vkui--calendar_color_background_accent_tint_themed--active": "#E3F0FD" };
+    return { "--vkui--color_background_accent": "#005FF9", "--vkui--color_background_accent--hover": "#005CF1", "--vkui--color_background_accent--active": "#0059EA", "--vkui--color_background_accent_themed": "#005FF9", "--vkui--color_background_accent_themed--hover": "#005CF1", "--vkui--color_background_accent_themed--active": "#0059EA", "--vkui--color_background_accent_alternative": "#FF9E00", "--vkui--color_background_accent_alternative--hover": "#F59802", "--vkui--color_background_accent_alternative--active": "#EB9305", "--vkui--color_background_content": "#FFFFFF", "--vkui--color_background_content--hover": "#F5F5F7", "--vkui--color_background_content--active": "#EBECEF", "--vkui--color_background_secondary": "#EBECEF", "--vkui--color_background_secondary--hover": "#E2E3E8", "--vkui--color_background_secondary--active": "#D8DAE1", "--vkui--color_background_secondary_alpha": "rgba(0, 16, 61, 0.06)", "--vkui--color_background_secondary_alpha--hover": "rgba(0, 16, 61, 0.1)", "--vkui--color_background_secondary_alpha--active": "rgba(0, 16, 61, 0.14)", "--vkui--color_background": "#FFFFFF", "--vkui--color_background--hover": "#F5F5F7", "--vkui--color_background--active": "#EBECEF", "--vkui--color_background_contrast": "#FFFFFF", "--vkui--color_background_contrast--hover": "#F5F5F7", "--vkui--color_background_contrast--active": "#EBECEF", "--vkui--color_background_contrast_secondary_alpha": "rgba(255, 255, 255, 0.20)", "--vkui--color_background_contrast_secondary_alpha--hover": "rgba(255, 255, 255, 0.24)", "--vkui--color_background_contrast_secondary_alpha--active": "rgba(255, 255, 255, 0.28)", "--vkui--color_background_warning": "#FFF1AD", "--vkui--color_background_warning--hover": "#F5E8A9", "--vkui--color_background_warning--active": "#EBDFA4", "--vkui--color_background_negative": "#ED0A34", "--vkui--color_background_negative--hover": "#E40A34", "--vkui--color_background_negative--active": "#DA0A35", "--vkui--color_background_tertiary": "#F9F9FA", "--vkui--color_background_tertiary--hover": "#EFF0F2", "--vkui--color_background_tertiary--active": "#E5E6EB", "--vkui--color_background_modal": "#FFFFFF", "--vkui--color_background_modal--hover": "#F5F5F7", "--vkui--color_background_modal--active": "#EBECEF", "--vkui--color_background_positive": "#0DC268", "--vkui--color_background_positive--hover": "#0CBB66", "--vkui--color_background_positive--active": "#0CB465", "--vkui--color_background_negative_tint": "#FAEBEB", "--vkui--color_background_negative_tint--hover": "#F0E2E4", "--vkui--color_background_negative_tint--active": "#E6D9DD", "--vkui--color_field_background": "#ffffff", "--vkui--color_field_background--hover": "#F5F5F7", "--vkui--color_field_background--active": "#EBECEF", "--vkui--color_text_accent": "#005FF9", "--vkui--color_text_accent--hover": "#005CF1", "--vkui--color_text_accent--active": "#0059EA", "--vkui--color_text_accent_themed": "#005FF9", "--vkui--color_text_accent_themed--hover": "#005CF1", "--vkui--color_text_accent_themed--active": "#0059EA", "--vkui--color_text_negative": "#ED0A34", "--vkui--color_text_negative--hover": "#E40A34", "--vkui--color_text_negative--active": "#DA0A35", "--vkui--color_text_link": "#005BD1", "--vkui--color_text_link--hover": "#0058CB", "--vkui--color_text_link--active": "#0055C5", "--vkui--color_text_link_themed": "#005BD1", "--vkui--color_text_link_themed--hover": "#0058CB", "--vkui--color_text_link_themed--active": "#0055C5", "--vkui--color_text_muted": "#2C2D2E", "--vkui--color_text_muted--hover": "#2A2C2F", "--vkui--color_text_muted--active": "#282B2F", "--vkui--color_text_primary": "#2C2D2E", "--vkui--color_text_primary--hover": "#2A2C2F", "--vkui--color_text_primary--active": "#282B2F", "--vkui--color_text_primary_invariably": "#2C2D2E", "--vkui--color_text_primary_invariably--hover": "#2A2C2F", "--vkui--color_text_primary_invariably--active": "#282B2F", "--vkui--color_text_secondary": "#93969B", "--vkui--color_text_secondary--hover": "#8D9197", "--vkui--color_text_secondary--active": "#878B93", "--vkui--color_text_subhead": "#797A80", "--vkui--color_text_subhead--hover": "#74767D", "--vkui--color_text_subhead--active": "#6F727B", "--vkui--color_text_tertiary": "#AAADB3", "--vkui--color_text_tertiary--hover": "#A3A7AE", "--vkui--color_text_tertiary--active": "#9CA0AA", "--vkui--color_text_link_visited": "#528FDF", "--vkui--color_text_link_visited--hover": "#4F8AD9", "--vkui--color_text_link_visited--active": "#4B85D2", "--vkui--color_text_contrast": "#FFFFFF", "--vkui--color_text_contrast--hover": "#F5F5F7", "--vkui--color_text_contrast--active": "#EBECEF", "--vkui--color_text_contrast_themed": "#FFFFFF", "--vkui--color_text_contrast_themed--hover": "#F5F5F7", "--vkui--color_text_contrast_themed--active": "#EBECEF", "--vkui--color_link_contrast": "#FFFFFF", "--vkui--color_link_contrast--hover": "#F5F5F7", "--vkui--color_link_contrast--active": "#EBECEF", "--vkui--color_text_positive": "#0DC268", "--vkui--color_text_positive--hover": "#0CBB66", "--vkui--color_text_positive--active": "#0CB465", "--vkui--color_icon_accent": "#005FF9", "--vkui--color_icon_accent--hover": "#005CF1", "--vkui--color_icon_accent--active": "#0059EA", "--vkui--color_icon_negative": "#ED0A34", "--vkui--color_icon_negative--hover": "#E40A34", "--vkui--color_icon_negative--active": "#DA0A35", "--vkui--color_icon_primary": "#2C2D2E", "--vkui--color_icon_primary--hover": "#2A2C2F", "--vkui--color_icon_primary--active": "#282B2F", "--vkui--color_icon_primary_invariably": "#2C2D2E", "--vkui--color_icon_primary_invariably--hover": "#2A2C2F", "--vkui--color_icon_primary_invariably--active": "#282B2F", "--vkui--color_icon_medium": "#919399", "--vkui--color_icon_medium--hover": "#8B8E95", "--vkui--color_icon_medium--active": "#858992", "--vkui--color_icon_medium_alpha": "rgba(39, 43, 55, 0.5)", "--vkui--color_icon_medium_alpha--hover": "rgba(39, 43, 55, 0.54)", "--vkui--color_icon_medium_alpha--active": "rgba(39, 43, 55, 0.58)", "--vkui--color_icon_secondary": "#B6B8BE", "--vkui--color_icon_secondary--hover": "#AFB1B9", "--vkui--color_icon_secondary--active": "#A7ABB4", "--vkui--color_icon_secondary_alpha": "rgba(39, 43, 55, 0.3)", "--vkui--color_icon_secondary_alpha--hover": "rgba(39, 43, 55, 0.34)", "--vkui--color_icon_secondary_alpha--active": "rgba(39, 43, 55, 0.38)", "--vkui--color_icon_tertiary": "#CFD1D6", "--vkui--color_icon_tertiary--hover": "#C7C9D0", "--vkui--color_icon_tertiary--active": "#BEC2CA", "--vkui--color_icon_tertiary_alpha": "rgba(39, 43, 55, 0.2)", "--vkui--color_icon_tertiary_alpha--hover": "rgba(39, 43, 55, 0.24)", "--vkui--color_icon_tertiary_alpha--active": "rgba(39, 43, 55, 0.28)", "--vkui--color_icon_contrast": "#FFFFFF", "--vkui--color_icon_contrast--hover": "#F5F5F7", "--vkui--color_icon_contrast--active": "#EBECEF", "--vkui--color_icon_contrast_themed": "#FFFFFF", "--vkui--color_icon_contrast_themed--hover": "#F5F5F7", "--vkui--color_icon_contrast_themed--active": "#EBECEF", "--vkui--color_icon_positive": "#0DC268", "--vkui--color_icon_positive--hover": "#0CBB66", "--vkui--color_icon_positive--active": "#0CB465", "--vkui--color_stroke_accent": "#005FF9", "--vkui--color_stroke_accent--hover": "#005CF1", "--vkui--color_stroke_accent--active": "#0059EA", "--vkui--color_stroke_accent_themed": "#005FF9", "--vkui--color_stroke_accent_themed--hover": "#005CF1", "--vkui--color_stroke_accent_themed--active": "#0059EA", "--vkui--color_stroke_contrast": "#FFFFFF", "--vkui--color_stroke_contrast--hover": "#F5F5F7", "--vkui--color_stroke_contrast--active": "#EBECEF", "--vkui--color_stroke_negative": "#ED0A34", "--vkui--color_stroke_negative--hover": "#E40A34", "--vkui--color_stroke_negative--active": "#DA0A35", "--vkui--color_image_border_alpha": "rgba(0, 16, 61, 0.08)", "--vkui--color_image_border_alpha--hover": "rgba(0, 16, 61, 0.12)", "--vkui--color_image_border_alpha--active": "rgba(0, 16, 61, 0.16)", "--vkui--color_field_border_alpha": "rgba(0, 16, 61, 0.12)", "--vkui--color_field_border_alpha--hover": "rgba(0, 16, 61, 0.16)", "--vkui--color_field_border_alpha--active": "rgba(0, 16, 61, 0.2)", "--vkui--color_separator_primary_alpha": "rgba(0, 16, 61, 0.12)", "--vkui--color_separator_primary_alpha--hover": "rgba(0, 16, 61, 0.16)", "--vkui--color_separator_primary_alpha--active": "rgba(0, 16, 61, 0.2)", "--vkui--color_separator_secondary": "#E6E7EB", "--vkui--color_separator_secondary--hover": "#DDDEE4", "--vkui--color_separator_secondary--active": "#D4D6DD", "--vkui--color_separator_primary": "#DADCE0", "--vkui--color_separator_primary--hover": "#D1D4D9", "--vkui--color_separator_primary--active": "#C9CCD3", "--vkui--color_stroke_positive": "#0DC268", "--vkui--color_stroke_positive--hover": "#0CBB66", "--vkui--color_stroke_positive--active": "#0CB465", "--vkui--color_accent_blue": "#005FF9", "--vkui--color_accent_blue--hover": "#005CF1", "--vkui--color_accent_blue--active": "#0059EA", "--vkui--color_accent_gray": "#A5A7AD", "--vkui--color_accent_gray--hover": "#9EA1A9", "--vkui--color_accent_gray--active": "#989BA4", "--vkui--color_accent_red": "#ED0A34", "--vkui--color_accent_red--hover": "#E40A34", "--vkui--color_accent_red--active": "#DA0A35", "--vkui--color_accent_green": "#0DC268", "--vkui--color_accent_green--hover": "#0CBB66", "--vkui--color_accent_green--active": "#0CB465", "--vkui--color_accent_orange": "#FF9E00", "--vkui--color_accent_orange--hover": "#F59802", "--vkui--color_accent_orange--active": "#EB9305", "--vkui--color_accent_purple": "#4F6DDC", "--vkui--color_accent_purple--hover": "#4C69D6", "--vkui--color_accent_purple--active": "#4966CF", "--vkui--color_accent_violet": "#C15DF3", "--vkui--color_accent_violet--hover": "#B95AEC", "--vkui--color_accent_violet--active": "#B257E4", "--vkui--color_accent_secondary": "#FF9E00", "--vkui--color_accent_secondary--hover": "#F59802", "--vkui--color_accent_secondary--active": "#EB9305", "--vkui--color_action_sheet_text": "#005FF9", "--vkui--color_action_sheet_text--hover": "#005CF1", "--vkui--color_action_sheet_text--active": "#0059EA", "--vkui--color_header_background": "#FFFFFF", "--vkui--color_header_background--hover": "#F5F5F7", "--vkui--color_header_background--active": "#EBECEF", "--vkui--color_panel_header_icon": "#005FF9", "--vkui--color_panel_header_icon--hover": "#005CF1", "--vkui--color_panel_header_icon--active": "#0059EA", "--vkui--color_write_bar_input_background": "#F0F1F3", "--vkui--color_write_bar_input_background--hover": "#E6E8EC", "--vkui--color_write_bar_input_background--active": "#DDDFE4", "--vkui--color_write_bar_input_border_alpha": "rgba(0, 16, 61, 0.8)", "--vkui--color_write_bar_input_border_alpha--hover": "rgba(0, 16, 61, 0.84)", "--vkui--color_write_bar_input_border_alpha--active": "rgba(0, 16, 61, 0.88)", "--vkui--color_track_background": "#DADCE0", "--vkui--color_track_background--hover": "#D1D4D9", "--vkui--color_track_background--active": "#C9CCD3", "--vkui--color_track_buffer": "#83AAEA", "--vkui--color_track_buffer--hover": "#7EA4E3", "--vkui--color_track_buffer--active": "#799EDC", "--vkui--color_image_placeholder": "#E6E7EB", "--vkui--color_image_placeholder--hover": "#DDDEE4", "--vkui--color_image_placeholder--active": "#D4D6DD", "--vkui--color_image_placeholder_alpha": "rgba(0, 16, 61, 0.8)", "--vkui--color_image_placeholder_alpha--hover": "rgba(0, 16, 61, 0.84)", "--vkui--color_image_placeholder_alpha--active": "rgba(0, 16, 61, 0.88)", "--vkui--color_search_field_background": "#E6E7EB", "--vkui--color_search_field_background--hover": "#DDDEE4", "--vkui--color_search_field_background--active": "#D4D6DD", "--vkui--color_write_bar_icon": "#005FF9", "--vkui--color_write_bar_icon--hover": "#005CF1", "--vkui--color_write_bar_icon--active": "#0059EA", "--vkui--color_skeleton_from": "#F3F3F5", "--vkui--color_skeleton_from--hover": "#E9EAEE", "--vkui--color_skeleton_from--active": "#E0E1E6", "--vkui--color_skeleton_to": "#E0E1E6", "--vkui--color_skeleton_to--hover": "#D7D9DF", "--vkui--color_skeleton_to--active": "#CED0D8", "--vkui--color_avatar_overlay": "rgba(145, 147, 153, 0.48)", "--vkui--color_avatar_overlay--hover": "rgba(145, 147, 153, 0.52)", "--vkui--color_avatar_overlay--active": "rgba(145, 147, 153, 0.56)", "--vkui--color_overlay_primary": "rgba(0, 0, 0, 0.48)", "--vkui--color_overlay_primary--hover": "rgba(0, 0, 0, 0.52)", "--vkui--color_overlay_primary--active": "rgba(0, 0, 0, 0.56)", "--vkui--color_transparent": "transparent", "--vkui--color_transparent--hover": "rgba(0, 16, 61, 0.04)", "--vkui--color_transparent--active": "rgba(0, 16, 61, 0.08)", "--vkui--color_rating": "#ffd400", "--vkui--color_rating--hover": "#F5CC02", "--vkui--color_rating--active": "#EBC405", "--vkui--color_button_contrast_alpha": "rgba(255, 255, 255, 1)", "--vkui--color_button_contrast_alpha--hover": "rgba(255, 255, 255, 0.8)", "--vkui--color_button_contrast_alpha--active": "rgba(255, 255, 255, 0.6)", "--vkui--color_button_contrast": "#FFFFFF", "--vkui--color_button_contrast--hover": "#FFFFFF", "--vkui--color_button_contrast--active": "#FFFFFF", "--vkui--color_thumb_error_background_alpha": "rgba(237, 10, 52, 0.12)", "--vkui--color_thumb_error_background_alpha--hover": "rgba(237, 10, 52, 0.16)", "--vkui--color_thumb_error_background_alpha--active": "rgba(237, 10, 52, 0.2)", "--vkui--calendar_color_background_accent_tint_themed": "#E3F0FD", "--vkui--calendar_color_background_accent_tint_themed--hover": "#DAE4F3", "--vkui--calendar_color_background_accent_tint_themed--active": "#E3F0FD" };
 }
 exports.getDeclarationVarColorsObject = getDeclarationVarColorsObject;

package/themes/calendar/cssVars/declarations/onlyVariables.css

@@ -381,6 +381,9 @@
 	--vkui--color_background_negative_tint: #FAEBEB;
 	--vkui--color_background_negative_tint--hover: #F0E2E4;
 	--vkui--color_background_negative_tint--active: #E6D9DD;
+	--vkui--color_field_background: #ffffff;
+	--vkui--color_field_background--hover: #F5F5F7;
+	--vkui--color_field_background--active: #EBECEF;
 	--vkui--color_text_accent: #005FF9;
 	--vkui--color_text_accent--hover: #005CF1;
 	--vkui--color_text_accent--active: #0059EA;