@preply/ds-web-core 0.68.0 → 0.69.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.
|
@@ -2,6 +2,16 @@
|
|
|
2
2
|
@import '../../generated/options.less';
|
|
3
3
|
@import '../../theme/style/declarations.mixins.less';
|
|
4
4
|
|
|
5
|
+
.computedVerticalPadding(@size) {
|
|
6
|
+
@height: 'action-size-@{size}-height';
|
|
7
|
+
@line-height: 'root-text-base-lineHeight';
|
|
8
|
+
@font-size: 'action-size-@{size}-fontSize';
|
|
9
|
+
@border-width: 'action-base-borderWidth';
|
|
10
|
+
@computed-padding: calc((@@height - @@line-height * @@font-size) / 2 - @@border-width);
|
|
11
|
+
padding-top: @computed-padding;
|
|
12
|
+
padding-bottom: @computed-padding;
|
|
13
|
+
}
|
|
14
|
+
|
|
5
15
|
.action-sizes() {
|
|
6
16
|
.responsive({
|
|
7
17
|
each(@BUTTON_SIZE_OPTIONS, {
|
|
@@ -9,7 +19,8 @@
|
|
|
9
19
|
&--size-@{value} {
|
|
10
20
|
@token: 'size-@{value}';
|
|
11
21
|
.min-height('action', @token);
|
|
12
|
-
.
|
|
22
|
+
.computedVerticalPadding(@value);
|
|
23
|
+
.horizontalPadding('action', @token);
|
|
13
24
|
.font-size('action', @token);
|
|
14
25
|
.letter-spacing('action', @token);
|
|
15
26
|
}
|
|
@@ -1,18 +1,20 @@
|
|
|
1
|
-
/* AUTO GENERATED @
|
|
1
|
+
/* AUTO GENERATED @Thu Sep 28 2023 07:26:07 GMT+0000 (Coordinated Universal Time) */
|
|
2
2
|
|
|
3
3
|
@ACTION_VARIANT_ACTIVE_BORDER_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
|
|
4
|
-
dangerous, critical, onColor, classroom, inverted, newFeature, ai;
|
|
4
|
+
dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
|
|
5
5
|
@ACTION_VARIANT_DISABLED_BG_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
|
|
6
|
-
dangerous, critical, onColor, classroom, inverted, newFeature, ai;
|
|
6
|
+
dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
|
|
7
7
|
@ACTION_VARIANT_DISABLED_BORDER_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost,
|
|
8
|
-
plain, dangerous, critical, onColor, classroom, inverted, newFeature,
|
|
8
|
+
plain, dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature,
|
|
9
|
+
ai;
|
|
9
10
|
@ACTION_VARIANT_DISABLED_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
|
|
10
|
-
dangerous, critical, onColor, classroom, inverted, newFeature, ai;
|
|
11
|
+
dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
|
|
11
12
|
@ACTION_VARIANT_HOVER_BORDER_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
|
|
12
|
-
dangerous, critical, onColor, classroom, inverted, newFeature, ai;
|
|
13
|
+
dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
|
|
13
14
|
@ACTION_VARIANT_TEXT_DECORATION_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
|
|
14
|
-
dangerous, critical, onColor, classroom, inverted, newFeature, ai;
|
|
15
|
+
dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
|
|
15
16
|
@AVATAR_SIZE_OPTIONS: 2xs, xs, s, m, l, xl, 24, 32, 48, 64, 96, 160;
|
|
17
|
+
@AVATAR_WITH_STATUS_SIZE_OPTIONS: 2xs, xs, m, xl, 64, 96, 160;
|
|
16
18
|
@BADGE_ACCENT_OPTIONS: accent, positive, critical, warning, info, tertiary;
|
|
17
19
|
@BADGE_COLOR_OPTIONS: gray, teal, green, blue, yellow, red, magenta;
|
|
18
20
|
@BADGE_SIZE_OPTIONS: xs, s, m;
|
|
@@ -27,25 +29,28 @@
|
|
|
27
29
|
@BUTTON_LINE_HEIGHT_OPTIONS: large, medium, default, small;
|
|
28
30
|
@BUTTON_SIZE_OPTIONS: xs, s, m, l, xl, large, medium, small;
|
|
29
31
|
@BUTTON_VARIANT_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain, dangerous, critical,
|
|
30
|
-
onColor, classroom, inverted, newFeature, ai;
|
|
32
|
+
onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
|
|
31
33
|
@BUTTON_VERTICAL_PADDING_DS_INTERNAL_PRIMITIVE_OPTIONS: large, medium, small;
|
|
32
|
-
@COLOR_BACKGROUND_OPTIONS: primary, secondary, tertiary, overlay, disabled, brand,
|
|
33
|
-
accentDark, positiveLight, positiveDark, infoLight, infoDark, warningLight,
|
|
34
|
-
criticalLight, criticalDark, statusOnline, statusOffline, primaryInverted,
|
|
35
|
-
tertiaryInverted;
|
|
34
|
+
@COLOR_BACKGROUND_OPTIONS: primary, secondary, tertiary, overlay, disabled, brand, brandB2b,
|
|
35
|
+
accentLight, accentDark, positiveLight, positiveDark, infoLight, infoDark, warningLight,
|
|
36
|
+
warningDark, criticalLight, criticalDark, statusOnline, statusOffline, primaryInverted,
|
|
37
|
+
secondaryInverted, tertiaryInverted;
|
|
36
38
|
@COLOR_BACKGROUND_ACTION_ACTIVE_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
|
|
37
|
-
quaternary, ghost, critical, onColor, classroom, inverted, newFeature,
|
|
39
|
+
quaternary, ghost, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature,
|
|
40
|
+
ai;
|
|
38
41
|
@COLOR_BACKGROUND_ACTION_HOVER_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
|
|
39
|
-
quaternary, ghost, critical, onColor, classroom, inverted, newFeature,
|
|
42
|
+
quaternary, ghost, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature,
|
|
43
|
+
ai;
|
|
40
44
|
@COLOR_BACKGROUND_ACTION_REST_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
|
|
41
|
-
quaternary, ghost, critical, onColor, classroom, inverted, newFeature,
|
|
45
|
+
quaternary, ghost, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature,
|
|
46
|
+
ai;
|
|
42
47
|
@COLOR_BLUE_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
|
|
43
48
|
@COLOR_BORDER_OPTIONS: primary, secondary, secondary-opacity, focus, critical, tertiary, brand,
|
|
44
49
|
disabled, positive;
|
|
45
50
|
@COLOR_BORDER_ACTION_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary, quaternary, ghost,
|
|
46
|
-
critical, disabled, inverted, classroom, newFeature, ai;
|
|
51
|
+
critical, disabled, inverted, classroom, primaryB2b, primaryTutor, newFeature, ai;
|
|
47
52
|
@COLOR_GREY_DS_INTERNAL_PRIMITIVE_OPTIONS: 0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900,
|
|
48
|
-
900-72, 900-56, 900-12, 900-6;
|
|
53
|
+
900-72, 900-56, 900-15, 900-12, 900-6;
|
|
49
54
|
@COLOR_GREY_OPACITY_DS_INTERNAL_PRIMITIVE_OPTIONS: 900-56;
|
|
50
55
|
@COLOR_ICON_OPTIONS: primary, secondary, tertiary, positive, info, warning, critical, accentDark,
|
|
51
56
|
inverted, disabled;
|
|
@@ -61,11 +66,18 @@
|
|
|
61
66
|
@COLOR_TEXT_OPTIONS: primary, secondary, tertiary, accentDark, placeholder, inverted, positive, info,
|
|
62
67
|
warning, critical, branded, error, selected, disabled, accent;
|
|
63
68
|
@COLOR_TEXT_ACTION_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary, quaternary, ghost,
|
|
64
|
-
critical, disabled, onColor, classroom, inverted, newFeature, ai;
|
|
69
|
+
critical, disabled, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
|
|
65
70
|
@COLOR_YELLOW_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
|
|
71
|
+
@DROP_SHADOW_OPTIONS: 1, 2, 3;
|
|
72
|
+
@DROP_SHADOW_ELEVATION_OPTIONS: 1, 2, 3;
|
|
73
|
+
@DROP_SHADOW_SHADOW_BLUR_RADIUS_OPTIONS: 1, 2, 3;
|
|
74
|
+
@DROP_SHADOW_SHADOW_COLOR_OPTIONS: 1, 2, 3;
|
|
75
|
+
@DROP_SHADOW_SHADOW_OFFSET_X_OPTIONS: 1, 2, 3;
|
|
76
|
+
@DROP_SHADOW_SHADOW_OFFSET_Y_OPTIONS: 1, 2, 3;
|
|
77
|
+
@DROP_SHADOW_SHADOW_OPACITY_OPTIONS: 1, 2, 3;
|
|
66
78
|
@HEADING_LEVEL_OPTIONS: h1, h2, h3, h4, h5;
|
|
67
79
|
@HEADING_TAG_OPTIONS: h1, h2, h3, h4, h5, p, div;
|
|
68
|
-
@HEADING_VARIANT_OPTIONS: huge, extraLarge, large, medium, small;
|
|
80
|
+
@HEADING_VARIANT_OPTIONS: massive, huge, extraLarge, large, medium, small;
|
|
69
81
|
@ICON_SIZE_OPTIONS: 2xs, xs, s, m, l;
|
|
70
82
|
@LAYOUT_ALIGN_ITEMS_OPTIONS: center, start, end, stretch, baseline;
|
|
71
83
|
@LAYOUT_ALIGN_SELF_OPTIONS: stretch, center, start, end;
|
|
@@ -89,10 +101,10 @@
|
|
|
89
101
|
@SPINNER_SIZE_OPTIONS: default, large;
|
|
90
102
|
@TEXT_ACCENT_OPTIONS: primary, secondary, tertiary, accentDark, placeholder, inverted, positive,
|
|
91
103
|
info, warning, critical, disabled, branded, selected, error, accent;
|
|
92
|
-
@TEXT_HEADING_FONT_FAMILY_OPTIONS: huge, extraLarge, large, medium, small;
|
|
93
|
-
@TEXT_HEADING_FONT_SIZE_OPTIONS: huge, extraLarge, large, medium, small;
|
|
94
|
-
@TEXT_HEADING_FONT_WEIGHT_OPTIONS: huge, extraLarge, large, medium, small;
|
|
95
|
-
@TEXT_HEADING_LINE_HEIGHT_OPTIONS: huge, extraLarge, large, medium, small;
|
|
104
|
+
@TEXT_HEADING_FONT_FAMILY_OPTIONS: massive, huge, extraLarge, large, medium, small;
|
|
105
|
+
@TEXT_HEADING_FONT_SIZE_OPTIONS: massive, huge, extraLarge, large, medium, small;
|
|
106
|
+
@TEXT_HEADING_FONT_WEIGHT_OPTIONS: massive, huge, extraLarge, large, medium, small;
|
|
107
|
+
@TEXT_HEADING_LINE_HEIGHT_OPTIONS: massive, huge, extraLarge, large, medium, small;
|
|
96
108
|
@TEXT_HIGHLIGHT_OPTIONS: blue, green, primary, secondary, tertiary, accent, positive, info, warning,
|
|
97
109
|
critical;
|
|
98
110
|
@TEXT_INLINE_TAG_OPTIONS: span, strong, em;
|
|
@@ -113,5 +125,5 @@
|
|
|
113
125
|
s-bold-italic, m, m-italic, m-medium, m-medium-italic, m-bold, m-bold-italic, l, l-italic,
|
|
114
126
|
l-medium, l-medium-italic, xl, xl-italic, xl-medium, xl-medium-italic;
|
|
115
127
|
@TEXT_WEIGHT_OPTIONS: 400, 500, 700, normal, medium, bold;
|
|
116
|
-
@THEME_OPTIONS: tokyo-ui, bold-ui,
|
|
128
|
+
@THEME_OPTIONS: tokyo-ui, bold-ui, base-ui, preply-ui;
|
|
117
129
|
@TOKYO_UI_ICON_SIZE_OPTIONS: 16, 24, 32, 48;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* AUTO GENERATED @
|
|
1
|
+
/* AUTO GENERATED @Thu Sep 28 2023 07:26:08 GMT+0000 (Coordinated Universal Time) */
|
|
2
2
|
|
|
3
3
|
@scheme-color: var(--aface6);
|
|
4
4
|
@scheme-bgColor: var(--786b9e);
|
|
@@ -153,6 +153,8 @@
|
|
|
153
153
|
@action-variant-critical-color: var(--f68030);
|
|
154
154
|
@action-variant-onColor-color: var(--96343f);
|
|
155
155
|
@action-variant-classroom-color: var(--8d482c);
|
|
156
|
+
@action-variant-primaryB2b-color: var(--4a94de);
|
|
157
|
+
@action-variant-primaryTutor-color: var(--c93681);
|
|
156
158
|
@action-variant-inverted-color: var(--81b7df);
|
|
157
159
|
@action-variant-newFeature-color: var(--ad44c3);
|
|
158
160
|
@action-variant-ai-color: var(--aa08fb);
|
|
@@ -166,6 +168,8 @@
|
|
|
166
168
|
@action-variant-critical-bgColor: var(--faae28);
|
|
167
169
|
@action-variant-onColor-bgColor: var(--d64a99);
|
|
168
170
|
@action-variant-classroom-bgColor: var(--7a038f);
|
|
171
|
+
@action-variant-primaryB2b-bgColor: var(--6c36b5);
|
|
172
|
+
@action-variant-primaryTutor-bgColor: var(--4aa1b1);
|
|
169
173
|
@action-variant-inverted-bgColor: var(--c54155);
|
|
170
174
|
@action-variant-newFeature-bgColor: var(--7dbfce);
|
|
171
175
|
@action-variant-ai-bgColor: var(--1bdcc0);
|
|
@@ -179,6 +183,8 @@
|
|
|
179
183
|
@action-variant-critical-borderColor: var(--b357d0);
|
|
180
184
|
@action-variant-onColor-borderColor: var(--d2723c);
|
|
181
185
|
@action-variant-classroom-borderColor: var(--38faba);
|
|
186
|
+
@action-variant-primaryB2b-borderColor: var(--4a9eb5);
|
|
187
|
+
@action-variant-primaryTutor-borderColor: var(--f103e9);
|
|
182
188
|
@action-variant-inverted-borderColor: var(--fe1378);
|
|
183
189
|
@action-variant-newFeature-borderColor: var(--a7eddc);
|
|
184
190
|
@action-variant-ai-borderColor: var(--8e8894);
|
|
@@ -192,6 +198,8 @@
|
|
|
192
198
|
@action-variant-critical-hover-bgColor: var(--064c43);
|
|
193
199
|
@action-variant-onColor-hover-bgColor: var(--549e56);
|
|
194
200
|
@action-variant-classroom-hover-bgColor: var(--077a93);
|
|
201
|
+
@action-variant-primaryB2b-hover-bgColor: var(--dcdb32);
|
|
202
|
+
@action-variant-primaryTutor-hover-bgColor: var(--46a009);
|
|
195
203
|
@action-variant-inverted-hover-bgColor: var(--8a16b5);
|
|
196
204
|
@action-variant-newFeature-hover-bgColor: var(--dd2815);
|
|
197
205
|
@action-variant-ai-hover-bgColor: var(--f043dc);
|
|
@@ -205,6 +213,8 @@
|
|
|
205
213
|
@action-variant-critical-active-bgColor: var(--152a7a);
|
|
206
214
|
@action-variant-onColor-active-bgColor: var(--936fce);
|
|
207
215
|
@action-variant-classroom-active-bgColor: var(--45d93a);
|
|
216
|
+
@action-variant-primaryB2b-active-bgColor: var(--fc3d8b);
|
|
217
|
+
@action-variant-primaryTutor-active-bgColor: var(--dd5a43);
|
|
208
218
|
@action-variant-inverted-active-bgColor: var(--de59a1);
|
|
209
219
|
@action-variant-newFeature-active-bgColor: var(--b3e453);
|
|
210
220
|
@action-variant-ai-active-bgColor: var(--5bba7d);
|
|
@@ -218,6 +228,8 @@
|
|
|
218
228
|
@action-variant-critical-hover-color: var(--c3136e);
|
|
219
229
|
@action-variant-onColor-hover-color: var(--145384);
|
|
220
230
|
@action-variant-classroom-hover-color: var(--55bfda);
|
|
231
|
+
@action-variant-primaryB2b-hover-color: var(--3e45d7);
|
|
232
|
+
@action-variant-primaryTutor-hover-color: var(--e91696);
|
|
221
233
|
@action-variant-inverted-hover-color: var(--79a09e);
|
|
222
234
|
@action-variant-newFeature-hover-color: var(--ddcea1);
|
|
223
235
|
@action-variant-ai-hover-color: var(--59b757);
|
|
@@ -231,6 +243,8 @@
|
|
|
231
243
|
@action-variant-critical-active-color: var(--f9fba8);
|
|
232
244
|
@action-variant-onColor-active-color: var(--f772e8);
|
|
233
245
|
@action-variant-classroom-active-color: var(--b62751);
|
|
246
|
+
@action-variant-primaryB2b-active-color: var(--cb03bc);
|
|
247
|
+
@action-variant-primaryTutor-active-color: var(--58d992);
|
|
234
248
|
@action-variant-inverted-active-color: var(--77e945);
|
|
235
249
|
@action-variant-newFeature-active-color: var(--d4762b);
|
|
236
250
|
@action-variant-ai-active-color: var(--349ae3);
|
|
@@ -294,6 +308,25 @@
|
|
|
294
308
|
@avatar-size-64-size: var(--cc5dc7);
|
|
295
309
|
@avatar-size-96-size: var(--796da2);
|
|
296
310
|
@avatar-size-160-size: var(--329ba7);
|
|
311
|
+
@avatarWithStatus-size-2xs-onlineIndicator-size: var(--1cea5a);
|
|
312
|
+
@avatarWithStatus-size-xs-onlineIndicator-size: var(--540610);
|
|
313
|
+
@avatarWithStatus-size-m-onlineIndicator-size: var(--8f1e94);
|
|
314
|
+
@avatarWithStatus-size-xl-onlineIndicator-size: var(--bdf712);
|
|
315
|
+
@avatarWithStatus-size-64-onlineIndicator-size: var(--7d9a55);
|
|
316
|
+
@avatarWithStatus-size-96-onlineIndicator-size: var(--7d3ab7);
|
|
317
|
+
@avatarWithStatus-size-160-onlineIndicator-size: var(--523f7d);
|
|
318
|
+
@avatarWithStatus-size-2xs-onlineIndicator-offset: var(--4b2086);
|
|
319
|
+
@avatarWithStatus-size-xs-onlineIndicator-offset: var(--20c0b1);
|
|
320
|
+
@avatarWithStatus-size-m-onlineIndicator-offset: var(--705050);
|
|
321
|
+
@avatarWithStatus-size-xl-onlineIndicator-offset: var(--3b13f1);
|
|
322
|
+
@avatarWithStatus-size-64-onlineIndicator-offset: var(--3e174a);
|
|
323
|
+
@avatarWithStatus-size-96-onlineIndicator-offset: var(--bd3f63);
|
|
324
|
+
@avatarWithStatus-size-160-onlineIndicator-offset: var(--23067e);
|
|
325
|
+
@avatarWithStatus-onlineIndicator-borderRadius: var(--0cf20e);
|
|
326
|
+
@avatarWithStatus-onlineIndicator-borderWidth: var(--4a76d7);
|
|
327
|
+
@avatarWithStatus-onlineIndicator-borderColor: var(--e5a39b);
|
|
328
|
+
@avatarWithStatus-onlineIndicator-offline-bgColor: var(--a95a51);
|
|
329
|
+
@avatarWithStatus-onlineIndicator-online-bgColor: var(--62b71e);
|
|
297
330
|
@badge-base-borderRadius: var(--93d4a2);
|
|
298
331
|
@badge-base-color-normal: var(--956cdb);
|
|
299
332
|
@badge-base-color-inverted: var(--6e40a7);
|
|
@@ -343,26 +376,31 @@
|
|
|
343
376
|
@icon-size-24: var(--81dc82);
|
|
344
377
|
@icon-size-32: var(--2a6452);
|
|
345
378
|
@icon-size-48: var(--03d2e4);
|
|
379
|
+
@heading-variant-massive-fontFamily: var(--b3726f);
|
|
346
380
|
@heading-variant-huge-fontFamily: var(--4a9e2c);
|
|
347
381
|
@heading-variant-extraLarge-fontFamily: var(--27b01f);
|
|
348
382
|
@heading-variant-large-fontFamily: var(--933031);
|
|
349
383
|
@heading-variant-medium-fontFamily: var(--389c59);
|
|
350
384
|
@heading-variant-small-fontFamily: var(--22c5e1);
|
|
385
|
+
@heading-variant-massive-fontWeight: var(--8c9f05);
|
|
351
386
|
@heading-variant-huge-fontWeight: var(--b1d4f5);
|
|
352
387
|
@heading-variant-extraLarge-fontWeight: var(--26b05f);
|
|
353
388
|
@heading-variant-large-fontWeight: var(--be9403);
|
|
354
389
|
@heading-variant-medium-fontWeight: var(--6b93f9);
|
|
355
390
|
@heading-variant-small-fontWeight: var(--e1e6cd);
|
|
391
|
+
@heading-variant-massive-fontSize: var(--cd577e);
|
|
356
392
|
@heading-variant-huge-fontSize: var(--890dda);
|
|
357
393
|
@heading-variant-extraLarge-fontSize: var(--0728b9);
|
|
358
394
|
@heading-variant-large-fontSize: var(--5d91ee);
|
|
359
395
|
@heading-variant-medium-fontSize: var(--d4d05b);
|
|
360
396
|
@heading-variant-small-fontSize: var(--054730);
|
|
397
|
+
@heading-variant-massive-lineHeight: var(--2e9eee);
|
|
361
398
|
@heading-variant-huge-lineHeight: var(--a1602a);
|
|
362
399
|
@heading-variant-extraLarge-lineHeight: var(--aaf219);
|
|
363
400
|
@heading-variant-large-lineHeight: var(--ba6c7f);
|
|
364
401
|
@heading-variant-medium-lineHeight: var(--a7e8c0);
|
|
365
402
|
@heading-variant-small-lineHeight: var(--ced741);
|
|
403
|
+
@heading-variant-massive-letterSpacing: var(--d662ea);
|
|
366
404
|
@heading-variant-huge-letterSpacing: var(--65a2cd);
|
|
367
405
|
@heading-variant-extraLarge-letterSpacing: var(--ceac96);
|
|
368
406
|
@heading-variant-large-letterSpacing: var(--6408ce);
|
|
@@ -715,6 +753,7 @@
|
|
|
715
753
|
@dsInternalPrimitive-color-grey-900: var(--4cafda);
|
|
716
754
|
@dsInternalPrimitive-color-grey-900-72: var(--28b0ce);
|
|
717
755
|
@dsInternalPrimitive-color-grey-900-56: var(--b445b1);
|
|
756
|
+
@dsInternalPrimitive-color-grey-900-15: var(--a6b6d6);
|
|
718
757
|
@dsInternalPrimitive-color-grey-900-12: var(--7e1290);
|
|
719
758
|
@dsInternalPrimitive-color-grey-900-6: var(--12d28a);
|
|
720
759
|
@dsInternalPrimitive-color-pink-50: var(--7cff10);
|
|
@@ -793,6 +832,7 @@
|
|
|
793
832
|
@color-background-overlay: var(--02a0d5);
|
|
794
833
|
@color-background-disabled: var(--319b29);
|
|
795
834
|
@color-background-brand: var(--cd91ab);
|
|
835
|
+
@color-background-brandB2b: var(--706789);
|
|
796
836
|
@color-background-accentLight: var(--560eda);
|
|
797
837
|
@color-background-accentDark: var(--e4c520);
|
|
798
838
|
@color-background-positiveLight: var(--1836a4);
|
|
@@ -827,10 +867,14 @@
|
|
|
827
867
|
@dsInternalPrimitive-color-text-disabled-action: var(--7f32d7);
|
|
828
868
|
@dsInternalPrimitive-color-text-onColor-action: var(--f88582);
|
|
829
869
|
@dsInternalPrimitive-color-text-classroom-action: var(--27aa3b);
|
|
870
|
+
@dsInternalPrimitive-color-text-primaryB2b-action: var(--48c8a1);
|
|
871
|
+
@dsInternalPrimitive-color-text-primaryTutor-action: var(--3250df);
|
|
830
872
|
@dsInternalPrimitive-color-text-inverted-action: var(--250d1b);
|
|
831
873
|
@dsInternalPrimitive-color-text-newFeature-action: var(--4aaaef);
|
|
832
874
|
@dsInternalPrimitive-color-text-ai-action: var(--7d366e);
|
|
833
875
|
@dsInternalPrimitive-color-text-primary-action-active: var(--480cdf);
|
|
876
|
+
@dsInternalPrimitive-color-text-primaryB2b-action-active: var(--ccca30);
|
|
877
|
+
@dsInternalPrimitive-color-text-primaryTutor-action-active: var(--488097);
|
|
834
878
|
@dsInternalPrimitive-color-background-primary-action-rest: var(--cf27db);
|
|
835
879
|
@dsInternalPrimitive-color-background-secondary-action-rest: var(--ae8a27);
|
|
836
880
|
@dsInternalPrimitive-color-background-tertiary-action-rest: var(--83c38a);
|
|
@@ -839,6 +883,8 @@
|
|
|
839
883
|
@dsInternalPrimitive-color-background-critical-action-rest: var(--f99bbd);
|
|
840
884
|
@dsInternalPrimitive-color-background-onColor-action-rest: var(--22605a);
|
|
841
885
|
@dsInternalPrimitive-color-background-classroom-action-rest: var(--8c3891);
|
|
886
|
+
@dsInternalPrimitive-color-background-primaryB2b-action-rest: var(--1c0876);
|
|
887
|
+
@dsInternalPrimitive-color-background-primaryTutor-action-rest: var(--d78653);
|
|
842
888
|
@dsInternalPrimitive-color-background-inverted-action-rest: var(--63afb0);
|
|
843
889
|
@dsInternalPrimitive-color-background-newFeature-action-rest: var(--754e2b);
|
|
844
890
|
@dsInternalPrimitive-color-background-ai-action-rest: var(--2033ec);
|
|
@@ -850,6 +896,8 @@
|
|
|
850
896
|
@dsInternalPrimitive-color-background-critical-action-hover: var(--5cd326);
|
|
851
897
|
@dsInternalPrimitive-color-background-onColor-action-hover: var(--b2e035);
|
|
852
898
|
@dsInternalPrimitive-color-background-classroom-action-hover: var(--173f0d);
|
|
899
|
+
@dsInternalPrimitive-color-background-primaryB2b-action-hover: var(--ab3e6b);
|
|
900
|
+
@dsInternalPrimitive-color-background-primaryTutor-action-hover: var(--689a70);
|
|
853
901
|
@dsInternalPrimitive-color-background-inverted-action-hover: var(--4df5c9);
|
|
854
902
|
@dsInternalPrimitive-color-background-newFeature-action-hover: var(--d8c7e0);
|
|
855
903
|
@dsInternalPrimitive-color-background-ai-action-hover: var(--e45436);
|
|
@@ -861,6 +909,8 @@
|
|
|
861
909
|
@dsInternalPrimitive-color-background-critical-action-active: var(--bd5da9);
|
|
862
910
|
@dsInternalPrimitive-color-background-onColor-action-active: var(--7605f1);
|
|
863
911
|
@dsInternalPrimitive-color-background-classroom-action-active: var(--003ddf);
|
|
912
|
+
@dsInternalPrimitive-color-background-primaryB2b-action-active: var(--6bda6d);
|
|
913
|
+
@dsInternalPrimitive-color-background-primaryTutor-action-active: var(--608d83);
|
|
864
914
|
@dsInternalPrimitive-color-background-inverted-action-active: var(--5e5ef1);
|
|
865
915
|
@dsInternalPrimitive-color-background-newFeature-action-active: var(--3b4318);
|
|
866
916
|
@dsInternalPrimitive-color-background-ai-action-active: var(--e96577);
|
|
@@ -874,9 +924,12 @@
|
|
|
874
924
|
@dsInternalPrimitive-color-border-disabled-action: var(--d4d142);
|
|
875
925
|
@dsInternalPrimitive-color-border-inverted-action: var(--bfac34);
|
|
876
926
|
@dsInternalPrimitive-color-border-classroom-action: var(--9b0207);
|
|
927
|
+
@dsInternalPrimitive-color-border-primaryB2b-action: var(--7e0dcd);
|
|
928
|
+
@dsInternalPrimitive-color-border-primaryTutor-action: var(--15969b);
|
|
877
929
|
@dsInternalPrimitive-color-border-newFeature-action: var(--0831da);
|
|
878
930
|
@dsInternalPrimitive-color-border-ai-action: var(--e6fc24);
|
|
879
931
|
@dsInternalPrimitive-color-border-tertiary-action-hover: var(--5a42a7);
|
|
932
|
+
@text-heading-massive-fontFamily: var(--422252);
|
|
880
933
|
@text-heading-huge-fontFamily: var(--ccb2e6);
|
|
881
934
|
@text-heading-extraLarge-fontFamily: var(--796c06);
|
|
882
935
|
@text-heading-large-fontFamily: var(--8b3362);
|
|
@@ -897,6 +950,7 @@
|
|
|
897
950
|
@button-default-fontFamily: var(--30bf13);
|
|
898
951
|
@button-medium-fontFamily: var(--f28f91);
|
|
899
952
|
@button-small-fontFamily: var(--a6a956);
|
|
953
|
+
@text-heading-massive-fontWeight: var(--b0be93);
|
|
900
954
|
@text-heading-huge-fontWeight: var(--159ab0);
|
|
901
955
|
@text-heading-extraLarge-fontWeight: var(--720fdf);
|
|
902
956
|
@text-heading-large-fontWeight: var(--89b95f);
|
|
@@ -917,6 +971,7 @@
|
|
|
917
971
|
@button-medium-fontWeight: var(--59d394);
|
|
918
972
|
@button-default-fontWeight: var(--d61910);
|
|
919
973
|
@button-small-fontWeight: var(--54ffae);
|
|
974
|
+
@text-heading-massive-fontSize: var(--bf8d53);
|
|
920
975
|
@text-heading-huge-fontSize: var(--3a5e2f);
|
|
921
976
|
@text-heading-extraLarge-fontSize: var(--817e05);
|
|
922
977
|
@text-heading-large-fontSize: var(--4b4360);
|
|
@@ -937,6 +992,7 @@
|
|
|
937
992
|
@button-medium-fontSize: var(--6361c2);
|
|
938
993
|
@button-default-fontSize: var(--48baa1);
|
|
939
994
|
@button-small-fontSize: var(--570d54);
|
|
995
|
+
@text-heading-massive-lineHeight: var(--772bea);
|
|
940
996
|
@text-heading-huge-lineHeight: var(--e7b73e);
|
|
941
997
|
@text-heading-extraLarge-lineHeight: var(--43b169);
|
|
942
998
|
@text-heading-large-lineHeight: var(--59d312);
|
|
@@ -1003,6 +1059,27 @@
|
|
|
1003
1059
|
@radius-16: var(--701685);
|
|
1004
1060
|
@radius-8: var(--fa4b1a);
|
|
1005
1061
|
@radius-300: var(--aa6dcb);
|
|
1062
|
+
@dropShadow-1-shorthand: var(--4d6aa3);
|
|
1063
|
+
@dropShadow-2-shorthand: var(--ecd97a);
|
|
1064
|
+
@dropShadow-3-shorthand: var(--df7dbb);
|
|
1065
|
+
@dropShadow-1-shadowColor: var(--e719fa);
|
|
1066
|
+
@dropShadow-2-shadowColor: var(--3b13b3);
|
|
1067
|
+
@dropShadow-3-shadowColor: var(--de2ee3);
|
|
1068
|
+
@dropShadow-1-shadowOffsetX: var(--c9cca6);
|
|
1069
|
+
@dropShadow-2-shadowOffsetX: var(--e8124b);
|
|
1070
|
+
@dropShadow-3-shadowOffsetX: var(--e8fcd2);
|
|
1071
|
+
@dropShadow-1-shadowOffsetY: var(--b2d31a);
|
|
1072
|
+
@dropShadow-2-shadowOffsetY: var(--b4ecf2);
|
|
1073
|
+
@dropShadow-3-shadowOffsetY: var(--f4d3f2);
|
|
1074
|
+
@dropShadow-1-shadowBlurRadius: var(--987abc);
|
|
1075
|
+
@dropShadow-2-shadowBlurRadius: var(--ecae98);
|
|
1076
|
+
@dropShadow-3-shadowBlurRadius: var(--3b86b2);
|
|
1077
|
+
@dropShadow-1-shadowOpacity: var(--009604);
|
|
1078
|
+
@dropShadow-2-shadowOpacity: var(--302716);
|
|
1079
|
+
@dropShadow-3-shadowOpacity: var(--9952ce);
|
|
1080
|
+
@dropShadow-1-elevation: var(--369822);
|
|
1081
|
+
@dropShadow-2-elevation: var(--10844c);
|
|
1082
|
+
@dropShadow-3-elevation: var(--03df56);
|
|
1006
1083
|
@link-large-textDecoration: var(--e19989);
|
|
1007
1084
|
@link-default-textDecoration: var(--223210);
|
|
1008
1085
|
@link-small-textDecoration: var(--6e2798);
|
|
@@ -1016,6 +1093,8 @@
|
|
|
1016
1093
|
@action-variant-critical-textDecoration: var(--91f4fa);
|
|
1017
1094
|
@action-variant-onColor-textDecoration: var(--af7137);
|
|
1018
1095
|
@action-variant-classroom-textDecoration: var(--4d5ea8);
|
|
1096
|
+
@action-variant-primaryB2b-textDecoration: var(--6c9741);
|
|
1097
|
+
@action-variant-primaryTutor-textDecoration: var(--6e7352);
|
|
1019
1098
|
@action-variant-inverted-textDecoration: var(--fb8624);
|
|
1020
1099
|
@action-variant-newFeature-textDecoration: var(--fd7ece);
|
|
1021
1100
|
@action-variant-ai-textDecoration: var(--c82204);
|
|
@@ -1029,6 +1108,8 @@
|
|
|
1029
1108
|
@action-variant-critical-hover-borderColor: var(--958f21);
|
|
1030
1109
|
@action-variant-onColor-hover-borderColor: var(--896b03);
|
|
1031
1110
|
@action-variant-classroom-hover-borderColor: var(--4a0597);
|
|
1111
|
+
@action-variant-primaryB2b-hover-borderColor: var(--a4c18c);
|
|
1112
|
+
@action-variant-primaryTutor-hover-borderColor: var(--632796);
|
|
1032
1113
|
@action-variant-inverted-hover-borderColor: var(--19fa74);
|
|
1033
1114
|
@action-variant-newFeature-hover-borderColor: var(--98c0df);
|
|
1034
1115
|
@action-variant-ai-hover-borderColor: var(--2ecd73);
|
|
@@ -1042,6 +1123,8 @@
|
|
|
1042
1123
|
@action-variant-critical-active-borderColor: var(--fb2597);
|
|
1043
1124
|
@action-variant-onColor-active-borderColor: var(--285db3);
|
|
1044
1125
|
@action-variant-classroom-active-borderColor: var(--8307ea);
|
|
1126
|
+
@action-variant-primaryB2b-active-borderColor: var(--173e42);
|
|
1127
|
+
@action-variant-primaryTutor-active-borderColor: var(--412e8f);
|
|
1045
1128
|
@action-variant-inverted-active-borderColor: var(--0d330c);
|
|
1046
1129
|
@action-variant-newFeature-active-borderColor: var(--76758a);
|
|
1047
1130
|
@action-variant-ai-active-borderColor: var(--6a507d);
|
|
@@ -1055,6 +1138,8 @@
|
|
|
1055
1138
|
@action-variant-critical-disabled-borderColor: var(--e117c7);
|
|
1056
1139
|
@action-variant-onColor-disabled-borderColor: var(--e1a214);
|
|
1057
1140
|
@action-variant-classroom-disabled-borderColor: var(--659377);
|
|
1141
|
+
@action-variant-primaryB2b-disabled-borderColor: var(--e7f949);
|
|
1142
|
+
@action-variant-primaryTutor-disabled-borderColor: var(--f6a20e);
|
|
1058
1143
|
@action-variant-inverted-disabled-borderColor: var(--e797f1);
|
|
1059
1144
|
@action-variant-newFeature-disabled-borderColor: var(--7d2338);
|
|
1060
1145
|
@action-variant-ai-disabled-borderColor: var(--6ac212);
|
|
@@ -1068,6 +1153,8 @@
|
|
|
1068
1153
|
@action-variant-critical-disabled-color: var(--ff8727);
|
|
1069
1154
|
@action-variant-onColor-disabled-color: var(--2c5ff8);
|
|
1070
1155
|
@action-variant-classroom-disabled-color: var(--8415f2);
|
|
1156
|
+
@action-variant-primaryB2b-disabled-color: var(--a6c6fb);
|
|
1157
|
+
@action-variant-primaryTutor-disabled-color: var(--5c2f26);
|
|
1071
1158
|
@action-variant-inverted-disabled-color: var(--e0ef5a);
|
|
1072
1159
|
@action-variant-newFeature-disabled-color: var(--412530);
|
|
1073
1160
|
@action-variant-ai-disabled-color: var(--643228);
|
|
@@ -1081,6 +1168,8 @@
|
|
|
1081
1168
|
@action-variant-critical-disabled-bgColor: var(--1ce20d);
|
|
1082
1169
|
@action-variant-onColor-disabled-bgColor: var(--720019);
|
|
1083
1170
|
@action-variant-classroom-disabled-bgColor: var(--249654);
|
|
1171
|
+
@action-variant-primaryB2b-disabled-bgColor: var(--8c7723);
|
|
1172
|
+
@action-variant-primaryTutor-disabled-bgColor: var(--07d682);
|
|
1084
1173
|
@action-variant-inverted-disabled-bgColor: var(--b1756a);
|
|
1085
1174
|
@action-variant-newFeature-disabled-bgColor: var(--e8c509);
|
|
1086
1175
|
@action-variant-ai-disabled-bgColor: var(--d35901);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-core",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.69.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.69.0",
|
|
23
|
+
"@preply/ds-core-types": "0.69.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@preply/ds-core": "0.
|
|
27
|
-
"@preply/ds-core-types": "0.
|
|
26
|
+
"@preply/ds-core": "0.69.0",
|
|
27
|
+
"@preply/ds-core-types": "0.69.0",
|
|
28
28
|
"react": "^16.8.3",
|
|
29
29
|
"react-dom": "^16.8.3"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "a0b7ae092f1d1a857b7c329e94e2b13a9b987fb5"
|
|
32
32
|
}
|