@vkontakte/vkui-tokens 4.32.2-dev-432a84.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

@@ -8,189 +8,189 @@ export interface VkontakteAndroidGradients {
      * @desc Градиент AquamarineBlue
      * @tags gradient
      */
-    gradientAquamarineBlue: GradientPoints;
+    vkontakteGradientAquamarineBlue: GradientPoints;
     /**
      * @desc Градиент Blue
      * @tags gradient
      */
-    gradientBlue: GradientPoints;
+    vkontakteGradientBlue: GradientPoints;
     /**
      * @desc Градиент Candy
      * @tags gradient
      */
-    gradientCandy: GradientPoints;
+    vkontakteGradientCandy: GradientPoints;
     /**
      * @desc Градиент Crimson
      * @tags gradient
      */
-    gradientCrimson: GradientPoints;
+    vkontakteGradientCrimson: GradientPoints;
     /**
      * @desc Градиент Disco
      * @tags gradient
      */
-    gradientDisco: GradientPoints;
+    vkontakteGradientDisco: GradientPoints;
     /**
      * @desc Градиент Emerald
      * @tags gradient
      */
-    gradientEmerald: GradientPoints;
+    vkontakteGradientEmerald: GradientPoints;
     /**
      * @desc Градиент Gray
      * @tags gradient
      */
-    gradientGray: GradientPoints;
+    vkontakteGradientGray: GradientPoints;
     /**
      * @desc Градиент Green
      * @tags gradient
      */
-    gradientGreen: GradientPoints;
+    vkontakteGradientGreen: GradientPoints;
     /**
      * @desc Градиент Lagoon
      * @tags gradient
      */
-    gradientLagoon: GradientPoints;
+    vkontakteGradientLagoon: GradientPoints;
     /**
      * @desc Градиент Lavender
      * @tags gradient
      */
-    gradientLavender: GradientPoints;
+    vkontakteGradientLavender: GradientPoints;
     /**
      * @desc Градиент Marine
      * @tags gradient
      */
-    gradientMarine: GradientPoints;
+    vkontakteGradientMarine: GradientPoints;
     /**
      * @desc Градиент Midnight
      * @tags gradient
      */
-    gradientMidnight: GradientPoints;
+    vkontakteGradientMidnight: GradientPoints;
     /**
      * @desc Градиент Orange
      * @tags gradient
      */
-    gradientOrange: GradientPoints;
+    vkontakteGradientOrange: GradientPoints;
     /**
      * @desc Градиент Pink
      * @tags gradient
      */
-    gradientPink: GradientPoints;
+    vkontakteGradientPink: GradientPoints;
     /**
      * @desc Градиент Purple
      * @tags gradient
      */
-    gradientPurple: GradientPoints;
+    vkontakteGradientPurple: GradientPoints;
     /**
      * @desc Градиент RaspberryPink
      * @tags gradient
      */
-    gradientRaspberryPink: GradientPoints;
+    vkontakteGradientRaspberryPink: GradientPoints;
     /**
      * @desc Градиент Red
      * @tags gradient
      */
-    gradientRed: GradientPoints;
+    vkontakteGradientRed: GradientPoints;
     /**
      * @desc Градиент Retrowave
      * @tags gradient
      */
-    gradientRetrowave: GradientPoints;
+    vkontakteGradientRetrowave: GradientPoints;
     /**
      * @desc Градиент Sunset
      * @tags gradient
      */
-    gradientSunset: GradientPoints;
+    vkontakteGradientSunset: GradientPoints;
     /**
      * @desc Градиент Turquoise
      * @tags gradient
      */
-    gradientTurquoise: GradientPoints;
+    vkontakteGradientTurquoise: GradientPoints;
     /**
      * @desc Градиент Twilight
      * @tags gradient
      */
-    gradientTwilight: GradientPoints;
+    vkontakteGradientTwilight: GradientPoints;
     /**
      * @desc Градиент Unicorn
      * @tags gradient
      */
-    gradientUnicorn: GradientPoints;
+    vkontakteGradientUnicorn: GradientPoints;
     /**
      * @desc Градиент Violet
      * @tags gradient
      */
-    gradientViolet: GradientPoints;
+    vkontakteGradientViolet: GradientPoints;
     /**
      * @desc Градиент Yellow
      * @tags gradient
      */
-    gradientYellow: GradientPoints;
+    vkontakteGradientYellow: GradientPoints;
     /**
      * @desc Градиент YellowBright
      * @tags gradient
      */
-    gradientYellowBright: GradientPoints;
+    vkontakteGradientYellowBright: GradientPoints;
     /**
      * @desc Градиент HalloweenOrange
      * @tags gradient
      */
-    gradientHalloweenOrange: GradientPoints;
+    vkontakteGradientHalloweenOrange: GradientPoints;
     /**
      * @desc Градиент HalloweenViolet
      * @tags gradient
      */
-    gradientHalloweenViolet: GradientPoints;
+    vkontakteGradientHalloweenViolet: GradientPoints;
     /**
      * @desc Градиент NewYear
      * @tags gradient
      */
-    gradientNewYear: GradientPoints;
+    vkontakteGradientNewYear: GradientPoints;
     /**
      * @desc Градиент Frost
      * @tags gradient
      */
-    gradientFrost: GradientPoints;
+    vkontakteGradientFrost: GradientPoints;
     /**
      * @desc Градиент Valentine
      * @tags gradient
      */
-    gradientValentine: GradientPoints;
+    vkontakteGradientValentine: GradientPoints;
     /**
      * @desc Градиент WarmValentine
      * @tags gradient
      */
-    gradientWarmValentine: GradientPoints;
+    vkontakteGradientWarmValentine: GradientPoints;
     /**
      * @desc Градиент Sberkot
      * @tags gradient
      */
-    gradientSberkot: GradientPoints;
+    vkontakteGradientSberkot: GradientPoints;
     /**
      * @desc Градиент Mable
      * @tags gradient
      */
-    gradientMable: GradientPoints;
+    vkontakteGradientMable: GradientPoints;
     /**
      * @desc Градиент WomensDay
      * @tags gradient
      */
-    gradientWomensDay: GradientPoints;
+    vkontakteGradientWomensDay: 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;
+    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;

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

@@ -0,0 +1,8 @@
+import { ThemeCssVars } from '../../general';
+import { ParadigmTheme, ParadigmThemeDescription } from '../../namespaces/paradigm';
+export interface ThemeWorkspaceAdmin extends ParadigmTheme {
+}
+export interface ThemeWorkspaceAdminDescription extends ParadigmThemeDescription {
+}
+export interface ThemeWorkspaceAdminCssVars extends ThemeCssVars<ThemeWorkspaceAdmin, 'breakpoints'> {
+}

package/interfaces/themes/workspaceAdmin/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-432a84.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;
 }