@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.
- package/interfaces/themes/media/index.d.ts +149 -11
- package/package.json +1 -1
- package/themes/media/cssVars/declarations/index.css +765 -686
- package/themes/media/cssVars/declarations/noColors.css +447 -437
- package/themes/media/cssVars/declarations/noSizes.css +20 -32
- package/themes/media/cssVars/declarations/onlyAdaptiveGroups.css +62 -38
- package/themes/media/cssVars/declarations/onlyMedia.css +256 -211
- package/themes/media/cssVars/declarations/onlyVariables.css +152 -132
- package/themes/media/cssVars/declarations/onlyVariables.js +2 -2
- package/themes/media/cssVars/declarations/onlyVariablesLocal.css +152 -132
- package/themes/media/cssVars/declarations/onlyVariablesLocalIncremental.css +152 -132
- package/themes/media/cssVars/theme/fallbacks/index.css +456 -446
- package/themes/media/cssVars/theme/fallbacks/index.less +194 -215
- package/themes/media/cssVars/theme/fallbacks/index.pcss +194 -215
- package/themes/media/cssVars/theme/fallbacks/index.scss +433 -491
- package/themes/media/cssVars/theme/fallbacks/index.styl +194 -215
- package/themes/media/cssVars/theme/index.js +666 -516
- package/themes/media/cssVars/theme/index.json +666 -516
- package/themes/media/docs.json +318 -91
- package/themes/media/index.css +447 -437
- package/themes/media/index.js +201 -177
- package/themes/media/index.json +201 -177
- package/themes/media/index.less +176 -197
- package/themes/media/index.pcss +176 -197
- package/themes/media/index.scss +402 -460
- package/themes/media/index.styl +176 -197
- package/themes/media/struct.json +207 -183
- package/themes/mediaDark/cssVars/declarations/index.css +765 -686
- package/themes/mediaDark/cssVars/declarations/noColors.css +447 -437
- package/themes/mediaDark/cssVars/declarations/noSizes.css +20 -32
- package/themes/mediaDark/cssVars/declarations/onlyAdaptiveGroups.css +62 -38
- package/themes/mediaDark/cssVars/declarations/onlyMedia.css +256 -211
- package/themes/mediaDark/cssVars/declarations/onlyVariables.css +152 -132
- package/themes/mediaDark/cssVars/declarations/onlyVariables.js +2 -2
- package/themes/mediaDark/cssVars/declarations/onlyVariablesLocal.css +152 -132
- package/themes/mediaDark/cssVars/declarations/onlyVariablesLocalIncremental.css +152 -132
- package/themes/mediaDark/cssVars/theme/fallbacks/index.css +456 -446
- package/themes/mediaDark/cssVars/theme/fallbacks/index.less +194 -215
- package/themes/mediaDark/cssVars/theme/fallbacks/index.pcss +194 -215
- package/themes/mediaDark/cssVars/theme/fallbacks/index.scss +433 -491
- package/themes/mediaDark/cssVars/theme/fallbacks/index.styl +194 -215
- package/themes/mediaDark/cssVars/theme/index.js +666 -516
- package/themes/mediaDark/cssVars/theme/index.json +666 -516
- package/themes/mediaDark/docs.json +318 -91
- package/themes/mediaDark/index.css +447 -437
- package/themes/mediaDark/index.js +201 -177
- package/themes/mediaDark/index.json +201 -177
- package/themes/mediaDark/index.less +176 -197
- package/themes/mediaDark/index.pcss +176 -197
- package/themes/mediaDark/index.scss +402 -460
- package/themes/mediaDark/index.styl +176 -197
- package/themes/mediaDark/struct.json +207 -183
- package/themes/mycom/cssVars/declarations/index.css +732 -653
- package/themes/mycom/cssVars/declarations/noColors.css +417 -407
- package/themes/mycom/cssVars/declarations/noSizes.css +350 -124
- package/themes/mycom/cssVars/declarations/onlyAdaptiveGroups.css +62 -38
- package/themes/mycom/cssVars/declarations/onlyMedia.css +253 -208
- package/themes/mycom/cssVars/declarations/onlyVariables.css +143 -123
- package/themes/mycom/cssVars/declarations/onlyVariables.js +2 -2
- package/themes/mycom/cssVars/declarations/onlyVariablesLocal.css +143 -123
- package/themes/mycom/cssVars/declarations/onlyVariablesLocalIncremental.css +143 -123
- package/themes/mycom/cssVars/theme/fallbacks/index.css +427 -417
- package/themes/mycom/cssVars/theme/fallbacks/index.less +184 -205
- package/themes/mycom/cssVars/theme/fallbacks/index.pcss +184 -205
- package/themes/mycom/cssVars/theme/fallbacks/index.scss +409 -467
- package/themes/mycom/cssVars/theme/fallbacks/index.styl +184 -205
- package/themes/mycom/cssVars/theme/index.js +657 -507
- package/themes/mycom/cssVars/theme/index.json +657 -507
- package/themes/mycom/docs.json +318 -91
- package/themes/mycom/index.css +417 -407
- package/themes/mycom/index.js +189 -165
- package/themes/mycom/index.json +189 -165
- package/themes/mycom/index.less +164 -185
- package/themes/mycom/index.pcss +164 -185
- package/themes/mycom/index.scss +371 -429
- package/themes/mycom/index.styl +164 -185
- package/themes/mycom/struct.json +199 -175
- package/themes/pharma/cssVars/declarations/index.css +765 -686
- package/themes/pharma/cssVars/declarations/noColors.css +447 -437
- package/themes/pharma/cssVars/declarations/noSizes.css +356 -130
- package/themes/pharma/cssVars/declarations/onlyAdaptiveGroups.css +62 -38
- package/themes/pharma/cssVars/declarations/onlyMedia.css +256 -211
- package/themes/pharma/cssVars/declarations/onlyVariables.css +152 -132
- package/themes/pharma/cssVars/declarations/onlyVariables.js +2 -2
- package/themes/pharma/cssVars/declarations/onlyVariablesLocal.css +152 -132
- package/themes/pharma/cssVars/declarations/onlyVariablesLocalIncremental.css +152 -132
- package/themes/pharma/cssVars/theme/fallbacks/index.css +456 -446
- package/themes/pharma/cssVars/theme/fallbacks/index.less +194 -215
- package/themes/pharma/cssVars/theme/fallbacks/index.pcss +194 -215
- package/themes/pharma/cssVars/theme/fallbacks/index.scss +433 -491
- package/themes/pharma/cssVars/theme/fallbacks/index.styl +194 -215
- package/themes/pharma/cssVars/theme/index.js +666 -516
- package/themes/pharma/cssVars/theme/index.json +666 -516
- package/themes/pharma/docs.json +318 -91
- package/themes/pharma/index.css +447 -437
- package/themes/pharma/index.js +201 -177
- package/themes/pharma/index.json +201 -177
- package/themes/pharma/index.less +176 -197
- package/themes/pharma/index.pcss +176 -197
- package/themes/pharma/index.scss +402 -460
- package/themes/pharma/index.styl +176 -197
- 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
|
-
|
|
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
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
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.
|
|
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",
|