@vkontakte/vkui-tokens 4.30.1-dev-ff0eeb.0 → 4.31.0

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

@@ -381,6 +381,11 @@ export interface ColorsDescriptionStruct {
      * @tags color, palette
      */
     colorAccentViolet: ColorDescription;
+    /**
+     * @desc Палитра цветов. Розовый цвет
+     * @tags color, palette
+     */
+    colorAccentRaspberryPink: ColorDescription;
     /**
      * @desc Второстепенный акцентный цвет для отдельных проектов
      * @tags color, palette

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

@@ -1,203 +0,0 @@
-import { Theme, ThemeCssVars, ThemeDescription } from '../../general';
-import { ColorDescription, ColorsDescriptionStruct, ColorWithStates } from '../../general/colors';
-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 LocalVkColorsDescriptionStruct {
-    colorSnippetBorderAlpha: ColorDescription;
-    colorModalCardBorderAlpha: ColorDescription;
-    colorLandingSnippetBorderAlpha: ColorDescription;
-    colorActionSheetSeparatorAlpha: ColorDescription;
-    colorInputBorder: ColorDescription;
-    colorImForwardLineAlpha: ColorDescription;
-    colorImBubbleBorderAlternateHighlightedAlpha: ColorDescription;
-    colorImBubbleIncoming: ColorDescription;
-    colorImBubbleIncomingAlternate: ColorDescription;
-    colorImBubbleIncomingExpiring: ColorDescription;
-    colorImBubbleOutgoing: ColorDescription;
-    colorImBubbleOutgoingExpiringHighlighted: ColorDescription;
-    colorImBubbleGiftText: ColorDescription;
-    colorImBubbleGiftTextSecondary: ColorDescription;
-    colorImTextName: ColorDescription;
-}
-export type VkLocalColors = {
-    [key in keyof LocalVkColorsDescriptionStruct]: ColorWithStates;
-};
-export interface VkTheme extends Theme, VkGradients, VkLocalColors {
-}
-export interface VkThemeDescription extends ThemeDescription, Tokens<VkGradients> {
-    colors: LocalVkColorsDescriptionStruct & ColorsDescriptionStruct;
-}
-export interface VkThemeCssVars extends ThemeCssVars<VkTheme> {
-}

package/interfaces/namespaces/vk/index.js

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

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

@@ -14,6 +14,7 @@ export interface ThemeCalendarOverValues {
     calendarSizeBorderRadiusLarge: number;
     calendarImageOverlayBackground: string;
     calendarElevationEventForm: string;
+    calendarImageBackground: string;
 }
 export interface LocalCalendarColorDescriptionStruct {
     calendarColorBackgroundPositiveTintAlpha4: ColorDescription;

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

@@ -88,6 +88,7 @@ export interface LocalOctaviusColorsDescriptionStruct {
     octaviusColorButtonBackgroundAlpha: ColorDescription;
     octaviusColorButtonEmptyStateText: ColorDescription;
     octaviusColorButtonEmptyStateBackgroundAlpha: ColorDescription;
+    octaviusColorSidebarWidgetBackgroundAlpha: ColorDescription;
     octaviusColorBackground: ColorDescription;
     octaviusColorOverlayBackground: ColorDescription;
     octaviusColorActionArchive: ColorDescription;

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

@@ -6,7 +6,7 @@ import { Adaptive } from '../../general/tools';
 import { Font } from '../../general/typography';
 import { ParadigmTheme, ParadigmThemeDescription } from '../../namespaces/paradigm';
 type AllowedParadigmTokens = 'themeName' | 'themeNameBase' | 'themeInheritsFrom' | 'prefix' | 'fontFamilyAccent' | 'fontFamilyBase' | 'fontWeightAccent1' | 'fontWeightAccent2' | 'fontWeightBase1' | 'fontWeightBase2' | 'fontTitle1' | 'fontTitle2' | 'fontTitle3' | 'fontHeadline1' | 'fontHeadline2' | 'fontText' | 'fontParagraph' | 'fontSubhead' | 'fontFootnote' | 'fontFootnoteCaps' | 'fontCaption1' | 'fontCaption1Caps' | 'fontCaption2' | 'fontCaption2Caps' | 'fontCaption3' | 'fontCaption3Caps' | 'animationEasingDefault' | 'animationDurationS' | 'animationDurationM' | 'animationDurationL' | 'sizeAvatarXS' | 'sizeAvatarS' | 'sizeAvatarM' | 'sizeAvatarL' | 'sizeBorderRadius' | 'sizeButtonSmallHeight' | 'sizeButtonMediumHeight' | 'sizeButtonLargeHeight' | 'sizePopupMedium' | 'sizePopupLarge' | 'sizeButtonPaddingHorizontal' | 'sizeFieldHorizontalPadding' | 'elevation1' | 'elevation2' | 'elevation3' | 'opacityDisable';
-export type AllowedParadigmColorTokens = 'colorTextPrimary' | 'colorTextPrimaryInvariably' | 'colorTextSecondary' | 'colorTextTertiary' | 'colorTextSubhead' | 'colorTextAccent' | 'colorTextAccentThemed' | 'colorTextLink' | 'colorTextLinkThemed' | 'colorTextLinkVisited' | 'colorTextNegative' | 'colorTextPositive' | 'colorTextMuted' | 'colorTextContrast' | 'colorTextContrastThemed' | 'colorLinkContrast' | 'colorIconPrimary' | 'colorIconPrimaryInvariably' | 'colorIconSecondary' | 'colorIconSecondaryAlpha' | 'colorIconMedium' | 'colorIconMediumAlpha' | 'colorIconTertiary' | 'colorIconTertiaryAlpha' | 'colorIconAccent' | 'colorIconAccentThemed' | 'colorIconNegative' | 'colorIconPositive' | 'colorIconContrast' | 'colorIconContrastThemed' | 'colorBackground' | 'colorBackgroundContent' | 'colorBackgroundAccentAlternative' | 'colorBackgroundModal' | 'colorBackgroundSecondary' | 'colorBackgroundSecondaryAlpha' | 'colorBackgroundTertiary' | 'colorBackgroundAccent' | 'colorBackgroundAccentTintAlpha' | 'colorBackgroundNegativeTintAlpha' | 'colorBackgroundPositiveTintAlpha' | 'colorBackgroundWarningTintAlpha' | 'colorBackgroundAccentThemed' | 'colorBackgroundNegative' | 'colorBackgroundNegativeTint' | 'colorBackgroundPositive' | 'colorBackgroundContrast' | 'colorBackgroundContrastSecondaryAlpha' | 'colorBackgroundWarning' | 'colorSeparatorPrimary' | 'colorSeparatorPrimaryAlpha' | 'colorSeparatorSecondary' | 'colorImageBorderAlpha' | 'colorFieldBorderAlpha' | 'colorStrokeAccent' | 'colorStrokeAccentThemed' | 'colorStrokeContrast' | 'colorStrokeNegative' | 'colorStrokePositive' | 'colorAccentBlue' | 'colorAccentGray' | 'colorAccentRed' | 'colorAccentGreen' | 'colorAccentOrange' | 'colorAccentPurple' | 'colorAccentViolet' | 'colorAccentSecondary' | 'colorTransparent' | 'colorActionSheetText' | 'colorHeaderBackground' | 'colorPanelHeaderIcon' | 'colorWriteBarIcon' | 'colorWriteBarInputBackground' | 'colorWriteBarInputBorderAlpha' | 'colorTrackBackground' | 'colorOverlayPrimary' | 'colorTrackBuffer' | 'colorImagePlaceholder' | 'colorImagePlaceholderAlpha' | 'colorSearchFieldBackground' | 'colorSkeletonTo' | 'colorSkeletonFrom' | 'colorAvatarOverlay';
+export type AllowedParadigmColorTokens = 'colorTextPrimary' | 'colorTextPrimaryInvariably' | 'colorTextSecondary' | 'colorTextTertiary' | 'colorTextSubhead' | 'colorTextAccent' | 'colorTextAccentThemed' | 'colorTextLink' | 'colorTextLinkThemed' | 'colorTextLinkVisited' | 'colorTextNegative' | 'colorTextPositive' | 'colorTextMuted' | 'colorTextContrast' | 'colorTextContrastThemed' | 'colorLinkContrast' | 'colorIconPrimary' | 'colorIconPrimaryInvariably' | 'colorIconSecondary' | 'colorIconSecondaryAlpha' | 'colorIconMedium' | 'colorIconMediumAlpha' | 'colorIconTertiary' | 'colorIconTertiaryAlpha' | 'colorIconAccent' | 'colorIconAccentThemed' | 'colorIconNegative' | 'colorIconPositive' | 'colorIconContrast' | 'colorIconContrastThemed' | 'colorBackground' | 'colorBackgroundContent' | 'colorBackgroundAccentAlternative' | 'colorBackgroundModal' | 'colorBackgroundSecondary' | 'colorBackgroundSecondaryAlpha' | 'colorBackgroundTertiary' | 'colorBackgroundAccent' | 'colorBackgroundAccentTintAlpha' | 'colorBackgroundNegativeTintAlpha' | 'colorBackgroundPositiveTintAlpha' | 'colorBackgroundWarningTintAlpha' | 'colorBackgroundAccentThemed' | 'colorBackgroundNegative' | 'colorBackgroundNegativeTint' | 'colorBackgroundPositive' | 'colorBackgroundContrast' | 'colorBackgroundContrastSecondaryAlpha' | 'colorBackgroundWarning' | 'colorSeparatorPrimary' | 'colorSeparatorPrimaryAlpha' | 'colorSeparatorSecondary' | 'colorImageBorderAlpha' | 'colorFieldBorderAlpha' | 'colorStrokeAccent' | 'colorStrokeAccentThemed' | 'colorStrokeContrast' | 'colorStrokeNegative' | 'colorStrokePositive' | 'colorAccentBlue' | 'colorAccentGray' | 'colorAccentRed' | 'colorAccentGreen' | 'colorAccentOrange' | 'colorAccentPurple' | 'colorAccentViolet' | 'colorAccentRaspberryPink' | 'colorAccentSecondary' | 'colorTransparent' | 'colorActionSheetText' | 'colorHeaderBackground' | 'colorPanelHeaderIcon' | 'colorWriteBarIcon' | 'colorWriteBarInputBackground' | 'colorWriteBarInputBorderAlpha' | 'colorTrackBackground' | 'colorOverlayPrimary' | 'colorTrackBuffer' | 'colorImagePlaceholder' | 'colorImagePlaceholderAlpha' | 'colorSearchFieldBackground' | 'colorSkeletonTo' | 'colorSkeletonFrom' | 'colorAvatarOverlay';
 export interface ThemePulseMediaTypography {
     fontFamilyMedia: Property.FontFamily;
     fontMediaHeader: Adaptive<Font>;

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-tokens",
-  "version": "4.30.1-dev-ff0eeb.0",
+  "version": "4.31.0",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "license": "MIT",
   "main": "utils/descriptions.js",
@@ -32,7 +32,7 @@
     "csstype": "^3.1.1"
   },
   "devDependencies": {
-    "@babel/core": "7.20.12",
+    "@babel/core": "7.21.3",
     "@svgr/webpack": "6.5.1",
     "@types/color": "3.0.3",
     "@types/common-tags": "1.8.1",
@@ -44,12 +44,12 @@
     "@typescript-eslint/eslint-plugin": "4.33.0",
     "@typescript-eslint/parser": "4.33.0",
     "@vkontakte/appearance": "https://github.com/VKCOM/Appearance#v10.1.0",
-    "@vkontakte/icons": "2.14.0",
+    "@vkontakte/icons": "2.23.0",
     "@vkontakte/prettier-config": "0.1.0",
     "@vkontakte/vk-bridge": "2.7.2",
     "@vkontakte/vkjs": "0.31.0",
     "@vkontakte/vkui": "5.1.0",
-    "babel-jest": "29.4.1",
+    "babel-jest": "29.5.0",
     "babel-loader": "9.1.2",
     "clean-webpack-plugin": "4.0.0",
     "clsx": "1.2.1",
@@ -66,7 +66,7 @@
     "eslint-plugin-import": "2.27.5",
     "eslint-plugin-jasmine": "4.1.3",
     "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-simple-import-sort": "8.0.0",
+    "eslint-plugin-simple-import-sort": "10.0.0",
     "eslint-plugin-sonarjs": "0.17.0",
     "fs-extra": "11.1.0",
     "html-webpack-plugin": "5.5.0",

package/themeDescriptions/base/paradigm.js

@@ -24,7 +24,7 @@ var fontWeightAccent3 = 400;
 var fontWeightBase1 = 700;
 var fontWeightBase2 = 700;
 var fontWeightBase3 = 400;
-var colorBackgroundTertiaryLight = '#F9F9FA';
+var colorBackgroundTertiaryLight = '#F6F7F8';
 var colorBackgroundTertiaryDark = '#252525';
 exports.lightColors = {
     colorsScheme: 'light',
@@ -117,6 +117,7 @@ exports.lightColors = {
         colorAccentOrange: '#FF9E00',
         colorAccentPurple: '#4F6DDC',
         colorAccentViolet: '#C15DF3',
+        colorAccentRaspberryPink: '#E03FAB',
         colorAccentSecondary: '#FF9E00',
         // Other
         colorActionSheetText: '#005FF9',
@@ -230,6 +231,7 @@ exports.darkColors = {
         colorAccentOrange: '#FF9E00',
         colorAccentPurple: '#4F6DDC',
         colorAccentViolet: '#C15DF3',
+        colorAccentRaspberryPink: '#F060C0',
         colorAccentSecondary: '#FF9E00',
         // Other
         colorActionSheetText: '#3C82FD',

package/themeDescriptions/base/vk.d.ts

@@ -1,16 +1,11 @@
-import { bright_light, space_gray } from '@vkontakte/appearance/main.valette/scheme.json';
-import { vkcom_dark, vkcom_light } from '@vkontakte/appearance/main.valette/scheme_web.json';
-import { ColorsDescription } from '../../interfaces/general';
+import { ColorsDescription, ThemeDescription } from '../../interfaces/general';
 import { Elevation } from '../../interfaces/general/elevation';
 import { Gradients } from '../../interfaces/general/gradients';
-import { LocalVkColorsDescriptionStruct, VkGradients, VkThemeDescription } from '../../interfaces/namespaces/vk';
-export declare const vkLocalColors: (theme: typeof bright_light | typeof space_gray | typeof vkcom_light | typeof vkcom_dark, palette?: Record<string, string>) => LocalVkColorsDescriptionStruct;
 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 gradients: VkGradients;
-export declare const lightTheme: VkThemeDescription;
-export declare const darkTheme: VkThemeDescription;
+export declare const lightTheme: ThemeDescription;
+export declare const darkTheme: ThemeDescription;

package/themeDescriptions/base/vk.js

@@ -10,38 +10,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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.gradients = exports.darkElevation = exports.darkGradient = exports.darkColors = exports.lightElevation = exports.lightGradient = exports.lightColors = exports.vkLocalColors = void 0;
-var palette_json_1 = __importDefault(require("@vkontakte/appearance/main.valette/palette.json"));
-var scheme_json_1 = require("@vkontakte/appearance/main.valette/scheme.json");
-var appearance_1 = require("../../build/helpers/appearance");
+exports.darkTheme = exports.lightTheme = 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 vkLocalColors = function (theme, palette) {
-    if (palette === void 0) { palette = palette_json_1.default; }
-    var resolve = function (clusterData) { return (0, appearance_1.resolveColor)(clusterData, palette); };
-    return {
-        colorSnippetBorderAlpha: resolve(theme.colors.snippet_border),
-        colorModalCardBorderAlpha: resolve(theme.colors.modal_card_border),
-        colorLandingSnippetBorderAlpha: resolve(theme.colors.landing_snippet_border),
-        colorActionSheetSeparatorAlpha: resolve(theme.colors.action_sheet_separator),
-        colorInputBorder: resolve(theme.colors.input_border),
-        colorImForwardLineAlpha: resolve(theme.colors.im_forward_line_tint),
-        colorImBubbleBorderAlternateHighlightedAlpha: resolve(theme.colors.im_bubble_border_alternate_highlighted),
-        colorImBubbleIncoming: resolve(theme.colors.im_bubble_incoming),
-        colorImBubbleIncomingAlternate: resolve(theme.colors.im_bubble_incoming_alternate),
-        colorImBubbleIncomingExpiring: resolve(theme.colors.im_bubble_incoming_expiring),
-        colorImBubbleOutgoing: resolve(theme.colors.im_bubble_outgoing),
-        colorImBubbleOutgoingExpiringHighlighted: resolve(theme.colors.im_bubble_outgoing_expiring_highlighted),
-        colorImBubbleGiftText: resolve(theme.colors.im_bubble_gift_text),
-        colorImBubbleGiftTextSecondary: resolve(theme.colors.im_bubble_gift_text_secondary),
-        colorImTextName: resolve(theme.colors.im_text_name),
-    };
-};
-exports.vkLocalColors = vkLocalColors;
 var fontFamilyAccent = "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif";
 var fontFamilyBase = "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif";
 var fontWeightAccent1 = 600;
@@ -80,7 +52,7 @@ exports.lightColors = {
             hover: 'rgba(255, 255, 255, 0.24)',
             active: 'rgba(255, 255, 255, 0.28)',
         },
-        colorBackgroundContrastInverse: '#2d2d2e',
+        colorBackgroundContrastInverse: '#2C2D2E',
         colorBackgroundModal: '#FFFFFF',
         colorBackgroundModalInverse: '#2d2d2e',
         colorBackgroundWarning: '#FFF2D6',
@@ -148,6 +120,7 @@ exports.lightColors = {
         colorAccentOrange: '#FFA000',
         colorAccentPurple: '#735CE6',
         colorAccentViolet: '#792EC0',
+        colorAccentRaspberryPink: '#E03FAB',
         colorAccentSecondary: '#3F8AE0',
         // Other
         colorOverlayPrimary: 'rgba(0, 0, 0, 0.4)',
@@ -209,15 +182,15 @@ exports.darkColors = {
             hover: 'rgba(255, 255, 255, 0.24)',
             active: 'rgba(255, 255, 255, 0.28)',
         },
-        colorBackgroundContrastInverse: '#2d2d2e',
-        colorBackgroundModal: '#2D2D2E',
+        colorBackgroundContrastInverse: '#2C2D2E',
+        colorBackgroundModal: '#2C2D2E',
         colorBackgroundModalInverse: '#ffffff',
         colorBackgroundWarning: '#857250',
         colorBackgroundPositive: '#4BB34B',
         colorBackgroundNegative: '#FF5C5C',
         colorBackgroundNegativeTint: '#522E2E',
         colorBackgroundPositiveTint: '#E8f9e8',
-        colorFieldBackground: '#292929',
+        colorFieldBackground: '#232324',
         colorHeaderBackground: '#19191A',
         // Text
         colorTextAccent: '#529EF4',
@@ -225,7 +198,7 @@ exports.darkColors = {
         colorTextPrimary: '#E1E3E6',
         colorTextPrimaryInvariably: '#000000',
         colorTextSecondary: '#76787A',
-        colorTextSubhead: '#969A9F',
+        colorTextSubhead: '#5D5F61',
         colorTextTertiary: '#636567',
         colorTextContrast: '#FFFFFF',
         colorTextContrastThemed: '#000000',
@@ -273,6 +246,7 @@ exports.darkColors = {
         colorAccentOrange: '#FFA000',
         colorAccentPurple: '#735CE6',
         colorAccentViolet: '#792EC0',
+        colorAccentRaspberryPink: '#F060C0',
         colorAccentSecondary: '#3F8AE0',
         // Other
         colorOverlayPrimary: 'rgba(0, 0, 0, 0.4)',
@@ -280,8 +254,8 @@ exports.darkColors = {
         colorAvatarOverlayInverseAlpha: 'rgba(255, 255, 255, 0.85)',
         colorImagePlaceholder: '#2A2B2C',
         colorImagePlaceholderAlpha: 'rgba(241, 247, 255, 0.08)',
-        colorSkeletonFrom: '#F5F5F5',
-        colorSkeletonTo: '#E1E3E6',
+        colorSkeletonFrom: '#232324',
+        colorSkeletonTo: '#2C2D2E',
         colorWriteBarIcon: '#529EF4',
         colorWriteBarInputBackground: '#232324',
         colorWriteBarInputBorderAlpha: 'rgba(255, 255, 255, 0.8)',
@@ -307,43 +281,7 @@ 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.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(__assign({ themeName: 'vkBase', themeNameBase: 'vkBase' }, exports.lightColors), { colors: __assign(__assign({}, exports.lightColors.colors), (0, exports.vkLocalColors)(scheme_json_1.bright_light)) }), exports.gradients), exports.lightGradient), exports.lightElevation), { 
+exports.lightTheme = __assign(__assign(__assign(__assign({ themeName: 'vkBase', themeNameBase: 'vkBase' }, exports.lightColors), exports.lightGradient), exports.lightElevation), { 
     // Типографика
     fontFamilyAccent: fontFamilyAccent, fontFamilyBase: fontFamilyBase, fontWeightAccent1: fontWeightAccent1, fontWeightAccent2: fontWeightAccent2, fontWeightAccent3: fontWeightAccent3, fontWeightBase1: fontWeightBase1, fontWeightBase2: fontWeightBase2, fontWeightBase3: fontWeightBase3, fontTitle1: {
         regular: {
@@ -641,4 +579,4 @@ exports.lightTheme = __assign(__assign(__assign(__assign(__assign(__assign({ the
     }, 
     // Разное
     animationDurationL: '0.4s', animationDurationM: '0.2s', animationDurationS: '0.1s', animationEasingDefault: 'cubic-bezier(0.3, 0.3, 0.5, 1)', animationEasingPlatform: 'cubic-bezier(0.4, 0, 0.2, 1)', opacityDisable: 0.4, opacityDisableAccessibility: 0.64, zIndexModal: 99, zIndexPopout: 100 });
-exports.darkTheme = __assign(__assign(__assign(__assign(__assign(__assign({}, exports.lightTheme), exports.darkColors), { colors: __assign(__assign({}, exports.darkColors.colors), (0, exports.vkLocalColors)(scheme_json_1.space_gray)) }), exports.darkGradient), exports.darkElevation), { themeName: 'vkBaseDark', themeInheritsFrom: 'vkBase', colorsScheme: 'dark' });
+exports.darkTheme = __assign(__assign(__assign(__assign(__assign({}, exports.lightTheme), exports.darkColors), exports.darkGradient), exports.darkElevation), { themeName: 'vkBaseDark', themeInheritsFrom: 'vkBase', colorsScheme: 'dark' });

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

@@ -235,7 +235,7 @@
 	--vkui--elevation4: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
 	--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(249, 249, 250, 0) 0%, rgba(249, 249, 250, 0.036) 13%, rgba(249, 249, 250, 0.15) 27%, rgba(249, 249, 250, 0.79) 68%, rgba(249, 249, 250, 0.95) 84%, rgba(249, 249, 250, 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--animation_duration_l: 0.4s;
 	--vkui--animation_duration_m: 0.2s;
 	--vkui--animation_duration_s: 0.1s;
@@ -348,6 +348,7 @@
 	--vkui--theme_name_base: 'calendar';
 	--vkui--calendar_elevation_header: 0 0 16px 0 rgba(2, 13, 41, 0.12);
 	--vkui--calendar_elevation_event_form: 0px 4px 64px 0px rgba(0, 16, 61, 0.2);
+	--vkui--calendar_image_background: none;
 	--vkui--calendar_size_border_radius_small: 4px;
 	--vkui--calendar_size_border_radius_medium: 6px;
 	--vkui--calendar_size_border_radius_large: 8px;
@@ -410,9 +411,9 @@
 	--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_tertiary: #F6F7F8;
+	--vkui--color_background_tertiary--hover: #ECEEF1;
+	--vkui--color_background_tertiary--active: #E2E5E9;
 	--vkui--color_background_tertiary_alpha: rgba(0, 0, 0, 0.04);
 	--vkui--color_background_tertiary_alpha--hover: rgba(0, 0, 0, 0.08);
 	--vkui--color_background_tertiary_alpha--active: rgba(0, 0, 0, 0.12);
@@ -590,6 +591,9 @@
 	--vkui--color_accent_violet: #C15DF3;
 	--vkui--color_accent_violet--hover: #B95AEC;
 	--vkui--color_accent_violet--active: #B257E4;
+	--vkui--color_accent_raspberry_pink: #E03FAB;
+	--vkui--color_accent_raspberry_pink--hover: #D73DA7;
+	--vkui--color_accent_raspberry_pink--active: #CE3BA2;
 	--vkui--color_accent_secondary: #FF9E00;
 	--vkui--color_accent_secondary--hover: #F59802;
 	--vkui--color_accent_secondary--active: #EB9305;

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

@@ -235,7 +235,7 @@
 	--vkui--elevation4: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
 	--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(249, 249, 250, 0) 0%, rgba(249, 249, 250, 0.036) 13%, rgba(249, 249, 250, 0.15) 27%, rgba(249, 249, 250, 0.79) 68%, rgba(249, 249, 250, 0.95) 84%, rgba(249, 249, 250, 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--animation_duration_l: 0.4s;
 	--vkui--animation_duration_m: 0.2s;
 	--vkui--animation_duration_s: 0.1s;
@@ -348,6 +348,7 @@
 	--vkui--theme_name_base: 'calendar';
 	--vkui--calendar_elevation_header: 0 0 16px 0 rgba(2, 13, 41, 0.12);
 	--vkui--calendar_elevation_event_form: 0px 4px 64px 0px rgba(0, 16, 61, 0.2);
+	--vkui--calendar_image_background: none;
 	--vkui--calendar_size_border_radius_small: 4px;
 	--vkui--calendar_size_border_radius_medium: 6px;
 	--vkui--calendar_size_border_radius_large: 8px;

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

@@ -7,7 +7,7 @@
 	--vkui--elevation4: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
 	--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(249, 249, 250, 0) 0%, rgba(249, 249, 250, 0.036) 13%, rgba(249, 249, 250, 0.15) 27%, rgba(249, 249, 250, 0.79) 68%, rgba(249, 249, 250, 0.95) 84%, rgba(249, 249, 250, 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--animation_duration_l: 0.4s;
 	--vkui--animation_duration_m: 0.2s;
 	--vkui--animation_duration_s: 0.1s;
@@ -28,6 +28,7 @@
 	--vkui--theme_name_base: 'calendar';
 	--vkui--calendar_elevation_header: 0 0 16px 0 rgba(2, 13, 41, 0.12);
 	--vkui--calendar_elevation_event_form: 0px 4px 64px 0px rgba(0, 16, 61, 0.2);
+	--vkui--calendar_image_background: none;
 	--vkui--calendar_image_overlay_background: none;
 	--vkui--colors_scheme: light;
 	--vkui--color_background_accent: #005FF9;
@@ -63,9 +64,9 @@
 	--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_tertiary: #F6F7F8;
+	--vkui--color_background_tertiary--hover: #ECEEF1;
+	--vkui--color_background_tertiary--active: #E2E5E9;
 	--vkui--color_background_tertiary_alpha: rgba(0, 0, 0, 0.04);
 	--vkui--color_background_tertiary_alpha--hover: rgba(0, 0, 0, 0.08);
 	--vkui--color_background_tertiary_alpha--active: rgba(0, 0, 0, 0.12);
@@ -243,6 +244,9 @@
 	--vkui--color_accent_violet: #C15DF3;
 	--vkui--color_accent_violet--hover: #B95AEC;
 	--vkui--color_accent_violet--active: #B257E4;
+	--vkui--color_accent_raspberry_pink: #E03FAB;
+	--vkui--color_accent_raspberry_pink--hover: #D73DA7;
+	--vkui--color_accent_raspberry_pink--active: #CE3BA2;
 	--vkui--color_accent_secondary: #FF9E00;
 	--vkui--color_accent_secondary--hover: #F59802;
 	--vkui--color_accent_secondary--active: #EB9305;

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

@@ -32,9 +32,9 @@
 	--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_tertiary: #F6F7F8;
+	--vkui--color_background_tertiary--hover: #ECEEF1;
+	--vkui--color_background_tertiary--active: #E2E5E9;
 	--vkui--color_background_tertiary_alpha: rgba(0, 0, 0, 0.04);
 	--vkui--color_background_tertiary_alpha--hover: rgba(0, 0, 0, 0.08);
 	--vkui--color_background_tertiary_alpha--active: rgba(0, 0, 0, 0.12);
@@ -212,6 +212,9 @@
 	--vkui--color_accent_violet: #C15DF3;
 	--vkui--color_accent_violet--hover: #B95AEC;
 	--vkui--color_accent_violet--active: #B257E4;
+	--vkui--color_accent_raspberry_pink: #E03FAB;
+	--vkui--color_accent_raspberry_pink--hover: #D73DA7;
+	--vkui--color_accent_raspberry_pink--active: #CE3BA2;
 	--vkui--color_accent_secondary: #FF9E00;
 	--vkui--color_accent_secondary--hover: #F59802;
 	--vkui--color_accent_secondary--active: #EB9305;