@vkontakte/vkui-tokens 4.82.0 → 4.84.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/legoAndroid/cssVars/declarations/index.css +5 -5
  3. package/themes/legoAndroid/cssVars/declarations/noSizes.css +5 -5
  4. package/themes/legoAndroid/cssVars/declarations/onlyColors.css +5 -5
  5. package/themes/legoAndroid/cssVars/declarations/onlyColors.js +1 -1
  6. package/themes/legoAndroid/cssVars/declarations/onlyVariables.css +5 -5
  7. package/themes/legoAndroid/cssVars/declarations/onlyVariables.js +1 -1
  8. package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocal.css +5 -5
  9. package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +5 -2
  10. package/themes/legoAndroid/cssVars/theme/fallbacks/index.css +5 -5
  11. package/themes/legoAndroid/cssVars/theme/fallbacks/index.less +5 -5
  12. package/themes/legoAndroid/cssVars/theme/fallbacks/index.pcss +5 -5
  13. package/themes/legoAndroid/cssVars/theme/fallbacks/index.scss +5 -5
  14. package/themes/legoAndroid/cssVars/theme/fallbacks/index.styl +5 -5
  15. package/themes/legoAndroid/cssVars/theme/index.js +1 -1
  16. package/themes/legoAndroid/cssVars/theme/index.json +5 -5
  17. package/themes/legoAndroid/index.css +5 -5
  18. package/themes/legoAndroid/index.js +1 -1
  19. package/themes/legoAndroid/index.json +5 -5
  20. package/themes/legoAndroid/index.less +5 -5
  21. package/themes/legoAndroid/index.pcss +5 -5
  22. package/themes/legoAndroid/index.scss +5 -5
  23. package/themes/legoAndroid/index.styl +5 -5
  24. package/themes/legoAndroid/struct.json +5 -5
  25. package/themes/legoAndroidDark/cssVars/declarations/index.css +5 -5
  26. package/themes/legoAndroidDark/cssVars/declarations/noSizes.css +5 -5
  27. package/themes/legoAndroidDark/cssVars/declarations/onlyColors.css +5 -5
  28. package/themes/legoAndroidDark/cssVars/declarations/onlyColors.js +1 -1
  29. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.css +5 -5
  30. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.js +1 -1
  31. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocal.css +5 -5
  32. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +5 -2
  33. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.css +5 -5
  34. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.less +5 -5
  35. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.pcss +5 -5
  36. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.scss +5 -5
  37. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.styl +5 -5
  38. package/themes/legoAndroidDark/cssVars/theme/index.js +1 -1
  39. package/themes/legoAndroidDark/cssVars/theme/index.json +5 -5
  40. package/themes/legoAndroidDark/index.css +5 -5
  41. package/themes/legoAndroidDark/index.js +1 -1
  42. package/themes/legoAndroidDark/index.json +5 -5
  43. package/themes/legoAndroidDark/index.less +5 -5
  44. package/themes/legoAndroidDark/index.pcss +5 -5
  45. package/themes/legoAndroidDark/index.scss +5 -5
  46. package/themes/legoAndroidDark/index.styl +5 -5
  47. package/themes/legoAndroidDark/struct.json +5 -5
  48. package/themes/legoIOS/cssVars/declarations/index.css +5 -5
  49. package/themes/legoIOS/cssVars/declarations/noSizes.css +5 -5
  50. package/themes/legoIOS/cssVars/declarations/onlyColors.css +5 -5
  51. package/themes/legoIOS/cssVars/declarations/onlyColors.js +1 -1
  52. package/themes/legoIOS/cssVars/declarations/onlyVariables.css +5 -5
  53. package/themes/legoIOS/cssVars/declarations/onlyVariables.js +1 -1
  54. package/themes/legoIOS/cssVars/declarations/onlyVariablesLocal.css +5 -5
  55. package/themes/legoIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +5 -2
  56. package/themes/legoIOS/cssVars/theme/fallbacks/index.css +5 -5
  57. package/themes/legoIOS/cssVars/theme/fallbacks/index.less +5 -5
  58. package/themes/legoIOS/cssVars/theme/fallbacks/index.pcss +5 -5
  59. package/themes/legoIOS/cssVars/theme/fallbacks/index.scss +5 -5
  60. package/themes/legoIOS/cssVars/theme/fallbacks/index.styl +5 -5
  61. package/themes/legoIOS/cssVars/theme/index.js +1 -1
  62. package/themes/legoIOS/cssVars/theme/index.json +5 -5
  63. package/themes/legoIOS/index.css +5 -5
  64. package/themes/legoIOS/index.js +1 -1
  65. package/themes/legoIOS/index.json +5 -5
  66. package/themes/legoIOS/index.less +5 -5
  67. package/themes/legoIOS/index.pcss +5 -5
  68. package/themes/legoIOS/index.scss +5 -5
  69. package/themes/legoIOS/index.styl +5 -5
  70. package/themes/legoIOS/struct.json +5 -5
  71. package/themes/legoIOSDark/cssVars/declarations/index.css +5 -5
  72. package/themes/legoIOSDark/cssVars/declarations/noSizes.css +5 -5
  73. package/themes/legoIOSDark/cssVars/declarations/onlyColors.css +5 -5
  74. package/themes/legoIOSDark/cssVars/declarations/onlyColors.js +1 -1
  75. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.css +5 -5
  76. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.js +1 -1
  77. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocal.css +5 -5
  78. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +5 -2
  79. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.css +5 -5
  80. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.less +5 -5
  81. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.pcss +5 -5
  82. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.scss +5 -5
  83. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.styl +5 -5
  84. package/themes/legoIOSDark/cssVars/theme/index.js +1 -1
  85. package/themes/legoIOSDark/cssVars/theme/index.json +5 -5
  86. package/themes/legoIOSDark/index.css +5 -5
  87. package/themes/legoIOSDark/index.js +1 -1
  88. package/themes/legoIOSDark/index.json +5 -5
  89. package/themes/legoIOSDark/index.less +5 -5
  90. package/themes/legoIOSDark/index.pcss +5 -5
  91. package/themes/legoIOSDark/index.scss +5 -5
  92. package/themes/legoIOSDark/index.styl +5 -5
  93. package/themes/legoIOSDark/struct.json +5 -5
package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocal.css CHANGED
@@ -518,8 +518,8 @@
518
518
  --vkui--color_image_border_alpha--hover: rgba(51, 51, 51, 0.2);
519
519
  --vkui--color_image_border_alpha--active: rgba(51, 51, 51, 0.24);
520
520
  --vkui--color_field_border_alpha: #3333330a;
521
- --vkui--color_field_border_alpha--hover: rgba(51, 51, 51, 0.08);
522
- --vkui--color_field_border_alpha--active: rgba(51, 51, 51, 0.12);
521
+ --vkui--color_field_border_alpha--hover: #3333333d;
522
+ --vkui--color_field_border_alpha--active: #3333335b;
523
523
  --vkui--color_accent_blue: #2e90ff;
524
524
  --vkui--color_accent_blue--hover: #2C8BF7;
525
525
  --vkui--color_accent_blue--active: #2A86EF;
@@ -631,9 +631,9 @@
631
631
  --vkui--color_tabbar_text_inactive: #99a2ad;
632
632
  --vkui--color_tabbar_text_inactive--hover: #939CA9;
633
633
  --vkui--color_tabbar_text_inactive--active: #8D96A4;
634
- --vkui--color_transparent: transparent;
635
- --vkui--color_transparent--hover: rgba(0, 16, 61, 0.04);
636
- --vkui--color_transparent--active: rgba(0, 16, 61, 0.08);
634
+ --vkui--color_transparent: #00000000;
635
+ --vkui--color_transparent--hover: rgba(0, 0, 0, 0.04);
636
+ --vkui--color_transparent--active: rgba(0, 0, 0, 0.08);
637
637
  --vkui--color_background_inverse: #262626;
638
638
  --vkui--color_background_inverse--hover: #242527;
639
639
  --vkui--color_background_inverse--active: #232428;
package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css CHANGED
@@ -274,8 +274,8 @@
274
274
  --vkui--color_image_border_alpha--hover: rgba(51, 51, 51, 0.2);
275
275
  --vkui--color_image_border_alpha--active: rgba(51, 51, 51, 0.24);
276
276
  --vkui--color_field_border_alpha: #3333330a;
277
- --vkui--color_field_border_alpha--hover: rgba(51, 51, 51, 0.08);
278
- --vkui--color_field_border_alpha--active: rgba(51, 51, 51, 0.12);
277
+ --vkui--color_field_border_alpha--hover: #3333333d;
278
+ --vkui--color_field_border_alpha--active: #3333335b;
279
279
  --vkui--color_accent_blue: #2e90ff;
280
280
  --vkui--color_accent_blue--hover: #2C8BF7;
281
281
  --vkui--color_accent_blue--active: #2A86EF;
@@ -309,6 +309,9 @@
309
309
  --vkui--color_write_bar_input_border_alpha: #ddff00;
310
310
  --vkui--color_write_bar_input_border_alpha--hover: #D4F502;
311
311
  --vkui--color_write_bar_input_border_alpha--active: #CBEC05;
312
+ --vkui--color_transparent: #00000000;
313
+ --vkui--color_transparent--hover: rgba(0, 0, 0, 0.04);
314
+ --vkui--color_transparent--active: rgba(0, 0, 0, 0.08);
312
315
  --vkui--color_background_inverse: #262626;
313
316
  --vkui--color_background_inverse--hover: #242527;
314
317
  --vkui--color_background_inverse--active: #232428;
package/themes/legoAndroid/cssVars/theme/fallbacks/index.css CHANGED
@@ -518,8 +518,8 @@
518
518
  --vkui--color_image_border_alpha--hover: var(--vkui--color_image_border_alpha--hover, rgba(51, 51, 51, 0.2));
519
519
  --vkui--color_image_border_alpha--active: var(--vkui--color_image_border_alpha--active, rgba(51, 51, 51, 0.24));
520
520
  --vkui--color_field_border_alpha: var(--vkui--color_field_border_alpha, #3333330a);
521
- --vkui--color_field_border_alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(51, 51, 51, 0.08));
522
- --vkui--color_field_border_alpha--active: var(--vkui--color_field_border_alpha--active, rgba(51, 51, 51, 0.12));
521
+ --vkui--color_field_border_alpha--hover: var(--vkui--color_field_border_alpha--hover, #3333333d);
522
+ --vkui--color_field_border_alpha--active: var(--vkui--color_field_border_alpha--active, #3333335b);
523
523
  --vkui--color_accent_blue: var(--vkui--color_accent_blue, #2e90ff);
524
524
  --vkui--color_accent_blue--hover: var(--vkui--color_accent_blue--hover, #2C8BF7);
525
525
  --vkui--color_accent_blue--active: var(--vkui--color_accent_blue--active, #2A86EF);
@@ -631,9 +631,9 @@
631
631
  --vkui--color_tabbar_text_inactive: var(--vkui--color_tabbar_text_inactive, #99a2ad);
632
632
  --vkui--color_tabbar_text_inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #939CA9);
633
633
  --vkui--color_tabbar_text_inactive--active: var(--vkui--color_tabbar_text_inactive--active, #8D96A4);
634
- --vkui--color_transparent: var(--vkui--color_transparent, transparent);
635
- --vkui--color_transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04));
636
- --vkui--color_transparent--active: var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08));
634
+ --vkui--color_transparent: var(--vkui--color_transparent, #00000000);
635
+ --vkui--color_transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
636
+ --vkui--color_transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
637
637
  --vkui--color_background_inverse: var(--vkui--color_background_inverse, #262626);
638
638
  --vkui--color_background_inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
639
639
  --vkui--color_background_inverse--active: var(--vkui--color_background_inverse--active, #232428);
package/themes/legoAndroid/cssVars/theme/fallbacks/index.less CHANGED
@@ -386,8 +386,8 @@
386
386
  @color-image-border-alpha--hover: var(--vkui--color_image_border_alpha--hover, rgba(51, 51, 51, 0.2));
387
387
  @color-image-border-alpha--active: var(--vkui--color_image_border_alpha--active, rgba(51, 51, 51, 0.24));
388
388
  @color-field-border-alpha: var(--vkui--color_field_border_alpha, #3333330a);
389
- @color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(51, 51, 51, 0.08));
390
- @color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, rgba(51, 51, 51, 0.12));
389
+ @color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, #3333333d);
390
+ @color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, #3333335b);
391
391
  @color-accent-blue: var(--vkui--color_accent_blue, #2e90ff);
392
392
  @color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #2C8BF7);
393
393
  @color-accent-blue--active: var(--vkui--color_accent_blue--active, #2A86EF);
@@ -499,9 +499,9 @@
499
499
  @color-tabbar-text-inactive: var(--vkui--color_tabbar_text_inactive, #99a2ad);
500
500
  @color-tabbar-text-inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #939CA9);
501
501
  @color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--active, #8D96A4);
502
- @color-transparent: var(--vkui--color_transparent, transparent);
503
- @color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04));
504
- @color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08));
502
+ @color-transparent: var(--vkui--color_transparent, #00000000);
503
+ @color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
504
+ @color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
505
505
  @color-background-inverse: var(--vkui--color_background_inverse, #262626);
506
506
  @color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
507
507
  @color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
package/themes/legoAndroid/cssVars/theme/fallbacks/index.pcss CHANGED
@@ -387,8 +387,8 @@
387
387
  --color-image-border-alpha--hover: var(--vkui--color_image_border_alpha--hover, rgba(51, 51, 51, 0.2));
388
388
  --color-image-border-alpha--active: var(--vkui--color_image_border_alpha--active, rgba(51, 51, 51, 0.24));
389
389
  --color-field-border-alpha: var(--vkui--color_field_border_alpha, #3333330a);
390
- --color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(51, 51, 51, 0.08));
391
- --color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, rgba(51, 51, 51, 0.12));
390
+ --color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, #3333333d);
391
+ --color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, #3333335b);
392
392
  --color-accent-blue: var(--vkui--color_accent_blue, #2e90ff);
393
393
  --color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #2C8BF7);
394
394
  --color-accent-blue--active: var(--vkui--color_accent_blue--active, #2A86EF);
@@ -500,9 +500,9 @@
500
500
  --color-tabbar-text-inactive: var(--vkui--color_tabbar_text_inactive, #99a2ad);
501
501
  --color-tabbar-text-inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #939CA9);
502
502
  --color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--active, #8D96A4);
503
- --color-transparent: var(--vkui--color_transparent, transparent);
504
- --color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04));
505
- --color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08));
503
+ --color-transparent: var(--vkui--color_transparent, #00000000);
504
+ --color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
505
+ --color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
506
506
  --color-background-inverse: var(--vkui--color_background_inverse, #262626);
507
507
  --color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
508
508
  --color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
package/themes/legoAndroid/cssVars/theme/fallbacks/index.scss CHANGED
@@ -386,8 +386,8 @@ $color-image-border-alpha: var(--vkui--color_image_border_alpha, #33333328);
386
386
  $color-image-border-alpha--hover: var(--vkui--color_image_border_alpha--hover, rgba(51, 51, 51, 0.2));
387
387
  $color-image-border-alpha--active: var(--vkui--color_image_border_alpha--active, rgba(51, 51, 51, 0.24));
388
388
  $color-field-border-alpha: var(--vkui--color_field_border_alpha, #3333330a);
389
- $color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(51, 51, 51, 0.08));
390
- $color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, rgba(51, 51, 51, 0.12));
389
+ $color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, #3333333d);
390
+ $color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, #3333335b);
391
391
  $color-accent-blue: var(--vkui--color_accent_blue, #2e90ff);
392
392
  $color-accent-blue--hover: var(--vkui--color_accent_blue--hover, #2C8BF7);
393
393
  $color-accent-blue--active: var(--vkui--color_accent_blue--active, #2A86EF);
@@ -499,9 +499,9 @@ $color-segmented-control--active: var(--vkui--color_segmented_control--active, #
499
499
  $color-tabbar-text-inactive: var(--vkui--color_tabbar_text_inactive, #99a2ad);
500
500
  $color-tabbar-text-inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #939CA9);
501
501
  $color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--active, #8D96A4);
502
- $color-transparent: var(--vkui--color_transparent, transparent);
503
- $color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04));
504
- $color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08));
502
+ $color-transparent: var(--vkui--color_transparent, #00000000);
503
+ $color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
504
+ $color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
505
505
  $color-background-inverse: var(--vkui--color_background_inverse, #262626);
506
506
  $color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
507
507
  $color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
package/themes/legoAndroid/cssVars/theme/fallbacks/index.styl CHANGED
@@ -386,8 +386,8 @@ $color-image-border-alpha = var(--vkui--color_image_border_alpha, #33333328);
386
386
  $color-image-border-alpha--hover = var(--vkui--color_image_border_alpha--hover, rgba(51, 51, 51, 0.2));
387
387
  $color-image-border-alpha--active = var(--vkui--color_image_border_alpha--active, rgba(51, 51, 51, 0.24));
388
388
  $color-field-border-alpha = var(--vkui--color_field_border_alpha, #3333330a);
389
- $color-field-border-alpha--hover = var(--vkui--color_field_border_alpha--hover, rgba(51, 51, 51, 0.08));
390
- $color-field-border-alpha--active = var(--vkui--color_field_border_alpha--active, rgba(51, 51, 51, 0.12));
389
+ $color-field-border-alpha--hover = var(--vkui--color_field_border_alpha--hover, #3333333d);
390
+ $color-field-border-alpha--active = var(--vkui--color_field_border_alpha--active, #3333335b);
391
391
  $color-accent-blue = var(--vkui--color_accent_blue, #2e90ff);
392
392
  $color-accent-blue--hover = var(--vkui--color_accent_blue--hover, #2C8BF7);
393
393
  $color-accent-blue--active = var(--vkui--color_accent_blue--active, #2A86EF);
@@ -499,9 +499,9 @@ $color-segmented-control--active = var(--vkui--color_segmented_control--active,
499
499
  $color-tabbar-text-inactive = var(--vkui--color_tabbar_text_inactive, #99a2ad);
500
500
  $color-tabbar-text-inactive--hover = var(--vkui--color_tabbar_text_inactive--hover, #939CA9);
501
501
  $color-tabbar-text-inactive--active = var(--vkui--color_tabbar_text_inactive--active, #8D96A4);
502
- $color-transparent = var(--vkui--color_transparent, transparent);
503
- $color-transparent--hover = var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04));
504
- $color-transparent--active = var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08));
502
+ $color-transparent = var(--vkui--color_transparent, #00000000);
503
+ $color-transparent--hover = var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
504
+ $color-transparent--active = var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
505
505
  $color-background-inverse = var(--vkui--color_background_inverse, #262626);
506
506
  $color-background-inverse--hover = var(--vkui--color_background_inverse--hover, #242527);
507
507
  $color-background-inverse--active = var(--vkui--color_background_inverse--active, #232428);