@vkontakte/vkui-tokens 4.38.2 → 4.39.1

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

@@ -3,11 +3,13 @@ export interface Gradients {
     /**
      * @desc Параметры градиента черного цвета
      * @tags gradient
+     * @deprecated используйте gradient или gradientTint
      */
     gradientBlack: GradientPoints;
     /**
      * @desc Параметры градиента белого цвета
      * @tags gradient
+     * @deprecated используйте gradient или gradientTint
      */
     gradientWhite: GradientPoints;
     /**
@@ -15,4 +17,9 @@ export interface Gradients {
      * @tags gradient
      */
     gradientTint: GradientPoints;
+    /**
+     * @desc Параметры градиента дефолтного цвета
+     * @tags gradient
+     */
+    gradient: GradientPoints;
 }

package/interfaces/general/tools/utils.d.ts

@@ -20,3 +20,9 @@ export type GetLast<T extends readonly any[]> = T[GetLength<DropFirstInTuple<T>>
 export type StringifyObject<Base> = {
     [Key in keyof Base]: Base[Key] extends number ? number | string : Base[Key] extends Record<string, any> ? StringifyObject<Base[Key]> : Base[Key];
 };
+/**
+ * Как Partial, но уходящий вглубь.
+ */
+export type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;

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

@@ -0,0 +1,20 @@
+import { ThemeCssVars } from '../../general';
+import { ColorDescription, ColorWithStates } from '../../general/colors';
+import { ParadigmTheme, ParadigmThemeDescription } from '../../namespaces/paradigm';
+export interface LocalWorkspaceLandingsColorDescriptionStruct {
+    workspaceLandingsColorBackgroundDark1: ColorDescription;
+    workspaceLandingsColorBackgroundDark2: ColorDescription;
+    workspaceLandingsColorBackgroundBlue: ColorDescription;
+    workspaceLandingsColorTextGray: ColorDescription;
+    workspaceLandingsColorTextGreen: ColorDescription;
+}
+export type WorkspaceLandingsLocalColors = {
+    [key in keyof LocalWorkspaceLandingsColorDescriptionStruct]: ColorWithStates;
+};
+export interface ThemeWorkspaceLandings extends ParadigmTheme, WorkspaceLandingsLocalColors {
+}
+export interface ThemeWorkspaceLandingsDescription extends ParadigmThemeDescription {
+    colors: LocalWorkspaceLandingsColorDescriptionStruct & ParadigmThemeDescription['colors'];
+}
+export interface ThemeWorkspaceLandingsCssVars extends ThemeCssVars<ThemeWorkspaceLandings, 'breakpoints'> {
+}

package/interfaces/themes/workspaceLandings/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.38.2",
+  "version": "4.39.1",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "license": "MIT",
   "main": "utils/descriptions.js",
@@ -47,18 +47,19 @@
     "@types/color": "3.0.3",
     "@types/common-tags": "1.8.1",
     "@types/fs-extra": "11.0.1",
+    "@types/lodash": "4.14.198",
     "@types/node": "18.11.10",
     "@types/react": "18.2.0",
-    "@types/react-dom": "18.2.1",
+    "@types/react-dom": "18.2.7",
     "@typescript-eslint/eslint-plugin": "4.33.0",
     "@typescript-eslint/parser": "4.33.0",
     "@vkontakte/appearance": "https://github.com/VKCOM/Appearance#v10.1.4",
     "@vkontakte/icons": "2.54.0",
     "@vkontakte/prettier-config": "0.1.0",
     "@vkontakte/vk-bridge": "2.11.1",
-    "@vkontakte/vkjs": "0.32.2",
-    "@vkontakte/vkui": "5.8.0",
-    "babel-jest": "29.6.2",
+    "@vkontakte/vkjs": "1.1.0",
+    "@vkontakte/vkui": "5.8.1",
+    "babel-jest": "29.7.0",
     "babel-loader": "9.1.2",
     "clean-webpack-plugin": "4.0.0",
     "clsx": "1.2.1",

package/themeDescriptions/base/paradigm.js

@@ -27,6 +27,7 @@ var fontWeightBase2 = 700;
 var fontWeightBase3 = 400;
 var colorBackgroundTertiaryLight = '#F6F7F8';
 var colorBackgroundTertiaryDark = '#252525';
+var colorBackgroundContentDark = '#232324';
 exports.lightColors = {
     colorsScheme: 'light',
     colors: {
@@ -158,7 +159,7 @@ exports.darkColors = {
         colorBackgroundAccent: '#2775FC',
         colorBackgroundAccentThemed: '#FFFFFF',
         colorBackgroundAccentAlternative: '#FF9E00',
-        colorBackgroundContent: '#232324',
+        colorBackgroundContent: colorBackgroundContentDark,
         colorBackgroundSecondary: '#2A2A2B',
         colorBackgroundSecondaryAlpha: {
             normal: 'rgba(255, 255, 255, 0.08)',
@@ -596,7 +597,7 @@ exports.lightThemeBase = __assign(__assign({ themeName: 'paradigmBase' }, export
     // Стандартные токены для отступов
     spacingSizeXs: 4, spacingSizeS: 6, spacingSizeM: 8, spacingSizeL: 10, spacingSizeXl: 12, 
     // Прочие отступы
-    elevation1: '0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)', elevation1InvertY: '0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)', elevation2: '0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)', elevation3: '0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)', elevation4: '0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)', gradientBlack: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)('#000000', 0.4), gradientWhite: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)('#FFFFFF'), gradientTint: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)(colorBackgroundTertiaryLight), animationDurationL: '0.4s', animationDurationM: '0.2s', animationDurationS: '0.1s', animationEasingDefault: 'cubic-bezier(0.3, 0.3, 0.5, 1)', animationEasingPlatform: 'cubic-bezier(0.3, 0.3, 0.5, 1)', opacityDisable: 0.48, opacityDisableAccessibility: 0.64, zIndexModal: 99, zIndexPopout: 100 });
+    elevation1: '0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)', elevation1InvertY: '0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)', elevation2: '0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)', elevation3: '0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)', elevation4: '0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)', gradientBlack: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)('#000000', 0.4), gradientWhite: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)('#FFFFFF'), gradientTint: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)(colorBackgroundTertiaryLight), gradient: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)('#FFFFFF'), animationDurationL: '0.4s', animationDurationM: '0.2s', animationDurationS: '0.1s', animationEasingDefault: 'cubic-bezier(0.3, 0.3, 0.5, 1)', animationEasingPlatform: 'cubic-bezier(0.3, 0.3, 0.5, 1)', opacityDisable: 0.48, opacityDisableAccessibility: 0.64, zIndexModal: 99, zIndexPopout: 100 });
 var x05 = common_1.helpers.x05, x1 = common_1.helpers.x1, x2 = common_1.helpers.x2, x3 = common_1.helpers.x3, x4 = common_1.helpers.x4, x5 = common_1.helpers.x5, x6 = common_1.helpers.x6, x8 = common_1.helpers.x8, x10 = common_1.helpers.x10;
 exports.lightTheme = __assign(__assign(__assign({}, exports.lightThemeBase), common_1.helpers), { colors: __assign(__assign({}, exports.lightThemeBase.colors), { colorRating: '#ffd400', colorButtonContrastAlpha: {
             normal: 'rgba(255, 255, 255, 1)',
@@ -776,7 +777,7 @@ exports.darkThemeElevation = {
     elevation3: '0 4px 32px 0 rgba(0, 0, 0, 0.48)',
     elevation4: '0 4px 32px 0 rgba(0, 0, 0, 0.48)',
 };
-exports.darkThemeBase = __assign(__assign(__assign(__assign({}, exports.lightThemeBase), { gradientTint: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)(colorBackgroundTertiaryDark), themeName: 'paradigmBaseDark' }), exports.darkColors), exports.darkThemeElevation);
+exports.darkThemeBase = __assign(__assign(__assign(__assign({}, exports.lightThemeBase), { gradientTint: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)(colorBackgroundTertiaryDark), gradient: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)(colorBackgroundContentDark, 0.4), themeName: 'paradigmBaseDark' }), exports.darkColors), exports.darkThemeElevation);
 exports.darkTheme = __assign(__assign(__assign(__assign({}, exports.lightTheme), exports.darkThemeBase), exports.darkThemeElevation), { colorsScheme: 'dark', colors: __assign(__assign(__assign({}, exports.lightTheme.colors), exports.darkThemeBase.colors), { colorButtonContrastAlpha: {
             normal: 'rgba(255, 255, 255, 0.12)',
             hover: 'rgba(255, 255, 255, 0.2)',

package/themeDescriptions/base/vk.d.ts

@@ -1,6 +1,8 @@
 import { ColorsDescription, ThemeDescription } from '../../interfaces/general';
 import { Elevation } from '../../interfaces/general/elevation';
 import { Gradients } from '../../interfaces/general/gradients';
+import { Adaptive } from '../../interfaces/general/tools';
+import { Fonts, TypographyBaseProps } from '../../interfaces/general/typography';
 export declare const colorFromFigma: (colorsScheme: 'light' | 'dark') => ColorsDescription;
 export declare const lightColors: ColorsDescription;
 export declare const lightGradient: Gradients;
@@ -8,5 +10,10 @@ export declare const lightElevation: Elevation;
 export declare const darkColors: ColorsDescription;
 export declare const darkGradient: Gradients;
 export declare const darkElevation: Elevation;
+type BaseFonts = Omit<{
+    [key in keyof Fonts]: Adaptive<Fonts[key]>;
+}, 'fontHeadline'> & TypographyBaseProps;
+export declare const fonts: BaseFonts;
 export declare const lightTheme: ThemeDescription;
 export declare const darkTheme: ThemeDescription;
+export {};

package/themeDescriptions/base/vk.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.darkTheme = exports.lightTheme = exports.darkElevation = exports.darkGradient = exports.darkColors = exports.lightElevation = exports.lightGradient = exports.lightColors = exports.colorFromFigma = void 0;
+exports.darkTheme = exports.lightTheme = exports.fonts = exports.darkElevation = exports.darkGradient = exports.darkColors = exports.lightElevation = exports.lightGradient = exports.lightColors = exports.colorFromFigma = void 0;
 var getGradientPointsFromColor_1 = require("../../build/helpers/getGradientPointsFromColor");
 var tokenHelpers_1 = require("../../build/helpers/tokenHelpers");
 var vk_json_1 = __importDefault(require("./figma/vk.json"));
@@ -27,8 +27,6 @@ var fontWeightAccent3 = 400;
 var fontWeightBase1 = 600;
 var fontWeightBase2 = 500;
 var fontWeightBase3 = 400;
-var colorBackgroundTertiaryLight = '#F9F9F9';
-var colorBackgroundTertiaryDark = '#202021';
 // eslint-disable-next-line max-lines-per-function
 var colorFromFigma = function (colorsScheme) {
     var _a = vk_json_1.default[colorsScheme], background = _a.background, text = _a.text, icons = _a.icons, stroke = _a.stroke, palette = _a.palette, other = _a.other;
@@ -224,7 +222,8 @@ exports.lightColors = (0, exports.colorFromFigma)('light');
 exports.lightGradient = {
     gradientBlack: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)('#000000', 0.4),
     gradientWhite: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)('#FFFFFF'),
-    gradientTint: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)(colorBackgroundTertiaryLight),
+    gradientTint: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)(vk_json_1.default.light.background.background_tertiary),
+    gradient: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)('#FFFFFF'),
 };
 exports.lightElevation = {
     elevation1: '0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)',
@@ -237,7 +236,8 @@ exports.darkColors = (0, exports.colorFromFigma)('dark');
 exports.darkGradient = {
     gradientBlack: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)('#000000', 0.4),
     gradientWhite: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)('#FFFFFF'),
-    gradientTint: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)(colorBackgroundTertiaryDark),
+    gradientTint: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)(vk_json_1.default.dark.background.background_tertiary),
+    gradient: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)(vk_json_1.default.dark.background.background_content, 0.4),
 };
 exports.darkElevation = {
     // TODO: Тени (Поправить для Dark)
@@ -247,30 +247,42 @@ exports.darkElevation = {
     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)',
 };
-exports.lightTheme = __assign(__assign(__assign(__assign({ themeName: 'vkBase', themeNameBase: 'vkBase' }, exports.lightColors), exports.lightGradient), exports.lightElevation), { 
+exports.fonts = {
     // Типографика
-    fontFamilyFallbacks: fontFamilyFallbacks, fontFamilyAccent: fontFamilyAccent, fontFamilyBase: fontFamilyBase, fontWeightAccent1: fontWeightAccent1, fontWeightAccent2: fontWeightAccent2, fontWeightAccent3: fontWeightAccent3, fontWeightBase1: fontWeightBase1, fontWeightBase2: fontWeightBase2, fontWeightBase3: fontWeightBase3, fontTitle1: {
+    fontFamilyFallbacks: fontFamilyFallbacks,
+    fontFamilyAccent: fontFamilyAccent,
+    fontFamilyBase: fontFamilyBase,
+    fontWeightAccent1: fontWeightAccent1,
+    fontWeightAccent2: fontWeightAccent2,
+    fontWeightAccent3: fontWeightAccent3,
+    fontWeightBase1: fontWeightBase1,
+    fontWeightBase2: fontWeightBase2,
+    fontWeightBase3: fontWeightBase3,
+    fontTitle1: {
         regular: {
             fontSize: 24,
             lineHeight: 28,
             fontFamily: fontFamilyAccent,
             fontWeight: fontWeightAccent1,
         },
-    }, fontTitle2: {
+    },
+    fontTitle2: {
         regular: {
             fontSize: 20,
             lineHeight: 24,
             fontFamily: fontFamilyAccent,
             fontWeight: fontWeightAccent1,
         },
-    }, fontTitle3: {
+    },
+    fontTitle3: {
         regular: {
             fontSize: 17,
             lineHeight: 22,
             fontFamily: fontFamilyAccent,
             fontWeight: fontWeightAccent1,
         },
-    }, fontHeadline: (0, tokenHelpers_1.alias)('fontHeadline1'), fontHeadline1: {
+    },
+    fontHeadline1: {
         regular: {
             fontSize: 16,
             lineHeight: 20,
@@ -281,7 +293,8 @@ exports.lightTheme = __assign(__assign(__assign(__assign({ themeName: 'vkBase',
             fontSize: 15,
             lineHeight: 20,
         },
-    }, fontHeadline2: {
+    },
+    fontHeadline2: {
         regular: {
             fontSize: 15,
             lineHeight: 20,
@@ -292,7 +305,8 @@ exports.lightTheme = __assign(__assign(__assign(__assign({ themeName: 'vkBase',
             fontSize: 14,
             lineHeight: 20,
         },
-    }, fontText: {
+    },
+    fontText: {
         regular: {
             fontSize: 16,
             lineHeight: 20,
@@ -303,14 +317,16 @@ exports.lightTheme = __assign(__assign(__assign(__assign({ themeName: 'vkBase',
             fontSize: 15,
             lineHeight: 20,
         },
-    }, fontParagraph: {
+    },
+    fontParagraph: {
         regular: {
             fontSize: 15,
             lineHeight: 20,
             fontFamily: fontFamilyBase,
             fontWeight: fontWeightBase3,
         },
-    }, fontSubhead: {
+    },
+    fontSubhead: {
         regular: {
             fontSize: 14,
             lineHeight: 18,
@@ -321,14 +337,16 @@ exports.lightTheme = __assign(__assign(__assign(__assign({ themeName: 'vkBase',
             fontSize: 13,
             lineHeight: 16,
         },
-    }, fontFootnote: {
+    },
+    fontFootnote: {
         regular: {
             fontSize: 13,
             lineHeight: 16,
             fontFamily: fontFamilyBase,
             fontWeight: fontWeightBase3,
         },
-    }, fontFootnoteCaps: {
+    },
+    fontFootnoteCaps: {
         regular: {
             fontSize: 13,
             lineHeight: 16,
@@ -336,14 +354,16 @@ exports.lightTheme = __assign(__assign(__assign(__assign({ themeName: 'vkBase',
             fontWeight: fontWeightBase3,
             textTransform: 'uppercase',
         },
-    }, fontCaption1: {
+    },
+    fontCaption1: {
         regular: {
             fontSize: 12,
             lineHeight: 14,
             fontFamily: fontFamilyBase,
             fontWeight: fontWeightBase3,
         },
-    }, fontCaption1Caps: {
+    },
+    fontCaption1Caps: {
         regular: {
             fontSize: 12,
             lineHeight: 14,
@@ -351,14 +371,16 @@ exports.lightTheme = __assign(__assign(__assign(__assign({ themeName: 'vkBase',
             fontWeight: fontWeightBase1,
             textTransform: 'uppercase',
         },
-    }, fontCaption2: {
+    },
+    fontCaption2: {
         regular: {
             fontSize: 11,
             lineHeight: 14,
             fontFamily: fontFamilyBase,
             fontWeight: fontWeightBase3,
         },
-    }, fontCaption2Caps: {
+    },
+    fontCaption2Caps: {
         regular: {
             fontSize: 11,
             lineHeight: 14,
@@ -366,14 +388,16 @@ exports.lightTheme = __assign(__assign(__assign(__assign({ themeName: 'vkBase',
             fontWeight: fontWeightBase1,
             textTransform: 'uppercase',
         },
-    }, fontCaption3: {
+    },
+    fontCaption3: {
         regular: {
             fontSize: 9,
             lineHeight: 12,
             fontFamily: fontFamilyBase,
             fontWeight: fontWeightBase3,
         },
-    }, fontCaption3Caps: {
+    },
+    fontCaption3Caps: {
         regular: {
             fontSize: 9,
             lineHeight: 12,
@@ -381,7 +405,9 @@ exports.lightTheme = __assign(__assign(__assign(__assign({ themeName: 'vkBase',
             fontWeight: fontWeightBase1,
             textTransform: 'uppercase',
         },
-    }, 
+    },
+};
+exports.lightTheme = __assign(__assign(__assign(__assign(__assign({ themeName: 'vkBase', themeNameBase: 'vkBase' }, exports.lightColors), exports.lightGradient), exports.lightElevation), exports.fonts), { fontHeadline: (0, tokenHelpers_1.alias)('fontHeadline1'), 
     // Размеры
     sizeSelectIconPadding: {
         regular: 6,

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

@@ -246,6 +246,7 @@
 	--vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%;
 	--vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%;
 	--vkui--gradient_tint: rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%;
+	--vkui--gradient: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%;
 	--vkui--animation_duration_l: 0.4s;
 	--vkui--animation_duration_m: 0.2s;
 	--vkui--animation_duration_s: 0.1s;

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

@@ -246,6 +246,7 @@
 	--vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%;
 	--vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%;
 	--vkui--gradient_tint: rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%;
+	--vkui--gradient: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%;
 	--vkui--animation_duration_l: 0.4s;
 	--vkui--animation_duration_m: 0.2s;
 	--vkui--animation_duration_s: 0.1s;

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

@@ -13,6 +13,7 @@
 	--vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%;
 	--vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%;
 	--vkui--gradient_tint: rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%;
+	--vkui--gradient: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%;
 	--vkui--animation_duration_l: 0.4s;
 	--vkui--animation_duration_m: 0.2s;
 	--vkui--animation_duration_s: 0.1s;

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

@@ -246,6 +246,7 @@
 	--vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%;
 	--vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%;
 	--vkui--gradient_tint: rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%;
+	--vkui--gradient: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%;
 	--vkui--animation_duration_l: 0.4s;
 	--vkui--animation_duration_m: 0.2s;
 	--vkui--animation_duration_s: 0.1s;