@vkontakte/vkui-tokens 4.32.2-dev-b7e753.0 → 4.33.0

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

@@ -37,6 +37,7 @@ export interface LocalCalendarColorDescriptionStruct {
     calendarColorSidebarComposeButtonIcon: ColorDescription;
     calendarColorSidebarComposeButtonText: ColorDescription;
     calendarColorSidebarScrollbar: ColorDescription;
+    calendarColorComposeButtonBorderAlpha: ColorDescription;
     calendarColorHeaderBackground: ColorDescription;
     calendarColorHeaderSecondaryAlpha: ColorDescription;
     calendarColorHeaderonSecondary: ColorDescription;
@@ -56,6 +57,7 @@ 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
+     */
+    vkontakteGradientAquamarineBlue: GradientPoints;
+    /**
+     * @desc Градиент Blue
+     * @tags gradient
+     */
+    vkontakteGradientBlue: GradientPoints;
+    /**
+     * @desc Градиент Candy
+     * @tags gradient
+     */
+    vkontakteGradientCandy: GradientPoints;
+    /**
+     * @desc Градиент Crimson
+     * @tags gradient
+     */
+    vkontakteGradientCrimson: GradientPoints;
+    /**
+     * @desc Градиент Disco
+     * @tags gradient
+     */
+    vkontakteGradientDisco: GradientPoints;
+    /**
+     * @desc Градиент Emerald
+     * @tags gradient
+     */
+    vkontakteGradientEmerald: GradientPoints;
+    /**
+     * @desc Градиент Gray
+     * @tags gradient
+     */
+    vkontakteGradientGray: GradientPoints;
+    /**
+     * @desc Градиент Green
+     * @tags gradient
+     */
+    vkontakteGradientGreen: GradientPoints;
+    /**
+     * @desc Градиент Lagoon
+     * @tags gradient
+     */
+    vkontakteGradientLagoon: GradientPoints;
+    /**
+     * @desc Градиент Lavender
+     * @tags gradient
+     */
+    vkontakteGradientLavender: GradientPoints;
+    /**
+     * @desc Градиент Marine
+     * @tags gradient
+     */
+    vkontakteGradientMarine: GradientPoints;
+    /**
+     * @desc Градиент Midnight
+     * @tags gradient
+     */
+    vkontakteGradientMidnight: GradientPoints;
+    /**
+     * @desc Градиент Orange
+     * @tags gradient
+     */
+    vkontakteGradientOrange: GradientPoints;
+    /**
+     * @desc Градиент Pink
+     * @tags gradient
+     */
+    vkontakteGradientPink: GradientPoints;
+    /**
+     * @desc Градиент Purple
+     * @tags gradient
+     */
+    vkontakteGradientPurple: GradientPoints;
+    /**
+     * @desc Градиент RaspberryPink
+     * @tags gradient
+     */
+    vkontakteGradientRaspberryPink: GradientPoints;
+    /**
+     * @desc Градиент Red
+     * @tags gradient
+     */
+    vkontakteGradientRed: GradientPoints;
+    /**
+     * @desc Градиент Retrowave
+     * @tags gradient
+     */
+    vkontakteGradientRetrowave: GradientPoints;
+    /**
+     * @desc Градиент Sunset
+     * @tags gradient
+     */
+    vkontakteGradientSunset: GradientPoints;
+    /**
+     * @desc Градиент Turquoise
+     * @tags gradient
+     */
+    vkontakteGradientTurquoise: GradientPoints;
+    /**
+     * @desc Градиент Twilight
+     * @tags gradient
+     */
+    vkontakteGradientTwilight: GradientPoints;
+    /**
+     * @desc Градиент Unicorn
+     * @tags gradient
+     */
+    vkontakteGradientUnicorn: GradientPoints;
+    /**
+     * @desc Градиент Violet
+     * @tags gradient
+     */
+    vkontakteGradientViolet: GradientPoints;
+    /**
+     * @desc Градиент Yellow
+     * @tags gradient
+     */
+    vkontakteGradientYellow: GradientPoints;
+    /**
+     * @desc Градиент YellowBright
+     * @tags gradient
+     */
+    vkontakteGradientYellowBright: GradientPoints;
+    /**
+     * @desc Градиент HalloweenOrange
+     * @tags gradient
+     */
+    vkontakteGradientHalloweenOrange: GradientPoints;
+    /**
+     * @desc Градиент HalloweenViolet
+     * @tags gradient
+     */
+    vkontakteGradientHalloweenViolet: GradientPoints;
+    /**
+     * @desc Градиент NewYear
+     * @tags gradient
+     */
+    vkontakteGradientNewYear: GradientPoints;
+    /**
+     * @desc Градиент Frost
+     * @tags gradient
+     */
+    vkontakteGradientFrost: GradientPoints;
+    /**
+     * @desc Градиент Valentine
+     * @tags gradient
+     */
+    vkontakteGradientValentine: GradientPoints;
+    /**
+     * @desc Градиент WarmValentine
+     * @tags gradient
+     */
+    vkontakteGradientWarmValentine: GradientPoints;
+    /**
+     * @desc Градиент Sberkot
+     * @tags gradient
+     */
+    vkontakteGradientSberkot: GradientPoints;
+    /**
+     * @desc Градиент Mable
+     * @tags gradient
+     */
+    vkontakteGradientMable: GradientPoints;
+    /**
+     * @desc Градиент WomensDay
+     * @tags gradient
+     */
+    vkontakteGradientWomensDay: GradientPoints;
+}
+export interface LocalVkontakteAndroidColorsDescriptionStruct {
+    vkontakteColorSnippetBorderAlpha: ColorDescription;
+    vkontakteColorModalCardBorderAlpha: ColorDescription;
+    vkontakteColorLandingSnippetBorderAlpha: ColorDescription;
+    vkontakteColorActionSheetSeparatorAlpha: ColorDescription;
+    vkontakteColorInputBorder: ColorDescription;
+    vkontakteColorImForwardLineAlpha: ColorDescription;
+    vkontakteColorImBubbleBorderAlternateHighlightedAlpha: ColorDescription;
+    vkontakteColorImBubbleIncoming: ColorDescription;
+    vkontakteColorImBubbleIncomingAlternate: ColorDescription;
+    vkontakteColorImBubbleIncomingExpiring: ColorDescription;
+    vkontakteColorImBubbleOutgoing: ColorDescription;
+    vkontakteColorImBubbleOutgoingExpiringHighlighted: ColorDescription;
+    vkontakteColorImBubbleGiftText: ColorDescription;
+    vkontakteColorImBubbleGiftTextSecondary: ColorDescription;
+    vkontakteColorImTextName: 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.2-dev-b7e753.0",
+  "version": "4.33.0",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "license": "MIT",
   "main": "utils/descriptions.js",
@@ -59,7 +59,7 @@
     "css-loader": "6.7.3",
     "css.escape": "1.5.1",
     "eslint": "7.32.0",
-    "eslint-config-prettier": "8.7.0",
+    "eslint-config-prettier": "8.8.0",
     "eslint-config-silence": "1.0.0",
     "eslint-import-resolver-alias": "1.1.2",
     "eslint-plugin-compat": "4.1.2",
@@ -68,18 +68,18 @@
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-simple-import-sort": "10.0.0",
     "eslint-plugin-sonarjs": "0.19.0",
-    "fs-extra": "11.1.0",
+    "fs-extra": "11.1.1",
     "html-webpack-plugin": "5.5.0",
     "jest": "29.4.1",
     "jest-junit": "15.0.0",
     "lodash": "4.17.21",
-    "prettier": "2.8.4",
+    "prettier": "2.8.7",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "rimraf": "4.4.1",
     "style-loader": "3.3.1",
     "terser-webpack-plugin": "5.3.7",
-    "ts-jest": "29.0.5",
+    "ts-jest": "29.1.0",
     "ts-loader": "9.4.2",
     "ts-morph": "17.0.1",
     "ts-node": "10.9.1",

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

@@ -771,6 +771,9 @@
 	--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;
@@ -828,6 +831,9 @@
 	--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,6 +423,9 @@
 	--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;
@@ -480,4 +483,7 @@
 	--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,6 +386,9 @@
 	--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;
@@ -443,4 +446,7 @@
 	--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;
 }