@vkontakte/vkui-tokens 4.29.3-dev-ae2b03.0 → 4.29.3-dev-b24760.0

package/interfaces/namespaces/vk/index.d.ts

@@ -0,0 +1,181 @@
+import { Theme, ThemeCssVars, ThemeDescription } from '../../general';
+import { GradientPoints } from '../../general/gradients';
+import { Tokens } from '../../general/tools/tokenValue';
+export interface VkGradients {
+    /**
+     * @desc Градиент AquamarineBlue
+     * @tags gradient
+     */
+    gradientAquamarineBlue: GradientPoints;
+    /**
+     * @desc Градиент Blue
+     * @tags gradient
+     */
+    gradientBlue: GradientPoints;
+    /**
+     * @desc Градиент Candy
+     * @tags gradient
+     */
+    gradientCandy: GradientPoints;
+    /**
+     * @desc Градиент Crimson
+     * @tags gradient
+     */
+    gradientCrimson: GradientPoints;
+    /**
+     * @desc Градиент Disco
+     * @tags gradient
+     */
+    gradientDisco: GradientPoints;
+    /**
+     * @desc Градиент Emerald
+     * @tags gradient
+     */
+    gradientEmerald: GradientPoints;
+    /**
+     * @desc Градиент Gray
+     * @tags gradient
+     */
+    gradientGray: GradientPoints;
+    /**
+     * @desc Градиент Green
+     * @tags gradient
+     */
+    gradientGreen: GradientPoints;
+    /**
+     * @desc Градиент Lagoon
+     * @tags gradient
+     */
+    gradientLagoon: GradientPoints;
+    /**
+     * @desc Градиент Lavender
+     * @tags gradient
+     */
+    gradientLavender: GradientPoints;
+    /**
+     * @desc Градиент Marine
+     * @tags gradient
+     */
+    gradientMarine: GradientPoints;
+    /**
+     * @desc Градиент Midnight
+     * @tags gradient
+     */
+    gradientMidnight: GradientPoints;
+    /**
+     * @desc Градиент Orange
+     * @tags gradient
+     */
+    gradientOrange: GradientPoints;
+    /**
+     * @desc Градиент Pink
+     * @tags gradient
+     */
+    gradientPink: GradientPoints;
+    /**
+     * @desc Градиент Purple
+     * @tags gradient
+     */
+    gradientPurple: GradientPoints;
+    /**
+     * @desc Градиент RaspberryPink
+     * @tags gradient
+     */
+    gradientRaspberryPink: GradientPoints;
+    /**
+     * @desc Градиент Red
+     * @tags gradient
+     */
+    gradientRed: GradientPoints;
+    /**
+     * @desc Градиент Retrowave
+     * @tags gradient
+     */
+    gradientRetrowave: GradientPoints;
+    /**
+     * @desc Градиент Sunset
+     * @tags gradient
+     */
+    gradientSunset: GradientPoints;
+    /**
+     * @desc Градиент Turquoise
+     * @tags gradient
+     */
+    gradientTurquoise: GradientPoints;
+    /**
+     * @desc Градиент Twilight
+     * @tags gradient
+     */
+    gradientTwilight: GradientPoints;
+    /**
+     * @desc Градиент Unicorn
+     * @tags gradient
+     */
+    gradientUnicorn: GradientPoints;
+    /**
+     * @desc Градиент Violet
+     * @tags gradient
+     */
+    gradientViolet: GradientPoints;
+    /**
+     * @desc Градиент Yellow
+     * @tags gradient
+     */
+    gradientYellow: GradientPoints;
+    /**
+     * @desc Градиент YellowBright
+     * @tags gradient
+     */
+    gradientYellowBright: GradientPoints;
+    /**
+     * @desc Градиент HalloweenOrange
+     * @tags gradient
+     */
+    gradientHalloweenOrange: GradientPoints;
+    /**
+     * @desc Градиент HalloweenViolet
+     * @tags gradient
+     */
+    gradientHalloweenViolet: GradientPoints;
+    /**
+     * @desc Градиент NewYear
+     * @tags gradient
+     */
+    gradientNewYear: GradientPoints;
+    /**
+     * @desc Градиент Frost
+     * @tags gradient
+     */
+    gradientFrost: GradientPoints;
+    /**
+     * @desc Градиент Valentine
+     * @tags gradient
+     */
+    gradientValentine: GradientPoints;
+    /**
+     * @desc Градиент WarmValentine
+     * @tags gradient
+     */
+    gradientWarmValentine: GradientPoints;
+    /**
+     * @desc Градиент Sberkot
+     * @tags gradient
+     */
+    gradientSberkot: GradientPoints;
+    /**
+     * @desc Градиент Mable
+     * @tags gradient
+     */
+    gradientMable: GradientPoints;
+    /**
+     * @desc Градиент WomensDay
+     * @tags gradient
+     */
+    gradientWomensDay: GradientPoints;
+}
+export interface VkTheme extends Theme, VkGradients {
+}
+export interface VkThemeDescription extends ThemeDescription, Tokens<VkGradients> {
+}
+export interface VkThemeCssVars extends ThemeCssVars<VkTheme> {
+}

package/interfaces/namespaces/vk/index.js

@@ -1 +1,2 @@
-// место где можно оперделить локальные переменные вк, как вариант
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -26,7 +26,6 @@ export interface LocalCalendarColorDescriptionStruct {
     calendarColorBackgroundMainSkyTintAlpha20: ColorDescription;
     calendarColorBackground: ColorDescription;
     calendarColorOverlayBackground: ColorDescription;
-    calendarImageOverlayBackground: string;
     calendarColorSidebarItemIconPrimary: ColorDescription;
     calendarColorSidebarItemTextPrimary: ColorDescription;
     calendarColorSidebarItemIconSecondary: ColorDescription;
@@ -35,11 +34,6 @@ export interface LocalCalendarColorDescriptionStruct {
     calendarColorSidebarComposeButtonIcon: ColorDescription;
     calendarColorSidebarComposeButtonText: ColorDescription;
     calendarColorSidebarScrollbar: ColorDescription;
-    calendarColorHeaderBackground: ColorDescription;
-    calendarColorHeaderSecondaryAlpha: ColorDescription;
-    calendarColorHeaderonSecondary: ColorDescription;
-    calendarColorHeaderonWidgetAlpha: ColorDescription;
-    calendarColorHeaderWidgetBackgroundAlpha: ColorDescription;
     calendarColorHeaderIcon: ColorDescription;
     calendarColorHeaderTextSecondary: ColorDescription;
     calendarColorHeaderButtonText: ColorDescription;

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

@@ -1,7 +1,7 @@
-import { Theme, ThemeCssVars, ThemeDescription } from '../../general';
-export interface ThemeVkBase extends Theme {
+import { VkTheme, VkThemeCssVars, VkThemeDescription } from '../../namespaces/vk';
+export interface ThemeVkBase extends VkTheme {
 }
-export interface ThemeVkBaseDescription extends ThemeDescription {
+export interface ThemeVkBaseDescription extends VkThemeDescription {
 }
-export interface ThemeVkBaseCssVars extends ThemeCssVars {
+export interface ThemeVkBaseCssVars extends VkThemeCssVars {
 }

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

@@ -1,7 +1,7 @@
-import { Theme, ThemeCssVars, ThemeDescription } from '../../general';
-export interface ThemeVkBaseDark extends Theme {
+import { VkTheme, VkThemeCssVars, VkThemeDescription } from '../../namespaces/vk';
+export interface ThemeVkBaseDark extends VkTheme {
 }
-export interface ThemeVkBaseDarkDescription extends ThemeDescription {
+export interface ThemeVkBaseDarkDescription extends VkThemeDescription {
 }
-export interface ThemeVkBaseDarkCssVars extends ThemeCssVars {
+export interface ThemeVkBaseDarkCssVars extends VkThemeCssVars {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-tokens",
-  "version": "4.29.3-dev-ae2b03.0",
+  "version": "4.29.3-dev-b24760.0",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "license": "MIT",
   "main": "utils/descriptions.js",
@@ -93,7 +93,7 @@
     "webpack-notifier": "1.15.0"
   },
   "engines": {
-    "npm": "^9.3.1",
+    "npm": "^8.5.5",
     "yarn": "^1.21.1"
   }
 }

package/themeDescriptions/base/vk.d.ts

@@ -1,11 +1,13 @@
-import { ColorsDescription, ThemeDescription } from '../../interfaces/general';
+import { ColorsDescription } from '../../interfaces/general';
 import { Elevation } from '../../interfaces/general/elevation';
 import { Gradients } from '../../interfaces/general/gradients';
+import { VkGradients, VkThemeDescription } from '../../interfaces/namespaces/vk';
 export declare const lightColors: ColorsDescription;
 export declare const lightGradient: Gradients;
 export declare const lightElevation: Elevation;
 export declare const darkColors: ColorsDescription;
 export declare const darkGradient: Gradients;
 export declare const darkElevation: Elevation;
-export declare const lightTheme: ThemeDescription;
-export declare const darkTheme: ThemeDescription;
+export declare const gradients: VkGradients;
+export declare const lightTheme: VkThemeDescription;
+export declare const darkTheme: VkThemeDescription;

package/themeDescriptions/base/vk.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.darkTheme = exports.lightTheme = exports.darkElevation = exports.darkGradient = exports.darkColors = exports.lightElevation = exports.lightGradient = exports.lightColors = void 0;
+exports.darkTheme = exports.lightTheme = exports.gradients = exports.darkElevation = exports.darkGradient = exports.darkColors = exports.lightElevation = exports.lightGradient = exports.lightColors = void 0;
 var getGradientPointsFromColor_1 = require("../../build/helpers/getGradientPointsFromColor");
 var tokenHelpers_1 = require("../../build/helpers/tokenHelpers");
 var fontFamilyAccent = "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif";
@@ -279,7 +279,43 @@ 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.gradients = {
+    gradientAquamarineBlue: '#7DF1FA, #2BB4D6',
+    gradientBlue: '#66CCFF, #3F8AE0',
+    gradientCandy: '#FF99CC, #E52E6A',
+    gradientCrimson: '#FF7373, #E53949, #BF1C38',
+    gradientDisco: '#FFB726, #FF2693, #8122E0, #2693FF',
+    gradientEmerald: '#00D948, #0D8046',
+    gradientGray: '#C1CAD6, #878F99',
+    gradientGreen: '#6CD97E, #12B312',
+    gradientLagoon: '#2BD9D9, #5C9CE6',
+    gradientLavender: '#928FFF, #4B47B2',
+    gradientMarine: '#2EE54D, #0D7EFF',
+    gradientMidnight: '#73D0FF, #3885E1, #0032A6',
+    gradientOrange: '#FFBF80, #E66B2E',
+    gradientPink: '#FF8880, #E62E6B',
+    gradientPurple: '#A393F5, #735CE6',
+    gradientRaspberryPink: '#FF80D5, #E645B1',
+    gradientRed: '#FF7583, #E62E40',
+    gradientRetrowave: '#30F2B1, #5967FF, #FF26A5',
+    gradientSunset: '#FFD24D, #F26549, #E62E6B',
+    gradientTurquoise: '#8AE6E6, #12B3B3',
+    gradientTwilight: '#FF4D87, #9F40FF, #3399FF',
+    gradientUnicorn: '#FF99CC, #A179F2, #5CA1E6',
+    gradientViolet: '#D3A6FF, #903FE0',
+    gradientYellow: '#FFC44D, #F07300',
+    gradientYellowBright: '#FFD54F, #E7A902',
+    gradientHalloweenOrange: '#CB1E3B, #F05C44, #FFA000',
+    gradientHalloweenViolet: '#FFA000, #CD4C4B, #792EC0',
+    gradientNewYear: '#BB64E4, #805BD7, #2866D5',
+    gradientFrost: '#4FA0FF, #016CEA',
+    gradientValentine: '#FF8A65, #F25383, #8F13DB',
+    gradientWarmValentine: '#F3386A, #FF819E',
+    gradientSberkot: '#9DF19D, #31C2A7, #21A19A, #107F8C',
+    gradientMable: '#D9F4FF, #D9F4FF',
+    gradientWomensDay: '#FF99CC, #E52E6A',
+};
+exports.lightTheme = __assign(__assign(__assign(__assign(__assign({ themeName: 'vkBase', themeNameBase: 'vkBase' }, exports.lightColors), exports.gradients), exports.lightGradient), exports.lightElevation), { 
     // Типографика
     fontFamilyAccent: fontFamilyAccent, fontFamilyBase: fontFamilyBase, fontWeightAccent1: fontWeightAccent1, fontWeightAccent2: fontWeightAccent2, fontWeightAccent3: fontWeightAccent3, fontWeightBase1: fontWeightBase1, fontWeightBase2: fontWeightBase2, fontWeightBase3: fontWeightBase3, fontTitle1: {
         regular: {

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

@@ -732,15 +732,12 @@
 	--vkui--calendar_color_overlay_background: transparent;
 	--vkui--calendar_color_overlay_background--hover: rgba(0, 16, 61, 0.04);
 	--vkui--calendar_color_overlay_background--active: rgba(0, 16, 61, 0.08);
-	--vkui--calendar_image_overlay_background: transparent;
-	--vkui--calendar_image_overlay_background--hover: rgba(0, 16, 61, 0.04);
-	--vkui--calendar_image_overlay_background--active: rgba(0, 16, 61, 0.08);
-	--vkui--calendar_color_sidebar_item_icon_primary: #2C2D2E;
-	--vkui--calendar_color_sidebar_item_icon_primary--hover: #2A2C2F;
-	--vkui--calendar_color_sidebar_item_icon_primary--active: #282B2F;
-	--vkui--calendar_color_sidebar_item_text_primary: #2C2D2E;
-	--vkui--calendar_color_sidebar_item_text_primary--hover: #2A2C2F;
-	--vkui--calendar_color_sidebar_item_text_primary--active: #282B2F;
+	--vkui--calendar_color_sidebar_item_icon_primary: #333333;
+	--vkui--calendar_color_sidebar_item_icon_primary--hover: #313233;
+	--vkui--calendar_color_sidebar_item_icon_primary--active: #2F3034;
+	--vkui--calendar_color_sidebar_item_text_primary: #333333;
+	--vkui--calendar_color_sidebar_item_text_primary--hover: #313233;
+	--vkui--calendar_color_sidebar_item_text_primary--active: #2F3034;
 	--vkui--calendar_color_sidebar_item_icon_secondary: #87898F;
 	--vkui--calendar_color_sidebar_item_icon_secondary--hover: #82848C;
 	--vkui--calendar_color_sidebar_item_icon_secondary--active: #7C7F88;
@@ -759,21 +756,6 @@
 	--vkui--calendar_color_sidebar_scrollbar: #C7C7C7;
 	--vkui--calendar_color_sidebar_scrollbar--hover: #BFC0C1;
 	--vkui--calendar_color_sidebar_scrollbar--active: #B7B8BC;
-	--vkui--calendar_color_header_background: #FFFFFF;
-	--vkui--calendar_color_header_background--hover: #F5F5F7;
-	--vkui--calendar_color_header_background--active: #EBECEF;
-	--vkui--calendar_color_header_secondary_alpha: rgba(0, 95, 249, 0.1);
-	--vkui--calendar_color_header_secondary_alpha--hover: rgba(0, 95, 249, 0.14);
-	--vkui--calendar_color_header_secondary_alpha--active: rgba(0, 95, 249, 0.18);
-	--vkui--calendar_color_headeron_secondary: #005FF9;
-	--vkui--calendar_color_headeron_secondary--hover: #005CF1;
-	--vkui--calendar_color_headeron_secondary--active: #0059EA;
-	--vkui--calendar_color_headeron_widget_alpha: rgba(0, 95, 249, 1);
-	--vkui--calendar_color_headeron_widget_alpha--hover: #005CF1;
-	--vkui--calendar_color_headeron_widget_alpha--active: #0059EA;
-	--vkui--calendar_color_header_widget_background_alpha: rgba(255, 255, 255, 1);
-	--vkui--calendar_color_header_widget_background_alpha--hover: #F5F5F7;
-	--vkui--calendar_color_header_widget_background_alpha--active: #EBECEF;
 	--vkui--calendar_color_header_icon: #2C2D2E;
 	--vkui--calendar_color_header_icon--hover: #2A2C2F;
 	--vkui--calendar_color_header_icon--active: #282B2F;
@@ -789,9 +771,9 @@
 	--vkui--calendar_color_header_search_icon: #B6B8BE;
 	--vkui--calendar_color_header_search_icon--hover: #AFB1B9;
 	--vkui--calendar_color_header_search_icon--active: #A7ABB4;
-	--vkui--calendar_color_header_search_text_collapsed: #2C2D2E;
-	--vkui--calendar_color_header_search_text_collapsed--hover: #2A2C2F;
-	--vkui--calendar_color_header_search_text_collapsed--active: #282B2F;
+	--vkui--calendar_color_header_search_text_collapsed: #87898F;
+	--vkui--calendar_color_header_search_text_collapsed--hover: #82848C;
+	--vkui--calendar_color_header_search_text_collapsed--active: #7C7F88;
 	--vkui--calendar_color_header_search_background: #F0F1F3;
 	--vkui--calendar_color_header_search_background--hover: #E6E8EC;
 	--vkui--calendar_color_header_search_background--active: #DDDFE4;

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

@@ -374,9 +374,6 @@
 	--vkui--font_headline--line_height--compact: 20px;
 	--vkui--font_headline--font_weight--compact: 500;
 	--vkui--font_headline--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
-	--vkui--calendar_image_overlay_background: transparent;
-	--vkui--calendar_image_overlay_background--hover: rgba(0, 16, 61, 0.04);
-	--vkui--calendar_image_overlay_background--active: rgba(0, 16, 61, 0.08);
 }
 
 .vkui--font_title1--regular {

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

@@ -385,15 +385,12 @@
 	--vkui--calendar_color_overlay_background: transparent;
 	--vkui--calendar_color_overlay_background--hover: rgba(0, 16, 61, 0.04);
 	--vkui--calendar_color_overlay_background--active: rgba(0, 16, 61, 0.08);
-	--vkui--calendar_image_overlay_background: transparent;
-	--vkui--calendar_image_overlay_background--hover: rgba(0, 16, 61, 0.04);
-	--vkui--calendar_image_overlay_background--active: rgba(0, 16, 61, 0.08);
-	--vkui--calendar_color_sidebar_item_icon_primary: #2C2D2E;
-	--vkui--calendar_color_sidebar_item_icon_primary--hover: #2A2C2F;
-	--vkui--calendar_color_sidebar_item_icon_primary--active: #282B2F;
-	--vkui--calendar_color_sidebar_item_text_primary: #2C2D2E;
-	--vkui--calendar_color_sidebar_item_text_primary--hover: #2A2C2F;
-	--vkui--calendar_color_sidebar_item_text_primary--active: #282B2F;
+	--vkui--calendar_color_sidebar_item_icon_primary: #333333;
+	--vkui--calendar_color_sidebar_item_icon_primary--hover: #313233;
+	--vkui--calendar_color_sidebar_item_icon_primary--active: #2F3034;
+	--vkui--calendar_color_sidebar_item_text_primary: #333333;
+	--vkui--calendar_color_sidebar_item_text_primary--hover: #313233;
+	--vkui--calendar_color_sidebar_item_text_primary--active: #2F3034;
 	--vkui--calendar_color_sidebar_item_icon_secondary: #87898F;
 	--vkui--calendar_color_sidebar_item_icon_secondary--hover: #82848C;
 	--vkui--calendar_color_sidebar_item_icon_secondary--active: #7C7F88;
@@ -412,21 +409,6 @@
 	--vkui--calendar_color_sidebar_scrollbar: #C7C7C7;
 	--vkui--calendar_color_sidebar_scrollbar--hover: #BFC0C1;
 	--vkui--calendar_color_sidebar_scrollbar--active: #B7B8BC;
-	--vkui--calendar_color_header_background: #FFFFFF;
-	--vkui--calendar_color_header_background--hover: #F5F5F7;
-	--vkui--calendar_color_header_background--active: #EBECEF;
-	--vkui--calendar_color_header_secondary_alpha: rgba(0, 95, 249, 0.1);
-	--vkui--calendar_color_header_secondary_alpha--hover: rgba(0, 95, 249, 0.14);
-	--vkui--calendar_color_header_secondary_alpha--active: rgba(0, 95, 249, 0.18);
-	--vkui--calendar_color_headeron_secondary: #005FF9;
-	--vkui--calendar_color_headeron_secondary--hover: #005CF1;
-	--vkui--calendar_color_headeron_secondary--active: #0059EA;
-	--vkui--calendar_color_headeron_widget_alpha: rgba(0, 95, 249, 1);
-	--vkui--calendar_color_headeron_widget_alpha--hover: #005CF1;
-	--vkui--calendar_color_headeron_widget_alpha--active: #0059EA;
-	--vkui--calendar_color_header_widget_background_alpha: rgba(255, 255, 255, 1);
-	--vkui--calendar_color_header_widget_background_alpha--hover: #F5F5F7;
-	--vkui--calendar_color_header_widget_background_alpha--active: #EBECEF;
 	--vkui--calendar_color_header_icon: #2C2D2E;
 	--vkui--calendar_color_header_icon--hover: #2A2C2F;
 	--vkui--calendar_color_header_icon--active: #282B2F;
@@ -442,9 +424,9 @@
 	--vkui--calendar_color_header_search_icon: #B6B8BE;
 	--vkui--calendar_color_header_search_icon--hover: #AFB1B9;
 	--vkui--calendar_color_header_search_icon--active: #A7ABB4;
-	--vkui--calendar_color_header_search_text_collapsed: #2C2D2E;
-	--vkui--calendar_color_header_search_text_collapsed--hover: #2A2C2F;
-	--vkui--calendar_color_header_search_text_collapsed--active: #282B2F;
+	--vkui--calendar_color_header_search_text_collapsed: #87898F;
+	--vkui--calendar_color_header_search_text_collapsed--hover: #82848C;
+	--vkui--calendar_color_header_search_text_collapsed--active: #7C7F88;
 	--vkui--calendar_color_header_search_background: #F0F1F3;
 	--vkui--calendar_color_header_search_background--hover: #E6E8EC;
 	--vkui--calendar_color_header_search_background--active: #DDDFE4;

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

@@ -356,15 +356,12 @@
 	--vkui--calendar_color_overlay_background: transparent;
 	--vkui--calendar_color_overlay_background--hover: rgba(0, 16, 61, 0.04);
 	--vkui--calendar_color_overlay_background--active: rgba(0, 16, 61, 0.08);
-	--vkui--calendar_image_overlay_background: transparent;
-	--vkui--calendar_image_overlay_background--hover: rgba(0, 16, 61, 0.04);
-	--vkui--calendar_image_overlay_background--active: rgba(0, 16, 61, 0.08);
-	--vkui--calendar_color_sidebar_item_icon_primary: #2C2D2E;
-	--vkui--calendar_color_sidebar_item_icon_primary--hover: #2A2C2F;
-	--vkui--calendar_color_sidebar_item_icon_primary--active: #282B2F;
-	--vkui--calendar_color_sidebar_item_text_primary: #2C2D2E;
-	--vkui--calendar_color_sidebar_item_text_primary--hover: #2A2C2F;
-	--vkui--calendar_color_sidebar_item_text_primary--active: #282B2F;
+	--vkui--calendar_color_sidebar_item_icon_primary: #333333;
+	--vkui--calendar_color_sidebar_item_icon_primary--hover: #313233;
+	--vkui--calendar_color_sidebar_item_icon_primary--active: #2F3034;
+	--vkui--calendar_color_sidebar_item_text_primary: #333333;
+	--vkui--calendar_color_sidebar_item_text_primary--hover: #313233;
+	--vkui--calendar_color_sidebar_item_text_primary--active: #2F3034;
 	--vkui--calendar_color_sidebar_item_icon_secondary: #87898F;
 	--vkui--calendar_color_sidebar_item_icon_secondary--hover: #82848C;
 	--vkui--calendar_color_sidebar_item_icon_secondary--active: #7C7F88;
@@ -383,21 +380,6 @@
 	--vkui--calendar_color_sidebar_scrollbar: #C7C7C7;
 	--vkui--calendar_color_sidebar_scrollbar--hover: #BFC0C1;
 	--vkui--calendar_color_sidebar_scrollbar--active: #B7B8BC;
-	--vkui--calendar_color_header_background: #FFFFFF;
-	--vkui--calendar_color_header_background--hover: #F5F5F7;
-	--vkui--calendar_color_header_background--active: #EBECEF;
-	--vkui--calendar_color_header_secondary_alpha: rgba(0, 95, 249, 0.1);
-	--vkui--calendar_color_header_secondary_alpha--hover: rgba(0, 95, 249, 0.14);
-	--vkui--calendar_color_header_secondary_alpha--active: rgba(0, 95, 249, 0.18);
-	--vkui--calendar_color_headeron_secondary: #005FF9;
-	--vkui--calendar_color_headeron_secondary--hover: #005CF1;
-	--vkui--calendar_color_headeron_secondary--active: #0059EA;
-	--vkui--calendar_color_headeron_widget_alpha: rgba(0, 95, 249, 1);
-	--vkui--calendar_color_headeron_widget_alpha--hover: #005CF1;
-	--vkui--calendar_color_headeron_widget_alpha--active: #0059EA;
-	--vkui--calendar_color_header_widget_background_alpha: rgba(255, 255, 255, 1);
-	--vkui--calendar_color_header_widget_background_alpha--hover: #F5F5F7;
-	--vkui--calendar_color_header_widget_background_alpha--active: #EBECEF;
 	--vkui--calendar_color_header_icon: #2C2D2E;
 	--vkui--calendar_color_header_icon--hover: #2A2C2F;
 	--vkui--calendar_color_header_icon--active: #282B2F;
@@ -413,9 +395,9 @@
 	--vkui--calendar_color_header_search_icon: #B6B8BE;
 	--vkui--calendar_color_header_search_icon--hover: #AFB1B9;
 	--vkui--calendar_color_header_search_icon--active: #A7ABB4;
-	--vkui--calendar_color_header_search_text_collapsed: #2C2D2E;
-	--vkui--calendar_color_header_search_text_collapsed--hover: #2A2C2F;
-	--vkui--calendar_color_header_search_text_collapsed--active: #282B2F;
+	--vkui--calendar_color_header_search_text_collapsed: #87898F;
+	--vkui--calendar_color_header_search_text_collapsed--hover: #82848C;
+	--vkui--calendar_color_header_search_text_collapsed--active: #7C7F88;
 	--vkui--calendar_color_header_search_background: #F0F1F3;
 	--vkui--calendar_color_header_search_background--hover: #E6E8EC;
 	--vkui--calendar_color_header_search_background--active: #DDDFE4;