@vkontakte/vkui-tokens 4.32.1-dev-a13568.0 → 4.32.2-dev-432a84.0

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

@@ -37,7 +37,6 @@ export interface LocalCalendarColorDescriptionStruct {
     calendarColorSidebarComposeButtonIcon: ColorDescription;
     calendarColorSidebarComposeButtonText: ColorDescription;
     calendarColorSidebarScrollbar: ColorDescription;
-    calendarColorComposeButtonBorderAlpha: ColorDescription;
     calendarColorHeaderBackground: ColorDescription;
     calendarColorHeaderSecondaryAlpha: ColorDescription;
     calendarColorHeaderonSecondary: ColorDescription;
@@ -57,7 +56,6 @@ export interface LocalCalendarColorDescriptionStruct {
     calendarColorTextDateAccent: ColorDescription;
     calendarColorTextTimeline: ColorDescription;
     calendarColorStrokeFieldBorder: ColorDescription;
-    calendarColorIconPrimary: ColorDescription;
 }
 export type CalendarLocalColors = {
     [key in keyof LocalCalendarColorDescriptionStruct]: ColorWithStates;

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

@@ -0,0 +1,204 @@
+import { ThemeCssVars } from '../../general';
+import { ColorDescription, ColorsDescriptionStruct, ColorWithStates } from '../../general/colors';
+import { GradientPoints } from '../../general/gradients';
+import { Tokens } from '../../general/tools/tokenValue';
+import { ThemeVkBase, ThemeVkBaseDescription } from '../vkBase';
+export interface VkontakteAndroidGradients {
+    /**
+     * @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 LocalVkontakteAndroidColorsDescriptionStruct {
+    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 VkontakteAndroidLocalColors = {
+    [key in keyof LocalVkontakteAndroidColorsDescriptionStruct]: ColorWithStates;
+};
+export interface ThemeVkontakteAndroid extends ThemeVkBase, VkontakteAndroidLocalColors, VkontakteAndroidGradients {
+}
+export interface ThemeVkontakteAndroidDescription extends ThemeVkBaseDescription, Tokens<VkontakteAndroidGradients> {
+    colors: LocalVkontakteAndroidColorsDescriptionStruct & ColorsDescriptionStruct;
+}
+export interface ThemeVkontakteAndroidCssVars extends ThemeCssVars<ThemeVkontakteAndroid> {
+}

package/interfaces/themes/vkontakteAndroid/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,4 @@
+import { ThemeVkontakteAndroid, ThemeVkontakteAndroidCssVars, ThemeVkontakteAndroidDescription } from '../vkontakteAndroid';
+export type ThemeVkontakteAndroidDark = ThemeVkontakteAndroid;
+export type ThemeVkontakteAndroidDarkDescription = ThemeVkontakteAndroidDescription;
+export type ThemeVkontakteAndroidDarkCssVars = ThemeVkontakteAndroidCssVars;

package/interfaces/themes/vkontakteAndroidDark/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,4 @@
+import { ThemeVkontakteAndroid, ThemeVkontakteAndroidCssVars, ThemeVkontakteAndroidDescription } from '../vkontakteAndroid';
+export type ThemeVkontakteCom = ThemeVkontakteAndroid;
+export type ThemeVkontakteComDescription = ThemeVkontakteAndroidDescription;
+export type ThemeVkontakteComCssVars = ThemeVkontakteAndroidCssVars;

package/interfaces/themes/vkontakteCom/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,4 @@
+import { ThemeVkontakteCom, ThemeVkontakteComCssVars, ThemeVkontakteComDescription } from '../vkontakteCom';
+export type ThemeVkontakteComDark = ThemeVkontakteCom;
+export type ThemeVkontakteComDarkDescription = ThemeVkontakteComDescription;
+export type ThemeVkontakteComDarkCssVars = ThemeVkontakteComCssVars;

package/interfaces/themes/vkontakteComDark/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,4 @@
+import { ThemeVkontakteAndroid, ThemeVkontakteAndroidCssVars, ThemeVkontakteAndroidDescription } from '../vkontakteAndroid';
+export type ThemeVkontakteIOS = ThemeVkontakteAndroid;
+export type ThemeVkontakteIOSDescription = ThemeVkontakteAndroidDescription;
+export type ThemeVkontakteIOSCssVars = ThemeVkontakteAndroidCssVars;

package/interfaces/themes/vkontakteIOS/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,4 @@
+import { ThemeVkontakteIOS, ThemeVkontakteIOSCssVars, ThemeVkontakteIOSDescription } from '../vkontakteIOS';
+export type ThemeVkontakteIOSDark = ThemeVkontakteIOS;
+export type ThemeVkontakteIOSDarkDescription = ThemeVkontakteIOSDescription;
+export type ThemeVkontakteIOSDarkCssVars = ThemeVkontakteIOSCssVars;

package/interfaces/themes/vkontakteIOSDark/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.32.1-dev-a13568.0",
+  "version": "4.32.2-dev-432a84.0",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "license": "MIT",
   "main": "utils/descriptions.js",
@@ -44,10 +44,10 @@
     "@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.23.0",
+    "@vkontakte/icons": "2.25.0",
     "@vkontakte/prettier-config": "0.1.0",
     "@vkontakte/vk-bridge": "2.7.2",
-    "@vkontakte/vkjs": "0.31.0",
+    "@vkontakte/vkjs": "0.32.0",
     "@vkontakte/vkui": "5.1.0",
     "babel-jest": "29.5.0",
     "babel-loader": "9.1.2",
@@ -78,12 +78,12 @@
     "react-dom": "18.2.0",
     "rimraf": "4.4.1",
     "style-loader": "3.3.1",
-    "terser-webpack-plugin": "5.3.6",
+    "terser-webpack-plugin": "5.3.7",
     "ts-jest": "29.0.5",
     "ts-loader": "9.4.2",
     "ts-morph": "17.0.1",
     "ts-node": "10.9.1",
-    "tsconfig-paths": "4.1.2",
+    "tsconfig-paths": "4.2.0",
     "tscpaths": "0.0.9",
     "type-fest": "3.6.1",
     "typescript": "4.9.5",

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

@@ -771,9 +771,6 @@
 	--vkui--calendar_color_sidebar_scrollbar: #C7C7C7;
 	--vkui--calendar_color_sidebar_scrollbar--hover: #BFC0C1;
 	--vkui--calendar_color_sidebar_scrollbar--active: #B7B8BC;
-	--vkui--calendar_color_compose_button_border_alpha: rgba(0, 16, 61, 0.12);
-	--vkui--calendar_color_compose_button_border_alpha--hover: rgba(0, 16, 61, 0.16);
-	--vkui--calendar_color_compose_button_border_alpha--active: rgba(0, 16, 61, 0.2);
 	--vkui--calendar_color_header_background: #FFFFFF;
 	--vkui--calendar_color_header_background--hover: #F5F5F7;
 	--vkui--calendar_color_header_background--active: #EBECEF;
@@ -831,9 +828,6 @@
 	--vkui--calendar_color_stroke_field_border: #E0E2E8;
 	--vkui--calendar_color_stroke_field_border--hover: #D7DAE1;
 	--vkui--calendar_color_stroke_field_border--active: #CED1DA;
-	--vkui--calendar_color_icon_primary: #2C2D2E;
-	--vkui--calendar_color_icon_primary--hover: #2A2C2F;
-	--vkui--calendar_color_icon_primary--active: #282B2F;
 }
 
 .vkui--font_title1--regular {

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

@@ -423,9 +423,6 @@
 	--vkui--calendar_color_sidebar_scrollbar: #C7C7C7;
 	--vkui--calendar_color_sidebar_scrollbar--hover: #BFC0C1;
 	--vkui--calendar_color_sidebar_scrollbar--active: #B7B8BC;
-	--vkui--calendar_color_compose_button_border_alpha: rgba(0, 16, 61, 0.12);
-	--vkui--calendar_color_compose_button_border_alpha--hover: rgba(0, 16, 61, 0.16);
-	--vkui--calendar_color_compose_button_border_alpha--active: rgba(0, 16, 61, 0.2);
 	--vkui--calendar_color_header_background: #FFFFFF;
 	--vkui--calendar_color_header_background--hover: #F5F5F7;
 	--vkui--calendar_color_header_background--active: #EBECEF;
@@ -483,7 +480,4 @@
 	--vkui--calendar_color_stroke_field_border: #E0E2E8;
 	--vkui--calendar_color_stroke_field_border--hover: #D7DAE1;
 	--vkui--calendar_color_stroke_field_border--active: #CED1DA;
-	--vkui--calendar_color_icon_primary: #2C2D2E;
-	--vkui--calendar_color_icon_primary--hover: #2A2C2F;
-	--vkui--calendar_color_icon_primary--active: #282B2F;
 }

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

@@ -386,9 +386,6 @@
 	--vkui--calendar_color_sidebar_scrollbar: #C7C7C7;
 	--vkui--calendar_color_sidebar_scrollbar--hover: #BFC0C1;
 	--vkui--calendar_color_sidebar_scrollbar--active: #B7B8BC;
-	--vkui--calendar_color_compose_button_border_alpha: rgba(0, 16, 61, 0.12);
-	--vkui--calendar_color_compose_button_border_alpha--hover: rgba(0, 16, 61, 0.16);
-	--vkui--calendar_color_compose_button_border_alpha--active: rgba(0, 16, 61, 0.2);
 	--vkui--calendar_color_header_background: #FFFFFF;
 	--vkui--calendar_color_header_background--hover: #F5F5F7;
 	--vkui--calendar_color_header_background--active: #EBECEF;
@@ -446,7 +443,4 @@
 	--vkui--calendar_color_stroke_field_border: #E0E2E8;
 	--vkui--calendar_color_stroke_field_border--hover: #D7DAE1;
 	--vkui--calendar_color_stroke_field_border--active: #CED1DA;
-	--vkui--calendar_color_icon_primary: #2C2D2E;
-	--vkui--calendar_color_icon_primary--hover: #2A2C2F;
-	--vkui--calendar_color_icon_primary--active: #282B2F;
 }