@vkontakte/vkui-tokens 4.53.2-dev-f0a2d3.0 → 4.53.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/interfaces/themes/workspaceAdmin/index.d.ts +17 -0
  2. package/package.json +1 -1
  3. package/themes/workspaceAdmin/cssVars/declarations/index.css +82 -31
  4. package/themes/workspaceAdmin/cssVars/declarations/noSizes.css +82 -31
  5. package/themes/workspaceAdmin/cssVars/declarations/onlyColors.css +82 -31
  6. package/themes/workspaceAdmin/cssVars/declarations/onlyColors.js +2 -2
  7. package/themes/workspaceAdmin/cssVars/declarations/onlyVariables.css +82 -31
  8. package/themes/workspaceAdmin/cssVars/declarations/onlyVariables.js +2 -2
  9. package/themes/workspaceAdmin/cssVars/declarations/onlyVariablesLocal.css +82 -31
  10. package/themes/workspaceAdmin/cssVars/declarations/onlyVariablesLocalIncremental.css +82 -31
  11. package/themes/workspaceAdmin/cssVars/theme/fallbacks/index.css +82 -31
  12. package/themes/workspaceAdmin/cssVars/theme/fallbacks/index.less +82 -31
  13. package/themes/workspaceAdmin/cssVars/theme/fallbacks/index.pcss +82 -31
  14. package/themes/workspaceAdmin/cssVars/theme/fallbacks/index.scss +82 -31
  15. package/themes/workspaceAdmin/cssVars/theme/fallbacks/index.styl +82 -31
  16. package/themes/workspaceAdmin/cssVars/theme/index.js +269 -31
  17. package/themes/workspaceAdmin/cssVars/theme/index.json +269 -31
  18. package/themes/workspaceAdmin/docs.json +68 -0
  19. package/themes/workspaceAdmin/index.css +82 -31
  20. package/themes/workspaceAdmin/index.js +116 -31
  21. package/themes/workspaceAdmin/index.json +116 -31
  22. package/themes/workspaceAdmin/index.less +82 -31
  23. package/themes/workspaceAdmin/index.pcss +82 -31
  24. package/themes/workspaceAdmin/index.scss +82 -31
  25. package/themes/workspaceAdmin/index.styl +82 -31
  26. package/themes/workspaceAdmin/struct.json +116 -31
  27. package/themes/workspaceAdminDark/cssVars/declarations/index.css +58 -7
  28. package/themes/workspaceAdminDark/cssVars/declarations/noSizes.css +58 -7
  29. package/themes/workspaceAdminDark/cssVars/declarations/onlyColors.css +58 -7
  30. package/themes/workspaceAdminDark/cssVars/declarations/onlyColors.js +2 -2
  31. package/themes/workspaceAdminDark/cssVars/declarations/onlyVariables.css +58 -7
  32. package/themes/workspaceAdminDark/cssVars/declarations/onlyVariables.js +2 -2
  33. package/themes/workspaceAdminDark/cssVars/declarations/onlyVariablesLocal.css +58 -7
  34. package/themes/workspaceAdminDark/cssVars/declarations/onlyVariablesLocalIncremental.css +58 -7
  35. package/themes/workspaceAdminDark/cssVars/theme/fallbacks/index.css +58 -7
  36. package/themes/workspaceAdminDark/cssVars/theme/fallbacks/index.less +58 -7
  37. package/themes/workspaceAdminDark/cssVars/theme/fallbacks/index.pcss +58 -7
  38. package/themes/workspaceAdminDark/cssVars/theme/fallbacks/index.scss +58 -7
  39. package/themes/workspaceAdminDark/cssVars/theme/fallbacks/index.styl +58 -7
  40. package/themes/workspaceAdminDark/cssVars/theme/index.js +245 -7
  41. package/themes/workspaceAdminDark/cssVars/theme/index.json +245 -7
  42. package/themes/workspaceAdminDark/docs.json +68 -0
  43. package/themes/workspaceAdminDark/index.css +58 -7
  44. package/themes/workspaceAdminDark/index.js +92 -7
  45. package/themes/workspaceAdminDark/index.json +92 -7
  46. package/themes/workspaceAdminDark/index.less +58 -7
  47. package/themes/workspaceAdminDark/index.pcss +58 -7
  48. package/themes/workspaceAdminDark/index.scss +58 -7
  49. package/themes/workspaceAdminDark/index.styl +58 -7
  50. package/themes/workspaceAdminDark/struct.json +92 -7
@@ -6,7 +6,24 @@ export interface ThemeWorkspaceOverValues {
6
6
  fontHeadline3: Font;
7
7
  }
8
8
  export interface LocalWorkspaceAdminColorsDescriptionStruct {
9
+ colorAvatarsBlue: ColorDescription;
10
+ colorAvatarsCoral: ColorDescription;
11
+ colorAvatarsGreen: ColorDescription;
12
+ colorAvatarsIndigo: ColorDescription;
13
+ colorAvatarsLavender: ColorDescription;
14
+ colorAvatarsLime: ColorDescription;
15
+ colorAvatarsMint: ColorDescription;
16
+ colorAvatarsOrange: ColorDescription;
17
+ colorAvatarsPeach: ColorDescription;
18
+ colorAvatarsRed: ColorDescription;
19
+ colorAvatarsSea: ColorDescription;
20
+ colorAvatarsSeagreen: ColorDescription;
21
+ colorAvatarsSky: ColorDescription;
22
+ colorAvatarsViolet: ColorDescription;
23
+ colorAvatarsYellow: ColorDescription;
9
24
  colorIconNegativeSnackbar: ColorDescription;
25
+ colorOnboarding: ColorDescription;
26
+ colorSearchResultsAlpha: ColorDescription;
10
27
  }
11
28
  export type WorkspaceAdminLocalColors = {
12
29
  [key in keyof LocalWorkspaceAdminColorsDescriptionStruct]: ColorWithStates;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vkontakte/vkui-tokens",
3
- "version": "4.53.2-dev-f0a2d3.0",
3
+ "version": "4.53.3",
4
4
  "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
5
5
  "license": "MIT",
6
6
  "homepage": "https://vkcom.github.io/vkui-tokens",
@@ -350,9 +350,9 @@
350
350
  --vkui--color_background_secondary: #F0F1F3;
351
351
  --vkui--color_background_secondary--hover: #E6E8EC;
352
352
  --vkui--color_background_secondary--active: #DDDFE4;
353
- --vkui--color_background_secondary_alpha: rgba(255, 255, 255, 0.12);
354
- --vkui--color_background_secondary_alpha--hover: rgba(255, 255, 255, 0.16);
355
- --vkui--color_background_secondary_alpha--active: rgba(255, 255, 255, 0.20);
353
+ --vkui--color_background_secondary_alpha: rgba(0, 16, 61, 0.06);
354
+ --vkui--color_background_secondary_alpha--hover: rgba(0, 16, 61, 0.1);
355
+ --vkui--color_background_secondary_alpha--active: rgba(0, 16, 61, 0.14);
356
356
  --vkui--color_background: #F6F7F8;
357
357
  --vkui--color_background--hover: #ECEEF1;
358
358
  --vkui--color_background--active: #E2E5E9;
@@ -365,9 +365,9 @@
365
365
  --vkui--color_background_warning: #FFF1AD;
366
366
  --vkui--color_background_warning--hover: #F5E8A9;
367
367
  --vkui--color_background_warning--active: #EBDFA4;
368
- --vkui--color_background_negative: #ED330A;
369
- --vkui--color_background_negative--hover: #E4320C;
370
- --vkui--color_background_negative--active: #DA300E;
368
+ --vkui--color_background_negative: #ED0A34;
369
+ --vkui--color_background_negative--hover: #E40A34;
370
+ --vkui--color_background_negative--active: #DA0A35;
371
371
  --vkui--color_background_tertiary: #F6F7F8;
372
372
  --vkui--color_background_tertiary--hover: #ECEEF1;
373
373
  --vkui--color_background_tertiary--active: #E2E5E9;
@@ -410,9 +410,9 @@
410
410
  --vkui--color_text_accent_themed: #0070f0;
411
411
  --vkui--color_text_accent_themed--hover: #006CE9;
412
412
  --vkui--color_text_accent_themed--active: #0068E2;
413
- --vkui--color_text_negative: #ED330a;
414
- --vkui--color_text_negative--hover: #E4320C;
415
- --vkui--color_text_negative--active: #DA300E;
413
+ --vkui--color_text_negative: #ED0A34;
414
+ --vkui--color_text_negative--hover: #E40A34;
415
+ --vkui--color_text_negative--active: #DA0A35;
416
416
  --vkui--color_text_link: #0070f0;
417
417
  --vkui--color_text_link--hover: #006CE9;
418
418
  --vkui--color_text_link--active: #0068E2;
@@ -497,9 +497,9 @@
497
497
  --vkui--color_icon_warning: #FF9E00;
498
498
  --vkui--color_icon_warning--hover: #F59802;
499
499
  --vkui--color_icon_warning--active: #EB9305;
500
- --vkui--color_icon_negative: #ED330a;
501
- --vkui--color_icon_negative--hover: #E4320C;
502
- --vkui--color_icon_negative--active: #DA300E;
500
+ --vkui--color_icon_negative: #ED033A;
501
+ --vkui--color_icon_negative--hover: #E4043A;
502
+ --vkui--color_icon_negative--active: #DA043A;
503
503
  --vkui--color_icon_contrast_secondary: #F2F3F5;
504
504
  --vkui--color_icon_contrast_secondary--hover: #E8EAEE;
505
505
  --vkui--color_icon_contrast_secondary--active: #DFE1E6;
@@ -512,9 +512,9 @@
512
512
  --vkui--color_stroke_contrast: #FFFFFF;
513
513
  --vkui--color_stroke_contrast--hover: #F5F5F7;
514
514
  --vkui--color_stroke_contrast--active: #EBECEF;
515
- --vkui--color_stroke_negative: #ED330a;
516
- --vkui--color_stroke_negative--hover: #E4320C;
517
- --vkui--color_stroke_negative--active: #DA300E;
515
+ --vkui--color_stroke_negative: #ED0A34;
516
+ --vkui--color_stroke_negative--hover: #E40A34;
517
+ --vkui--color_stroke_negative--active: #DA0A35;
518
518
  --vkui--color_image_border_alpha: rgba(0, 16, 61, 0.08);
519
519
  --vkui--color_image_border_alpha--hover: rgba(0, 16, 61, 0.12);
520
520
  --vkui--color_image_border_alpha--active: rgba(0, 16, 61, 0.16);
@@ -671,33 +671,33 @@
671
671
  --vkui--color_background_accent_tint_themed_alpha: rgba(0, 119, 255, 0.06);
672
672
  --vkui--color_background_accent_tint_themed_alpha--hover: rgba(0, 119, 255, 0.1);
673
673
  --vkui--color_background_accent_tint_themed_alpha--active: rgba(0, 119, 255, 0.14);
674
- --vkui--color_background_accent_tint_alpha: rgba(0, 95, 249, 0.06);
675
- --vkui--color_background_accent_tint_alpha--hover: rgba(0, 95, 249, 0.1);
676
- --vkui--color_background_accent_tint_alpha--active: rgba(0, 95, 249, 0.14);
677
- --vkui--color_background_accent_tint_themed: #f0f7ff;
678
- --vkui--color_background_accent_tint_themed--hover: #E6EEF7;
679
- --vkui--color_background_accent_tint_themed--active: #DDE5EF;
674
+ --vkui--color_background_accent_tint_alpha: rgba(0, 119, 255, 0.06);
675
+ --vkui--color_background_accent_tint_alpha--hover: rgba(0, 119, 255, 0.1);
676
+ --vkui--color_background_accent_tint_alpha--active: rgba(0, 119, 255, 0.14);
677
+ --vkui--color_background_accent_tint_themed: #F0F7FF;
678
+ --vkui--color_background_accent_tint_themed--hover: #E5F1FF;
679
+ --vkui--color_background_accent_tint_themed--active: #DBECFF;
680
680
  --vkui--color_background_warning_tint_themed_alpha: rgba(255, 241, 173, 0.48);
681
681
  --vkui--color_background_warning_tint_themed_alpha--hover: rgba(255, 241, 173, 0.52);
682
682
  --vkui--color_background_warning_tint_themed_alpha--active: rgba(255, 241, 173, 0.56);
683
- --vkui--color_background_warning_tint_alpha: rgba(255, 158, 0, 0.16);
684
- --vkui--color_background_warning_tint_alpha--hover: rgba(255, 158, 0, 0.24);
685
- --vkui--color_background_warning_tint_alpha--active: rgba(255, 158, 0, 0.28);
683
+ --vkui--color_background_warning_tint_alpha: rgba(255, 241, 173, 0.64);
684
+ --vkui--color_background_warning_tint_alpha--hover: rgba(255, 241, 173, 0.72);
685
+ --vkui--color_background_warning_tint_alpha--active: rgba(255, 241, 173, 0.76);
686
686
  --vkui--color_background_warning_tint_themed: #fffce0;
687
687
  --vkui--color_background_warning_tint_themed--hover: #F5F3D9;
688
688
  --vkui--color_background_warning_tint_themed--active: #EBE9D3;
689
689
  --vkui--color_background_warning_tint: #fffce0;
690
690
  --vkui--color_background_warning_tint--hover: #F5F3D9;
691
691
  --vkui--color_background_warning_tint--active: #EBE9D3;
692
- --vkui--color_background_negative_tint_themed_alpha: rgba(237, 51, 10, 0.08);
693
- --vkui--color_background_negative_tint_themed_alpha--hover: rgba(237, 51, 10, 0.12);
694
- --vkui--color_background_negative_tint_themed_alpha--active: rgba(237, 51, 10, 0.16);
695
- --vkui--color_background_negative_tint_alpha: rgba(237, 10, 52, 0.10);
692
+ --vkui--color_background_negative_tint_themed_alpha: rgba(237, 10, 52, 0.1);
693
+ --vkui--color_background_negative_tint_themed_alpha--hover: rgba(237, 10, 52, 0.14);
694
+ --vkui--color_background_negative_tint_themed_alpha--active: rgba(237, 10, 52, 0.16);
695
+ --vkui--color_background_negative_tint_alpha: rgba(237, 10, 52, 0.1);
696
696
  --vkui--color_background_negative_tint_alpha--hover: rgba(237, 10, 52, 0.14);
697
697
  --vkui--color_background_negative_tint_alpha--active: rgba(237, 10, 52, 0.18);
698
- --vkui--color_background_negative_tint_themed: #feefeb;
699
- --vkui--color_background_negative_tint_themed--hover: #F4E6E4;
700
- --vkui--color_background_negative_tint_themed--active: #EADDDD;
698
+ --vkui--color_background_negative_tint_themed: #FAEBEB;
699
+ --vkui--color_background_negative_tint_themed--hover: #FDE2E7;
700
+ --vkui--color_background_negative_tint_themed--active: #FCD8DF;
701
701
  --vkui--color_background_positive_tint_themed_alpha: rgba(13, 194, 104, 0.08);
702
702
  --vkui--color_background_positive_tint_themed_alpha--hover: rgba(13, 194, 104, 0.12);
703
703
  --vkui--color_background_positive_tint_themed_alpha--active: rgba(13, 194, 104, 0.16);
@@ -737,9 +737,60 @@
737
737
  --vkui--color_background_sky_alpha: rgba(204, 228, 255, 0.9);
738
738
  --vkui--color_background_sky_alpha--hover: rgba(204, 228, 255, 0.9400000000000001);
739
739
  --vkui--color_background_sky_alpha--active: rgba(204, 228, 255, 0.98);
740
+ --vkui--color_avatars_blue: #4C91FF;
741
+ --vkui--color_avatars_blue--hover: #498CF7;
742
+ --vkui--color_avatars_blue--active: #4687EF;
743
+ --vkui--color_avatars_coral: #FEA4A4;
744
+ --vkui--color_avatars_coral--hover: #F49EA0;
745
+ --vkui--color_avatars_coral--active: #EA989C;
746
+ --vkui--color_avatars_green: #43CC4C;
747
+ --vkui--color_avatars_green--hover: #40C44B;
748
+ --vkui--color_avatars_green--active: #3EBD4B;
749
+ --vkui--color_avatars_indigo: #7772F8;
750
+ --vkui--color_avatars_indigo--hover: #726EF1;
751
+ --vkui--color_avatars_indigo--active: #6D6AE9;
752
+ --vkui--color_avatars_lavender: #D3B2FF;
753
+ --vkui--color_avatars_lavender--hover: #CBACF7;
754
+ --vkui--color_avatars_lavender--active: #C2A5EF;
755
+ --vkui--color_avatars_lime: #C3F07F;
756
+ --vkui--color_avatars_lime--hover: #BBE77C;
757
+ --vkui--color_avatars_lime--active: #B3DE7A;
758
+ --vkui--color_avatars_mint: #7BEADB;
759
+ --vkui--color_avatars_mint--hover: #76E1D5;
760
+ --vkui--color_avatars_mint--active: #71D9CE;
761
+ --vkui--color_avatars_orange: #F68E42;
762
+ --vkui--color_avatars_orange--hover: #EC8942;
763
+ --vkui--color_avatars_orange--active: #E28442;
764
+ --vkui--color_avatars_peach: #FFB980;
765
+ --vkui--color_avatars_peach--hover: #F5B27D;
766
+ --vkui--color_avatars_peach--active: #EBAB7B;
767
+ --vkui--color_avatars_red: #F55252;
768
+ --vkui--color_avatars_red--hover: #EB4F51;
769
+ --vkui--color_avatars_red--active: #E14D50;
770
+ --vkui--color_avatars_sea: #22CEEC;
771
+ --vkui--color_avatars_sea--hover: #21C6E5;
772
+ --vkui--color_avatars_sea--active: #1FBFDE;
773
+ --vkui--color_avatars_seagreen: #42D7A5;
774
+ --vkui--color_avatars_seagreen--hover: #3FCFA1;
775
+ --vkui--color_avatars_seagreen--active: #3DC79D;
776
+ --vkui--color_avatars_sky: #9EDBFF;
777
+ --vkui--color_avatars_sky--hover: #98D3F7;
778
+ --vkui--color_avatars_sky--active: #91CBEF;
779
+ --vkui--color_avatars_violet: #B884FF;
780
+ --vkui--color_avatars_violet--hover: #B17FF7;
781
+ --vkui--color_avatars_violet--active: #A97BEF;
782
+ --vkui--color_avatars_yellow: #FFD65C;
783
+ --vkui--color_avatars_yellow--hover: #F5CE5B;
784
+ --vkui--color_avatars_yellow--active: #EBC65A;
740
785
  --vkui--color_icon_negative_snackbar: #FF5C5C;
741
786
  --vkui--color_icon_negative_snackbar--hover: #F5595B;
742
787
  --vkui--color_icon_negative_snackbar--active: #EB565A;
788
+ --vkui--color_onboarding: #2979FA;
789
+ --vkui--color_onboarding--hover: #2775F2;
790
+ --vkui--color_onboarding--active: #2671EB;
791
+ --vkui--color_search_results_alpha: rgba(255, 241, 173, 0.48);
792
+ --vkui--color_search_results_alpha--hover: rgba(255, 241, 173, 0.52);
793
+ --vkui--color_search_results_alpha--active: rgba(255, 241, 173, 0.56);
743
794
  }
744
795
 
745
796
  .vkui--font_display_title1--regular {
@@ -56,9 +56,9 @@
56
56
  --vkui--color_background_secondary: #F0F1F3;
57
57
  --vkui--color_background_secondary--hover: #E6E8EC;
58
58
  --vkui--color_background_secondary--active: #DDDFE4;
59
- --vkui--color_background_secondary_alpha: rgba(255, 255, 255, 0.12);
60
- --vkui--color_background_secondary_alpha--hover: rgba(255, 255, 255, 0.16);
61
- --vkui--color_background_secondary_alpha--active: rgba(255, 255, 255, 0.20);
59
+ --vkui--color_background_secondary_alpha: rgba(0, 16, 61, 0.06);
60
+ --vkui--color_background_secondary_alpha--hover: rgba(0, 16, 61, 0.1);
61
+ --vkui--color_background_secondary_alpha--active: rgba(0, 16, 61, 0.14);
62
62
  --vkui--color_background: #F6F7F8;
63
63
  --vkui--color_background--hover: #ECEEF1;
64
64
  --vkui--color_background--active: #E2E5E9;
@@ -71,9 +71,9 @@
71
71
  --vkui--color_background_warning: #FFF1AD;
72
72
  --vkui--color_background_warning--hover: #F5E8A9;
73
73
  --vkui--color_background_warning--active: #EBDFA4;
74
- --vkui--color_background_negative: #ED330A;
75
- --vkui--color_background_negative--hover: #E4320C;
76
- --vkui--color_background_negative--active: #DA300E;
74
+ --vkui--color_background_negative: #ED0A34;
75
+ --vkui--color_background_negative--hover: #E40A34;
76
+ --vkui--color_background_negative--active: #DA0A35;
77
77
  --vkui--color_background_tertiary: #F6F7F8;
78
78
  --vkui--color_background_tertiary--hover: #ECEEF1;
79
79
  --vkui--color_background_tertiary--active: #E2E5E9;
@@ -116,9 +116,9 @@
116
116
  --vkui--color_text_accent_themed: #0070f0;
117
117
  --vkui--color_text_accent_themed--hover: #006CE9;
118
118
  --vkui--color_text_accent_themed--active: #0068E2;
119
- --vkui--color_text_negative: #ED330a;
120
- --vkui--color_text_negative--hover: #E4320C;
121
- --vkui--color_text_negative--active: #DA300E;
119
+ --vkui--color_text_negative: #ED0A34;
120
+ --vkui--color_text_negative--hover: #E40A34;
121
+ --vkui--color_text_negative--active: #DA0A35;
122
122
  --vkui--color_text_link: #0070f0;
123
123
  --vkui--color_text_link--hover: #006CE9;
124
124
  --vkui--color_text_link--active: #0068E2;
@@ -203,9 +203,9 @@
203
203
  --vkui--color_icon_warning: #FF9E00;
204
204
  --vkui--color_icon_warning--hover: #F59802;
205
205
  --vkui--color_icon_warning--active: #EB9305;
206
- --vkui--color_icon_negative: #ED330a;
207
- --vkui--color_icon_negative--hover: #E4320C;
208
- --vkui--color_icon_negative--active: #DA300E;
206
+ --vkui--color_icon_negative: #ED033A;
207
+ --vkui--color_icon_negative--hover: #E4043A;
208
+ --vkui--color_icon_negative--active: #DA043A;
209
209
  --vkui--color_icon_contrast_secondary: #F2F3F5;
210
210
  --vkui--color_icon_contrast_secondary--hover: #E8EAEE;
211
211
  --vkui--color_icon_contrast_secondary--active: #DFE1E6;
@@ -218,9 +218,9 @@
218
218
  --vkui--color_stroke_contrast: #FFFFFF;
219
219
  --vkui--color_stroke_contrast--hover: #F5F5F7;
220
220
  --vkui--color_stroke_contrast--active: #EBECEF;
221
- --vkui--color_stroke_negative: #ED330a;
222
- --vkui--color_stroke_negative--hover: #E4320C;
223
- --vkui--color_stroke_negative--active: #DA300E;
221
+ --vkui--color_stroke_negative: #ED0A34;
222
+ --vkui--color_stroke_negative--hover: #E40A34;
223
+ --vkui--color_stroke_negative--active: #DA0A35;
224
224
  --vkui--color_image_border_alpha: rgba(0, 16, 61, 0.08);
225
225
  --vkui--color_image_border_alpha--hover: rgba(0, 16, 61, 0.12);
226
226
  --vkui--color_image_border_alpha--active: rgba(0, 16, 61, 0.16);
@@ -377,33 +377,33 @@
377
377
  --vkui--color_background_accent_tint_themed_alpha: rgba(0, 119, 255, 0.06);
378
378
  --vkui--color_background_accent_tint_themed_alpha--hover: rgba(0, 119, 255, 0.1);
379
379
  --vkui--color_background_accent_tint_themed_alpha--active: rgba(0, 119, 255, 0.14);
380
- --vkui--color_background_accent_tint_alpha: rgba(0, 95, 249, 0.06);
381
- --vkui--color_background_accent_tint_alpha--hover: rgba(0, 95, 249, 0.1);
382
- --vkui--color_background_accent_tint_alpha--active: rgba(0, 95, 249, 0.14);
383
- --vkui--color_background_accent_tint_themed: #f0f7ff;
384
- --vkui--color_background_accent_tint_themed--hover: #E6EEF7;
385
- --vkui--color_background_accent_tint_themed--active: #DDE5EF;
380
+ --vkui--color_background_accent_tint_alpha: rgba(0, 119, 255, 0.06);
381
+ --vkui--color_background_accent_tint_alpha--hover: rgba(0, 119, 255, 0.1);
382
+ --vkui--color_background_accent_tint_alpha--active: rgba(0, 119, 255, 0.14);
383
+ --vkui--color_background_accent_tint_themed: #F0F7FF;
384
+ --vkui--color_background_accent_tint_themed--hover: #E5F1FF;
385
+ --vkui--color_background_accent_tint_themed--active: #DBECFF;
386
386
  --vkui--color_background_warning_tint_themed_alpha: rgba(255, 241, 173, 0.48);
387
387
  --vkui--color_background_warning_tint_themed_alpha--hover: rgba(255, 241, 173, 0.52);
388
388
  --vkui--color_background_warning_tint_themed_alpha--active: rgba(255, 241, 173, 0.56);
389
- --vkui--color_background_warning_tint_alpha: rgba(255, 158, 0, 0.16);
390
- --vkui--color_background_warning_tint_alpha--hover: rgba(255, 158, 0, 0.24);
391
- --vkui--color_background_warning_tint_alpha--active: rgba(255, 158, 0, 0.28);
389
+ --vkui--color_background_warning_tint_alpha: rgba(255, 241, 173, 0.64);
390
+ --vkui--color_background_warning_tint_alpha--hover: rgba(255, 241, 173, 0.72);
391
+ --vkui--color_background_warning_tint_alpha--active: rgba(255, 241, 173, 0.76);
392
392
  --vkui--color_background_warning_tint_themed: #fffce0;
393
393
  --vkui--color_background_warning_tint_themed--hover: #F5F3D9;
394
394
  --vkui--color_background_warning_tint_themed--active: #EBE9D3;
395
395
  --vkui--color_background_warning_tint: #fffce0;
396
396
  --vkui--color_background_warning_tint--hover: #F5F3D9;
397
397
  --vkui--color_background_warning_tint--active: #EBE9D3;
398
- --vkui--color_background_negative_tint_themed_alpha: rgba(237, 51, 10, 0.08);
399
- --vkui--color_background_negative_tint_themed_alpha--hover: rgba(237, 51, 10, 0.12);
400
- --vkui--color_background_negative_tint_themed_alpha--active: rgba(237, 51, 10, 0.16);
401
- --vkui--color_background_negative_tint_alpha: rgba(237, 10, 52, 0.10);
398
+ --vkui--color_background_negative_tint_themed_alpha: rgba(237, 10, 52, 0.1);
399
+ --vkui--color_background_negative_tint_themed_alpha--hover: rgba(237, 10, 52, 0.14);
400
+ --vkui--color_background_negative_tint_themed_alpha--active: rgba(237, 10, 52, 0.16);
401
+ --vkui--color_background_negative_tint_alpha: rgba(237, 10, 52, 0.1);
402
402
  --vkui--color_background_negative_tint_alpha--hover: rgba(237, 10, 52, 0.14);
403
403
  --vkui--color_background_negative_tint_alpha--active: rgba(237, 10, 52, 0.18);
404
- --vkui--color_background_negative_tint_themed: #feefeb;
405
- --vkui--color_background_negative_tint_themed--hover: #F4E6E4;
406
- --vkui--color_background_negative_tint_themed--active: #EADDDD;
404
+ --vkui--color_background_negative_tint_themed: #FAEBEB;
405
+ --vkui--color_background_negative_tint_themed--hover: #FDE2E7;
406
+ --vkui--color_background_negative_tint_themed--active: #FCD8DF;
407
407
  --vkui--color_background_positive_tint_themed_alpha: rgba(13, 194, 104, 0.08);
408
408
  --vkui--color_background_positive_tint_themed_alpha--hover: rgba(13, 194, 104, 0.12);
409
409
  --vkui--color_background_positive_tint_themed_alpha--active: rgba(13, 194, 104, 0.16);
@@ -443,7 +443,58 @@
443
443
  --vkui--color_background_sky_alpha: rgba(204, 228, 255, 0.9);
444
444
  --vkui--color_background_sky_alpha--hover: rgba(204, 228, 255, 0.9400000000000001);
445
445
  --vkui--color_background_sky_alpha--active: rgba(204, 228, 255, 0.98);
446
+ --vkui--color_avatars_blue: #4C91FF;
447
+ --vkui--color_avatars_blue--hover: #498CF7;
448
+ --vkui--color_avatars_blue--active: #4687EF;
449
+ --vkui--color_avatars_coral: #FEA4A4;
450
+ --vkui--color_avatars_coral--hover: #F49EA0;
451
+ --vkui--color_avatars_coral--active: #EA989C;
452
+ --vkui--color_avatars_green: #43CC4C;
453
+ --vkui--color_avatars_green--hover: #40C44B;
454
+ --vkui--color_avatars_green--active: #3EBD4B;
455
+ --vkui--color_avatars_indigo: #7772F8;
456
+ --vkui--color_avatars_indigo--hover: #726EF1;
457
+ --vkui--color_avatars_indigo--active: #6D6AE9;
458
+ --vkui--color_avatars_lavender: #D3B2FF;
459
+ --vkui--color_avatars_lavender--hover: #CBACF7;
460
+ --vkui--color_avatars_lavender--active: #C2A5EF;
461
+ --vkui--color_avatars_lime: #C3F07F;
462
+ --vkui--color_avatars_lime--hover: #BBE77C;
463
+ --vkui--color_avatars_lime--active: #B3DE7A;
464
+ --vkui--color_avatars_mint: #7BEADB;
465
+ --vkui--color_avatars_mint--hover: #76E1D5;
466
+ --vkui--color_avatars_mint--active: #71D9CE;
467
+ --vkui--color_avatars_orange: #F68E42;
468
+ --vkui--color_avatars_orange--hover: #EC8942;
469
+ --vkui--color_avatars_orange--active: #E28442;
470
+ --vkui--color_avatars_peach: #FFB980;
471
+ --vkui--color_avatars_peach--hover: #F5B27D;
472
+ --vkui--color_avatars_peach--active: #EBAB7B;
473
+ --vkui--color_avatars_red: #F55252;
474
+ --vkui--color_avatars_red--hover: #EB4F51;
475
+ --vkui--color_avatars_red--active: #E14D50;
476
+ --vkui--color_avatars_sea: #22CEEC;
477
+ --vkui--color_avatars_sea--hover: #21C6E5;
478
+ --vkui--color_avatars_sea--active: #1FBFDE;
479
+ --vkui--color_avatars_seagreen: #42D7A5;
480
+ --vkui--color_avatars_seagreen--hover: #3FCFA1;
481
+ --vkui--color_avatars_seagreen--active: #3DC79D;
482
+ --vkui--color_avatars_sky: #9EDBFF;
483
+ --vkui--color_avatars_sky--hover: #98D3F7;
484
+ --vkui--color_avatars_sky--active: #91CBEF;
485
+ --vkui--color_avatars_violet: #B884FF;
486
+ --vkui--color_avatars_violet--hover: #B17FF7;
487
+ --vkui--color_avatars_violet--active: #A97BEF;
488
+ --vkui--color_avatars_yellow: #FFD65C;
489
+ --vkui--color_avatars_yellow--hover: #F5CE5B;
490
+ --vkui--color_avatars_yellow--active: #EBC65A;
446
491
  --vkui--color_icon_negative_snackbar: #FF5C5C;
447
492
  --vkui--color_icon_negative_snackbar--hover: #F5595B;
448
493
  --vkui--color_icon_negative_snackbar--active: #EB565A;
494
+ --vkui--color_onboarding: #2979FA;
495
+ --vkui--color_onboarding--hover: #2775F2;
496
+ --vkui--color_onboarding--active: #2671EB;
497
+ --vkui--color_search_results_alpha: rgba(255, 241, 173, 0.48);
498
+ --vkui--color_search_results_alpha--hover: rgba(255, 241, 173, 0.52);
499
+ --vkui--color_search_results_alpha--active: rgba(255, 241, 173, 0.56);
449
500
  }
@@ -17,9 +17,9 @@
17
17
  --vkui--color_background_secondary: #F0F1F3;
18
18
  --vkui--color_background_secondary--hover: #E6E8EC;
19
19
  --vkui--color_background_secondary--active: #DDDFE4;
20
- --vkui--color_background_secondary_alpha: rgba(255, 255, 255, 0.12);
21
- --vkui--color_background_secondary_alpha--hover: rgba(255, 255, 255, 0.16);
22
- --vkui--color_background_secondary_alpha--active: rgba(255, 255, 255, 0.20);
20
+ --vkui--color_background_secondary_alpha: rgba(0, 16, 61, 0.06);
21
+ --vkui--color_background_secondary_alpha--hover: rgba(0, 16, 61, 0.1);
22
+ --vkui--color_background_secondary_alpha--active: rgba(0, 16, 61, 0.14);
23
23
  --vkui--color_background: #F6F7F8;
24
24
  --vkui--color_background--hover: #ECEEF1;
25
25
  --vkui--color_background--active: #E2E5E9;
@@ -32,9 +32,9 @@
32
32
  --vkui--color_background_warning: #FFF1AD;
33
33
  --vkui--color_background_warning--hover: #F5E8A9;
34
34
  --vkui--color_background_warning--active: #EBDFA4;
35
- --vkui--color_background_negative: #ED330A;
36
- --vkui--color_background_negative--hover: #E4320C;
37
- --vkui--color_background_negative--active: #DA300E;
35
+ --vkui--color_background_negative: #ED0A34;
36
+ --vkui--color_background_negative--hover: #E40A34;
37
+ --vkui--color_background_negative--active: #DA0A35;
38
38
  --vkui--color_background_tertiary: #F6F7F8;
39
39
  --vkui--color_background_tertiary--hover: #ECEEF1;
40
40
  --vkui--color_background_tertiary--active: #E2E5E9;
@@ -77,9 +77,9 @@
77
77
  --vkui--color_text_accent_themed: #0070f0;
78
78
  --vkui--color_text_accent_themed--hover: #006CE9;
79
79
  --vkui--color_text_accent_themed--active: #0068E2;
80
- --vkui--color_text_negative: #ED330a;
81
- --vkui--color_text_negative--hover: #E4320C;
82
- --vkui--color_text_negative--active: #DA300E;
80
+ --vkui--color_text_negative: #ED0A34;
81
+ --vkui--color_text_negative--hover: #E40A34;
82
+ --vkui--color_text_negative--active: #DA0A35;
83
83
  --vkui--color_text_link: #0070f0;
84
84
  --vkui--color_text_link--hover: #006CE9;
85
85
  --vkui--color_text_link--active: #0068E2;
@@ -164,9 +164,9 @@
164
164
  --vkui--color_icon_warning: #FF9E00;
165
165
  --vkui--color_icon_warning--hover: #F59802;
166
166
  --vkui--color_icon_warning--active: #EB9305;
167
- --vkui--color_icon_negative: #ED330a;
168
- --vkui--color_icon_negative--hover: #E4320C;
169
- --vkui--color_icon_negative--active: #DA300E;
167
+ --vkui--color_icon_negative: #ED033A;
168
+ --vkui--color_icon_negative--hover: #E4043A;
169
+ --vkui--color_icon_negative--active: #DA043A;
170
170
  --vkui--color_icon_contrast_secondary: #F2F3F5;
171
171
  --vkui--color_icon_contrast_secondary--hover: #E8EAEE;
172
172
  --vkui--color_icon_contrast_secondary--active: #DFE1E6;
@@ -179,9 +179,9 @@
179
179
  --vkui--color_stroke_contrast: #FFFFFF;
180
180
  --vkui--color_stroke_contrast--hover: #F5F5F7;
181
181
  --vkui--color_stroke_contrast--active: #EBECEF;
182
- --vkui--color_stroke_negative: #ED330a;
183
- --vkui--color_stroke_negative--hover: #E4320C;
184
- --vkui--color_stroke_negative--active: #DA300E;
182
+ --vkui--color_stroke_negative: #ED0A34;
183
+ --vkui--color_stroke_negative--hover: #E40A34;
184
+ --vkui--color_stroke_negative--active: #DA0A35;
185
185
  --vkui--color_image_border_alpha: rgba(0, 16, 61, 0.08);
186
186
  --vkui--color_image_border_alpha--hover: rgba(0, 16, 61, 0.12);
187
187
  --vkui--color_image_border_alpha--active: rgba(0, 16, 61, 0.16);
@@ -338,33 +338,33 @@
338
338
  --vkui--color_background_accent_tint_themed_alpha: rgba(0, 119, 255, 0.06);
339
339
  --vkui--color_background_accent_tint_themed_alpha--hover: rgba(0, 119, 255, 0.1);
340
340
  --vkui--color_background_accent_tint_themed_alpha--active: rgba(0, 119, 255, 0.14);
341
- --vkui--color_background_accent_tint_alpha: rgba(0, 95, 249, 0.06);
342
- --vkui--color_background_accent_tint_alpha--hover: rgba(0, 95, 249, 0.1);
343
- --vkui--color_background_accent_tint_alpha--active: rgba(0, 95, 249, 0.14);
344
- --vkui--color_background_accent_tint_themed: #f0f7ff;
345
- --vkui--color_background_accent_tint_themed--hover: #E6EEF7;
346
- --vkui--color_background_accent_tint_themed--active: #DDE5EF;
341
+ --vkui--color_background_accent_tint_alpha: rgba(0, 119, 255, 0.06);
342
+ --vkui--color_background_accent_tint_alpha--hover: rgba(0, 119, 255, 0.1);
343
+ --vkui--color_background_accent_tint_alpha--active: rgba(0, 119, 255, 0.14);
344
+ --vkui--color_background_accent_tint_themed: #F0F7FF;
345
+ --vkui--color_background_accent_tint_themed--hover: #E5F1FF;
346
+ --vkui--color_background_accent_tint_themed--active: #DBECFF;
347
347
  --vkui--color_background_warning_tint_themed_alpha: rgba(255, 241, 173, 0.48);
348
348
  --vkui--color_background_warning_tint_themed_alpha--hover: rgba(255, 241, 173, 0.52);
349
349
  --vkui--color_background_warning_tint_themed_alpha--active: rgba(255, 241, 173, 0.56);
350
- --vkui--color_background_warning_tint_alpha: rgba(255, 158, 0, 0.16);
351
- --vkui--color_background_warning_tint_alpha--hover: rgba(255, 158, 0, 0.24);
352
- --vkui--color_background_warning_tint_alpha--active: rgba(255, 158, 0, 0.28);
350
+ --vkui--color_background_warning_tint_alpha: rgba(255, 241, 173, 0.64);
351
+ --vkui--color_background_warning_tint_alpha--hover: rgba(255, 241, 173, 0.72);
352
+ --vkui--color_background_warning_tint_alpha--active: rgba(255, 241, 173, 0.76);
353
353
  --vkui--color_background_warning_tint_themed: #fffce0;
354
354
  --vkui--color_background_warning_tint_themed--hover: #F5F3D9;
355
355
  --vkui--color_background_warning_tint_themed--active: #EBE9D3;
356
356
  --vkui--color_background_warning_tint: #fffce0;
357
357
  --vkui--color_background_warning_tint--hover: #F5F3D9;
358
358
  --vkui--color_background_warning_tint--active: #EBE9D3;
359
- --vkui--color_background_negative_tint_themed_alpha: rgba(237, 51, 10, 0.08);
360
- --vkui--color_background_negative_tint_themed_alpha--hover: rgba(237, 51, 10, 0.12);
361
- --vkui--color_background_negative_tint_themed_alpha--active: rgba(237, 51, 10, 0.16);
362
- --vkui--color_background_negative_tint_alpha: rgba(237, 10, 52, 0.10);
359
+ --vkui--color_background_negative_tint_themed_alpha: rgba(237, 10, 52, 0.1);
360
+ --vkui--color_background_negative_tint_themed_alpha--hover: rgba(237, 10, 52, 0.14);
361
+ --vkui--color_background_negative_tint_themed_alpha--active: rgba(237, 10, 52, 0.16);
362
+ --vkui--color_background_negative_tint_alpha: rgba(237, 10, 52, 0.1);
363
363
  --vkui--color_background_negative_tint_alpha--hover: rgba(237, 10, 52, 0.14);
364
364
  --vkui--color_background_negative_tint_alpha--active: rgba(237, 10, 52, 0.18);
365
- --vkui--color_background_negative_tint_themed: #feefeb;
366
- --vkui--color_background_negative_tint_themed--hover: #F4E6E4;
367
- --vkui--color_background_negative_tint_themed--active: #EADDDD;
365
+ --vkui--color_background_negative_tint_themed: #FAEBEB;
366
+ --vkui--color_background_negative_tint_themed--hover: #FDE2E7;
367
+ --vkui--color_background_negative_tint_themed--active: #FCD8DF;
368
368
  --vkui--color_background_positive_tint_themed_alpha: rgba(13, 194, 104, 0.08);
369
369
  --vkui--color_background_positive_tint_themed_alpha--hover: rgba(13, 194, 104, 0.12);
370
370
  --vkui--color_background_positive_tint_themed_alpha--active: rgba(13, 194, 104, 0.16);
@@ -404,7 +404,58 @@
404
404
  --vkui--color_background_sky_alpha: rgba(204, 228, 255, 0.9);
405
405
  --vkui--color_background_sky_alpha--hover: rgba(204, 228, 255, 0.9400000000000001);
406
406
  --vkui--color_background_sky_alpha--active: rgba(204, 228, 255, 0.98);
407
+ --vkui--color_avatars_blue: #4C91FF;
408
+ --vkui--color_avatars_blue--hover: #498CF7;
409
+ --vkui--color_avatars_blue--active: #4687EF;
410
+ --vkui--color_avatars_coral: #FEA4A4;
411
+ --vkui--color_avatars_coral--hover: #F49EA0;
412
+ --vkui--color_avatars_coral--active: #EA989C;
413
+ --vkui--color_avatars_green: #43CC4C;
414
+ --vkui--color_avatars_green--hover: #40C44B;
415
+ --vkui--color_avatars_green--active: #3EBD4B;
416
+ --vkui--color_avatars_indigo: #7772F8;
417
+ --vkui--color_avatars_indigo--hover: #726EF1;
418
+ --vkui--color_avatars_indigo--active: #6D6AE9;
419
+ --vkui--color_avatars_lavender: #D3B2FF;
420
+ --vkui--color_avatars_lavender--hover: #CBACF7;
421
+ --vkui--color_avatars_lavender--active: #C2A5EF;
422
+ --vkui--color_avatars_lime: #C3F07F;
423
+ --vkui--color_avatars_lime--hover: #BBE77C;
424
+ --vkui--color_avatars_lime--active: #B3DE7A;
425
+ --vkui--color_avatars_mint: #7BEADB;
426
+ --vkui--color_avatars_mint--hover: #76E1D5;
427
+ --vkui--color_avatars_mint--active: #71D9CE;
428
+ --vkui--color_avatars_orange: #F68E42;
429
+ --vkui--color_avatars_orange--hover: #EC8942;
430
+ --vkui--color_avatars_orange--active: #E28442;
431
+ --vkui--color_avatars_peach: #FFB980;
432
+ --vkui--color_avatars_peach--hover: #F5B27D;
433
+ --vkui--color_avatars_peach--active: #EBAB7B;
434
+ --vkui--color_avatars_red: #F55252;
435
+ --vkui--color_avatars_red--hover: #EB4F51;
436
+ --vkui--color_avatars_red--active: #E14D50;
437
+ --vkui--color_avatars_sea: #22CEEC;
438
+ --vkui--color_avatars_sea--hover: #21C6E5;
439
+ --vkui--color_avatars_sea--active: #1FBFDE;
440
+ --vkui--color_avatars_seagreen: #42D7A5;
441
+ --vkui--color_avatars_seagreen--hover: #3FCFA1;
442
+ --vkui--color_avatars_seagreen--active: #3DC79D;
443
+ --vkui--color_avatars_sky: #9EDBFF;
444
+ --vkui--color_avatars_sky--hover: #98D3F7;
445
+ --vkui--color_avatars_sky--active: #91CBEF;
446
+ --vkui--color_avatars_violet: #B884FF;
447
+ --vkui--color_avatars_violet--hover: #B17FF7;
448
+ --vkui--color_avatars_violet--active: #A97BEF;
449
+ --vkui--color_avatars_yellow: #FFD65C;
450
+ --vkui--color_avatars_yellow--hover: #F5CE5B;
451
+ --vkui--color_avatars_yellow--active: #EBC65A;
407
452
  --vkui--color_icon_negative_snackbar: #FF5C5C;
408
453
  --vkui--color_icon_negative_snackbar--hover: #F5595B;
409
454
  --vkui--color_icon_negative_snackbar--active: #EB565A;
455
+ --vkui--color_onboarding: #2979FA;
456
+ --vkui--color_onboarding--hover: #2775F2;
457
+ --vkui--color_onboarding--active: #2671EB;
458
+ --vkui--color_search_results_alpha: rgba(255, 241, 173, 0.48);
459
+ --vkui--color_search_results_alpha--hover: rgba(255, 241, 173, 0.52);
460
+ --vkui--color_search_results_alpha--active: rgba(255, 241, 173, 0.56);
410
461
  }