@vkontakte/vkui-tokens 4.41.1 → 4.41.2

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

@@ -96,6 +96,14 @@ export interface LocalParadigmColorsDescriptionStruct {
      * @tags color, background, themed
      */
     colorBackgroundPositiveTintThemed: ColorDescription;
+    colorTooltipBackgroundBlueTint: ColorDescription;
+    colorTooltipBackgroundGreenTint: ColorDescription;
+    colorTooltipBackgroundOrangeTint: ColorDescription;
+    colorTooltipBackgroundPurpleTint: ColorDescription;
+    colorTooltipTextBlueThemed: ColorDescription;
+    colorTooltipTextGreenThemed: ColorDescription;
+    colorTooltipTextOrangeThemed: ColorDescription;
+    colorTooltipTextPurpleThemed: ColorDescription;
 }
 export type ParadigmLocalColors = {
     [key in keyof LocalParadigmColorsDescriptionStruct]: ColorWithStates;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-tokens",
-  "version": "4.41.1",
+  "version": "4.41.2",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "license": "MIT",
   "homepage": "https://vkcom.github.io/vkui-tokens",
@@ -43,16 +43,16 @@
     "csstype": "^3.1.1"
   },
   "devDependencies": {
-    "@babel/core": "7.23.0",
+    "@babel/core": "7.23.3",
     "@svgr/webpack": "8.1.0",
-    "@types/color": "3.0.4",
+    "@types/color": "3.0.6",
     "@types/common-tags": "1.8.1",
-    "@types/fs-extra": "11.0.2",
+    "@types/fs-extra": "11.0.4",
     "@types/lodash": "4.14.199",
     "@types/node": "18.11.10",
     "@types/react": "18.2.25",
     "@types/react-dom": "18.2.10",
-    "@typescript-eslint/eslint-plugin": "6.9.1",
+    "@typescript-eslint/eslint-plugin": "6.10.0",
     "@typescript-eslint/parser": "6.7.3",
     "@vkontakte/appearance": "https://github.com/VKCOM/Appearance#v10.1.4",
     "@vkontakte/icons": "2.54.0",

package/themeDescriptions/base/paradigm.js

@@ -640,7 +640,7 @@ exports.lightTheme = __assign(__assign(__assign({}, exports.lightThemeBase), com
             active: 'rgba(255, 255, 255, 0.6)',
         }, colorButtonContrast: (0, overlayColors_1.overlayColors)(function (theme) { return theme.colors.colorBackgroundContent; }, function (theme) { return theme.colors.colorButtonContrastAlpha; }), colorThumbErrorBackgroundAlpha: 'rgba(237, 10, 52, 0.12)', 
         // Тонированные цвета для проектов
-        colorBackgroundAccentTintThemedAlpha: 'rgba(0, 95, 249, 0.06)', colorBackgroundAccentTintAlpha: 'rgba(0, 95, 249, 0.06)', colorBackgroundAccentTintThemed: '#f0f4ff', colorBackgroundWarningTintThemedAlpha: 'rgba(255, 241, 173, 0.48)', colorBackgroundWarningTintAlpha: 'rgba(255, 241, 173, 0.48)', colorBackgroundWarningTintThemed: '#fffce0', colorBackgroundWarningTint: '#fffce0', colorBackgroundNegativeTintThemedAlpha: 'rgba(237, 10, 52, 0.08)', colorBackgroundNegativeTintAlpha: 'rgba(237, 10, 52, 0.08)', colorBackgroundNegativeTintThemed: '#faebeb', colorBackgroundPositiveTintThemedAlpha: 'rgba(13, 194, 104, 0.08)', colorBackgroundPositiveTintAlpha: 'rgba(13, 194, 104, 0.08)', colorBackgroundPositiveTintThemed: '#ECFAF3' }), breakpoints: {
+        colorBackgroundAccentTintThemedAlpha: 'rgba(0, 95, 249, 0.06)', colorBackgroundAccentTintAlpha: 'rgba(0, 95, 249, 0.06)', colorBackgroundAccentTintThemed: '#f0f4ff', colorBackgroundWarningTintThemedAlpha: 'rgba(255, 241, 173, 0.48)', colorBackgroundWarningTintAlpha: 'rgba(255, 241, 173, 0.48)', colorBackgroundWarningTintThemed: '#fffce0', colorBackgroundWarningTint: '#fffce0', colorBackgroundNegativeTintThemedAlpha: 'rgba(237, 10, 52, 0.08)', colorBackgroundNegativeTintAlpha: 'rgba(237, 10, 52, 0.08)', colorBackgroundNegativeTintThemed: '#faebeb', colorBackgroundPositiveTintThemedAlpha: 'rgba(13, 194, 104, 0.08)', colorBackgroundPositiveTintAlpha: 'rgba(13, 194, 104, 0.08)', colorBackgroundPositiveTintThemed: '#ECFAF3', colorTooltipBackgroundBlueTint: '#DDE9FF', colorTooltipBackgroundGreenTint: '#CEEEE6', colorTooltipBackgroundOrangeTint: '#F9D3BD', colorTooltipBackgroundPurpleTint: '#F2E8FF', colorTooltipTextBlueThemed: '#1C4479', colorTooltipTextGreenThemed: '#087C6D', colorTooltipTextOrangeThemed: '#78472A', colorTooltipTextPurpleThemed: '#73519F' }), breakpoints: {
         touch: {
             breakpoint: 0,
             adaptiveValue: 'regular',
@@ -819,7 +819,7 @@ exports.darkTheme = __assign(__assign(__assign(__assign({}, exports.lightTheme),
             active: 'rgba(255, 255, 255, 0.24)',
         }, colorThumbErrorBackgroundAlpha: 'rgba(237, 10, 52, 0.12)', 
         // Тонированные цвета для проектов
-        colorBackgroundAccentTintThemedAlpha: 'rgba(255, 255, 255, 0.08)', colorBackgroundAccentTintAlpha: 'rgba(0, 95, 249, 0.1)', colorBackgroundAccentTintThemed: '#2b2b2c', colorBackgroundWarningTintThemedAlpha: 'rgba(255, 255, 255, 0.08)', colorBackgroundWarningTintAlpha: 'rgba(255, 158, 0, 0.1)', colorBackgroundWarningTintThemed: '#2b2b2c', colorBackgroundWarningTint: '#302617', colorBackgroundNegativeTintThemedAlpha: 'rgba(255, 255, 255, 0.08)', colorBackgroundNegativeTintAlpha: 'rgba(237, 10, 52, 0.1)', colorBackgroundNegativeTintThemed: '#2b2b2c', colorBackgroundPositiveTintThemedAlpha: 'rgba(255, 255, 255, 0.08)', colorBackgroundPositiveTintAlpha: 'rgba(13, 194, 104, 0.1)', colorBackgroundPositiveTintThemed: '#2b2b2c' }) });
+        colorBackgroundAccentTintThemedAlpha: 'rgba(255, 255, 255, 0.08)', colorBackgroundAccentTintAlpha: 'rgba(0, 95, 249, 0.1)', colorBackgroundAccentTintThemed: '#2b2b2c', colorBackgroundWarningTintThemedAlpha: 'rgba(255, 255, 255, 0.08)', colorBackgroundWarningTintAlpha: 'rgba(255, 158, 0, 0.1)', colorBackgroundWarningTintThemed: '#2b2b2c', colorBackgroundWarningTint: '#302617', colorBackgroundNegativeTintThemedAlpha: 'rgba(255, 255, 255, 0.08)', colorBackgroundNegativeTintAlpha: 'rgba(237, 10, 52, 0.1)', colorBackgroundNegativeTintThemed: '#2b2b2c', colorBackgroundPositiveTintThemedAlpha: 'rgba(255, 255, 255, 0.08)', colorBackgroundPositiveTintAlpha: 'rgba(13, 194, 104, 0.1)', colorBackgroundPositiveTintThemed: '#2b2b2c', colorTooltipBackgroundBlueTint: '#1C4479', colorTooltipBackgroundGreenTint: '#087C6D', colorTooltipBackgroundOrangeTint: '#78472A', colorTooltipBackgroundPurpleTint: '#73519F', colorTooltipTextBlueThemed: '#FFFFFF', colorTooltipTextGreenThemed: '#FFFFFF', colorTooltipTextOrangeThemed: '#FFFFFF', colorTooltipTextPurpleThemed: '#FFFFFF' }) });
 // Для экспорта базовой темы прописываем токен themeNameBase отдельно
 // В darkThemeBase прописать не можем, т.к. он тогда перетрёт themeNameBase
 // в продуктовых темах.

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

@@ -764,6 +764,30 @@
 	--vkui--color_background_positive_tint_themed: #ECFAF3;
 	--vkui--color_background_positive_tint_themed--hover: #E3F1EC;
 	--vkui--color_background_positive_tint_themed--active: #D9E7E4;
+	--vkui--color_tooltip_background_blue_tint: #DDE9FF;
+	--vkui--color_tooltip_background_blue_tint--hover: #D4E0F7;
+	--vkui--color_tooltip_background_blue_tint--active: #CBD8EF;
+	--vkui--color_tooltip_background_green_tint: #CEEEE6;
+	--vkui--color_tooltip_background_green_tint--hover: #C6E5DF;
+	--vkui--color_tooltip_background_green_tint--active: #BEDCD8;
+	--vkui--color_tooltip_background_orange_tint: #F9D3BD;
+	--vkui--color_tooltip_background_orange_tint--hover: #EFCBB8;
+	--vkui--color_tooltip_background_orange_tint--active: #E5C3B3;
+	--vkui--color_tooltip_background_purple_tint: #F2E8FF;
+	--vkui--color_tooltip_background_purple_tint--hover: #E8DFF7;
+	--vkui--color_tooltip_background_purple_tint--active: #DFD7EF;
+	--vkui--color_tooltip_text_blue_themed: #1C4479;
+	--vkui--color_tooltip_text_blue_themed--hover: #1B4277;
+	--vkui--color_tooltip_text_blue_themed--active: #1A4074;
+	--vkui--color_tooltip_text_green_themed: #087C6D;
+	--vkui--color_tooltip_text_green_themed--hover: #08786B;
+	--vkui--color_tooltip_text_green_themed--active: #077369;
+	--vkui--color_tooltip_text_orange_themed: #78472A;
+	--vkui--color_tooltip_text_orange_themed--hover: #73452B;
+	--vkui--color_tooltip_text_orange_themed--active: #6E432C;
+	--vkui--color_tooltip_text_purple_themed: #73519F;
+	--vkui--color_tooltip_text_purple_themed--hover: #6E4E9B;
+	--vkui--color_tooltip_text_purple_themed--active: #6A4C97;
 	--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;

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

@@ -391,6 +391,30 @@
 	--vkui--color_background_positive_tint_themed: #ECFAF3;
 	--vkui--color_background_positive_tint_themed--hover: #E3F1EC;
 	--vkui--color_background_positive_tint_themed--active: #D9E7E4;
+	--vkui--color_tooltip_background_blue_tint: #DDE9FF;
+	--vkui--color_tooltip_background_blue_tint--hover: #D4E0F7;
+	--vkui--color_tooltip_background_blue_tint--active: #CBD8EF;
+	--vkui--color_tooltip_background_green_tint: #CEEEE6;
+	--vkui--color_tooltip_background_green_tint--hover: #C6E5DF;
+	--vkui--color_tooltip_background_green_tint--active: #BEDCD8;
+	--vkui--color_tooltip_background_orange_tint: #F9D3BD;
+	--vkui--color_tooltip_background_orange_tint--hover: #EFCBB8;
+	--vkui--color_tooltip_background_orange_tint--active: #E5C3B3;
+	--vkui--color_tooltip_background_purple_tint: #F2E8FF;
+	--vkui--color_tooltip_background_purple_tint--hover: #E8DFF7;
+	--vkui--color_tooltip_background_purple_tint--active: #DFD7EF;
+	--vkui--color_tooltip_text_blue_themed: #1C4479;
+	--vkui--color_tooltip_text_blue_themed--hover: #1B4277;
+	--vkui--color_tooltip_text_blue_themed--active: #1A4074;
+	--vkui--color_tooltip_text_green_themed: #087C6D;
+	--vkui--color_tooltip_text_green_themed--hover: #08786B;
+	--vkui--color_tooltip_text_green_themed--active: #077369;
+	--vkui--color_tooltip_text_orange_themed: #78472A;
+	--vkui--color_tooltip_text_orange_themed--hover: #73452B;
+	--vkui--color_tooltip_text_orange_themed--active: #6E432C;
+	--vkui--color_tooltip_text_purple_themed: #73519F;
+	--vkui--color_tooltip_text_purple_themed--hover: #6E4E9B;
+	--vkui--color_tooltip_text_purple_themed--active: #6A4C97;
 	--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;

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

@@ -353,6 +353,30 @@
 	--vkui--color_background_positive_tint_themed: #ECFAF3;
 	--vkui--color_background_positive_tint_themed--hover: #E3F1EC;
 	--vkui--color_background_positive_tint_themed--active: #D9E7E4;
+	--vkui--color_tooltip_background_blue_tint: #DDE9FF;
+	--vkui--color_tooltip_background_blue_tint--hover: #D4E0F7;
+	--vkui--color_tooltip_background_blue_tint--active: #CBD8EF;
+	--vkui--color_tooltip_background_green_tint: #CEEEE6;
+	--vkui--color_tooltip_background_green_tint--hover: #C6E5DF;
+	--vkui--color_tooltip_background_green_tint--active: #BEDCD8;
+	--vkui--color_tooltip_background_orange_tint: #F9D3BD;
+	--vkui--color_tooltip_background_orange_tint--hover: #EFCBB8;
+	--vkui--color_tooltip_background_orange_tint--active: #E5C3B3;
+	--vkui--color_tooltip_background_purple_tint: #F2E8FF;
+	--vkui--color_tooltip_background_purple_tint--hover: #E8DFF7;
+	--vkui--color_tooltip_background_purple_tint--active: #DFD7EF;
+	--vkui--color_tooltip_text_blue_themed: #1C4479;
+	--vkui--color_tooltip_text_blue_themed--hover: #1B4277;
+	--vkui--color_tooltip_text_blue_themed--active: #1A4074;
+	--vkui--color_tooltip_text_green_themed: #087C6D;
+	--vkui--color_tooltip_text_green_themed--hover: #08786B;
+	--vkui--color_tooltip_text_green_themed--active: #077369;
+	--vkui--color_tooltip_text_orange_themed: #78472A;
+	--vkui--color_tooltip_text_orange_themed--hover: #73452B;
+	--vkui--color_tooltip_text_orange_themed--active: #6E432C;
+	--vkui--color_tooltip_text_purple_themed: #73519F;
+	--vkui--color_tooltip_text_purple_themed--hover: #6E4E9B;
+	--vkui--color_tooltip_text_purple_themed--active: #6A4C97;
 	--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;