@vkontakte/vkui-tokens 4.43.1 → 4.43.2-dev-78ebf3.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 (102) hide show
  1. package/interfaces/themes/media/index.d.ts +149 -11
  2. package/package.json +1 -1
  3. package/themes/media/cssVars/declarations/index.css +765 -686
  4. package/themes/media/cssVars/declarations/noColors.css +447 -437
  5. package/themes/media/cssVars/declarations/noSizes.css +20 -32
  6. package/themes/media/cssVars/declarations/onlyAdaptiveGroups.css +62 -38
  7. package/themes/media/cssVars/declarations/onlyMedia.css +256 -211
  8. package/themes/media/cssVars/declarations/onlyVariables.css +152 -132
  9. package/themes/media/cssVars/declarations/onlyVariables.js +2 -2
  10. package/themes/media/cssVars/declarations/onlyVariablesLocal.css +152 -132
  11. package/themes/media/cssVars/declarations/onlyVariablesLocalIncremental.css +152 -132
  12. package/themes/media/cssVars/theme/fallbacks/index.css +456 -446
  13. package/themes/media/cssVars/theme/fallbacks/index.less +194 -215
  14. package/themes/media/cssVars/theme/fallbacks/index.pcss +194 -215
  15. package/themes/media/cssVars/theme/fallbacks/index.scss +433 -491
  16. package/themes/media/cssVars/theme/fallbacks/index.styl +194 -215
  17. package/themes/media/cssVars/theme/index.js +666 -516
  18. package/themes/media/cssVars/theme/index.json +666 -516
  19. package/themes/media/docs.json +318 -91
  20. package/themes/media/index.css +447 -437
  21. package/themes/media/index.js +201 -177
  22. package/themes/media/index.json +201 -177
  23. package/themes/media/index.less +176 -197
  24. package/themes/media/index.pcss +176 -197
  25. package/themes/media/index.scss +402 -460
  26. package/themes/media/index.styl +176 -197
  27. package/themes/media/struct.json +207 -183
  28. package/themes/mediaDark/cssVars/declarations/index.css +765 -686
  29. package/themes/mediaDark/cssVars/declarations/noColors.css +447 -437
  30. package/themes/mediaDark/cssVars/declarations/noSizes.css +20 -32
  31. package/themes/mediaDark/cssVars/declarations/onlyAdaptiveGroups.css +62 -38
  32. package/themes/mediaDark/cssVars/declarations/onlyMedia.css +256 -211
  33. package/themes/mediaDark/cssVars/declarations/onlyVariables.css +152 -132
  34. package/themes/mediaDark/cssVars/declarations/onlyVariables.js +2 -2
  35. package/themes/mediaDark/cssVars/declarations/onlyVariablesLocal.css +152 -132
  36. package/themes/mediaDark/cssVars/declarations/onlyVariablesLocalIncremental.css +152 -132
  37. package/themes/mediaDark/cssVars/theme/fallbacks/index.css +456 -446
  38. package/themes/mediaDark/cssVars/theme/fallbacks/index.less +194 -215
  39. package/themes/mediaDark/cssVars/theme/fallbacks/index.pcss +194 -215
  40. package/themes/mediaDark/cssVars/theme/fallbacks/index.scss +433 -491
  41. package/themes/mediaDark/cssVars/theme/fallbacks/index.styl +194 -215
  42. package/themes/mediaDark/cssVars/theme/index.js +666 -516
  43. package/themes/mediaDark/cssVars/theme/index.json +666 -516
  44. package/themes/mediaDark/docs.json +318 -91
  45. package/themes/mediaDark/index.css +447 -437
  46. package/themes/mediaDark/index.js +201 -177
  47. package/themes/mediaDark/index.json +201 -177
  48. package/themes/mediaDark/index.less +176 -197
  49. package/themes/mediaDark/index.pcss +176 -197
  50. package/themes/mediaDark/index.scss +402 -460
  51. package/themes/mediaDark/index.styl +176 -197
  52. package/themes/mediaDark/struct.json +207 -183
  53. package/themes/mycom/cssVars/declarations/index.css +732 -653
  54. package/themes/mycom/cssVars/declarations/noColors.css +417 -407
  55. package/themes/mycom/cssVars/declarations/noSizes.css +350 -124
  56. package/themes/mycom/cssVars/declarations/onlyAdaptiveGroups.css +62 -38
  57. package/themes/mycom/cssVars/declarations/onlyMedia.css +253 -208
  58. package/themes/mycom/cssVars/declarations/onlyVariables.css +143 -123
  59. package/themes/mycom/cssVars/declarations/onlyVariables.js +2 -2
  60. package/themes/mycom/cssVars/declarations/onlyVariablesLocal.css +143 -123
  61. package/themes/mycom/cssVars/declarations/onlyVariablesLocalIncremental.css +143 -123
  62. package/themes/mycom/cssVars/theme/fallbacks/index.css +427 -417
  63. package/themes/mycom/cssVars/theme/fallbacks/index.less +184 -205
  64. package/themes/mycom/cssVars/theme/fallbacks/index.pcss +184 -205
  65. package/themes/mycom/cssVars/theme/fallbacks/index.scss +409 -467
  66. package/themes/mycom/cssVars/theme/fallbacks/index.styl +184 -205
  67. package/themes/mycom/cssVars/theme/index.js +657 -507
  68. package/themes/mycom/cssVars/theme/index.json +657 -507
  69. package/themes/mycom/docs.json +318 -91
  70. package/themes/mycom/index.css +417 -407
  71. package/themes/mycom/index.js +189 -165
  72. package/themes/mycom/index.json +189 -165
  73. package/themes/mycom/index.less +164 -185
  74. package/themes/mycom/index.pcss +164 -185
  75. package/themes/mycom/index.scss +371 -429
  76. package/themes/mycom/index.styl +164 -185
  77. package/themes/mycom/struct.json +199 -175
  78. package/themes/pharma/cssVars/declarations/index.css +765 -686
  79. package/themes/pharma/cssVars/declarations/noColors.css +447 -437
  80. package/themes/pharma/cssVars/declarations/noSizes.css +356 -130
  81. package/themes/pharma/cssVars/declarations/onlyAdaptiveGroups.css +62 -38
  82. package/themes/pharma/cssVars/declarations/onlyMedia.css +256 -211
  83. package/themes/pharma/cssVars/declarations/onlyVariables.css +152 -132
  84. package/themes/pharma/cssVars/declarations/onlyVariables.js +2 -2
  85. package/themes/pharma/cssVars/declarations/onlyVariablesLocal.css +152 -132
  86. package/themes/pharma/cssVars/declarations/onlyVariablesLocalIncremental.css +152 -132
  87. package/themes/pharma/cssVars/theme/fallbacks/index.css +456 -446
  88. package/themes/pharma/cssVars/theme/fallbacks/index.less +194 -215
  89. package/themes/pharma/cssVars/theme/fallbacks/index.pcss +194 -215
  90. package/themes/pharma/cssVars/theme/fallbacks/index.scss +433 -491
  91. package/themes/pharma/cssVars/theme/fallbacks/index.styl +194 -215
  92. package/themes/pharma/cssVars/theme/index.js +666 -516
  93. package/themes/pharma/cssVars/theme/index.json +666 -516
  94. package/themes/pharma/docs.json +318 -91
  95. package/themes/pharma/index.css +447 -437
  96. package/themes/pharma/index.js +201 -177
  97. package/themes/pharma/index.json +201 -177
  98. package/themes/pharma/index.less +176 -197
  99. package/themes/pharma/index.pcss +176 -197
  100. package/themes/pharma/index.scss +402 -460
  101. package/themes/pharma/index.styl +176 -197
  102. package/themes/pharma/struct.json +207 -183
@@ -5,20 +5,72 @@ import { Font } from '../../general/typography';
5
5
  import { ParadigmTheme, ParadigmThemeCssVars, ParadigmThemeDescription } from '../../namespaces/paradigm';
6
6
  export type MediaViewportsTuple = ['touch', 'tablet', 'desktopS', 'desktopM'];
7
7
  interface ProjectColors {
8
+ /**
9
+ * @desc Акцентный цвет проекта auto.mail.ru
10
+ * @tags color
11
+ */
8
12
  colorPrimaryAuto: ColorWithStates;
13
+ /**
14
+ * @desc Основной акцентный цвет. Используют проекты news.mail.ru, sportmail.ru, pogoda.mail.ru
15
+ * @tags color
16
+ */
9
17
  colorPrimaryBase: ColorWithStates;
18
+ /**
19
+ * @desc Акцентный цвет проекта deti.mail.ru
20
+ * @tags color
21
+ */
10
22
  colorPrimaryDeti: ColorWithStates;
23
+ /**
24
+ * @desc Акцентный цвет проекта dobro.mail.ru
25
+ * @tags color
26
+ */
11
27
  colorPrimaryDobro: ColorWithStates;
28
+ /**
29
+ * @desc Акцентный цвет проекта health.mail.ru
30
+ * @tags color, lagacy
31
+ */
12
32
  colorPrimaryHealth: ColorWithStates;
33
+ /**
34
+ * @desc Альтернативный акцентный цвет проекта health.mail.ru
35
+ * @tags color, lagacy
36
+ */
13
37
  colorPrimaryHealthNew: ColorWithStates;
38
+ /**
39
+ * @desc Акцентный цвет проекта hi-tech.mail.ru
40
+ * @tags color
41
+ */
14
42
  colorPrimaryHitech: ColorWithStates;
43
+ /**
44
+ * @desc Акцентный цвет проекта kino.mail.ru
45
+ * @tags color
46
+ */
15
47
  colorPrimaryKino: ColorWithStates;
48
+ /**
49
+ * @desc Акцентный цвет проекта lady.mail.ru
50
+ * @tags color
51
+ */
16
52
  colorPrimaryLady: ColorWithStates;
17
53
  colorPrimaryMycom: ColorWithStates;
54
+ /**
55
+ * @desc Акцентный цвет проекта dom.mail.ru
56
+ * @tags color
57
+ */
18
58
  colorPrimaryRealty: ColorWithStates;
19
59
  colorPrimaryPharma: ColorWithStates;
60
+ /**
61
+ * @desc Акцентный цвет проекта pets.mail.ru
62
+ * @tags color
63
+ */
20
64
  colorPrimaryPets: ColorWithStates;
65
+ /**
66
+ * @desc Второстепенный акцентный цвет. Используют проекты news.mail.ru, sportmail.ru, pogoda.mail.ru
67
+ * @tags color
68
+ */
21
69
  colorSecondaryBase: ColorWithStates;
70
+ /**
71
+ * @desc Альтернативный акцентный цвет проекта health.mail.ru
72
+ * @tags color, lagacy
73
+ */
22
74
  colorSecondaryHealth: ColorWithStates;
23
75
  colorSecondaryMycom: ColorWithStates;
24
76
  }
@@ -38,34 +90,120 @@ type SocialColorsDescriptions = {
38
90
  [key in keyof SocialColors]: ColorDescription;
39
91
  };
40
92
  interface MediaUniqTokens {
41
- mediaFontMediaHeader: Adaptive<Font>;
93
+ /**
94
+ * @desc Заголовок h1
95
+ * @tags font
96
+ */
42
97
  mediaFontMediaTitle1: Adaptive<Font>;
98
+ /**
99
+ * @desc Заголовок h2
100
+ * @tags font
101
+ */
43
102
  mediaFontMediaTitle2: Adaptive<Font>;
103
+ /**
104
+ * @desc Заголовок h3
105
+ * @tags font
106
+ */
44
107
  mediaFontMediaTitle3: Adaptive<Font>;
108
+ /**
109
+ * @desc Заголовок h4
110
+ * @tags font
111
+ */
112
+ mediaFontMediaTitle4: Adaptive<Font>;
113
+ /**
114
+ * @desc Заголовок h5
115
+ * @tags font
116
+ */
117
+ mediaFontMediaTitle5: Adaptive<Font>;
118
+ /**
119
+ * @desc Заголовок h6
120
+ * @tags font
121
+ */
122
+ mediaFontMediaTitle6: Adaptive<Font>;
123
+ /**
124
+ * @desc Лид статьи
125
+ * @tags font
126
+ */
45
127
  mediaFontMediaLead: Adaptive<Font>;
128
+ /**
129
+ * @desc Цитата или другой врез
130
+ * @tags font
131
+ */
132
+ mediaFontMediaQuote: Adaptive<Font>;
133
+ /**
134
+ * @desc Автор цитаты
135
+ * @tags font
136
+ */
137
+ mediaFontMediaQuotePerson: Adaptive<Font>;
138
+ /**
139
+ * @desc Параграф статьи
140
+ * @tags font
141
+ */
46
142
  mediaFontMediaParagraph: Adaptive<Font>;
143
+ /**
144
+ * @desc Второстепенный блок текста
145
+ * @tags font
146
+ */
147
+ mediaFontMediaParagraphSecondary: Adaptive<Font>;
148
+ /**
149
+ * @desc Второстепенный текст
150
+ * @tags font
151
+ */
152
+ mediaFontMediaTextSecondaryLight: Adaptive<Font>;
153
+ /**
154
+ * @desc Подпись под блоком статьи
155
+ * @tags font
156
+ */
157
+ mediaFontMediaCaption: Adaptive<Font>;
158
+ /**
159
+ * @desc Подпись под блоком статьи заглавными буквами
160
+ * @tags font
161
+ */
162
+ mediaFontMediaCaptionCaps: Adaptive<Font>;
163
+ /**
164
+ * @desc Семейство шрифтов статьи
165
+ * @tags font
166
+ */
47
167
  fontFamilyArticle: Property.FontFamily;
48
- fontWeightArticle1: Property.FontWeight;
49
- fontWeightArticle2: Property.FontWeight;
50
168
  fontH1: Adaptive<Font>;
51
169
  fontH2: Adaptive<Font>;
52
170
  fontH3: Adaptive<Font>;
53
171
  fontH4: Adaptive<Font>;
54
- fontLead: Adaptive<Font>;
55
- fontArticleBody: Adaptive<Font>;
56
- fontSpecificText: Adaptive<Font>;
57
- fontSpecificFootnote: Adaptive<Font>;
58
- fontSpecificButton: Adaptive<Font>;
172
+ /**
173
+ * @desc Ширина колонки страницы
174
+ * @tags size, component
175
+ */
59
176
  gridWrapperContent: Adaptive<number | string>;
177
+ /**
178
+ * @desc Ширина основной колонки контента
179
+ * @tags size, component
180
+ */
60
181
  gridMainContent: Adaptive<number | string>;
182
+ /**
183
+ * @desc Ширина sidebar
184
+ * @tags size, component
185
+ */
61
186
  gridAsideContent: Adaptive<number | string>;
187
+ /**
188
+ * @desc
189
+ * @tags size, component
190
+ */
62
191
  gridColumnX2: Adaptive<string | number>;
192
+ /**
193
+ * @desc
194
+ * @tags size, component
195
+ */
63
196
  gridColumnX3: Adaptive<string | number>;
197
+ /**
198
+ * @desc
199
+ * @tags size, component
200
+ */
64
201
  gridColumnX4: Adaptive<string | number>;
202
+ /**
203
+ * @desc
204
+ * @tags size, component
205
+ */
65
206
  gridColumnX6: Adaptive<string | number>;
66
- gridContent: Adaptive<number | string>;
67
- gridLayoutArticle: Adaptive<string | number>;
68
- gridLayoutBanner: Adaptive<string | number>;
69
207
  }
70
208
  export interface ThemeMedia extends ParadigmTheme<MediaViewportsTuple>, ProjectColors, SocialColors, MediaUniqTokens {
71
209
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vkontakte/vkui-tokens",
3
- "version": "4.43.1",
3
+ "version": "4.43.2-dev-78ebf3.0",
4
4
  "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
5
5
  "license": "MIT",
6
6
  "homepage": "https://vkcom.github.io/vkui-tokens",