@preply/ds-web-core 0.30.0 → 0.31.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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* AUTO GENERATED @Thu
|
|
1
|
+
/* AUTO GENERATED @Thu Jun 02 2022 16:34:17 GMT+0000 (Coordinated Universal Time) */
|
|
2
2
|
|
|
3
3
|
@AVATAR_SIZE_OPTIONS: 2xs, xs, s, m, l, xl;
|
|
4
4
|
@BUTTON_SIZE_OPTIONS: xs, s, m, l, xl;
|
|
@@ -21,4 +21,7 @@
|
|
|
21
21
|
@TEXT_INLINE_TAG_OPTIONS: span, strong, em;
|
|
22
22
|
@TEXT_SIZE_OPTIONS: 2xs, xs, s, m, l, xl;
|
|
23
23
|
@TEXT_TAG_OPTIONS: p, div, span;
|
|
24
|
+
@TEXT_VARIANT_OPTIONS: xs, s, s-italic, s-medium, s-medium-italic, s-bold, s-bold-italic, m,
|
|
25
|
+
m-italic, m-medium, m-medium-italic, m-bold, m-bold-italic, l, l-italic, l-medium,
|
|
26
|
+
l-medium-italic, xl, xl-italic, xl-medium, xl-medium-italic;
|
|
24
27
|
@THEME_OPTIONS: cluck-ui, base-ui, preply-ui;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* AUTO GENERATED @Thu
|
|
1
|
+
/* AUTO GENERATED @Thu Jun 02 2022 16:34:17 GMT+0000 (Coordinated Universal Time) */
|
|
2
2
|
|
|
3
3
|
@scheme-color: var(--aface);
|
|
4
4
|
@scheme-bgColor: var(--786b9);
|
|
@@ -51,6 +51,13 @@
|
|
|
51
51
|
@root-palette-magenta-500: var(--5893e);
|
|
52
52
|
@root-text-base-typeface: var(--7068b);
|
|
53
53
|
@root-text-base-fontFamily: var(--0e309);
|
|
54
|
+
@root-text-height-200: var(--3056a);
|
|
55
|
+
@root-text-height-400: var(--f8a46);
|
|
56
|
+
@root-text-height-600: var(--80463);
|
|
57
|
+
@root-text-height-1000: var(--6b62f);
|
|
58
|
+
@root-text-height-1600: var(--ad20b);
|
|
59
|
+
@root-text-height-2000: var(--3345f);
|
|
60
|
+
@root-text-height-2800: var(--25e5a);
|
|
54
61
|
@root-text-size-70: var(--9fea4);
|
|
55
62
|
@root-text-size-80: var(--cc496);
|
|
56
63
|
@root-text-size-90: var(--38f57);
|
|
@@ -60,8 +67,20 @@
|
|
|
60
67
|
@root-text-size-400: var(--c8989);
|
|
61
68
|
@root-text-size-500: var(--76b8d);
|
|
62
69
|
@root-text-size-600: var(--8be1e);
|
|
70
|
+
@root-text-size-800: var(--dcabc);
|
|
63
71
|
@root-text-size-1000: var(--6f187);
|
|
64
72
|
@root-text-size-1200: var(--f339d);
|
|
73
|
+
@root-text-size-1800: var(--00a28);
|
|
74
|
+
@root-text-size-2400: var(--b4751);
|
|
75
|
+
@root-text-spacing-tight: var(--f3cb5);
|
|
76
|
+
@root-text-spacing-regular: var(--28429);
|
|
77
|
+
@root-text-spacing-loose: var(--488ba);
|
|
78
|
+
@root-text-spacing-lax: var(--bc8cb);
|
|
79
|
+
@root-text-style-normal: var(--7bbf5);
|
|
80
|
+
@root-text-style-italic: var(--dfb50);
|
|
81
|
+
@root-text-weight-400: var(--2a8f5);
|
|
82
|
+
@root-text-weight-500: var(--d1c48);
|
|
83
|
+
@root-text-weight-700: var(--a25b2);
|
|
65
84
|
@root-text-base-fontSize: var(--8d63e);
|
|
66
85
|
@root-text-base-lineHeight: var(--d4313);
|
|
67
86
|
@background-primary: var(--7271a);
|
|
@@ -162,6 +181,46 @@
|
|
|
162
181
|
@heading-level-h3-fontSize: var(--ace69);
|
|
163
182
|
@heading-level-h4-fontSize: var(--3e140);
|
|
164
183
|
@heading-level-h5-fontSize: var(--af282);
|
|
184
|
+
@heading-level-h1-normal-fontSize: var(--d04d4);
|
|
185
|
+
@heading-level-h2-normal-fontSize: var(--2bd50);
|
|
186
|
+
@heading-level-h3-normal-fontSize: var(--28917);
|
|
187
|
+
@heading-level-h4-normal-fontSize: var(--63dde);
|
|
188
|
+
@heading-level-h5-normal-fontSize: var(--4dbf8);
|
|
189
|
+
@heading-level-h1-normal-fontWeight: var(--d41fd);
|
|
190
|
+
@heading-level-h2-normal-fontWeight: var(--a8a52);
|
|
191
|
+
@heading-level-h3-normal-fontWeight: var(--f6b07);
|
|
192
|
+
@heading-level-h4-normal-fontWeight: var(--aea9a);
|
|
193
|
+
@heading-level-h5-normal-fontWeight: var(--51bd6);
|
|
194
|
+
@heading-level-h1-normal-lineHeight: var(--263a0);
|
|
195
|
+
@heading-level-h2-normal-lineHeight: var(--74d17);
|
|
196
|
+
@heading-level-h3-normal-lineHeight: var(--33f70);
|
|
197
|
+
@heading-level-h4-normal-lineHeight: var(--2059e);
|
|
198
|
+
@heading-level-h5-normal-lineHeight: var(--4f103);
|
|
199
|
+
@heading-level-h1-normal-letterSpacing: var(--08c11);
|
|
200
|
+
@heading-level-h2-normal-letterSpacing: var(--ac8be);
|
|
201
|
+
@heading-level-h3-normal-letterSpacing: var(--02dfa);
|
|
202
|
+
@heading-level-h4-normal-letterSpacing: var(--b5659);
|
|
203
|
+
@heading-level-h5-normal-letterSpacing: var(--918f0);
|
|
204
|
+
@heading-level-h1-large-fontSize: var(--da58b);
|
|
205
|
+
@heading-level-h2-large-fontSize: var(--8a757);
|
|
206
|
+
@heading-level-h3-large-fontSize: var(--42200);
|
|
207
|
+
@heading-level-h4-large-fontSize: var(--abc50);
|
|
208
|
+
@heading-level-h5-large-fontSize: var(--3b191);
|
|
209
|
+
@heading-level-h1-large-fontWeight: var(--32576);
|
|
210
|
+
@heading-level-h2-large-fontWeight: var(--000cc);
|
|
211
|
+
@heading-level-h3-large-fontWeight: var(--80998);
|
|
212
|
+
@heading-level-h4-large-fontWeight: var(--0e9c4);
|
|
213
|
+
@heading-level-h5-large-fontWeight: var(--99df3);
|
|
214
|
+
@heading-level-h1-large-lineHeight: var(--a165a);
|
|
215
|
+
@heading-level-h2-large-lineHeight: var(--65785);
|
|
216
|
+
@heading-level-h3-large-lineHeight: var(--8c79b);
|
|
217
|
+
@heading-level-h4-large-lineHeight: var(--95bce);
|
|
218
|
+
@heading-level-h5-large-lineHeight: var(--759bb);
|
|
219
|
+
@heading-level-h1-large-letterSpacing: var(--921c8);
|
|
220
|
+
@heading-level-h2-large-letterSpacing: var(--56bc0);
|
|
221
|
+
@heading-level-h3-large-letterSpacing: var(--2f0fc);
|
|
222
|
+
@heading-level-h4-large-letterSpacing: var(--45a27);
|
|
223
|
+
@heading-level-h5-large-letterSpacing: var(--4400a);
|
|
165
224
|
@panel-base-bgColor: var(--7c8e6);
|
|
166
225
|
@panel-base-borderRadius: var(--ff478);
|
|
167
226
|
@panel-divider-borderColor: var(--66a60);
|
|
@@ -185,6 +244,111 @@
|
|
|
185
244
|
@text-size-m-fontSize: var(--08192);
|
|
186
245
|
@text-size-l-fontSize: var(--da41a);
|
|
187
246
|
@text-size-xl-fontSize: var(--698b6);
|
|
247
|
+
@text-variant-xs-fontSize: var(--4c9f6);
|
|
248
|
+
@text-variant-s-fontSize: var(--a7cfd);
|
|
249
|
+
@text-variant-s-italic-fontSize: var(--79c03);
|
|
250
|
+
@text-variant-s-medium-fontSize: var(--28e99);
|
|
251
|
+
@text-variant-s-medium-italic-fontSize: var(--0e0e6);
|
|
252
|
+
@text-variant-s-bold-fontSize: var(--69b27);
|
|
253
|
+
@text-variant-s-bold-italic-fontSize: var(--0afa8);
|
|
254
|
+
@text-variant-m-fontSize: var(--0c62d);
|
|
255
|
+
@text-variant-m-italic-fontSize: var(--aa6f0);
|
|
256
|
+
@text-variant-m-medium-fontSize: var(--a5b1e);
|
|
257
|
+
@text-variant-m-medium-italic-fontSize: var(--a9ad4);
|
|
258
|
+
@text-variant-m-bold-fontSize: var(--29e81);
|
|
259
|
+
@text-variant-m-bold-italic-fontSize: var(--741af);
|
|
260
|
+
@text-variant-l-fontSize: var(--8d5be);
|
|
261
|
+
@text-variant-l-italic-fontSize: var(--feec7);
|
|
262
|
+
@text-variant-l-medium-fontSize: var(--0bcae);
|
|
263
|
+
@text-variant-l-medium-italic-fontSize: var(--007ce);
|
|
264
|
+
@text-variant-xl-fontSize: var(--c338f);
|
|
265
|
+
@text-variant-xl-italic-fontSize: var(--734b0);
|
|
266
|
+
@text-variant-xl-medium-fontSize: var(--19e13);
|
|
267
|
+
@text-variant-xl-medium-italic-fontSize: var(--88dc1);
|
|
268
|
+
@text-variant-xs-fontWeight: var(--71d69);
|
|
269
|
+
@text-variant-s-fontWeight: var(--dc8b9);
|
|
270
|
+
@text-variant-s-italic-fontWeight: var(--5127d);
|
|
271
|
+
@text-variant-s-medium-fontWeight: var(--ca04c);
|
|
272
|
+
@text-variant-s-medium-italic-fontWeight: var(--f9d4c);
|
|
273
|
+
@text-variant-s-bold-fontWeight: var(--a9bc9);
|
|
274
|
+
@text-variant-s-bold-italic-fontWeight: var(--363b4);
|
|
275
|
+
@text-variant-m-fontWeight: var(--cb99b);
|
|
276
|
+
@text-variant-m-italic-fontWeight: var(--fb483);
|
|
277
|
+
@text-variant-m-medium-fontWeight: var(--749dc);
|
|
278
|
+
@text-variant-m-medium-italic-fontWeight: var(--faf5f);
|
|
279
|
+
@text-variant-m-bold-fontWeight: var(--18f8e);
|
|
280
|
+
@text-variant-m-bold-italic-fontWeight: var(--c521d);
|
|
281
|
+
@text-variant-l-fontWeight: var(--0776b);
|
|
282
|
+
@text-variant-l-italic-fontWeight: var(--6e450);
|
|
283
|
+
@text-variant-l-medium-fontWeight: var(--149f7);
|
|
284
|
+
@text-variant-l-medium-italic-fontWeight: var(--fa919);
|
|
285
|
+
@text-variant-xl-fontWeight: var(--f8f48);
|
|
286
|
+
@text-variant-xl-italic-fontWeight: var(--0baf2);
|
|
287
|
+
@text-variant-xl-medium-fontWeight: var(--6455e);
|
|
288
|
+
@text-variant-xl-medium-italic-fontWeight: var(--cc6f6);
|
|
289
|
+
@text-variant-xs-lineHeight: var(--54357);
|
|
290
|
+
@text-variant-s-lineHeight: var(--c552e);
|
|
291
|
+
@text-variant-s-italic-lineHeight: var(--aeb64);
|
|
292
|
+
@text-variant-s-medium-lineHeight: var(--af784);
|
|
293
|
+
@text-variant-s-medium-italic-lineHeight: var(--88c2d);
|
|
294
|
+
@text-variant-s-bold-lineHeight: var(--42f89);
|
|
295
|
+
@text-variant-s-bold-italic-lineHeight: var(--49446);
|
|
296
|
+
@text-variant-m-lineHeight: var(--829b1);
|
|
297
|
+
@text-variant-m-italic-lineHeight: var(--33548);
|
|
298
|
+
@text-variant-m-medium-lineHeight: var(--76f1e);
|
|
299
|
+
@text-variant-m-medium-italic-lineHeight: var(--3bd2e);
|
|
300
|
+
@text-variant-m-bold-lineHeight: var(--3d432);
|
|
301
|
+
@text-variant-m-bold-italic-lineHeight: var(--c47e7);
|
|
302
|
+
@text-variant-l-lineHeight: var(--1cd7a);
|
|
303
|
+
@text-variant-l-italic-lineHeight: var(--1056e);
|
|
304
|
+
@text-variant-l-medium-lineHeight: var(--02fee);
|
|
305
|
+
@text-variant-l-medium-italic-lineHeight: var(--2c996);
|
|
306
|
+
@text-variant-xl-lineHeight: var(--2503f);
|
|
307
|
+
@text-variant-xl-italic-lineHeight: var(--e8423);
|
|
308
|
+
@text-variant-xl-medium-lineHeight: var(--85e4a);
|
|
309
|
+
@text-variant-xl-medium-italic-lineHeight: var(--904c1);
|
|
310
|
+
@text-variant-xs-letterSpacing: var(--29af8);
|
|
311
|
+
@text-variant-s-letterSpacing: var(--4d1d5);
|
|
312
|
+
@text-variant-s-italic-letterSpacing: var(--a50d8);
|
|
313
|
+
@text-variant-s-medium-letterSpacing: var(--015e8);
|
|
314
|
+
@text-variant-s-medium-italic-letterSpacing: var(--bc7f3);
|
|
315
|
+
@text-variant-s-bold-letterSpacing: var(--c2692);
|
|
316
|
+
@text-variant-s-bold-italic-letterSpacing: var(--10dc5);
|
|
317
|
+
@text-variant-m-letterSpacing: var(--03511);
|
|
318
|
+
@text-variant-m-italic-letterSpacing: var(--8330d);
|
|
319
|
+
@text-variant-m-medium-letterSpacing: var(--2a382);
|
|
320
|
+
@text-variant-m-medium-italic-letterSpacing: var(--fe4b2);
|
|
321
|
+
@text-variant-m-bold-letterSpacing: var(--6e9f2);
|
|
322
|
+
@text-variant-m-bold-italic-letterSpacing: var(--2e489);
|
|
323
|
+
@text-variant-l-letterSpacing: var(--b5b33);
|
|
324
|
+
@text-variant-l-italic-letterSpacing: var(--421c2);
|
|
325
|
+
@text-variant-l-medium-letterSpacing: var(--11ba2);
|
|
326
|
+
@text-variant-l-medium-italic-letterSpacing: var(--9705f);
|
|
327
|
+
@text-variant-xl-letterSpacing: var(--4aff4);
|
|
328
|
+
@text-variant-xl-italic-letterSpacing: var(--c9c19);
|
|
329
|
+
@text-variant-xl-medium-letterSpacing: var(--e7696);
|
|
330
|
+
@text-variant-xl-medium-italic-letterSpacing: var(--cf0e2);
|
|
331
|
+
@text-variant-xs-fontStyle: var(--647b4);
|
|
332
|
+
@text-variant-s-fontStyle: var(--b8dd4);
|
|
333
|
+
@text-variant-s-italic-fontStyle: var(--c89e0);
|
|
334
|
+
@text-variant-s-medium-fontStyle: var(--e1d91);
|
|
335
|
+
@text-variant-s-medium-italic-fontStyle: var(--38a14);
|
|
336
|
+
@text-variant-s-bold-fontStyle: var(--07031);
|
|
337
|
+
@text-variant-s-bold-italic-fontStyle: var(--36d92);
|
|
338
|
+
@text-variant-m-fontStyle: var(--a833d);
|
|
339
|
+
@text-variant-m-italic-fontStyle: var(--b8b43);
|
|
340
|
+
@text-variant-m-medium-fontStyle: var(--b079f);
|
|
341
|
+
@text-variant-m-medium-italic-fontStyle: var(--a19ae);
|
|
342
|
+
@text-variant-m-bold-fontStyle: var(--f02b4);
|
|
343
|
+
@text-variant-m-bold-italic-fontStyle: var(--8c577);
|
|
344
|
+
@text-variant-l-fontStyle: var(--af51c);
|
|
345
|
+
@text-variant-l-italic-fontStyle: var(--2adf6);
|
|
346
|
+
@text-variant-l-medium-fontStyle: var(--03e30);
|
|
347
|
+
@text-variant-l-medium-italic-fontStyle: var(--56d3f);
|
|
348
|
+
@text-variant-xl-fontStyle: var(--a93d9);
|
|
349
|
+
@text-variant-xl-italic-fontStyle: var(--0b0b0);
|
|
350
|
+
@text-variant-xl-medium-fontStyle: var(--0a5e6);
|
|
351
|
+
@text-variant-xl-medium-italic-fontStyle: var(--6fc94);
|
|
188
352
|
@text-weight-base-fontWeight: var(--5b0e0);
|
|
189
353
|
@text-weight-400-fontWeight: var(--73984);
|
|
190
354
|
@text-weight-500-fontWeight: var(--6e979);
|
|
@@ -59,6 +59,26 @@
|
|
|
59
59
|
font-size: @@token;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
+
.font-weight(@namespace, @key) {
|
|
63
|
+
@token: '@{namespace}-@{key}-fontWeight';
|
|
64
|
+
font-weight: @@token;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.line-height(@namespace, @key) {
|
|
68
|
+
@token: '@{namespace}-@{key}-lineHeight';
|
|
69
|
+
line-height: ~'@{@{token}}%';
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.letter-spacing(@namespace, @key) {
|
|
73
|
+
@token: '@{namespace}-@{key}-letterSpacing';
|
|
74
|
+
letter-spacing: ~'@{@{token}}em';
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.font-style(@namespace, @key) {
|
|
78
|
+
@token: '@{namespace}-@{key}-fontStyle';
|
|
79
|
+
font-style: @@token;
|
|
80
|
+
}
|
|
81
|
+
|
|
62
82
|
.color(@namespace, @key) {
|
|
63
83
|
@token: '@{namespace}-@{key}-color';
|
|
64
84
|
color: @@token;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
@import '../../generated/tokens.less';
|
|
2
2
|
@import '../../generated/options.less';
|
|
3
3
|
@import '../../theme/style/declarations.mixins.less';
|
|
4
|
+
@import '../../responsive/style/mixins.less';
|
|
4
5
|
|
|
5
6
|
.type-base() {
|
|
6
7
|
font-family: @root-text-base-fontFamily;
|
|
@@ -39,11 +40,37 @@
|
|
|
39
40
|
});
|
|
40
41
|
}
|
|
41
42
|
|
|
43
|
+
.text-variants() {
|
|
44
|
+
each(@TEXT_VARIANT_OPTIONS, {
|
|
45
|
+
&--variant-@{value} {
|
|
46
|
+
@token: 'variant-@{value}';
|
|
47
|
+
.font-size('text', @token);
|
|
48
|
+
.font-weight('text', @token);
|
|
49
|
+
.line-height('text', @token);
|
|
50
|
+
.letter-spacing('text', @token);
|
|
51
|
+
.font-style('text', @token)
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
|
|
42
56
|
.heading-levels() {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
57
|
+
.responsive({
|
|
58
|
+
each(@HEADING_LEVEL_OPTIONS, {
|
|
59
|
+
&--level-@{value}-normal {
|
|
60
|
+
@token: 'level-@{value}-normal';
|
|
61
|
+
.font-size('heading', @token);
|
|
62
|
+
.font-weight('heading', @token);
|
|
63
|
+
.line-height('heading', @token);
|
|
64
|
+
.letter-spacing('heading', @token);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
&--level-@{value}-large {
|
|
68
|
+
@token: 'level-@{value}-large';
|
|
69
|
+
.font-size('heading', @token);
|
|
70
|
+
.font-weight('heading', @token);
|
|
71
|
+
.line-height('heading', @token);
|
|
72
|
+
.letter-spacing('heading', @token);
|
|
73
|
+
}
|
|
74
|
+
});
|
|
48
75
|
});
|
|
49
76
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-core",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.31.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -19,14 +19,14 @@
|
|
|
19
19
|
"dev": "run build:rollup -w"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@preply/ds-core": "0.
|
|
23
|
-
"@preply/ds-core-types": "0.
|
|
22
|
+
"@preply/ds-core": "0.31.0",
|
|
23
|
+
"@preply/ds-core-types": "0.31.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@preply/ds-core": "0.
|
|
27
|
-
"@preply/ds-core-types": "0.
|
|
26
|
+
"@preply/ds-core": "0.31.0",
|
|
27
|
+
"@preply/ds-core-types": "0.31.0",
|
|
28
28
|
"react": "^16.8.3",
|
|
29
29
|
"react-dom": "^16.8.3"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "535ad4e1cb94db51dfa5308c0536a89d9a77237f"
|
|
32
32
|
}
|