@vkontakte/vkui 5.8.2 → 5.9.1

package/dist/cssm/styles/constants.css

@@ -2,7 +2,6 @@
 :root {
   /* sizes */
   --vkui_internal--tabbar_height: 48px;
-  --vkui_internal--thin_border: 1px;
   --vkui_internal--grid_avatar_image_offset: 2px;
   --vkui_internal--slider_thumb_size: 28px;
   --vkui_internal--side_cell_gap: calc(
@@ -65,18 +64,6 @@
   /* z_index HorizontalScroll isolate */
   --vkui_internal--z_index_horizontal_scroll_arrow: 1;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
-  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-  :root {
-    --vkui_internal--thin_border: 0.5px;
-  }
-}
-@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
-  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-  :root {
-    --vkui_internal--thin_border: 0.33px;
-  }
-}
 @supports (padding-top: constant(safe-area-inset-top)) {
   /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
   :root {

package/dist/cssm/styles/dynamicTokens.css

@@ -0,0 +1,25 @@
+/* stylelint-disable selector-max-universal -- поведение динамических переменных необходимо применять на всех элементах */
+
+* {
+  --vkui--size_border--regular: var(--vkui--size_border1x--regular);
+
+  /**
+   * TODO: необходимо исправить название в vkui-tokens:
+   *
+   * --vkui--color_separator_primary: var(--vkui--color_separator_primary1x);
+   */
+}
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+  * {
+    --vkui--size_border--regular: var(--vkui--size_border2x--regular);
+    --vkui--color_separator_primary: var(--vkui--color_separator_primary2x);
+  }
+}
+
+@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
+  * {
+    --vkui--size_border--regular: var(--vkui--size_border3x--regular);
+    --vkui--color_separator_primary: var(--vkui--color_separator_primary3x);
+  }
+}

package/dist/cssm/styles/themes.css

@@ -163,6 +163,7 @@
     --vkui--size_split_col_padding_horizontal--regular: 16px;
     --vkui--size_subnavigation_bar_gap--regular: 8px;
     --vkui--size_subnavigation_bar_padding_vertical--regular: 12px;
+    --vkui--size_border1x--regular: 1px;
     --vkui--spacing_size_xs: 4px;
     --vkui--spacing_size_s: 6px;
     --vkui--spacing_size_m: 8px;
@@ -201,6 +202,7 @@
 }
 :root, .vkui--vkBase--light, .vkui--vkIOS--light, .vkui--vkCom--light {
     --vkui--gradient_tint: rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%;
+    --vkui--gradient: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%;
     --vkui--colors_scheme: light;
     --vkui--color_background_accent_tint--hover: #5698F7;
     --vkui--color_background_accent_tint--active: #5393EF;
@@ -212,8 +214,13 @@
     --vkui--color_background_contrast--hover: #F5F5F7;
     --vkui--color_background_contrast--active: #EBECEF;
     --vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.20);
+    --vkui--color_background_contrast_themed: #FFFFFF;
+    --vkui--color_background_contrast_themed--hover: #F5F5F7;
+    --vkui--color_background_contrast_themed--active: #EBECEF;
     --vkui--color_background_modal--hover: #F5F5F7;
     --vkui--color_background_modal--active: #EBECEF;
+    --vkui--color_background_modal_inverse--hover: #2B2C2F;
+    --vkui--color_background_modal_inverse--active: #292B2F;
     --vkui--color_background_warning: #fff2d6;
     --vkui--color_background_warning--hover: #F5E9D0;
     --vkui--color_background_warning--active: #EBE0CA;
@@ -240,12 +247,16 @@
     --vkui--color_text_contrast--active: #EBECEF;
     --vkui--color_text_contrast_themed--hover: #F5F5F7;
     --vkui--color_text_contrast_themed--active: #EBECEF;
+    --vkui--color_text_positive--hover: #48AC4A;
+    --vkui--color_text_positive--active: #45A64A;
     --vkui--color_text_negative--hover: #DD4446;
     --vkui--color_text_negative--active: #D44245;
     --vkui--color_text_link_tint--hover: #6CA4E4;
     --vkui--color_text_link_tint--active: #689EDD;
     --vkui--color_text_link_visited--hover: #4681C6;
     --vkui--color_text_link_visited--active: #437DC1;
+    --vkui--color_link_contrast--hover: #F5F5F7;
+    --vkui--color_link_contrast--active: #EBECEF;
     --vkui--color_icon_primary: #2c2d2e;
     --vkui--color_icon_primary--hover: #2A2C2F;
     --vkui--color_icon_primary--active: #282B2F;
@@ -270,13 +281,8 @@
     --vkui--color_icon_positive--active: #45A64A;
     --vkui--color_icon_negative--hover: #DD4446;
     --vkui--color_icon_negative--active: #D44245;
-    --vkui--color_separator_primary: #d7d8d9;
-    --vkui--color_separator_primary--hover: #CED0D3;
-    --vkui--color_separator_primary--active: #C6C8CD;
-    --vkui--color_separator_primary2x: #cbcccd;
     --vkui--color_separator_primary2x--hover: #C3C4C7;
     --vkui--color_separator_primary2x--active: #BBBDC1;
-    --vkui--color_separator_primary3x: #bebfc1;
     --vkui--color_separator_primary3x--hover: #B6B8BC;
     --vkui--color_separator_primary3x--active: #AFB1B6;
     --vkui--color_separator_primary_alpha: rgba(0, 0, 0, 0.12);
@@ -301,6 +307,9 @@
     --vkui--color_accent_green--active: #45A64A;
     --vkui--color_accent_orange--hover: #F59A02;
     --vkui--color_accent_orange--active: #EB9405;
+    --vkui--color_accent_orange_peach: #F9B54F;
+    --vkui--color_accent_orange_peach--hover: #EFAE4E;
+    --vkui--color_accent_orange_peach--active: #E5A84E;
     --vkui--color_accent_orange_fire--hover: #E65944;
     --vkui--color_accent_orange_fire--active: #DD5643;
     --vkui--color_accent_purple--hover: #6E59DF;
@@ -312,7 +321,7 @@
     --vkui--color_accent_raspberry_pink--active: #CE3BA2;
     --vkui--color_accent_secondary--hover: #3C85D9;
     --vkui--color_accent_secondary--active: #3A80D3;
-    --vkui--color_overlay_secondary: rgb(44, 45, 46, 0.5);
+    --vkui--color_overlay_secondary: rgba(44, 45, 46, 0.5);
     --vkui--color_overlay_secondary--hover: rgba(44, 45, 46, 0.54);
     --vkui--color_overlay_secondary--active: rgba(44, 45, 46, 0.58);
     --vkui--color_action_sheet_text: #3f8ae0;
@@ -345,11 +354,14 @@
     --vkui--font_subhead--line_height--compact: 16px;
     --vkui--size_popup_small--regular: 430px;
     --vkui--size_form_item_padding_vertical--regular: 12px;
+    --vkui--size_border2x--regular: 0.5px;
+    --vkui--size_border3x--regular: 0.33px;
     --vkui--font_headline--font_size--compact: 15px;
     --vkui--font_headline--line_height--compact: 20px;
     --vkui--color_background_contrast_inverse: #2c2d2e;
     --vkui--color_background_positive: #4bb34b;
     --vkui--color_text_primary_invariably: #000000;
+    --vkui--color_text_positive: #4bb34b;
     --vkui--color_icon_primary_invariably: #2c2d2e;
     --vkui--color_icon_positive: #4bb34b;
     --vkui--color_stroke_positive: #4bb34b;
@@ -391,8 +403,6 @@
     --vkui--color_background_contrast_inverse--active: #282B2F;
     --vkui--color_background_modal: #ffffff;
     --vkui--color_background_modal_inverse: #2d2d2e;
-    --vkui--color_background_modal_inverse--hover: #2B2C2F;
-    --vkui--color_background_modal_inverse--active: #292B2F;
     --vkui--color_background_negative: #e64646;
     --vkui--color_field_background: #f2f3f5;
     --vkui--color_field_background--hover: #E8EAEE;
@@ -413,9 +423,6 @@
     --vkui--color_text_tertiary: #99a2ad;
     --vkui--color_text_contrast: #ffffff;
     --vkui--color_text_contrast_themed: #ffffff;
-    --vkui--color_text_positive: #4bb44b;
-    --vkui--color_text_positive--hover: #48AD4A;
-    --vkui--color_text_positive--active: #45A74A;
     --vkui--color_text_negative: #e64646;
     --vkui--color_text_link: #2d81e0;
     --vkui--color_text_link--hover: #2B7CD9;
@@ -427,11 +434,6 @@
     --vkui--color_text_muted--hover: #2A2C2F;
     --vkui--color_text_muted--active: #282B2F;
     --vkui--color_link_contrast: #ffffff;
-    --vkui--color_link_contrast--hover: #F5F5F7;
-    --vkui--color_link_contrast--active: #EBECEF;
-    --vkui--color_text_button: #2688eb;
-    --vkui--color_text_button--hover: #2483E4;
-    --vkui--color_text_button--active: #237EDD;
     --vkui--color_icon_accent: #2688eb;
     --vkui--color_icon_accent--hover: #2483E4;
     --vkui--color_icon_accent--active: #237EDD;
@@ -450,25 +452,24 @@
     --vkui--color_icon_contrast: #ffffff;
     --vkui--color_icon_contrast_themed: #ffffff;
     --vkui--color_icon_negative: #e64646;
-    --vkui--color_icon_button: #2688eb;
-    --vkui--color_icon_button--hover: #2483E4;
-    --vkui--color_icon_button--active: #237EDD;
     --vkui--color_stroke_accent: #2688eb;
     --vkui--color_stroke_accent--hover: #2483E4;
     --vkui--color_stroke_accent--active: #237EDD;
     --vkui--color_stroke_accent_themed: #2688eb;
     --vkui--color_stroke_accent_themed--hover: #2483E4;
     --vkui--color_stroke_accent_themed--active: #237EDD;
+    --vkui--color_separator_primary: #d7d8d9;
+    --vkui--color_separator_primary--hover: #CED0D3;
+    --vkui--color_separator_primary--active: #C6C8CD;
+    --vkui--color_separator_primary2x: #cbcccd;
+    --vkui--color_separator_primary3x: #bebfc1;
     --vkui--color_separator_secondary: #e1e3e6;
     --vkui--color_separator_secondary--hover: #D8DBDF;
     --vkui--color_separator_secondary--active: #CFD2D8;
     --vkui--color_stroke_negative: #e64646;
-    --vkui--color_stroke_button: #2688eb;
-    --vkui--color_stroke_button--hover: #2483E4;
-    --vkui--color_stroke_button--active: #237EDD;
-    --vkui--color_accent_blue: #3f8ae0;
-    --vkui--color_accent_blue--hover: #3C85D9;
-    --vkui--color_accent_blue--active: #3A80D3;
+    --vkui--color_accent_blue: #2688eb;
+    --vkui--color_accent_blue--hover: #2483E4;
+    --vkui--color_accent_blue--active: #237EDD;
     --vkui--color_accent_gray--hover: #9CA7B3;
     --vkui--color_accent_gray--active: #96A0AE;
     --vkui--color_accent_purple: #735ce6;
@@ -479,6 +480,15 @@
     --vkui--color_skeleton_to: #e1e3e6;
     --vkui--color_skeleton_to--hover: #D8DBDF;
     --vkui--color_skeleton_to--active: #CFD2D8;
+    --vkui--color_button_text: #2688eb;
+    --vkui--color_button_text--hover: #2483E4;
+    --vkui--color_button_text--active: #237EDD;
+    --vkui--color_button_icon: #2688eb;
+    --vkui--color_button_icon--hover: #2483E4;
+    --vkui--color_button_icon--active: #237EDD;
+    --vkui--color_button_stroke: #2688eb;
+    --vkui--color_button_stroke--hover: #2483E4;
+    --vkui--color_button_stroke--active: #237EDD;
     --vkui--color_write_bar_icon: #3f8ae0;
     --vkui--color_write_bar_icon--hover: #3C85D9;
     --vkui--color_write_bar_icon--active: #3A80D3;
@@ -506,6 +516,7 @@
 }
 .vkui--vkBase--dark, .vkui--vkIOS--dark, .vkui--vkCom--dark {
     --vkui--gradient_tint: rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%;
+    --vkui--gradient: rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%;
     --vkui--colors_scheme: dark;
     --vkui--color_background_accent_tint--hover: #61A2FF;
     --vkui--color_background_accent_tint--active: #67A6FF;
@@ -518,6 +529,9 @@
     --vkui--color_background_contrast--hover: #EBEDF0;
     --vkui--color_background_contrast--active: #D7D8DB;
     --vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.2);
+    --vkui--color_background_contrast_themed: #323232;
+    --vkui--color_background_contrast_themed--hover: #3A3A3A;
+    --vkui--color_background_contrast_themed--active: #424242;
     --vkui--color_background_modal_inverse: #FFFFFF;
     --vkui--color_background_modal_inverse--hover: #EBEDF0;
     --vkui--color_background_modal_inverse--active: #D7D8DB;
@@ -546,6 +560,8 @@
     --vkui--color_text_link_tint--active: #7CB1ED;
     --vkui--color_text_link_visited--hover: #508BCE;
     --vkui--color_text_link_visited--active: #5890D0;
+    --vkui--color_link_contrast--hover: #EBEDF0;
+    --vkui--color_link_contrast--active: #D7D8DB;
     --vkui--color_icon_primary: #e1e3e6;
     --vkui--color_icon_primary--hover: #E2E4E7;
     --vkui--color_icon_primary--active: #E3E5E8;
@@ -586,6 +602,9 @@
     --vkui--color_accent_green--active: #59B959;
     --vkui--color_accent_orange--hover: #FFA40A;
     --vkui--color_accent_orange--active: #FFA814;
+    --vkui--color_accent_orange_peach: #FFC062;
+    --vkui--color_accent_orange_peach--hover: #FFC368;
+    --vkui--color_accent_orange_peach--active: #FFC56F;
     --vkui--color_accent_orange_fire--hover: #F1634B;
     --vkui--color_accent_orange_fire--active: #F16953;
     --vkui--color_accent_raspberry_pink: #f060c0;
@@ -593,7 +612,7 @@
     --vkui--color_accent_raspberry_pink--active: #F16DC5;
     --vkui--color_accent_secondary--hover: #478FE1;
     --vkui--color_accent_secondary--active: #4E93E2;
-    --vkui--color_overlay_secondary: rgb(55, 56, 57, 0.5);
+    --vkui--color_overlay_secondary: rgba(55, 56, 57, 0.5);
     --vkui--color_overlay_secondary--hover: rgba(55, 56, 57, 0.54);
     --vkui--color_overlay_secondary--active: rgba(55, 56, 57, 0.58);
     --vkui--color_action_sheet_text: #71aaeb;
@@ -677,7 +696,6 @@
     --vkui--color_text_contrast_themed: #000000;
     --vkui--color_text_contrast_themed--hover: #0A0A0A;
     --vkui--color_text_contrast_themed--active: #141414;
-    --vkui--color_text_positive: #4bb34b;
     --vkui--color_text_negative: #ff5c5c;
     --vkui--color_text_link: #529ef4;
     --vkui--color_text_link--hover: #59A2F4;
@@ -688,12 +706,6 @@
     --vkui--color_text_muted: #e1e3e6;
     --vkui--color_text_muted--hover: #E2E4E7;
     --vkui--color_text_muted--active: #E3E5E8;
-    --vkui--color_link_contrast: #FFFFFF;
-    --vkui--color_link_contrast--hover: #EBEDF0;
-    --vkui--color_link_contrast--active: #D7D8DB;
-    --vkui--color_text_button: #FFFFFF;
-    --vkui--color_text_button--hover: #EBEDF0;
-    --vkui--color_text_button--active: #D7D8DB;
     --vkui--color_icon_accent: #529ef4;
     --vkui--color_icon_accent--hover: #59A2F4;
     --vkui--color_icon_accent--active: #60A6F5;
@@ -726,9 +738,6 @@
     --vkui--color_icon_contrast_themed--hover: #0A0A0A;
     --vkui--color_icon_contrast_themed--active: #141414;
     --vkui--color_icon_negative: #ff5c5c;
-    --vkui--color_icon_button: #FFFFFF;
-    --vkui--color_icon_button--hover: #EBEDF0;
-    --vkui--color_icon_button--active: #D7D8DB;
     --vkui--color_stroke_accent: #529ef4;
     --vkui--color_stroke_accent--hover: #59A2F4;
     --vkui--color_stroke_accent--active: #60A6F5;
@@ -739,17 +748,14 @@
     --vkui--color_separator_secondary--hover: #1D1D1E;
     --vkui--color_separator_secondary--active: #272728;
     --vkui--color_stroke_negative: #ff5c5c;
-    --vkui--color_stroke_button: #FFFFFF;
-    --vkui--color_stroke_button--hover: #EBEDF0;
-    --vkui--color_stroke_button--active: #D7D8DB;
     --vkui--color_accent_blue: #71aaeb;
     --vkui--color_accent_blue--hover: #77ADEC;
     --vkui--color_accent_blue--active: #7CB1ED;
     --vkui--color_accent_gray--hover: #A7B0BB;
     --vkui--color_accent_gray--active: #AAB4BE;
-    --vkui--color_accent_purple: #8b74ff;
-    --vkui--color_accent_purple--hover: #907AFF;
-    --vkui--color_accent_purple--active: #947FFF;
+    --vkui--color_accent_purple: #9985ff;
+    --vkui--color_accent_purple--hover: #9D8AFF;
+    --vkui--color_accent_purple--active: #A18FFF;
     --vkui--color_accent_violet: #a94fff;
     --vkui--color_accent_violet--hover: #AC56FF;
     --vkui--color_accent_violet--active: #B05DFF;
@@ -759,6 +765,15 @@
     --vkui--color_skeleton_to: #2c2d2e;
     --vkui--color_skeleton_to--hover: #343536;
     --vkui--color_skeleton_to--active: #3D3E3F;
+    --vkui--color_button_text: #FFFFFF;
+    --vkui--color_button_text--hover: #EBEDF0;
+    --vkui--color_button_text--active: #D7D8DB;
+    --vkui--color_button_icon: #FFFFFF;
+    --vkui--color_button_icon--hover: #EBEDF0;
+    --vkui--color_button_icon--active: #D7D8DB;
+    --vkui--color_button_stroke: #FFFFFF;
+    --vkui--color_button_stroke--hover: #EBEDF0;
+    --vkui--color_button_stroke--active: #D7D8DB;
     --vkui--color_write_bar_icon: #76787a;
     --vkui--color_write_bar_icon--hover: #7B7D7F;
     --vkui--color_write_bar_icon--active: #818385;
@@ -781,7 +796,8 @@
 }
 .vkui--vkBase--dark, .vkui--vkIOS--dark, .vkui--vkCom--light, .vkui--vkCom--dark {
     --vkui--color_background_contrast: #FFFFFF;
-    --vkui--color_text_contrast: #FFFFFF
+    --vkui--color_text_contrast: #FFFFFF;
+    --vkui--color_link_contrast: #FFFFFF
 }
 .vkui--vkBase--dark, .vkui--vkIOS--dark, .vkui--vkCom--light {
     --vkui--color_icon_contrast: #FFFFFF
@@ -829,18 +845,16 @@
     --vkui--color_background_secondary: #F0F2F5;
     --vkui--color_background_secondary--hover: #E6E9EE;
     --vkui--color_background_secondary--active: #DDE0E6;
-    --vkui--color_background_secondary_alpha: rgba(229, 235, 241, 0.99);
-    --vkui--color_background_secondary_alpha--hover: rgba(213, 224, 234, 0.99);
-    --vkui--color_background_secondary_alpha--active: rgba(200, 212, 224, 0.99);
+    --vkui--color_background_secondary_alpha: rgba(235, 242, 250, 0.99);
+    --vkui--color_background_secondary_alpha--hover: rgba(223, 234, 246, 0.99);
+    --vkui--color_background_secondary_alpha--active: rgba(213, 226, 241, 0.99);
     --vkui--color_background_tertiary: #FAFBFC;
     --vkui--color_background_tertiary--hover: #F0F2F4;
     --vkui--color_background_tertiary--active: #E6E8ED;
     --vkui--color_background_contrast_inverse--hover: #313233;
     --vkui--color_background_contrast_inverse--active: #2F3034;
     --vkui--color_background_modal: #FFFFFF;
-    --vkui--color_background_modal_inverse: #000000;
-    --vkui--color_background_modal_inverse--hover: #000102;
-    --vkui--color_background_modal_inverse--active: #000105;
+    --vkui--color_background_modal_inverse: #2D2D2E;
     --vkui--color_background_negative: #E64646;
     --vkui--color_field_background: #F7F8FA;
     --vkui--color_field_background--hover: #EDEFF2;
@@ -849,9 +863,9 @@
     --vkui--color_text_accent: #447BBA;
     --vkui--color_text_accent--hover: #4177B5;
     --vkui--color_text_accent--active: #3F72B0;
-    --vkui--color_text_accent_themed: #447BBA;
-    --vkui--color_text_accent_themed--hover: #4177B5;
-    --vkui--color_text_accent_themed--active: #3F72B0;
+    --vkui--color_text_accent_themed: #3770B1;
+    --vkui--color_text_accent_themed--hover: #356CAC;
+    --vkui--color_text_accent_themed--active: #3368A8;
     --vkui--color_text_primary_invariably--hover: #313233;
     --vkui--color_text_primary_invariably--active: #2F3034;
     --vkui--color_text_secondary: #818C99;
@@ -860,8 +874,6 @@
     --vkui--color_text_subhead--active: #5A6675;
     --vkui--color_text_tertiary: #99A2AD;
     --vkui--color_text_contrast_themed: #FFFFFF;
-    --vkui--color_text_positive--hover: #48AC4A;
-    --vkui--color_text_positive--active: #45A64A;
     --vkui--color_text_negative: #E64646;
     --vkui--color_text_link: #2A5885;
     --vkui--color_text_link--hover: #285582;
@@ -872,18 +884,12 @@
     --vkui--color_text_muted: #333333;
     --vkui--color_text_muted--hover: #313233;
     --vkui--color_text_muted--active: #2F3034;
-    --vkui--color_link_contrast: #333333;
-    --vkui--color_link_contrast--hover: #313233;
-    --vkui--color_link_contrast--active: #2F3034;
-    --vkui--color_text_button: #346297;
-    --vkui--color_text_button--hover: #325F93;
-    --vkui--color_text_button--active: #305B90;
     --vkui--color_icon_accent: #447BBA;
     --vkui--color_icon_accent--hover: #4177B5;
     --vkui--color_icon_accent--active: #3F72B0;
-    --vkui--color_icon_accent_themed: #447BBA;
-    --vkui--color_icon_accent_themed--hover: #4177B5;
-    --vkui--color_icon_accent_themed--active: #3F72B0;
+    --vkui--color_icon_accent_themed: #3770B1;
+    --vkui--color_icon_accent_themed--hover: #356CAC;
+    --vkui--color_icon_accent_themed--active: #3368A8;
     --vkui--color_icon_primary_invariably--hover: #313233;
     --vkui--color_icon_primary_invariably--active: #2F3034;
     --vkui--color_icon_medium: #6F7985;
@@ -895,22 +901,21 @@
     --vkui--color_icon_tertiary--active: #A0AAB7;
     --vkui--color_icon_contrast_themed: #FFFFFF;
     --vkui--color_icon_negative: #E64646;
-    --vkui--color_icon_button: #346297;
-    --vkui--color_icon_button--hover: #325F93;
-    --vkui--color_icon_button--active: #305B90;
     --vkui--color_stroke_accent: #447BBA;
     --vkui--color_stroke_accent--hover: #4177B5;
     --vkui--color_stroke_accent--active: #3F72B0;
-    --vkui--color_stroke_accent_themed: #447BBA;
-    --vkui--color_stroke_accent_themed--hover: #4177B5;
-    --vkui--color_stroke_accent_themed--active: #3F72B0;
+    --vkui--color_stroke_accent_themed: #3770B1;
+    --vkui--color_stroke_accent_themed--hover: #356CAC;
+    --vkui--color_stroke_accent_themed--active: #3368A8;
+    --vkui--color_separator_primary: #DCE1E6;
+    --vkui--color_separator_primary--hover: #D3D9DF;
+    --vkui--color_separator_primary--active: #CAD0D8;
+    --vkui--color_separator_primary2x: #CBCCCD;
+    --vkui--color_separator_primary3x: #BEBFC1;
     --vkui--color_separator_secondary: #E7E8EC;
     --vkui--color_separator_secondary--hover: #DEDFE5;
     --vkui--color_separator_secondary--active: #D5D7DE;
     --vkui--color_stroke_negative: #E64646;
-    --vkui--color_stroke_button: #346297;
-    --vkui--color_stroke_button--hover: #325F93;
-    --vkui--color_stroke_button--active: #305B90;
     --vkui--color_accent_blue: #5181B8;
     --vkui--color_accent_blue--hover: #4E7CB3;
     --vkui--color_accent_blue--active: #4B78AE;
@@ -924,6 +929,15 @@
     --vkui--color_skeleton_to: #E7E8EC;
     --vkui--color_skeleton_to--hover: #DEDFE5;
     --vkui--color_skeleton_to--active: #D5D7DE;
+    --vkui--color_button_text: #346297;
+    --vkui--color_button_text--hover: #325F93;
+    --vkui--color_button_text--active: #305B90;
+    --vkui--color_button_icon: #346297;
+    --vkui--color_button_icon--hover: #325F93;
+    --vkui--color_button_icon--active: #305B90;
+    --vkui--color_button_stroke: #346297;
+    --vkui--color_button_stroke--hover: #325F93;
+    --vkui--color_button_stroke--active: #305B90;
     --vkui--color_write_bar_icon: #818C99;
     --vkui--color_write_bar_icon--hover: #7C8795;
     --vkui--color_write_bar_icon--active: #778292;
@@ -963,6 +977,8 @@
     --vkui--size_switch_pin--compact: 16px;
     --vkui--size_panel_header_height--regular: 48px;
     --vkui--size_form_item_padding_vertical--regular: 8px;
+    --vkui--size_border2x--regular: 1px;
+    --vkui--size_border3x--regular: 1px;
     --vkui--font_headline--font_size--compact: 14px;
     --vkui--font_headline--line_height--compact: 18px;
     --vkui--color_background_contrast_inverse: #333333;
@@ -1043,12 +1059,6 @@
     --vkui--color_text_muted: #CCCCCC;
     --vkui--color_text_muted--hover: #CECECE;
     --vkui--color_text_muted--active: #D0D0D0;
-    --vkui--color_link_contrast: #CCCCCC;
-    --vkui--color_link_contrast--hover: #CECECE;
-    --vkui--color_link_contrast--active: #D0D0D0;
-    --vkui--color_text_button: #E1E3E6;
-    --vkui--color_text_button--hover: #E2E4E7;
-    --vkui--color_text_button--active: #E3E5E8;
     --vkui--color_icon_accent: #71AAEB;
     --vkui--color_icon_accent--hover: #77ADEC;
     --vkui--color_icon_accent--active: #7CB1ED;
@@ -1082,9 +1092,6 @@
     --vkui--color_icon_contrast_themed--hover: #2B2B2B;
     --vkui--color_icon_contrast_themed--active: #343434;
     --vkui--color_icon_negative: #FF5C5C;
-    --vkui--color_icon_button: #E1E3E6;
-    --vkui--color_icon_button--hover: #E2E4E7;
-    --vkui--color_icon_button--active: #E3E5E8;
     --vkui--color_stroke_accent: #71AAEB;
     --vkui--color_stroke_accent--hover: #77ADEC;
     --vkui--color_stroke_accent--active: #7CB1ED;
@@ -1095,9 +1102,6 @@
     --vkui--color_separator_secondary--hover: #323232;
     --vkui--color_separator_secondary--active: #3A3A3A;
     --vkui--color_stroke_negative: #FF5C5C;
-    --vkui--color_stroke_button: #E1E3E6;
-    --vkui--color_stroke_button--hover: #E2E4E7;
-    --vkui--color_stroke_button--active: #E3E5E8;
     --vkui--color_accent_blue: #397DCC;
     --vkui--color_accent_blue--hover: #4182CE;
     --vkui--color_accent_blue--active: #4987D0;
@@ -1115,6 +1119,15 @@
     --vkui--color_skeleton_to: #333333;
     --vkui--color_skeleton_to--hover: #3B3B3B;
     --vkui--color_skeleton_to--active: #434343;
+    --vkui--color_button_text: #E1E3E6;
+    --vkui--color_button_text--hover: #E2E4E7;
+    --vkui--color_button_text--active: #E3E5E8;
+    --vkui--color_button_icon: #E1E3E6;
+    --vkui--color_button_icon--hover: #E2E4E7;
+    --vkui--color_button_icon--active: #E3E5E8;
+    --vkui--color_button_stroke: #E1E3E6;
+    --vkui--color_button_stroke--hover: #E2E4E7;
+    --vkui--color_button_stroke--active: #E3E5E8;
     --vkui--color_write_bar_icon: #E1E3E6;
     --vkui--color_write_bar_icon--hover: #E2E4E7;
     --vkui--color_write_bar_icon--active: #E3E5E8;

package/dist/cssm/types.d.ts

@@ -67,3 +67,4 @@ interface Nothing {
 export type LiteralUnion<Union, Type> = Union | (Type & Nothing);
 export type HTMLAttributesWithRootRef<T> = React.HTMLAttributes<T> & HasRootRef<T>;
 export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/cssm/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,CACnC,QAAQ,MAAM,EAAE,EAChB,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAC7C,CAAC;AAEF,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAC3B;AAED,MAAM,WAAW,MAAM,CAAC,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;CAC1B;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAC9C,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,SAAS,GAAG,MAAM,IAAI,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;AAGlG,UAAU,OAAO;CAAG;AAEpB;;;;;;;GAOG;AACH,MAAM,MAAM,YAAY,CAAC,KAAK,EAAE,IAAI,IAAI,KAAK,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;AAEjE,MAAM,MAAM,yBAAyB,CAAC,CAAC,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC"}

package/dist/helpers/appearance.d.ts

@@ -20,3 +20,4 @@ export interface VKBridgeConfigData {
  * @deprecated v5.8.0
  */
 export declare function resolveAppearance(data: VKBridgeConfigData): AppearanceType | null;
+//# sourceMappingURL=appearance.d.ts.map

package/dist/helpers/appearance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.d.ts","sourceRoot":"","sources":["../../src/helpers/appearance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE5E,oBAAY,MAAM;IAChB,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,UAAU,eAAe;CAC1B;AAED,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;AAE7F,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,eAAO,MAAM,gBAAgB,WAAY,gBAAgB,GAAG,SAAS,KAAG,cACS,CAAC;AAElF,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,MAAM,EAAE,gBAAgB,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,kBAAkB,GAAG,cAAc,GAAG,IAAI,CAUjF"}

package/dist/helpers/appearance.js

@@ -11,7 +11,7 @@ export var Appearance;
     Appearance["LIGHT"] = "light";
 })(Appearance || (Appearance = {}));
 export var deriveAppearance = function(scheme) {
-    return scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? "dark" : "light";
+    return scheme === "space_gray" || scheme === "vkcom_dark" ? "dark" : "light";
 };
 /**
  * TODO [>=6]: удалить `helpers/appearance.ts` (#5049)

package/dist/helpers/appearance.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/helpers/appearance.ts"],"sourcesContent":["import { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';\n\nexport enum Scheme {\n  BRIGHT_LIGHT = 'bright_light',\n  SPACE_GRAY = 'space_gray',\n  VKCOM_LIGHT = 'vkcom_light',\n  VKCOM_DARK = 'vkcom_dark',\n}\n\nexport type AppearanceScheme = AppearanceSchemeType | Scheme.VKCOM_DARK | Scheme.VKCOM_LIGHT;\n\nexport enum Appearance {\n  DARK = 'dark',\n  LIGHT = 'light',\n}\n\nexport const deriveAppearance = (scheme: AppearanceScheme | undefined): AppearanceType =>\n  scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? 'dark' : 'light';\n\nexport interface VKBridgeConfigData {\n  appearance?: AppearanceType;\n  scheme: AppearanceScheme;\n}\n\n/**\n * TODO [>=6]: удалить `helpers/appearance.ts` (#5049)\n * @deprecated v5.8.0\n */\nexport function resolveAppearance(data: VKBridgeConfigData): AppearanceType | null {\n  const { scheme, appearance } = data;\n\n  // appearance пока приходит только на IOS и ANDROID\n  if (appearance) {\n    return appearance;\n  }\n\n  // Проверяем scheme если appearance не пришел\n  return deriveAppearance(scheme);\n}\n"],"names":["Scheme","BRIGHT_LIGHT","SPACE_GRAY","VKCOM_LIGHT","VKCOM_DARK","Appearance","DARK","LIGHT","deriveAppearance","scheme","resolveAppearance","data","appearance"],"mappings":"WAEO;UAAKA,MAAM;IAANA,OACVC,kBAAe;IADLD,OAEVE,gBAAa;IAFHF,OAGVG,iBAAc;IAHJH,OAIVI,gBAAa;GAJHJ,WAAAA;WASL;UAAKK,UAAU;IAAVA,WACVC,UAAO;IADGD,WAEVE,WAAQ;GAFEF,eAAAA;AAKZ,OAAO,IAAMG,mBAAmB,SAACC;WAC/BA,WAAWT,OAAOE,UAAU,IAAIO,WAAWT,OAAOI,UAAU,GAAG,SAAS;EAAQ;AAOlF;;;CAGC,GACD,OAAO,SAASM,kBAAkBC,IAAwB;IACxD,IAAQF,SAAuBE,KAAvBF,QAAQG,aAAeD,KAAfC;IAEhB,mDAAmD;IACnD,IAAIA,YAAY;QACd,OAAOA;IACT;IAEA,6CAA6C;IAC7C,OAAOJ,iBAAiBC;AAC1B"}
+{"version":3,"sources":["../../src/helpers/appearance.ts"],"sourcesContent":["import { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';\n\nexport enum Scheme {\n  BRIGHT_LIGHT = 'bright_light',\n  SPACE_GRAY = 'space_gray',\n  VKCOM_LIGHT = 'vkcom_light',\n  VKCOM_DARK = 'vkcom_dark',\n}\n\nexport type AppearanceScheme = AppearanceSchemeType | Scheme.VKCOM_DARK | Scheme.VKCOM_LIGHT;\n\nexport enum Appearance {\n  DARK = 'dark',\n  LIGHT = 'light',\n}\n\nexport const deriveAppearance = (scheme: AppearanceScheme | undefined): AppearanceType =>\n  scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? 'dark' : 'light';\n\nexport interface VKBridgeConfigData {\n  appearance?: AppearanceType;\n  scheme: AppearanceScheme;\n}\n\n/**\n * TODO [>=6]: удалить `helpers/appearance.ts` (#5049)\n * @deprecated v5.8.0\n */\nexport function resolveAppearance(data: VKBridgeConfigData): AppearanceType | null {\n  const { scheme, appearance } = data;\n\n  // appearance пока приходит только на IOS и ANDROID\n  if (appearance) {\n    return appearance;\n  }\n\n  // Проверяем scheme если appearance не пришел\n  return deriveAppearance(scheme);\n}\n"],"names":["Scheme","Appearance","deriveAppearance","scheme","resolveAppearance","data","appearance"],"mappings":";UAEYA;;;;;GAAAA,WAAAA;;UASAC;;;GAAAA,eAAAA;AAKZ,OAAO,IAAMC,mBAAmB,SAACC;WAC/BA,2BAAgCA,0BAA+B,SAAS;EAAQ;AAOlF;;;CAGC,GACD,OAAO,SAASC,kBAAkBC,IAAwB;IACxD,IAAQF,SAAuBE,KAAvBF,QAAQG,aAAeD,KAAfC;IAEhB,mDAAmD;IACnD,IAAIA,YAAY;QACd,OAAOA;IACT;IAEA,6CAA6C;IAC7C,OAAOJ,iBAAiBC;AAC1B"}

package/dist/helpers/avatar.d.ts

@@ -3,3 +3,4 @@ import type { InitialsAvatarNumberGradients } from '../components/Avatar/Avatar'
  * Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта
  */
 export declare function calcInitialsAvatarColor(objectId: number): InitialsAvatarNumberGradients;
+//# sourceMappingURL=avatar.d.ts.map

package/dist/helpers/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/helpers/avatar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAEjF;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,MAAM,GAAG,6BAA6B,CAEvF"}

package/dist/helpers/generateVKUITokensClassName.d.ts

@@ -1 +1,2 @@
 export declare const generateVKUITokensClassName: (platform: string, appearance: string) => string;
+//# sourceMappingURL=generateVKUITokensClassName.d.ts.map

package/dist/helpers/generateVKUITokensClassName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateVKUITokensClassName.d.ts","sourceRoot":"","sources":["../../src/helpers/generateVKUITokensClassName.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B,aAAc,MAAM,cAAc,MAAM,KAAG,MAiBlF,CAAC"}

package/dist/helpers/getOrDefault.d.ts

@@ -2,3 +2,4 @@
  * Вернёт первый аргумент если он есть, иначе вернёт значение по умолчанию.
  */
 export declare function getOrDefault<T>(value: T | undefined, defaultValue: T): T;
+//# sourceMappingURL=getOrDefault.d.ts.map

package/dist/helpers/getOrDefault.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOrDefault.d.ts","sourceRoot":"","sources":["../../src/helpers/getOrDefault.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,YAAY,EAAE,CAAC,GAAG,CAAC,CAExE"}

package/dist/helpers/getPlatformClassName.d.ts

@@ -12,3 +12,4 @@ export declare function getPlatformClassName(base: string, osname?: PlatformType
  * @deprecated
  */
 export declare function getPlatformClassName<Styles extends Record<string, string>>(base: keyof Styles, osname?: PlatformType, styles?: Styles): string | undefined;
+//# sourceMappingURL=getPlatformClassName.d.ts.map

package/dist/helpers/getPlatformClassName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPlatformClassName.d.ts","sourceRoot":"","sources":["../../src/helpers/getPlatformClassName.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;AAClF;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACxE,IAAI,EAAE,MAAM,MAAM,EAClB,MAAM,CAAC,EAAE,YAAY,EACrB,MAAM,CAAC,EAAE,MAAM,GACd,MAAM,GAAG,SAAS,CAAC"}

package/dist/helpers/math.d.ts

@@ -3,3 +3,4 @@ export declare function precisionRound(number: number, precision?: number): numb
 export declare function rescale(value: number, from: [number, number], to: [number, number], options?: {
     step?: number;
 }): number;
+//# sourceMappingURL=math.d.ts.map

package/dist/helpers/math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/helpers/math.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAW,MAAM,OAAO,MAAM,OAAO,MAAM,WACxB,CAAC;AAEtC,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,SAAI,UAG3D;AAgCD,wBAAgB,OAAO,CACrB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EACtB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EACpB,OAAO,GAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAO,UAIhC"}

package/dist/helpers/range.d.ts

@@ -7,3 +7,4 @@ export declare function range(from: number, to: number, step?: number): number[]
  * Если `from` меньше `to`, вернется пустой массив.
  */
 export declare function rangeIncrement(from: number, to: number, step?: number): number[];
+//# sourceMappingURL=range.d.ts.map

package/dist/helpers/range.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../src/helpers/range.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,SAAI,YAWvD;AACD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,SAAI,YAMhE"}

package/dist/hoc/withContext.d.ts

@@ -1,2 +1,3 @@
 import * as React from 'react';
 export declare function withContext<T, X>(Component: React.ComponentType<T>, Ctx: React.Context<X>, prop: string): React.FC<T>;
+//# sourceMappingURL=withContext.d.ts.map

package/dist/hoc/withContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withContext.d.ts","sourceRoot":"","sources":["../../src/hoc/withContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,EAC9B,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACjC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EACrB,IAAI,EAAE,MAAM,GACX,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAOb"}

package/dist/hoc/withContext.js

@@ -3,10 +3,10 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import * as React from "react";
 export function withContext(Component, Ctx, prop) {
-    var WithContext = function WithContext(props) {
+    function WithContext(props) {
         var context = React.useContext(Ctx);
         return /*#__PURE__*/ React.createElement(Component, _object_spread_props(_object_spread({}, props), _define_property({}, prop, context)));
-    };
+    }
     return WithContext;
 }
 

package/dist/hoc/withContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hoc/withContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport function withContext<T, X>(\n  Component: React.ComponentType<T>,\n  Ctx: React.Context<X>,\n  prop: string,\n): React.FC<T> {\n  function WithContext(props: T) {\n    const context = React.useContext<X>(Ctx);\n\n    return <Component {...props} {...{ [prop]: context }} />;\n  }\n  return WithContext;\n}\n"],"names":["React","withContext","Component","Ctx","prop","WithContext","props","context","useContext"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,YACdC,SAAiC,EACjCC,GAAqB,EACrBC,IAAY;QAEHC,cAAT,SAASA,YAAYC,KAAQ;QAC3B,IAAMC,UAAUP,MAAMQ,UAAU,CAAIL;QAEpC,qBAAO,oBAACD,mDAAcI,QAAa,qBAACF,MAAOG;IAC7C;IACA,OAAOF;AACT"}
+{"version":3,"sources":["../../src/hoc/withContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport function withContext<T, X>(\n  Component: React.ComponentType<T>,\n  Ctx: React.Context<X>,\n  prop: string,\n): React.FC<T> {\n  function WithContext(props: T) {\n    const context = React.useContext<X>(Ctx);\n\n    return <Component {...props} {...{ [prop]: context }} />;\n  }\n  return WithContext;\n}\n"],"names":["React","withContext","Component","Ctx","prop","WithContext","props","context","useContext"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,YACdC,SAAiC,EACjCC,GAAqB,EACrBC,IAAY;IAEZ,SAASC,YAAYC,KAAQ;QAC3B,IAAMC,UAAUP,MAAMQ,UAAU,CAAIL;QAEpC,qBAAO,oBAACD,mDAAcI,QAAa,qBAACF,MAAOG;IAC7C;IACA,OAAOF;AACT"}