@vkontakte/vkui-tokens 4.14.3 → 4.15.0

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

@@ -44,6 +44,8 @@ export interface Sizes {
     sizeSwitchHeight: number;
     sizeSwitchWidth: number;
     sizeSwitchPin: number;
+    sizePanelHeaderHeight: number;
+    sizeSearchHeight: number;
     sizeButtonBaseSmallPaddingHorizontal: number;
     sizeButtonBaseMediumPaddingHorizontal: number;
     sizeButtonBaseLargePaddingHorizontal: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-tokens",
-  "version": "4.14.3",
+  "version": "4.15.0",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "license": "MIT",
   "main": "utils/descriptions.js",

package/themeDescriptions/base/paradigm.js

@@ -406,6 +406,9 @@ exports.lightThemeBase = __assign(__assign({ themeName: 'paradigmBase' }, export
     }, sizeFieldHeight: {
         regular: 44,
         compact: 36,
+    }, sizeSearchHeight: {
+        regular: 36,
+        compact: 32,
     }, sizeButtonLargeHeight: {
         regular: 44,
         compact: 36,
@@ -496,6 +499,10 @@ exports.lightThemeBase = __assign(__assign({ themeName: 'paradigmBase' }, export
         regular: 20,
         compact: 18,
     }, 
+    // Компонент PanelHeader
+    sizePanelHeaderHeight: {
+        regular: 56,
+    }, 
     // Токены отступов для кнопок
     sizeButtonBaseSmallPaddingHorizontal: {
         regular: 16,

package/themeDescriptions/base/vk.js

@@ -444,6 +444,9 @@ exports.lightTheme = __assign(__assign(__assign(__assign({ themeName: 'vkBase',
     }, sizeFieldHeight: {
         regular: 44,
         compact: 36,
+    }, sizeSearchHeight: {
+        regular: 36,
+        compact: 32,
     }, sizeButtonLargeHeight: {
         regular: 44,
         compact: 36,
@@ -531,6 +534,10 @@ exports.lightTheme = __assign(__assign(__assign(__assign({ themeName: 'vkBase',
         regular: 20,
         compact: 18,
     }, 
+    // Компонент PanelHeader
+    sizePanelHeaderHeight: {
+        regular: 56,
+    }, 
     // Токены отступов для кнопок
     sizeButtonBaseSmallPaddingHorizontal: {
         regular: 16,

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

@@ -163,6 +163,8 @@
 	--vkui--size_border_radius_promo--regular: 20px;
 	--vkui--size_field_height--regular: 44px;
 	--vkui--size_field_height--compact: 36px;
+	--vkui--size_search_height--regular: 36px;
+	--vkui--size_search_height--compact: 32px;
 	--vkui--size_button_large_height--regular: 44px;
 	--vkui--size_button_large_height--compact: 36px;
 	--vkui--size_button_medium_height--regular: 36px;
@@ -208,6 +210,7 @@
 	--vkui--size_switch_width--compact: 32px;
 	--vkui--size_switch_pin--regular: 20px;
 	--vkui--size_switch_pin--compact: 18px;
+	--vkui--size_panel_header_height--regular: 56px;
 	--vkui--size_button_base_small_padding_horizontal--regular: 16px;
 	--vkui--size_button_base_medium_padding_horizontal--regular: 16px;
 	--vkui--size_button_base_large_padding_horizontal--regular: 20px;
@@ -1345,6 +1348,7 @@
 	--vkui--size_border_radius_paper: 12px;
 	--vkui--size_border_radius_promo: 20px;
 	--vkui--size_field_height: var(--vkui--size_field_height--regular);
+	--vkui--size_search_height: var(--vkui--size_search_height--regular);
 	--vkui--size_button_large_height: var(--vkui--size_button_large_height--regular);
 	--vkui--size_button_medium_height: var(--vkui--size_button_medium_height--regular);
 	--vkui--size_button_small_height: var(--vkui--size_button_small_height--regular);
@@ -1382,6 +1386,7 @@
 	--vkui--size_switch_height: var(--vkui--size_switch_height--regular);
 	--vkui--size_switch_width: var(--vkui--size_switch_width--regular);
 	--vkui--size_switch_pin: var(--vkui--size_switch_pin--regular);
+	--vkui--size_panel_header_height: 56px;
 	--vkui--size_button_base_small_padding_horizontal: 16px;
 	--vkui--size_button_base_medium_padding_horizontal: 16px;
 	--vkui--size_button_base_large_padding_horizontal: 20px;
@@ -1552,6 +1557,7 @@
 --vkui--size_popup_header_padding: var(--vkui--size_popup_header_padding--compact);
 --vkui--size_border_radius: var(--vkui--size_border_radius--compact);
 --vkui--size_field_height: var(--vkui--size_field_height--compact);
+--vkui--size_search_height: var(--vkui--size_search_height--compact);
 --vkui--size_button_large_height: var(--vkui--size_button_large_height--compact);
 --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--compact);
 --vkui--size_button_small_height: var(--vkui--size_button_small_height--compact);
@@ -1663,6 +1669,7 @@
 --vkui--size_popup_header_padding: var(--vkui--size_popup_header_padding--compact);
 --vkui--size_border_radius: var(--vkui--size_border_radius--compact);
 --vkui--size_field_height: var(--vkui--size_field_height--compact);
+--vkui--size_search_height: var(--vkui--size_search_height--compact);
 --vkui--size_button_large_height: var(--vkui--size_button_large_height--compact);
 --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--compact);
 --vkui--size_button_small_height: var(--vkui--size_button_small_height--compact);
@@ -1774,6 +1781,7 @@
 --vkui--size_popup_header_padding: var(--vkui--size_popup_header_padding--regular);
 --vkui--size_border_radius: var(--vkui--size_border_radius--regular);
 --vkui--size_field_height: var(--vkui--size_field_height--regular);
+--vkui--size_search_height: var(--vkui--size_search_height--regular);
 --vkui--size_button_large_height: var(--vkui--size_button_large_height--regular);
 --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--regular);
 --vkui--size_button_small_height: var(--vkui--size_button_small_height--regular);
@@ -1885,6 +1893,7 @@
 --vkui--size_popup_header_padding: var(--vkui--size_popup_header_padding--regular);
 --vkui--size_border_radius: var(--vkui--size_border_radius--regular);
 --vkui--size_field_height: var(--vkui--size_field_height--regular);
+--vkui--size_search_height: var(--vkui--size_search_height--regular);
 --vkui--size_button_large_height: var(--vkui--size_button_large_height--regular);
 --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--regular);
 --vkui--size_button_small_height: var(--vkui--size_button_small_height--regular);

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

@@ -163,6 +163,8 @@
 	--vkui--size_border_radius_promo--regular: 20px;
 	--vkui--size_field_height--regular: 44px;
 	--vkui--size_field_height--compact: 36px;
+	--vkui--size_search_height--regular: 36px;
+	--vkui--size_search_height--compact: 32px;
 	--vkui--size_button_large_height--regular: 44px;
 	--vkui--size_button_large_height--compact: 36px;
 	--vkui--size_button_medium_height--regular: 36px;
@@ -208,6 +210,7 @@
 	--vkui--size_switch_width--compact: 32px;
 	--vkui--size_switch_pin--regular: 20px;
 	--vkui--size_switch_pin--compact: 18px;
+	--vkui--size_panel_header_height--regular: 56px;
 	--vkui--size_button_base_small_padding_horizontal--regular: 16px;
 	--vkui--size_button_base_medium_padding_horizontal--regular: 16px;
 	--vkui--size_button_base_large_padding_horizontal--regular: 20px;

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

@@ -79,6 +79,7 @@
 	--vkui--size_border_radius_paper: 12px;
 	--vkui--size_border_radius_promo: 20px;
 	--vkui--size_field_height: var(--vkui--size_field_height--regular);
+	--vkui--size_search_height: var(--vkui--size_search_height--regular);
 	--vkui--size_button_large_height: var(--vkui--size_button_large_height--regular);
 	--vkui--size_button_medium_height: var(--vkui--size_button_medium_height--regular);
 	--vkui--size_button_small_height: var(--vkui--size_button_small_height--regular);
@@ -116,6 +117,7 @@
 	--vkui--size_switch_height: var(--vkui--size_switch_height--regular);
 	--vkui--size_switch_width: var(--vkui--size_switch_width--regular);
 	--vkui--size_switch_pin: var(--vkui--size_switch_pin--regular);
+	--vkui--size_panel_header_height: 56px;
 	--vkui--size_button_base_small_padding_horizontal: 16px;
 	--vkui--size_button_base_medium_padding_horizontal: 16px;
 	--vkui--size_button_base_large_padding_horizontal: 20px;
@@ -286,6 +288,7 @@
 --vkui--size_popup_header_padding: var(--vkui--size_popup_header_padding--compact);
 --vkui--size_border_radius: var(--vkui--size_border_radius--compact);
 --vkui--size_field_height: var(--vkui--size_field_height--compact);
+--vkui--size_search_height: var(--vkui--size_search_height--compact);
 --vkui--size_button_large_height: var(--vkui--size_button_large_height--compact);
 --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--compact);
 --vkui--size_button_small_height: var(--vkui--size_button_small_height--compact);
@@ -397,6 +400,7 @@
 --vkui--size_popup_header_padding: var(--vkui--size_popup_header_padding--compact);
 --vkui--size_border_radius: var(--vkui--size_border_radius--compact);
 --vkui--size_field_height: var(--vkui--size_field_height--compact);
+--vkui--size_search_height: var(--vkui--size_search_height--compact);
 --vkui--size_button_large_height: var(--vkui--size_button_large_height--compact);
 --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--compact);
 --vkui--size_button_small_height: var(--vkui--size_button_small_height--compact);
@@ -508,6 +512,7 @@
 --vkui--size_popup_header_padding: var(--vkui--size_popup_header_padding--regular);
 --vkui--size_border_radius: var(--vkui--size_border_radius--regular);
 --vkui--size_field_height: var(--vkui--size_field_height--regular);
+--vkui--size_search_height: var(--vkui--size_search_height--regular);
 --vkui--size_button_large_height: var(--vkui--size_button_large_height--regular);
 --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--regular);
 --vkui--size_button_small_height: var(--vkui--size_button_small_height--regular);
@@ -619,6 +624,7 @@
 --vkui--size_popup_header_padding: var(--vkui--size_popup_header_padding--regular);
 --vkui--size_border_radius: var(--vkui--size_border_radius--regular);
 --vkui--size_field_height: var(--vkui--size_field_height--regular);
+--vkui--size_search_height: var(--vkui--size_search_height--regular);
 --vkui--size_button_large_height: var(--vkui--size_button_large_height--regular);
 --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--regular);
 --vkui--size_button_small_height: var(--vkui--size_button_small_height--regular);

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

@@ -163,6 +163,8 @@
 	--vkui--size_border_radius_promo--regular: 20px;
 	--vkui--size_field_height--regular: 44px;
 	--vkui--size_field_height--compact: 36px;
+	--vkui--size_search_height--regular: 36px;
+	--vkui--size_search_height--compact: 32px;
 	--vkui--size_button_large_height--regular: 44px;
 	--vkui--size_button_large_height--compact: 36px;
 	--vkui--size_button_medium_height--regular: 36px;
@@ -208,6 +210,7 @@
 	--vkui--size_switch_width--compact: 32px;
 	--vkui--size_switch_pin--regular: 20px;
 	--vkui--size_switch_pin--compact: 18px;
+	--vkui--size_panel_header_height--regular: 56px;
 	--vkui--size_button_base_small_padding_horizontal--regular: 16px;
 	--vkui--size_button_base_medium_padding_horizontal--regular: 16px;
 	--vkui--size_button_base_large_padding_horizontal--regular: 20px;