@vkontakte/vkui-tokens 4.54.0 → 4.54.1-dev-3ef202.0

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 (93) hide show
  1. package/package.json +1 -1
  2. package/themes/media/cssVars/declarations/index.css +29 -9
  3. package/themes/media/cssVars/declarations/noColors.css +9 -5
  4. package/themes/media/cssVars/declarations/noSizes.css +1 -1
  5. package/themes/media/cssVars/declarations/onlyMedia.css +20 -4
  6. package/themes/media/cssVars/declarations/onlyVariables.css +9 -5
  7. package/themes/media/cssVars/declarations/onlyVariables.js +2 -2
  8. package/themes/media/cssVars/declarations/onlyVariablesLocal.css +9 -5
  9. package/themes/media/cssVars/declarations/onlyVariablesLocalIncremental.css +9 -5
  10. package/themes/media/cssVars/theme/fallbacks/index.css +9 -5
  11. package/themes/media/cssVars/theme/fallbacks/index.less +9 -5
  12. package/themes/media/cssVars/theme/fallbacks/index.pcss +9 -5
  13. package/themes/media/cssVars/theme/fallbacks/index.scss +9 -5
  14. package/themes/media/cssVars/theme/fallbacks/index.styl +9 -5
  15. package/themes/media/cssVars/theme/index.js +21 -5
  16. package/themes/media/cssVars/theme/index.json +21 -5
  17. package/themes/media/index.css +9 -5
  18. package/themes/media/index.js +9 -5
  19. package/themes/media/index.json +9 -5
  20. package/themes/media/index.less +9 -5
  21. package/themes/media/index.pcss +9 -5
  22. package/themes/media/index.scss +9 -5
  23. package/themes/media/index.styl +9 -5
  24. package/themes/media/struct.json +9 -5
  25. package/themes/mediaDark/cssVars/declarations/index.css +29 -9
  26. package/themes/mediaDark/cssVars/declarations/noColors.css +9 -5
  27. package/themes/mediaDark/cssVars/declarations/noSizes.css +1 -1
  28. package/themes/mediaDark/cssVars/declarations/onlyMedia.css +20 -4
  29. package/themes/mediaDark/cssVars/declarations/onlyVariables.css +9 -5
  30. package/themes/mediaDark/cssVars/declarations/onlyVariables.js +2 -2
  31. package/themes/mediaDark/cssVars/declarations/onlyVariablesLocal.css +9 -5
  32. package/themes/mediaDark/cssVars/declarations/onlyVariablesLocalIncremental.css +9 -5
  33. package/themes/mediaDark/cssVars/theme/fallbacks/index.css +9 -5
  34. package/themes/mediaDark/cssVars/theme/fallbacks/index.less +9 -5
  35. package/themes/mediaDark/cssVars/theme/fallbacks/index.pcss +9 -5
  36. package/themes/mediaDark/cssVars/theme/fallbacks/index.scss +9 -5
  37. package/themes/mediaDark/cssVars/theme/fallbacks/index.styl +9 -5
  38. package/themes/mediaDark/cssVars/theme/index.js +21 -5
  39. package/themes/mediaDark/cssVars/theme/index.json +21 -5
  40. package/themes/mediaDark/index.css +9 -5
  41. package/themes/mediaDark/index.js +9 -5
  42. package/themes/mediaDark/index.json +9 -5
  43. package/themes/mediaDark/index.less +9 -5
  44. package/themes/mediaDark/index.pcss +9 -5
  45. package/themes/mediaDark/index.scss +9 -5
  46. package/themes/mediaDark/index.styl +9 -5
  47. package/themes/mediaDark/struct.json +9 -5
  48. package/themes/mycom/cssVars/declarations/index.css +29 -9
  49. package/themes/mycom/cssVars/declarations/noColors.css +9 -5
  50. package/themes/mycom/cssVars/declarations/noSizes.css +1 -1
  51. package/themes/mycom/cssVars/declarations/onlyMedia.css +20 -4
  52. package/themes/mycom/cssVars/declarations/onlyVariables.css +9 -5
  53. package/themes/mycom/cssVars/declarations/onlyVariables.js +2 -2
  54. package/themes/mycom/cssVars/declarations/onlyVariablesLocal.css +9 -5
  55. package/themes/mycom/cssVars/declarations/onlyVariablesLocalIncremental.css +9 -5
  56. package/themes/mycom/cssVars/theme/fallbacks/index.css +9 -5
  57. package/themes/mycom/cssVars/theme/fallbacks/index.less +9 -5
  58. package/themes/mycom/cssVars/theme/fallbacks/index.pcss +9 -5
  59. package/themes/mycom/cssVars/theme/fallbacks/index.scss +9 -5
  60. package/themes/mycom/cssVars/theme/fallbacks/index.styl +9 -5
  61. package/themes/mycom/cssVars/theme/index.js +21 -5
  62. package/themes/mycom/cssVars/theme/index.json +21 -5
  63. package/themes/mycom/index.css +9 -5
  64. package/themes/mycom/index.js +9 -5
  65. package/themes/mycom/index.json +9 -5
  66. package/themes/mycom/index.less +9 -5
  67. package/themes/mycom/index.pcss +9 -5
  68. package/themes/mycom/index.scss +9 -5
  69. package/themes/mycom/index.styl +9 -5
  70. package/themes/mycom/struct.json +9 -5
  71. package/themes/pharma/cssVars/declarations/index.css +29 -9
  72. package/themes/pharma/cssVars/declarations/noColors.css +9 -5
  73. package/themes/pharma/cssVars/declarations/noSizes.css +1 -1
  74. package/themes/pharma/cssVars/declarations/onlyMedia.css +20 -4
  75. package/themes/pharma/cssVars/declarations/onlyVariables.css +9 -5
  76. package/themes/pharma/cssVars/declarations/onlyVariables.js +2 -2
  77. package/themes/pharma/cssVars/declarations/onlyVariablesLocal.css +9 -5
  78. package/themes/pharma/cssVars/declarations/onlyVariablesLocalIncremental.css +9 -5
  79. package/themes/pharma/cssVars/theme/fallbacks/index.css +9 -5
  80. package/themes/pharma/cssVars/theme/fallbacks/index.less +9 -5
  81. package/themes/pharma/cssVars/theme/fallbacks/index.pcss +9 -5
  82. package/themes/pharma/cssVars/theme/fallbacks/index.scss +9 -5
  83. package/themes/pharma/cssVars/theme/fallbacks/index.styl +9 -5
  84. package/themes/pharma/cssVars/theme/index.js +21 -5
  85. package/themes/pharma/cssVars/theme/index.json +21 -5
  86. package/themes/pharma/index.css +9 -5
  87. package/themes/pharma/index.js +9 -5
  88. package/themes/pharma/index.json +9 -5
  89. package/themes/pharma/index.less +9 -5
  90. package/themes/pharma/index.pcss +9 -5
  91. package/themes/pharma/index.scss +9 -5
  92. package/themes/pharma/index.styl +9 -5
  93. package/themes/pharma/struct.json +9 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vkontakte/vkui-tokens",
3
- "version": "4.54.0",
3
+ "version": "4.54.1-dev-3ef202.0",
4
4
  "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
5
5
  "license": "MIT",
6
6
  "homepage": "https://vkcom.github.io/vkui-tokens",
package/themes/media/cssVars/declarations/index.css CHANGED
@@ -121,12 +121,16 @@
121
121
  --vkui--size_check_border_radius--regular: 4px;
122
122
  --vkui--size_border_radius_paper--regular: 4px;
123
123
  --vkui--size_border_radius_promo--regular: 20px;
124
- --vkui--size_field_height--regular: 48px;
124
+ --vkui--size_field_height--regular: 44px;
125
+ --vkui--size_field_height--compact: 36px;
125
126
  --vkui--size_search_height--regular: 36px;
126
127
  --vkui--size_search_height--compact: 32px;
127
- --vkui--size_button_large_height--regular: 48px;
128
- --vkui--size_button_medium_height--regular: 40px;
129
- --vkui--size_button_small_height--regular: 36px;
128
+ --vkui--size_button_large_height--regular: 44px;
129
+ --vkui--size_button_large_height--compact: 36px;
130
+ --vkui--size_button_medium_height--regular: 36px;
131
+ --vkui--size_button_medium_height--compact: 32px;
132
+ --vkui--size_button_small_height--regular: 30px;
133
+ --vkui--size_button_small_height--compact: 28px;
130
134
  --vkui--size_checkbox--regular: 16px;
131
135
  --vkui--size_arrow--regular: 8px;
132
136
  --vkui--size_arrow_promo--regular: 40px;
@@ -201,7 +205,7 @@
201
205
  --vkui--elevation1: 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08);
202
206
  --vkui--elevation1_invert_y: 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08);
203
207
  --vkui--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);
204
- --vkui--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);
208
+ --vkui--elevation3: 0px 16px 48px 0px rgba(0, 16, 61, 0.28);
205
209
  --vkui--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);
206
210
  --vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%;
207
211
  --vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%;
@@ -2148,11 +2152,11 @@
2148
2152
  --vkui--size_check_border_radius: 4px;
2149
2153
  --vkui--size_border_radius_paper: 4px;
2150
2154
  --vkui--size_border_radius_promo: 20px;
2151
- --vkui--size_field_height: 48px;
2155
+ --vkui--size_field_height: var(--vkui--size_field_height--regular);
2152
2156
  --vkui--size_search_height: var(--vkui--size_search_height--regular);
2153
- --vkui--size_button_large_height: 48px;
2154
- --vkui--size_button_medium_height: 40px;
2155
- --vkui--size_button_small_height: 36px;
2157
+ --vkui--size_button_large_height: var(--vkui--size_button_large_height--regular);
2158
+ --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--regular);
2159
+ --vkui--size_button_small_height: var(--vkui--size_button_small_height--regular);
2156
2160
  --vkui--size_checkbox: 16px;
2157
2161
  --vkui--size_arrow: 8px;
2158
2162
  --vkui--size_arrow_promo: 40px;
@@ -2463,7 +2467,11 @@
2463
2467
  --vkui--font_subhead--font_size: var(--vkui--font_subhead--font_size--compact);
2464
2468
  --vkui--font_subhead--line_height: var(--vkui--font_subhead--line_height--compact);
2465
2469
  --vkui--size_select_icon_padding: var(--vkui--size_select_icon_padding--compact);
2470
+ --vkui--size_field_height: var(--vkui--size_field_height--compact);
2466
2471
  --vkui--size_search_height: var(--vkui--size_search_height--compact);
2472
+ --vkui--size_button_large_height: var(--vkui--size_button_large_height--compact);
2473
+ --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--compact);
2474
+ --vkui--size_button_small_height: var(--vkui--size_button_small_height--compact);
2467
2475
  --vkui--size_icon_u_i: var(--vkui--size_icon_u_i--compact);
2468
2476
  --vkui--size_switch_height: var(--vkui--size_switch_height--compact);
2469
2477
  --vkui--size_switch_width: var(--vkui--size_switch_width--compact);
@@ -2584,7 +2592,11 @@
2584
2592
  --vkui--font_subhead--font_size: var(--vkui--font_subhead--font_size--compact);
2585
2593
  --vkui--font_subhead--line_height: var(--vkui--font_subhead--line_height--compact);
2586
2594
  --vkui--size_select_icon_padding: var(--vkui--size_select_icon_padding--compact);
2595
+ --vkui--size_field_height: var(--vkui--size_field_height--compact);
2587
2596
  --vkui--size_search_height: var(--vkui--size_search_height--compact);
2597
+ --vkui--size_button_large_height: var(--vkui--size_button_large_height--compact);
2598
+ --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--compact);
2599
+ --vkui--size_button_small_height: var(--vkui--size_button_small_height--compact);
2588
2600
  --vkui--size_icon_u_i: var(--vkui--size_icon_u_i--compact);
2589
2601
  --vkui--size_switch_height: var(--vkui--size_switch_height--compact);
2590
2602
  --vkui--size_switch_width: var(--vkui--size_switch_width--compact);
@@ -2732,7 +2744,11 @@
2732
2744
  --vkui--font_subhead--font_size: var(--vkui--font_subhead--font_size--regular);
2733
2745
  --vkui--font_subhead--line_height: var(--vkui--font_subhead--line_height--regular);
2734
2746
  --vkui--size_select_icon_padding: var(--vkui--size_select_icon_padding--regular);
2747
+ --vkui--size_field_height: var(--vkui--size_field_height--regular);
2735
2748
  --vkui--size_search_height: var(--vkui--size_search_height--regular);
2749
+ --vkui--size_button_large_height: var(--vkui--size_button_large_height--regular);
2750
+ --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--regular);
2751
+ --vkui--size_button_small_height: var(--vkui--size_button_small_height--regular);
2736
2752
  --vkui--size_icon_u_i: var(--vkui--size_icon_u_i--regular);
2737
2753
  --vkui--size_switch_height: var(--vkui--size_switch_height--regular);
2738
2754
  --vkui--size_switch_width: var(--vkui--size_switch_width--regular);
@@ -2880,7 +2896,11 @@
2880
2896
  --vkui--font_subhead--font_size: var(--vkui--font_subhead--font_size--regular);
2881
2897
  --vkui--font_subhead--line_height: var(--vkui--font_subhead--line_height--regular);
2882
2898
  --vkui--size_select_icon_padding: var(--vkui--size_select_icon_padding--regular);
2899
+ --vkui--size_field_height: var(--vkui--size_field_height--regular);
2883
2900
  --vkui--size_search_height: var(--vkui--size_search_height--regular);
2901
+ --vkui--size_button_large_height: var(--vkui--size_button_large_height--regular);
2902
+ --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--regular);
2903
+ --vkui--size_button_small_height: var(--vkui--size_button_small_height--regular);
2884
2904
  --vkui--size_icon_u_i: var(--vkui--size_icon_u_i--regular);
2885
2905
  --vkui--size_switch_height: var(--vkui--size_switch_height--regular);
2886
2906
  --vkui--size_switch_width: var(--vkui--size_switch_width--regular);
package/themes/media/cssVars/declarations/noColors.css CHANGED
@@ -121,12 +121,16 @@
121
121
  --vkui--size_check_border_radius--regular: 4px;
122
122
  --vkui--size_border_radius_paper--regular: 4px;
123
123
  --vkui--size_border_radius_promo--regular: 20px;
124
- --vkui--size_field_height--regular: 48px;
124
+ --vkui--size_field_height--regular: 44px;
125
+ --vkui--size_field_height--compact: 36px;
125
126
  --vkui--size_search_height--regular: 36px;
126
127
  --vkui--size_search_height--compact: 32px;
127
- --vkui--size_button_large_height--regular: 48px;
128
- --vkui--size_button_medium_height--regular: 40px;
129
- --vkui--size_button_small_height--regular: 36px;
128
+ --vkui--size_button_large_height--regular: 44px;
129
+ --vkui--size_button_large_height--compact: 36px;
130
+ --vkui--size_button_medium_height--regular: 36px;
131
+ --vkui--size_button_medium_height--compact: 32px;
132
+ --vkui--size_button_small_height--regular: 30px;
133
+ --vkui--size_button_small_height--compact: 28px;
130
134
  --vkui--size_checkbox--regular: 16px;
131
135
  --vkui--size_arrow--regular: 8px;
132
136
  --vkui--size_arrow_promo--regular: 40px;
@@ -201,7 +205,7 @@
201
205
  --vkui--elevation1: 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08);
202
206
  --vkui--elevation1_invert_y: 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08);
203
207
  --vkui--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);
204
- --vkui--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);
208
+ --vkui--elevation3: 0px 16px 48px 0px rgba(0, 16, 61, 0.28);
205
209
  --vkui--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);
206
210
  --vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%;
207
211
  --vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%;
package/themes/media/cssVars/declarations/noSizes.css CHANGED
@@ -13,7 +13,7 @@
13
13
  --vkui--elevation1: 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08);
14
14
  --vkui--elevation1_invert_y: 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08);
15
15
  --vkui--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);
16
- --vkui--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);
16
+ --vkui--elevation3: 0px 16px 48px 0px rgba(0, 16, 61, 0.28);
17
17
  --vkui--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);
18
18
  --vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%;
19
19
  --vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%;
package/themes/media/cssVars/declarations/onlyMedia.css CHANGED
@@ -95,11 +95,11 @@
95
95
  --vkui--size_check_border_radius: 4px;
96
96
  --vkui--size_border_radius_paper: 4px;
97
97
  --vkui--size_border_radius_promo: 20px;
98
- --vkui--size_field_height: 48px;
98
+ --vkui--size_field_height: var(--vkui--size_field_height--regular);
99
99
  --vkui--size_search_height: var(--vkui--size_search_height--regular);
100
- --vkui--size_button_large_height: 48px;
101
- --vkui--size_button_medium_height: 40px;
102
- --vkui--size_button_small_height: 36px;
100
+ --vkui--size_button_large_height: var(--vkui--size_button_large_height--regular);
101
+ --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--regular);
102
+ --vkui--size_button_small_height: var(--vkui--size_button_small_height--regular);
103
103
  --vkui--size_checkbox: 16px;
104
104
  --vkui--size_arrow: 8px;
105
105
  --vkui--size_arrow_promo: 40px;
@@ -410,7 +410,11 @@
410
410
  --vkui--font_subhead--font_size: var(--vkui--font_subhead--font_size--compact);
411
411
  --vkui--font_subhead--line_height: var(--vkui--font_subhead--line_height--compact);
412
412
  --vkui--size_select_icon_padding: var(--vkui--size_select_icon_padding--compact);
413
+ --vkui--size_field_height: var(--vkui--size_field_height--compact);
413
414
  --vkui--size_search_height: var(--vkui--size_search_height--compact);
415
+ --vkui--size_button_large_height: var(--vkui--size_button_large_height--compact);
416
+ --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--compact);
417
+ --vkui--size_button_small_height: var(--vkui--size_button_small_height--compact);
414
418
  --vkui--size_icon_u_i: var(--vkui--size_icon_u_i--compact);
415
419
  --vkui--size_switch_height: var(--vkui--size_switch_height--compact);
416
420
  --vkui--size_switch_width: var(--vkui--size_switch_width--compact);
@@ -531,7 +535,11 @@
531
535
  --vkui--font_subhead--font_size: var(--vkui--font_subhead--font_size--compact);
532
536
  --vkui--font_subhead--line_height: var(--vkui--font_subhead--line_height--compact);
533
537
  --vkui--size_select_icon_padding: var(--vkui--size_select_icon_padding--compact);
538
+ --vkui--size_field_height: var(--vkui--size_field_height--compact);
534
539
  --vkui--size_search_height: var(--vkui--size_search_height--compact);
540
+ --vkui--size_button_large_height: var(--vkui--size_button_large_height--compact);
541
+ --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--compact);
542
+ --vkui--size_button_small_height: var(--vkui--size_button_small_height--compact);
535
543
  --vkui--size_icon_u_i: var(--vkui--size_icon_u_i--compact);
536
544
  --vkui--size_switch_height: var(--vkui--size_switch_height--compact);
537
545
  --vkui--size_switch_width: var(--vkui--size_switch_width--compact);
@@ -679,7 +687,11 @@
679
687
  --vkui--font_subhead--font_size: var(--vkui--font_subhead--font_size--regular);
680
688
  --vkui--font_subhead--line_height: var(--vkui--font_subhead--line_height--regular);
681
689
  --vkui--size_select_icon_padding: var(--vkui--size_select_icon_padding--regular);
690
+ --vkui--size_field_height: var(--vkui--size_field_height--regular);
682
691
  --vkui--size_search_height: var(--vkui--size_search_height--regular);
692
+ --vkui--size_button_large_height: var(--vkui--size_button_large_height--regular);
693
+ --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--regular);
694
+ --vkui--size_button_small_height: var(--vkui--size_button_small_height--regular);
683
695
  --vkui--size_icon_u_i: var(--vkui--size_icon_u_i--regular);
684
696
  --vkui--size_switch_height: var(--vkui--size_switch_height--regular);
685
697
  --vkui--size_switch_width: var(--vkui--size_switch_width--regular);
@@ -827,7 +839,11 @@
827
839
  --vkui--font_subhead--font_size: var(--vkui--font_subhead--font_size--regular);
828
840
  --vkui--font_subhead--line_height: var(--vkui--font_subhead--line_height--regular);
829
841
  --vkui--size_select_icon_padding: var(--vkui--size_select_icon_padding--regular);
842
+ --vkui--size_field_height: var(--vkui--size_field_height--regular);
830
843
  --vkui--size_search_height: var(--vkui--size_search_height--regular);
844
+ --vkui--size_button_large_height: var(--vkui--size_button_large_height--regular);
845
+ --vkui--size_button_medium_height: var(--vkui--size_button_medium_height--regular);
846
+ --vkui--size_button_small_height: var(--vkui--size_button_small_height--regular);
831
847
  --vkui--size_icon_u_i: var(--vkui--size_icon_u_i--regular);
832
848
  --vkui--size_switch_height: var(--vkui--size_switch_height--regular);
833
849
  --vkui--size_switch_width: var(--vkui--size_switch_width--regular);
package/themes/media/cssVars/declarations/onlyVariables.css CHANGED
@@ -121,12 +121,16 @@
121
121
  --vkui--size_check_border_radius--regular: 4px;
122
122
  --vkui--size_border_radius_paper--regular: 4px;
123
123
  --vkui--size_border_radius_promo--regular: 20px;
124
- --vkui--size_field_height--regular: 48px;
124
+ --vkui--size_field_height--regular: 44px;
125
+ --vkui--size_field_height--compact: 36px;
125
126
  --vkui--size_search_height--regular: 36px;
126
127
  --vkui--size_search_height--compact: 32px;
127
- --vkui--size_button_large_height--regular: 48px;
128
- --vkui--size_button_medium_height--regular: 40px;
129
- --vkui--size_button_small_height--regular: 36px;
128
+ --vkui--size_button_large_height--regular: 44px;
129
+ --vkui--size_button_large_height--compact: 36px;
130
+ --vkui--size_button_medium_height--regular: 36px;
131
+ --vkui--size_button_medium_height--compact: 32px;
132
+ --vkui--size_button_small_height--regular: 30px;
133
+ --vkui--size_button_small_height--compact: 28px;
130
134
  --vkui--size_checkbox--regular: 16px;
131
135
  --vkui--size_arrow--regular: 8px;
132
136
  --vkui--size_arrow_promo--regular: 40px;
@@ -201,7 +205,7 @@
201
205
  --vkui--elevation1: 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08);
202
206
  --vkui--elevation1_invert_y: 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08);
203
207
  --vkui--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);
204
- --vkui--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);
208
+ --vkui--elevation3: 0px 16px 48px 0px rgba(0, 16, 61, 0.28);
205
209
  --vkui--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);
206
210
  --vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%;
207
211
  --vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%;