@vkontakte/vkui-tokens 4.34.1 → 4.35.1

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

@@ -196,6 +196,11 @@ export interface ColorsDescriptionStruct {
      * @tags color, text, themed
      */
     colorTextLinkThemed: ColorDescription;
+    /**
+     * @desc Третичный цвет текста ссылок
+     * @tags color, text
+     */
+    colorTextLinkTint: ColorDescription;
     /**
      * @desc Цвет текста посещенных ссылок
      * @tags color, text
@@ -371,6 +376,11 @@ export interface ColorsDescriptionStruct {
      * @tags color, palette
      */
     colorAccentOrange: ColorDescription;
+    /**
+     * @desc Палитра цветов. Огненно оранжевый цвет
+     * @tags color, palette
+     */
+    colorAccentOrangeFire: ColorDescription;
     /**
      * @desc Палитра цветов. Фиолетовый цвет
      * @tags color, palette

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

@@ -17,16 +17,84 @@ export interface ThemeCalendarOverValues {
     calendarImageBackground: string;
 }
 export interface LocalCalendarColorDescriptionStruct {
-    calendarColorBackgroundPositiveTintAlpha4: ColorDescription;
     calendarColorBackgroundAccentTintThemed: ColorDescription;
     calendarColorButtonGroupBackgroundPositiveTint: ColorDescription;
     calendarColorButtonGroupBackgroundNegativeTint: ColorDescription;
     calendarColorButtonGroupBackgroundAccentTint: ColorDescription;
     calendarColorButtonGroupTextPositive: ColorDescription;
     calendarColorButtonGroupTextNegative: ColorDescription;
+    calendarColorEventRed: ColorDescription;
+    calendarColorEventSalmon: ColorDescription;
+    calendarColorEventOrange: ColorDescription;
+    calendarColorEventYellow: ColorDescription;
+    calendarColorEventLemon: ColorDescription;
+    calendarColorEventLime: ColorDescription;
+    calendarColorEventGrass: ColorDescription;
+    calendarColorEventMint: ColorDescription;
+    calendarColorEventSea: ColorDescription;
+    calendarColorEventTurquoise: ColorDescription;
+    calendarColorEventLightSky: ColorDescription;
+    calendarColorEventMainSky: ColorDescription;
+    calendarColorEventSky: ColorDescription;
+    calendarColorEventMidnightSky: ColorDescription;
+    calendarColorEventViolet: ColorDescription;
+    calendarColorEventPurple: ColorDescription;
+    calendarColorEventMagenta: ColorDescription;
+    calendarColorEventPink: ColorDescription;
+    calendarColorEventTextRed: ColorDescription;
+    calendarColorEventTextOrange: ColorDescription;
+    calendarColorEventTextYellow: ColorDescription;
+    calendarColorEventTextLemon: ColorDescription;
+    calendarColorEventTextLime: ColorDescription;
+    calendarColorEventTextGrass: ColorDescription;
+    calendarColorEventTextMint: ColorDescription;
+    calendarColorEventTextSea: ColorDescription;
+    calendarColorEventTextTurquoise: ColorDescription;
+    calendarColorEventTextLightSky: ColorDescription;
     calendarColorEventTextMainSky: ColorDescription;
-    calendarColorBackgroundMainSkyTint: ColorDescription;
+    calendarColorEventTextSky: ColorDescription;
+    calendarColorEventTextMidnightSky: ColorDescription;
+    calendarColorEventTextViolet: ColorDescription;
+    calendarColorEventTextPurple: ColorDescription;
+    calendarColorEventTextMagenta: ColorDescription;
+    calendarColorEventTextPink: ColorDescription;
+    calendarColorBackgroundRedTintAlpha20: ColorDescription;
+    calendarColorBackgroundSalmonTintAlpha20: ColorDescription;
+    calendarColorBackgroundOrangeTintAlpha20: ColorDescription;
+    calendarColorBackgroundYellowTintAlpha20: ColorDescription;
+    calendarColorBackgroundLemonTintAlpha20: ColorDescription;
+    calendarColorBackgroundLimeTintAlpha20: ColorDescription;
+    calendarColorBackgroundGrassTintAlpha20: ColorDescription;
+    calendarColorBackgroundMintTintAlpha20: ColorDescription;
+    calendarColorBackgroundSeaTintAlpha20: ColorDescription;
+    calendarColorBackgroundTurquoiseTintAlpha20: ColorDescription;
+    calendarColorBackgroundLightSkyTintAlpha20: ColorDescription;
     calendarColorBackgroundMainSkyTintAlpha20: ColorDescription;
+    calendarColorBackgroundSkyTintAlpha20: ColorDescription;
+    calendarColorBackgroundMidnightSkyTintAlpha20: ColorDescription;
+    calendarColorBackgroundVioletTintAlpha20: ColorDescription;
+    calendarColorBackgroundPurpleTintAlpha20: ColorDescription;
+    calendarColorBackgroundMagentaTintAlpha20: ColorDescription;
+    calendarColorBackgroundPinkTintAlpha20: ColorDescription;
+    calendarColorBackgroundPositiveTintAlpha4: ColorDescription;
+    calendarColorBackgroundRedTint: ColorDescription;
+    calendarColorBackgroundSalmonTint: ColorDescription;
+    calendarColorBackgroundOrangeTint: ColorDescription;
+    calendarColorBackgroundYellowTint: ColorDescription;
+    calendarColorBackgroundLemonTint: ColorDescription;
+    calendarColorBackgroundLimeTint: ColorDescription;
+    calendarColorBackgroundGrassTint: ColorDescription;
+    calendarColorBackgroundMintTint: ColorDescription;
+    calendarColorBackgroundSeaTint: ColorDescription;
+    calendarColorBackgroundTurquoiseTint: ColorDescription;
+    calendarColorBackgroundLightSkyTint: ColorDescription;
+    calendarColorBackgroundMainSkyTint: ColorDescription;
+    calendarColorBackgroundSkyTint: ColorDescription;
+    calendarColorBackgroundMidnightSkyTint: ColorDescription;
+    calendarColorBackgroundVioletTint: ColorDescription;
+    calendarColorBackgroundPurpleTint: ColorDescription;
+    calendarColorBackgroundMagentaTint: ColorDescription;
+    calendarColorBackgroundPinkTint: ColorDescription;
     calendarColorBackground: ColorDescription;
     calendarColorOverlayBackground: ColorDescription;
     calendarColorSidebarItemIconPrimary: ColorDescription;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-tokens",
-  "version": "4.34.1",
+  "version": "4.35.1",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "license": "MIT",
   "main": "utils/descriptions.js",
@@ -32,8 +32,8 @@
     "csstype": "^3.1.1"
   },
   "devDependencies": {
-    "@babel/core": "7.21.4",
-    "@svgr/webpack": "7.0.0",
+    "@babel/core": "7.21.8",
+    "@svgr/webpack": "8.0.1",
     "@types/color": "3.0.3",
     "@types/common-tags": "1.8.1",
     "@types/fs-extra": "11.0.1",
@@ -42,12 +42,12 @@
     "@types/react": "18.2.0",
     "@typescript-eslint/eslint-plugin": "4.33.0",
     "@typescript-eslint/parser": "4.33.0",
-    "@vkontakte/appearance": "https://github.com/VKCOM/Appearance#v10.1.2",
-    "@vkontakte/icons": "2.28.0",
+    "@vkontakte/appearance": "https://github.com/VKCOM/Appearance#v10.1.4",
+    "@vkontakte/icons": "2.34.0",
     "@vkontakte/prettier-config": "0.1.0",
     "@vkontakte/vk-bridge": "2.7.2",
     "@vkontakte/vkjs": "0.32.2",
-    "@vkontakte/vkui": "5.1.0",
+    "@vkontakte/vkui": "5.4.1",
     "babel-jest": "29.5.0",
     "babel-loader": "9.1.2",
     "clean-webpack-plugin": "4.0.0",
@@ -68,16 +68,16 @@
     "eslint-plugin-simple-import-sort": "10.0.0",
     "eslint-plugin-sonarjs": "0.19.0",
     "fs-extra": "11.1.1",
-    "html-webpack-plugin": "5.5.0",
+    "html-webpack-plugin": "5.5.1",
     "jest": "29.5.0",
     "jest-junit": "16.0.0",
     "lodash": "4.17.21",
-    "prettier": "2.8.7",
+    "prettier": "2.8.8",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rimraf": "5.0.0",
+    "rimraf": "5.0.1",
     "style-loader": "3.3.2",
-    "terser-webpack-plugin": "5.3.7",
+    "terser-webpack-plugin": "5.3.9",
     "ts-jest": "29.1.0",
     "ts-loader": "9.4.2",
     "ts-morph": "18.0.0",

package/themeDescriptions/base/paradigm.js

@@ -69,6 +69,7 @@ exports.lightColors = {
         colorTextAccentThemed: '#005FF9',
         colorTextNegative: '#ED0A34',
         colorTextLink: '#005BD1',
+        colorTextLinkTint: '#71AAEB',
         colorTextLinkThemed: '#005BD1',
         colorTextMuted: '#2C2D2E',
         colorTextPrimary: '#2C2D2E',
@@ -116,6 +117,7 @@ exports.lightColors = {
         colorAccentRed: '#ED0A34',
         colorAccentGreen: '#0DC268',
         colorAccentOrange: '#FF9E00',
+        colorAccentOrangeFire: '#F05C44',
         colorAccentPurple: '#4F6DDC',
         colorAccentViolet: '#C15DF3',
         colorAccentRaspberryPink: '#E03FAB',
@@ -184,6 +186,7 @@ exports.darkColors = {
         colorTextAccentThemed: '#FFFFFF',
         colorTextNegative: '#FF5C5C',
         colorTextLink: '#589BFF',
+        colorTextLinkTint: '#71AAEB',
         colorTextLinkThemed: '#FFFFFF',
         colorTextMuted: '#E7E8EA',
         colorTextPrimary: '#E7E8EA',
@@ -231,6 +234,7 @@ exports.darkColors = {
         colorAccentRed: '#ED0A34',
         colorAccentGreen: '#0DC268',
         colorAccentOrange: '#FF9E00',
+        colorAccentOrangeFire: '#F05C44',
         colorAccentPurple: '#4F6DDC',
         colorAccentViolet: '#C15DF3',
         colorAccentRaspberryPink: '#F060C0',

package/themeDescriptions/base/vk.js

@@ -77,6 +77,7 @@ exports.lightColors = {
         colorTextNegative: '#E64646',
         colorTextLink: '#2D81E0',
         colorTextLinkThemed: '#2D81E0',
+        colorTextLinkTint: '#71AAEB',
         colorTextLinkVisited: '#4986CC',
         colorTextMuted: '#2C2D2E',
         colorLinkContrast: '#FFFFFF',
@@ -119,6 +120,7 @@ exports.lightColors = {
         colorAccentRed: '#FF3347',
         colorAccentGreen: '#4BB34B',
         colorAccentOrange: '#FFA000',
+        colorAccentOrangeFire: '#F05C44',
         colorAccentPurple: '#735CE6',
         colorAccentViolet: '#792EC0',
         colorAccentRaspberryPink: '#E03FAB',
@@ -208,6 +210,7 @@ exports.darkColors = {
         colorTextNegative: '#FF5C5C',
         colorTextLink: '#529EF4',
         colorTextLinkThemed: '#FFFFFF',
+        colorTextLinkTint: '#71AAEB',
         colorTextLinkVisited: '#4986CC',
         colorTextMuted: '#E1E3E6',
         colorLinkContrast: '#FFFFFF',
@@ -246,6 +249,7 @@ exports.darkColors = {
         colorAccentRed: '#FF3347',
         colorAccentGreen: '#4BB34B',
         colorAccentOrange: '#FFA000',
+        colorAccentOrangeFire: '#F05C44',
         colorAccentPurple: '#735CE6',
         colorAccentViolet: '#792EC0',
         colorAccentRaspberryPink: '#F060C0',

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

@@ -459,6 +459,9 @@
 	--vkui--color_text_link: #005BD1;
 	--vkui--color_text_link--hover: #0058CB;
 	--vkui--color_text_link--active: #0055C5;
+	--vkui--color_text_link_tint: #71AAEB;
+	--vkui--color_text_link_tint--hover: #6CA4E4;
+	--vkui--color_text_link_tint--active: #689EDD;
 	--vkui--color_text_link_themed: #005BD1;
 	--vkui--color_text_link_themed--hover: #0058CB;
 	--vkui--color_text_link_themed--active: #0055C5;
@@ -591,6 +594,9 @@
 	--vkui--color_accent_orange: #FF9E00;
 	--vkui--color_accent_orange--hover: #F59802;
 	--vkui--color_accent_orange--active: #EB9305;
+	--vkui--color_accent_orange_fire: #F05C44;
+	--vkui--color_accent_orange_fire--hover: #E65944;
+	--vkui--color_accent_orange_fire--active: #DD5643;
 	--vkui--color_accent_purple: #4F6DDC;
 	--vkui--color_accent_purple--hover: #4C69D6;
 	--vkui--color_accent_purple--active: #4966CF;
@@ -711,9 +717,6 @@
 	--vkui--color_background_positive_tint_themed: #ECFAF3;
 	--vkui--color_background_positive_tint_themed--hover: #E3F1EC;
 	--vkui--color_background_positive_tint_themed--active: #D9E7E4;
-	--vkui--calendar_color_background_positive_tint_alpha4: rgba(13, 194, 104, 0.04);
-	--vkui--calendar_color_background_positive_tint_alpha4--hover: rgba(13, 194, 104, 0.08);
-	--vkui--calendar_color_background_positive_tint_alpha4--active: rgba(13, 194, 104, 0.12);
 	--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;
@@ -732,21 +735,228 @@
 	--vkui--calendar_color_button_group_text_negative: #CE1414;
 	--vkui--calendar_color_button_group_text_negative--hover: #C61416;
 	--vkui--calendar_color_button_group_text_negative--active: #BE1417;
-	--vkui--calendar_color_event_text_main_sky: #20455B;
-	--vkui--calendar_color_event_text_main_sky--hover: #1F435A;
-	--vkui--calendar_color_event_text_main_sky--active: #1D4159;
-	--vkui--calendar_color_background_main_sky_tint: #ECF8FF;
-	--vkui--calendar_color_background_main_sky_tint--hover: #E3EFF7;
-	--vkui--calendar_color_background_main_sky_tint--active: #D9E5EF;
-	--vkui--calendar_color_background_main_sky_tint_alpha20: rgba(0, 16, 61, 0.122);
-	--vkui--calendar_color_background_main_sky_tint_alpha20--hover: rgba(0, 16, 61, 0.16);
-	--vkui--calendar_color_background_main_sky_tint_alpha20--active: rgba(0, 16, 61, 0.2);
 	--vkui--calendar_color_background: #FFFFFF;
 	--vkui--calendar_color_background--hover: #F5F5F7;
 	--vkui--calendar_color_background--active: #EBECEF;
 	--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_color_event_red: #F55252;
+	--vkui--calendar_color_event_red--hover: #EB4F51;
+	--vkui--calendar_color_event_red--active: #E14D50;
+	--vkui--calendar_color_event_salmon: #FE9898;
+	--vkui--calendar_color_event_salmon--hover: #F49394;
+	--vkui--calendar_color_event_salmon--active: #EA8D91;
+	--vkui--calendar_color_event_orange: #FFB181;
+	--vkui--calendar_color_event_orange--hover: #F5AB7E;
+	--vkui--calendar_color_event_orange--active: #EBA47C;
+	--vkui--calendar_color_event_yellow: #FFDF7E;
+	--vkui--calendar_color_event_yellow--hover: #F5D77B;
+	--vkui--calendar_color_event_yellow--active: #EBCE79;
+	--vkui--calendar_color_event_lemon: #FFEF9D;
+	--vkui--calendar_color_event_lemon--hover: #F5E699;
+	--vkui--calendar_color_event_lemon--active: #EBDD95;
+	--vkui--calendar_color_event_lime: #CAF28E;
+	--vkui--calendar_color_event_lime--hover: #C2E98B;
+	--vkui--calendar_color_event_lime--active: #BAE088;
+	--vkui--calendar_color_event_grass: #86DE8C;
+	--vkui--calendar_color_event_grass--hover: #81D689;
+	--vkui--calendar_color_event_grass--active: #7BCE86;
+	--vkui--calendar_color_event_mint: #96E9CD;
+	--vkui--calendar_color_event_mint--hover: #90E0C7;
+	--vkui--calendar_color_event_mint--active: #8AD8C1;
+	--vkui--calendar_color_event_sea: #7BEADB;
+	--vkui--calendar_color_event_sea--hover: #76E1D5;
+	--vkui--calendar_color_event_sea--active: #71D9CE;
+	--vkui--calendar_color_event_turquoise: #BCFFFF;
+	--vkui--calendar_color_event_turquoise--hover: #B4F5F7;
+	--vkui--calendar_color_event_turquoise--active: #ADECEF;
+	--vkui--calendar_color_event_light_sky: #80E3F4;
+	--vkui--calendar_color_event_light_sky--hover: #7BDBED;
+	--vkui--calendar_color_event_light_sky--active: #76D2E5;
+	--vkui--calendar_color_event_main_sky: #9EDBFF;
+	--vkui--calendar_color_event_main_sky--hover: #98D3F7;
+	--vkui--calendar_color_event_main_sky--active: #91CBEF;
+	--vkui--calendar_color_event_sky: #B2D0FF;
+	--vkui--calendar_color_event_sky--hover: #ABC8F7;
+	--vkui--calendar_color_event_sky--active: #A4C1EF;
+	--vkui--calendar_color_event_midnight_sky: #7B9AFF;
+	--vkui--calendar_color_event_midnight_sky--hover: #7694F7;
+	--vkui--calendar_color_event_midnight_sky--active: #718FEF;
+	--vkui--calendar_color_event_violet: #B5B3FB;
+	--vkui--calendar_color_event_violet--hover: #AEACF3;
+	--vkui--calendar_color_event_violet--active: #A7A6EC;
+	--vkui--calendar_color_event_purple: #CCA7FF;
+	--vkui--calendar_color_event_purple--hover: #C4A1F7;
+	--vkui--calendar_color_event_purple--active: #BC9BEF;
+	--vkui--calendar_color_event_magenta: #F4B8FF;
+	--vkui--calendar_color_event_magenta--hover: #EAB1F7;
+	--vkui--calendar_color_event_magenta--active: #E0ABEF;
+	--vkui--calendar_color_event_pink: #FFBFDC;
+	--vkui--calendar_color_event_pink--hover: #F5B8D6;
+	--vkui--calendar_color_event_pink--active: #EBB1CF;
+	--vkui--calendar_color_event_text_red: #5C1F1F;
+	--vkui--calendar_color_event_text_red--hover: #581E20;
+	--vkui--calendar_color_event_text_red--active: #551E21;
+	--vkui--calendar_color_event_text_orange: #5C361F;
+	--vkui--calendar_color_event_text_orange--hover: #583420;
+	--vkui--calendar_color_event_text_orange--active: #553321;
+	--vkui--calendar_color_event_text_yellow: #5C4D1F;
+	--vkui--calendar_color_event_text_yellow--hover: #584B20;
+	--vkui--calendar_color_event_text_yellow--active: #554821;
+	--vkui--calendar_color_event_text_lemon: #595C1F;
+	--vkui--calendar_color_event_text_lemon--hover: #555920;
+	--vkui--calendar_color_event_text_lemon--active: #525621;
+	--vkui--calendar_color_event_text_lime: #435C1F;
+	--vkui--calendar_color_event_text_lime--hover: #405920;
+	--vkui--calendar_color_event_text_lime--active: #3E5621;
+	--vkui--calendar_color_event_text_grass: #1F5C23;
+	--vkui--calendar_color_event_text_grass--hover: #1E5924;
+	--vkui--calendar_color_event_text_grass--active: #1D5625;
+	--vkui--calendar_color_event_text_mint: #1F5C5C;
+	--vkui--calendar_color_event_text_mint--hover: #1E595B;
+	--vkui--calendar_color_event_text_mint--active: #1D565A;
+	--vkui--calendar_color_event_text_sea: #1F5C53;
+	--vkui--calendar_color_event_text_sea--hover: #1E5952;
+	--vkui--calendar_color_event_text_sea--active: #1D5651;
+	--vkui--calendar_color_event_text_turquoise: #1F535C;
+	--vkui--calendar_color_event_text_turquoise--hover: #1E505B;
+	--vkui--calendar_color_event_text_turquoise--active: #1D4E5A;
+	--vkui--calendar_color_event_text_light_sky: #1F455C;
+	--vkui--calendar_color_event_text_light_sky--hover: #1E435B;
+	--vkui--calendar_color_event_text_light_sky--active: #1D415A;
+	--vkui--calendar_color_event_text_main_sky: #20455B;
+	--vkui--calendar_color_event_text_main_sky--hover: #1F435A;
+	--vkui--calendar_color_event_text_main_sky--active: #1D4159;
+	--vkui--calendar_color_event_text_sky: #202E5B;
+	--vkui--calendar_color_event_text_sky--hover: #1F2D5A;
+	--vkui--calendar_color_event_text_sky--active: #1D2C59;
+	--vkui--calendar_color_event_text_midnight_sky: #21205B;
+	--vkui--calendar_color_event_text_midnight_sky--hover: #201F5A;
+	--vkui--calendar_color_event_text_midnight_sky--active: #1E1F59;
+	--vkui--calendar_color_event_text_violet: #21205B;
+	--vkui--calendar_color_event_text_violet--hover: #201F5A;
+	--vkui--calendar_color_event_text_violet--active: #1E1F59;
+	--vkui--calendar_color_event_text_purple: #38205B;
+	--vkui--calendar_color_event_text_purple--hover: #361F5A;
+	--vkui--calendar_color_event_text_purple--active: #341F59;
+	--vkui--calendar_color_event_text_magenta: #5B203A;
+	--vkui--calendar_color_event_text_magenta--hover: #571F3A;
+	--vkui--calendar_color_event_text_magenta--active: #541F3A;
+	--vkui--calendar_color_event_text_pink: #51205B;
+	--vkui--calendar_color_event_text_pink--hover: #4E1F5A;
+	--vkui--calendar_color_event_text_pink--active: #4B1F59;
+	--vkui--calendar_color_background_red_tint_alpha20: rgba(245, 82, 82, 0.2);
+	--vkui--calendar_color_background_red_tint_alpha20--hover: rgba(245, 82, 82, 0.24);
+	--vkui--calendar_color_background_red_tint_alpha20--active: rgba(245, 82, 82, 0.28);
+	--vkui--calendar_color_background_salmon_tint_alpha20: rgba(254, 152, 152, 0.2);
+	--vkui--calendar_color_background_salmon_tint_alpha20--hover: rgba(254, 152, 152, 0.24);
+	--vkui--calendar_color_background_salmon_tint_alpha20--active: rgba(254, 152, 152, 0.28);
+	--vkui--calendar_color_background_orange_tint_alpha20: rgba(255, 177, 129, 0.2);
+	--vkui--calendar_color_background_orange_tint_alpha20--hover: rgba(255, 177, 129, 0.24);
+	--vkui--calendar_color_background_orange_tint_alpha20--active: rgba(255, 177, 129, 0.28);
+	--vkui--calendar_color_background_yellow_tint_alpha20: rgba(255, 223, 126, 0.2);
+	--vkui--calendar_color_background_yellow_tint_alpha20--hover: rgba(255, 223, 126, 0.24);
+	--vkui--calendar_color_background_yellow_tint_alpha20--active: rgba(255, 223, 126, 0.28);
+	--vkui--calendar_color_background_lemon_tint_alpha20: rgba(251, 255, 162, 0.2);
+	--vkui--calendar_color_background_lemon_tint_alpha20--hover: rgba(251, 255, 162, 0.24);
+	--vkui--calendar_color_background_lemon_tint_alpha20--active: rgba(251, 255, 162, 0.28);
+	--vkui--calendar_color_background_lime_tint_alpha20: rgba(202, 242, 142, 0.2);
+	--vkui--calendar_color_background_lime_tint_alpha20--hover: rgba(202, 242, 142, 0.24);
+	--vkui--calendar_color_background_lime_tint_alpha20--active: rgba(202, 242, 142, 0.28);
+	--vkui--calendar_color_background_grass_tint_alpha20: rgba(134, 222, 140, 0.2);
+	--vkui--calendar_color_background_grass_tint_alpha20--hover: rgba(134, 222, 140, 0.24);
+	--vkui--calendar_color_background_grass_tint_alpha20--active: rgba(134, 222, 140, 0.28);
+	--vkui--calendar_color_background_mint_tint_alpha20: rgba(150, 233, 205, 0.2);
+	--vkui--calendar_color_background_mint_tint_alpha20--hover: rgba(150, 233, 205, 0.24);
+	--vkui--calendar_color_background_mint_tint_alpha20--active: rgba(150, 233, 205, 0.28);
+	--vkui--calendar_color_background_sea_tint_alpha20: rgba(123, 234, 219, 0.2);
+	--vkui--calendar_color_background_sea_tint_alpha20--hover: rgba(123, 234, 219, 0.24);
+	--vkui--calendar_color_background_sea_tint_alpha20--active: rgba(123, 234, 219, 0.28);
+	--vkui--calendar_color_background_turquoise_tint_alpha20: rgba(188, 255, 255, 0.2);
+	--vkui--calendar_color_background_turquoise_tint_alpha20--hover: rgba(188, 255, 255, 0.24);
+	--vkui--calendar_color_background_turquoise_tint_alpha20--active: rgba(188, 255, 255, 0.28);
+	--vkui--calendar_color_background_light_sky_tint_alpha20: rgba(128, 227, 244, 0.2);
+	--vkui--calendar_color_background_light_sky_tint_alpha20--hover: rgba(128, 227, 244, 0.24);
+	--vkui--calendar_color_background_light_sky_tint_alpha20--active: rgba(128, 227, 244, 0.28);
+	--vkui--calendar_color_background_main_sky_tint_alpha20: rgba(158, 219, 255, 0.2);
+	--vkui--calendar_color_background_main_sky_tint_alpha20--hover: rgba(158, 219, 255, 0.24);
+	--vkui--calendar_color_background_main_sky_tint_alpha20--active: rgba(158, 219, 255, 0.28);
+	--vkui--calendar_color_background_sky_tint_alpha20: rgba(178, 208, 255, 0.2);
+	--vkui--calendar_color_background_sky_tint_alpha20--hover: rgba(178, 208, 255, 0.24);
+	--vkui--calendar_color_background_sky_tint_alpha20--active: rgba(178, 208, 255, 0.28);
+	--vkui--calendar_color_background_midnight_sky_tint_alpha20: rgba(123, 154, 255, 0.2);
+	--vkui--calendar_color_background_midnight_sky_tint_alpha20--hover: rgba(123, 154, 255, 0.24);
+	--vkui--calendar_color_background_midnight_sky_tint_alpha20--active: rgba(123, 154, 255, 0.28);
+	--vkui--calendar_color_background_violet_tint_alpha20: rgba(181, 179, 251, 0.2);
+	--vkui--calendar_color_background_violet_tint_alpha20--hover: rgba(181, 179, 251, 0.24);
+	--vkui--calendar_color_background_violet_tint_alpha20--active: rgba(181, 179, 251, 0.28);
+	--vkui--calendar_color_background_purple_tint_alpha20: rgba(204, 167, 255, 0.2);
+	--vkui--calendar_color_background_purple_tint_alpha20--hover: rgba(204, 167, 255, 0.24);
+	--vkui--calendar_color_background_purple_tint_alpha20--active: rgba(204, 167, 255, 0.28);
+	--vkui--calendar_color_background_magenta_tint_alpha20: rgba(244, 184, 255, 0.2);
+	--vkui--calendar_color_background_magenta_tint_alpha20--hover: rgba(244, 184, 255, 0.24);
+	--vkui--calendar_color_background_magenta_tint_alpha20--active: rgba(244, 184, 255, 0.28);
+	--vkui--calendar_color_background_pink_tint_alpha20: rgba(255, 191, 220, 0.2);
+	--vkui--calendar_color_background_pink_tint_alpha20--hover: rgba(255, 191, 220, 0.24);
+	--vkui--calendar_color_background_pink_tint_alpha20--active: rgba(255, 191, 220, 0.28);
+	--vkui--calendar_color_background_positive_tint_alpha4: rgba(56, 183, 152, 0.04);
+	--vkui--calendar_color_background_positive_tint_alpha4--hover: rgba(56, 183, 152, 0.08);
+	--vkui--calendar_color_background_positive_tint_alpha4--active: rgba(56, 183, 152, 0.12);
+	--vkui--calendar_color_background_red_tint: #FDDCDC;
+	--vkui--calendar_color_background_red_tint--hover: #F3D4D6;
+	--vkui--calendar_color_background_red_tint--active: #E9CCCF;
+	--vkui--calendar_color_background_salmon_tint: #FFEAEA;
+	--vkui--calendar_color_background_salmon_tint--hover: #F5E1E3;
+	--vkui--calendar_color_background_salmon_tint--active: #EBD9DC;
+	--vkui--calendar_color_background_orange_tint: #FFEFE6;
+	--vkui--calendar_color_background_orange_tint--hover: #F5E6DF;
+	--vkui--calendar_color_background_orange_tint--active: #EBDDD8;
+	--vkui--calendar_color_background_yellow_tint: #FFF9E5;
+	--vkui--calendar_color_background_yellow_tint--hover: #F5F0DE;
+	--vkui--calendar_color_background_yellow_tint--active: #EBE6D8;
+	--vkui--calendar_color_background_lemon_tint: #FEFFEC;
+	--vkui--calendar_color_background_lemon_tint--hover: #F4F5E5;
+	--vkui--calendar_color_background_lemon_tint--active: #EAECDE;
+	--vkui--calendar_color_background_lime_tint: #F4FCE8;
+	--vkui--calendar_color_background_lime_tint--hover: #EAF3E1;
+	--vkui--calendar_color_background_lime_tint--active: #E0E9DA;
+	--vkui--calendar_color_background_grass_tint: #E7F8E8;
+	--vkui--calendar_color_background_grass_tint--hover: #DEEFE1;
+	--vkui--calendar_color_background_grass_tint--active: #D5E5DA;
+	--vkui--calendar_color_background_mint_tint: #EAFBF5;
+	--vkui--calendar_color_background_mint_tint--hover: #E1F2EE;
+	--vkui--calendar_color_background_mint_tint--active: #D7E8E6;
+	--vkui--calendar_color_background_sea_tint: #E5FBF8;
+	--vkui--calendar_color_background_sea_tint--hover: #DCF2F1;
+	--vkui--calendar_color_background_sea_tint--active: #D3E8E9;
+	--vkui--calendar_color_background_turquoise_tint: #F2FFFF;
+	--vkui--calendar_color_background_turquoise_tint--hover: #E8F5F7;
+	--vkui--calendar_color_background_turquoise_tint--active: #DFECEF;
+	--vkui--calendar_color_background_light_sky_tint: #E6F9FD;
+	--vkui--calendar_color_background_light_sky_tint--hover: #DDF0F5;
+	--vkui--calendar_color_background_light_sky_tint--active: #D4E6EE;
+	--vkui--calendar_color_background_main_sky_tint: #ECF8FF;
+	--vkui--calendar_color_background_main_sky_tint--hover: #E3EFF7;
+	--vkui--calendar_color_background_main_sky_tint--active: #D9E5EF;
+	--vkui--calendar_color_background_sky_tint: #F0F6FF;
+	--vkui--calendar_color_background_sky_tint--hover: #E6EDF7;
+	--vkui--calendar_color_background_sky_tint--active: #DDE4EF;
+	--vkui--calendar_color_background_midnight_sky_tint: #E5EBFF;
+	--vkui--calendar_color_background_midnight_sky_tint--hover: #DCE2F7;
+	--vkui--calendar_color_background_midnight_sky_tint--active: #D3D9EF;
+	--vkui--calendar_color_background_violet_tint: #F0F0FE;
+	--vkui--calendar_color_background_violet_tint--hover: #E6E7F6;
+	--vkui--calendar_color_background_violet_tint--active: #DDDEEF;
+	--vkui--calendar_color_background_purple_tint: #F5EDFF;
+	--vkui--calendar_color_background_purple_tint--hover: #EBE4F7;
+	--vkui--calendar_color_background_purple_tint--active: #E1DBEF;
+	--vkui--calendar_color_background_magenta_tint: #FDF1FF;
+	--vkui--calendar_color_background_magenta_tint--hover: #F3E8F7;
+	--vkui--calendar_color_background_magenta_tint--active: #E9DFEF;
+	--vkui--calendar_color_background_pink_tint: #FFF2F8;
+	--vkui--calendar_color_background_pink_tint--hover: #F5E9F1;
+	--vkui--calendar_color_background_pink_tint--active: #EBE0E9;
 	--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;