@vkontakte/vkui-tokens 4.60.0 → 4.61.1

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

@@ -1,12 +1,17 @@
 export interface ToneValues {
     /**
-     * @desc Основное значение прозрачности
+     * @desc Прозрачность неинтерактивных элементов
      * @tags opacity
      */
     opacityDisable: number;
     /**
-     * @desc Значение прозрачности подходящее под параметры аксесабилити
+     * @desc Прозрачность неинтерактивных элементов, подходящая под параметры доступности
      * @tags opacity
      */
     opacityDisableAccessibility: number;
+    /**
+     * @desc Прозрачность нажатых элементов (если не используются active-версии цветов)
+     * @tags opacity
+     */
+    opacityActive: number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-tokens",
-  "version": "4.60.0",
+  "version": "4.61.1",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "license": "MIT",
   "homepage": "https://vkcom.github.io/vkui-tokens",

package/themeDescriptions/base/paradigm.js

@@ -662,7 +662,7 @@ exports.lightThemeBase = __assign(__assign({ themeName: 'paradigmBase' }, export
     // Стандартные токены для отступов
     spacingSize3Xs: 2, spacingSize2Xs: 2, spacingSizeXs: 4, spacingSizeS: 6, spacingSizeM: 8, spacingSizeL: 10, spacingSizeXl: 12, spacingSize2Xl: 16, spacingSize3Xl: 20, spacingSize4Xl: 24, 
     // Прочие отступы
-    elevation1: '0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)', elevation1InvertY: '0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)', elevation2: '0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)', elevation3: '0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)', elevation4: '0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)', gradientBlack: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)('#000000', 0.4), gradientWhite: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)('#FFFFFF'), gradientTint: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)(colorBackgroundTertiaryLight), gradient: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)('#FFFFFF'), animationDurationL: '0.4s', animationDurationM: '0.2s', animationDurationS: '0.1s', animationEasingDefault: 'cubic-bezier(0.3, 0.3, 0.5, 1)', animationEasingPlatform: 'cubic-bezier(0.3, 0.3, 0.5, 1)', opacityDisable: 0.48, opacityDisableAccessibility: 0.64, zIndexModal: 99, zIndexPopout: 100 });
+    elevation1: '0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)', elevation1InvertY: '0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08)', elevation2: '0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06)', elevation3: '0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08)', elevation4: '0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16)', gradientBlack: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)('#000000', 0.4), gradientWhite: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)('#FFFFFF'), gradientTint: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)(colorBackgroundTertiaryLight), gradient: (0, getGradientPointsFromColor_1.getGradientPointsFromColor)('#FFFFFF'), animationDurationL: '0.4s', animationDurationM: '0.2s', animationDurationS: '0.1s', animationEasingDefault: 'cubic-bezier(0.3, 0.3, 0.5, 1)', animationEasingPlatform: 'cubic-bezier(0.3, 0.3, 0.5, 1)', opacityDisable: 0.48, opacityDisableAccessibility: 0.64, opacityActive: 0.72, zIndexModal: 99, zIndexPopout: 100 });
 var x05 = common_1.helpers.x05, x1 = common_1.helpers.x1, x2 = common_1.helpers.x2, x3 = common_1.helpers.x3, x4 = common_1.helpers.x4, x5 = common_1.helpers.x5, x6 = common_1.helpers.x6, x8 = common_1.helpers.x8, x10 = common_1.helpers.x10;
 exports.lightTheme = __assign(__assign(__assign({}, exports.lightThemeBase), common_1.helpers), { colors: __assign(__assign({}, exports.lightThemeBase.colors), { colorRating: '#ffd400', colorButtonContrastAlpha: {
             normal: 'rgba(255, 255, 255, 1)',

package/themeDescriptions/base/vk.js

@@ -452,7 +452,7 @@ exports.fonts = {
             fontSize: 13,
             lineHeight: 16,
             fontFamily: fontFamilyBase,
-            fontWeight: fontWeightBase3,
+            fontWeight: fontWeightBase1,
             textTransform: 'uppercase',
         },
     },
@@ -750,5 +750,5 @@ exports.lightTheme = __assign(__assign(__assign(__assign(__assign(__assign(__ass
     // Стандартные токены для отступов
     spacingSize3Xs: 2, spacingSize2Xs: 2, spacingSizeXs: 4, spacingSizeS: 6, spacingSizeM: 8, spacingSizeL: 10, spacingSizeXl: 12, spacingSize2Xl: 16, spacingSize3Xl: 20, spacingSize4Xl: 24, 
     // Разное
-    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 });
+    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, opacityActive: 0.72, zIndexModal: 99, zIndexPopout: 100 });
 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

@@ -284,6 +284,7 @@
 	--vkui--animation_easing_platform: cubic-bezier(0.3, 0.3, 0.5, 1);
 	--vkui--opacity_disable: 0.48;
 	--vkui--opacity_disable_accessibility: 0.64;
+	--vkui--opacity_active: 0.72;
 	--vkui--z_index_modal: 99;
 	--vkui--z_index_popout: 100;
 	--vkui--x0: 0px;

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

@@ -284,6 +284,7 @@
 	--vkui--animation_easing_platform: cubic-bezier(0.3, 0.3, 0.5, 1);
 	--vkui--opacity_disable: 0.48;
 	--vkui--opacity_disable_accessibility: 0.64;
+	--vkui--opacity_active: 0.72;
 	--vkui--z_index_modal: 99;
 	--vkui--z_index_popout: 100;
 	--vkui--x0: 0px;

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

@@ -26,6 +26,7 @@
 	--vkui--animation_easing_platform: cubic-bezier(0.3, 0.3, 0.5, 1);
 	--vkui--opacity_disable: 0.48;
 	--vkui--opacity_disable_accessibility: 0.64;
+	--vkui--opacity_active: 0.72;
 	--vkui--z_index_modal: 99;
 	--vkui--z_index_popout: 100;
 	--vkui--tone_value_overlay: 0.48;

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

@@ -284,6 +284,7 @@
 	--vkui--animation_easing_platform: cubic-bezier(0.3, 0.3, 0.5, 1);
 	--vkui--opacity_disable: 0.48;
 	--vkui--opacity_disable_accessibility: 0.64;
+	--vkui--opacity_active: 0.72;
 	--vkui--z_index_modal: 99;
 	--vkui--z_index_popout: 100;
 	--vkui--x0: 0px;