@preply/ds-web-core 0.68.1 → 0.70.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.
|
@@ -61,6 +61,14 @@
|
|
|
61
61
|
.color('action', @token);
|
|
62
62
|
.bg-color('action', @token);
|
|
63
63
|
}
|
|
64
|
+
|
|
65
|
+
& when ((@variant = classroom) or (@variant = ghost)) {
|
|
66
|
+
&--is-selected {
|
|
67
|
+
@token: 'variant-@{variant}-selected';
|
|
68
|
+
.color('action', @token);
|
|
69
|
+
.bg-color('action', @token);
|
|
70
|
+
}
|
|
71
|
+
}
|
|
64
72
|
}
|
|
65
73
|
});
|
|
66
74
|
}
|
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
/* AUTO GENERATED @Fri Sep
|
|
1
|
+
/* AUTO GENERATED @Fri Sep 29 2023 15:54:15 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;
|
|
16
17
|
@AVATAR_WITH_STATUS_SIZE_OPTIONS: 2xs, xs, m, xl, 64, 96, 160;
|
|
17
18
|
@BADGE_ACCENT_OPTIONS: accent, positive, critical, warning, info, tertiary;
|
|
@@ -28,25 +29,28 @@
|
|
|
28
29
|
@BUTTON_LINE_HEIGHT_OPTIONS: large, medium, default, small;
|
|
29
30
|
@BUTTON_SIZE_OPTIONS: xs, s, m, l, xl, large, medium, small;
|
|
30
31
|
@BUTTON_VARIANT_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain, dangerous, critical,
|
|
31
|
-
onColor, classroom, inverted, newFeature, ai;
|
|
32
|
+
onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
|
|
32
33
|
@BUTTON_VERTICAL_PADDING_DS_INTERNAL_PRIMITIVE_OPTIONS: large, medium, small;
|
|
33
|
-
@COLOR_BACKGROUND_OPTIONS: primary, secondary, tertiary, overlay, disabled, brand,
|
|
34
|
-
accentDark, positiveLight, positiveDark, infoLight, infoDark, warningLight,
|
|
35
|
-
criticalLight, criticalDark, statusOnline, statusOffline, primaryInverted,
|
|
36
|
-
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;
|
|
37
38
|
@COLOR_BACKGROUND_ACTION_ACTIVE_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
|
|
38
|
-
quaternary, ghost, critical, onColor, classroom, inverted, newFeature,
|
|
39
|
+
quaternary, ghost, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature,
|
|
40
|
+
ai;
|
|
39
41
|
@COLOR_BACKGROUND_ACTION_HOVER_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
|
|
40
|
-
quaternary, ghost, critical, onColor, classroom, inverted, newFeature,
|
|
42
|
+
quaternary, ghost, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature,
|
|
43
|
+
ai;
|
|
41
44
|
@COLOR_BACKGROUND_ACTION_REST_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
|
|
42
|
-
quaternary, ghost, critical, onColor, classroom, inverted, newFeature,
|
|
45
|
+
quaternary, ghost, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature,
|
|
46
|
+
ai;
|
|
43
47
|
@COLOR_BLUE_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
|
|
44
48
|
@COLOR_BORDER_OPTIONS: primary, secondary, secondary-opacity, focus, critical, tertiary, brand,
|
|
45
49
|
disabled, positive;
|
|
46
50
|
@COLOR_BORDER_ACTION_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary, quaternary, ghost,
|
|
47
|
-
critical, disabled, inverted, classroom, newFeature, ai;
|
|
51
|
+
critical, disabled, inverted, classroom, primaryB2b, primaryTutor, newFeature, ai;
|
|
48
52
|
@COLOR_GREY_DS_INTERNAL_PRIMITIVE_OPTIONS: 0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900,
|
|
49
|
-
900-72, 900-56, 900-12, 900-6;
|
|
53
|
+
900-72, 900-56, 900-15, 900-12, 900-6;
|
|
50
54
|
@COLOR_GREY_OPACITY_DS_INTERNAL_PRIMITIVE_OPTIONS: 900-56;
|
|
51
55
|
@COLOR_ICON_OPTIONS: primary, secondary, tertiary, positive, info, warning, critical, accentDark,
|
|
52
56
|
inverted, disabled;
|
|
@@ -62,11 +66,18 @@
|
|
|
62
66
|
@COLOR_TEXT_OPTIONS: primary, secondary, tertiary, accentDark, placeholder, inverted, positive, info,
|
|
63
67
|
warning, critical, branded, error, selected, disabled, accent;
|
|
64
68
|
@COLOR_TEXT_ACTION_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary, quaternary, ghost,
|
|
65
|
-
critical, disabled, onColor, classroom, inverted, newFeature, ai;
|
|
69
|
+
critical, disabled, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
|
|
66
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;
|
|
67
78
|
@HEADING_LEVEL_OPTIONS: h1, h2, h3, h4, h5;
|
|
68
79
|
@HEADING_TAG_OPTIONS: h1, h2, h3, h4, h5, p, div;
|
|
69
|
-
@HEADING_VARIANT_OPTIONS: huge, extraLarge, large, medium, small;
|
|
80
|
+
@HEADING_VARIANT_OPTIONS: massive, huge, extraLarge, large, medium, small;
|
|
70
81
|
@ICON_SIZE_OPTIONS: 2xs, xs, s, m, l;
|
|
71
82
|
@LAYOUT_ALIGN_ITEMS_OPTIONS: center, start, end, stretch, baseline;
|
|
72
83
|
@LAYOUT_ALIGN_SELF_OPTIONS: stretch, center, start, end;
|
|
@@ -90,10 +101,10 @@
|
|
|
90
101
|
@SPINNER_SIZE_OPTIONS: default, large;
|
|
91
102
|
@TEXT_ACCENT_OPTIONS: primary, secondary, tertiary, accentDark, placeholder, inverted, positive,
|
|
92
103
|
info, warning, critical, disabled, branded, selected, error, accent;
|
|
93
|
-
@TEXT_HEADING_FONT_FAMILY_OPTIONS: huge, extraLarge, large, medium, small;
|
|
94
|
-
@TEXT_HEADING_FONT_SIZE_OPTIONS: huge, extraLarge, large, medium, small;
|
|
95
|
-
@TEXT_HEADING_FONT_WEIGHT_OPTIONS: huge, extraLarge, large, medium, small;
|
|
96
|
-
@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;
|
|
97
108
|
@TEXT_HIGHLIGHT_OPTIONS: blue, green, primary, secondary, tertiary, accent, positive, info, warning,
|
|
98
109
|
critical;
|
|
99
110
|
@TEXT_INLINE_TAG_OPTIONS: span, strong, em;
|
|
@@ -114,5 +125,5 @@
|
|
|
114
125
|
s-bold-italic, m, m-italic, m-medium, m-medium-italic, m-bold, m-bold-italic, l, l-italic,
|
|
115
126
|
l-medium, l-medium-italic, xl, xl-italic, xl-medium, xl-medium-italic;
|
|
116
127
|
@TEXT_WEIGHT_OPTIONS: 400, 500, 700, normal, medium, bold;
|
|
117
|
-
@THEME_OPTIONS: tokyo-ui,
|
|
128
|
+
@THEME_OPTIONS: tokyo-ui, bold-ui, base-ui, preply-ui;
|
|
118
129
|
@TOKYO_UI_ICON_SIZE_OPTIONS: 16, 24, 32, 48;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* AUTO GENERATED @Fri Sep
|
|
1
|
+
/* AUTO GENERATED @Fri Sep 29 2023 15:54:15 GMT+0000 (Coordinated Universal Time) */
|
|
2
2
|
|
|
3
3
|
@scheme-color: var(--aface6);
|
|
4
4
|
@scheme-bgColor: var(--786b9e);
|
|
@@ -123,6 +123,7 @@
|
|
|
123
123
|
@content-accent-color: var(--2b2771);
|
|
124
124
|
@content-disabled-color: var(--a056c3);
|
|
125
125
|
@border-base-borderColor: var(--29cd58);
|
|
126
|
+
@border-hover-borderColor: var(--0bd642);
|
|
126
127
|
@border-focus-borderColor: var(--398094);
|
|
127
128
|
@border-error-borderColor: var(--eaf4a3);
|
|
128
129
|
@border-selected-borderColor: var(--7cbb9c);
|
|
@@ -153,6 +154,8 @@
|
|
|
153
154
|
@action-variant-critical-color: var(--f68030);
|
|
154
155
|
@action-variant-onColor-color: var(--96343f);
|
|
155
156
|
@action-variant-classroom-color: var(--8d482c);
|
|
157
|
+
@action-variant-primaryB2b-color: var(--4a94de);
|
|
158
|
+
@action-variant-primaryTutor-color: var(--c93681);
|
|
156
159
|
@action-variant-inverted-color: var(--81b7df);
|
|
157
160
|
@action-variant-newFeature-color: var(--ad44c3);
|
|
158
161
|
@action-variant-ai-color: var(--aa08fb);
|
|
@@ -166,6 +169,8 @@
|
|
|
166
169
|
@action-variant-critical-bgColor: var(--faae28);
|
|
167
170
|
@action-variant-onColor-bgColor: var(--d64a99);
|
|
168
171
|
@action-variant-classroom-bgColor: var(--7a038f);
|
|
172
|
+
@action-variant-primaryB2b-bgColor: var(--6c36b5);
|
|
173
|
+
@action-variant-primaryTutor-bgColor: var(--4aa1b1);
|
|
169
174
|
@action-variant-inverted-bgColor: var(--c54155);
|
|
170
175
|
@action-variant-newFeature-bgColor: var(--7dbfce);
|
|
171
176
|
@action-variant-ai-bgColor: var(--1bdcc0);
|
|
@@ -179,6 +184,8 @@
|
|
|
179
184
|
@action-variant-critical-borderColor: var(--b357d0);
|
|
180
185
|
@action-variant-onColor-borderColor: var(--d2723c);
|
|
181
186
|
@action-variant-classroom-borderColor: var(--38faba);
|
|
187
|
+
@action-variant-primaryB2b-borderColor: var(--4a9eb5);
|
|
188
|
+
@action-variant-primaryTutor-borderColor: var(--f103e9);
|
|
182
189
|
@action-variant-inverted-borderColor: var(--fe1378);
|
|
183
190
|
@action-variant-newFeature-borderColor: var(--a7eddc);
|
|
184
191
|
@action-variant-ai-borderColor: var(--8e8894);
|
|
@@ -192,6 +199,8 @@
|
|
|
192
199
|
@action-variant-critical-hover-bgColor: var(--064c43);
|
|
193
200
|
@action-variant-onColor-hover-bgColor: var(--549e56);
|
|
194
201
|
@action-variant-classroom-hover-bgColor: var(--077a93);
|
|
202
|
+
@action-variant-primaryB2b-hover-bgColor: var(--dcdb32);
|
|
203
|
+
@action-variant-primaryTutor-hover-bgColor: var(--46a009);
|
|
195
204
|
@action-variant-inverted-hover-bgColor: var(--8a16b5);
|
|
196
205
|
@action-variant-newFeature-hover-bgColor: var(--dd2815);
|
|
197
206
|
@action-variant-ai-hover-bgColor: var(--f043dc);
|
|
@@ -205,6 +214,8 @@
|
|
|
205
214
|
@action-variant-critical-active-bgColor: var(--152a7a);
|
|
206
215
|
@action-variant-onColor-active-bgColor: var(--936fce);
|
|
207
216
|
@action-variant-classroom-active-bgColor: var(--45d93a);
|
|
217
|
+
@action-variant-primaryB2b-active-bgColor: var(--fc3d8b);
|
|
218
|
+
@action-variant-primaryTutor-active-bgColor: var(--dd5a43);
|
|
208
219
|
@action-variant-inverted-active-bgColor: var(--de59a1);
|
|
209
220
|
@action-variant-newFeature-active-bgColor: var(--b3e453);
|
|
210
221
|
@action-variant-ai-active-bgColor: var(--5bba7d);
|
|
@@ -218,6 +229,8 @@
|
|
|
218
229
|
@action-variant-critical-hover-color: var(--c3136e);
|
|
219
230
|
@action-variant-onColor-hover-color: var(--145384);
|
|
220
231
|
@action-variant-classroom-hover-color: var(--55bfda);
|
|
232
|
+
@action-variant-primaryB2b-hover-color: var(--3e45d7);
|
|
233
|
+
@action-variant-primaryTutor-hover-color: var(--e91696);
|
|
221
234
|
@action-variant-inverted-hover-color: var(--79a09e);
|
|
222
235
|
@action-variant-newFeature-hover-color: var(--ddcea1);
|
|
223
236
|
@action-variant-ai-hover-color: var(--59b757);
|
|
@@ -231,9 +244,17 @@
|
|
|
231
244
|
@action-variant-critical-active-color: var(--f9fba8);
|
|
232
245
|
@action-variant-onColor-active-color: var(--f772e8);
|
|
233
246
|
@action-variant-classroom-active-color: var(--b62751);
|
|
247
|
+
@action-variant-primaryB2b-active-color: var(--cb03bc);
|
|
248
|
+
@action-variant-primaryTutor-active-color: var(--58d992);
|
|
234
249
|
@action-variant-inverted-active-color: var(--77e945);
|
|
235
250
|
@action-variant-newFeature-active-color: var(--d4762b);
|
|
236
251
|
@action-variant-ai-active-color: var(--349ae3);
|
|
252
|
+
@action-variant-ghost-selected-color: var(--5f5238);
|
|
253
|
+
@action-variant-classroom-selected-color: var(--a0b42b);
|
|
254
|
+
@action-variant-ghost-selected-bgColor: var(--a5cfbe);
|
|
255
|
+
@action-variant-classroom-selected-bgColor: var(--16a985);
|
|
256
|
+
@action-variant-ghost-selected-borderColor: var(--1ca8a8);
|
|
257
|
+
@action-variant-classroom-selected-borderColor: var(--15af87);
|
|
237
258
|
@action-link-textDecoration: var(--f13872);
|
|
238
259
|
@action-link-color: var(--1e7527);
|
|
239
260
|
@action-link-hover-color: var(--7d7969);
|
|
@@ -322,18 +343,30 @@
|
|
|
322
343
|
@badge-size-xs-horizontalPadding: var(--62f094);
|
|
323
344
|
@badge-size-s-horizontalPadding: var(--796ab1);
|
|
324
345
|
@badge-size-m-horizontalPadding: var(--3d1d33);
|
|
325
|
-
@badge-accent-accent-normal: var(--
|
|
326
|
-
@badge-accent-positive-normal: var(--
|
|
327
|
-
@badge-accent-critical-normal: var(--
|
|
328
|
-
@badge-accent-warning-normal: var(--
|
|
329
|
-
@badge-accent-info-normal: var(--
|
|
330
|
-
@badge-accent-tertiary-normal: var(--
|
|
331
|
-
@badge-accent-accent-inverted: var(--
|
|
332
|
-
@badge-accent-positive-inverted: var(--
|
|
333
|
-
@badge-accent-critical-inverted: var(--
|
|
334
|
-
@badge-accent-warning-inverted: var(--
|
|
335
|
-
@badge-accent-info-inverted: var(--
|
|
336
|
-
@badge-accent-tertiary-inverted: var(--
|
|
346
|
+
@badge-accent-accent-normal-bgColor: var(--eba8f8);
|
|
347
|
+
@badge-accent-positive-normal-bgColor: var(--694afa);
|
|
348
|
+
@badge-accent-critical-normal-bgColor: var(--22f022);
|
|
349
|
+
@badge-accent-warning-normal-bgColor: var(--02372a);
|
|
350
|
+
@badge-accent-info-normal-bgColor: var(--7a1a33);
|
|
351
|
+
@badge-accent-tertiary-normal-bgColor: var(--a453d7);
|
|
352
|
+
@badge-accent-accent-inverted-bgColor: var(--54c075);
|
|
353
|
+
@badge-accent-positive-inverted-bgColor: var(--47c404);
|
|
354
|
+
@badge-accent-critical-inverted-bgColor: var(--cdb1f6);
|
|
355
|
+
@badge-accent-warning-inverted-bgColor: var(--08fa29);
|
|
356
|
+
@badge-accent-info-inverted-bgColor: var(--fa3428);
|
|
357
|
+
@badge-accent-tertiary-inverted-bgColor: var(--50e919);
|
|
358
|
+
@badge-accent-accent-normal-color: var(--dede3f);
|
|
359
|
+
@badge-accent-positive-normal-color: var(--2a2719);
|
|
360
|
+
@badge-accent-critical-normal-color: var(--036159);
|
|
361
|
+
@badge-accent-warning-normal-color: var(--84e571);
|
|
362
|
+
@badge-accent-info-normal-color: var(--f3be0c);
|
|
363
|
+
@badge-accent-tertiary-normal-color: var(--d7e14c);
|
|
364
|
+
@badge-accent-accent-inverted-color: var(--732eb5);
|
|
365
|
+
@badge-accent-positive-inverted-color: var(--30c365);
|
|
366
|
+
@badge-accent-critical-inverted-color: var(--90eeff);
|
|
367
|
+
@badge-accent-warning-inverted-color: var(--363237);
|
|
368
|
+
@badge-accent-info-inverted-color: var(--506df4);
|
|
369
|
+
@badge-accent-tertiary-inverted-color: var(--ab5158);
|
|
337
370
|
@spinner-size-default-size: var(--9270b5);
|
|
338
371
|
@spinner-size-large-size: var(--77547f);
|
|
339
372
|
@spinner-icon-color: var(--d288ed);
|
|
@@ -362,26 +395,31 @@
|
|
|
362
395
|
@icon-size-24: var(--81dc82);
|
|
363
396
|
@icon-size-32: var(--2a6452);
|
|
364
397
|
@icon-size-48: var(--03d2e4);
|
|
398
|
+
@heading-variant-massive-fontFamily: var(--b3726f);
|
|
365
399
|
@heading-variant-huge-fontFamily: var(--4a9e2c);
|
|
366
400
|
@heading-variant-extraLarge-fontFamily: var(--27b01f);
|
|
367
401
|
@heading-variant-large-fontFamily: var(--933031);
|
|
368
402
|
@heading-variant-medium-fontFamily: var(--389c59);
|
|
369
403
|
@heading-variant-small-fontFamily: var(--22c5e1);
|
|
404
|
+
@heading-variant-massive-fontWeight: var(--8c9f05);
|
|
370
405
|
@heading-variant-huge-fontWeight: var(--b1d4f5);
|
|
371
406
|
@heading-variant-extraLarge-fontWeight: var(--26b05f);
|
|
372
407
|
@heading-variant-large-fontWeight: var(--be9403);
|
|
373
408
|
@heading-variant-medium-fontWeight: var(--6b93f9);
|
|
374
409
|
@heading-variant-small-fontWeight: var(--e1e6cd);
|
|
410
|
+
@heading-variant-massive-fontSize: var(--cd577e);
|
|
375
411
|
@heading-variant-huge-fontSize: var(--890dda);
|
|
376
412
|
@heading-variant-extraLarge-fontSize: var(--0728b9);
|
|
377
413
|
@heading-variant-large-fontSize: var(--5d91ee);
|
|
378
414
|
@heading-variant-medium-fontSize: var(--d4d05b);
|
|
379
415
|
@heading-variant-small-fontSize: var(--054730);
|
|
416
|
+
@heading-variant-massive-lineHeight: var(--2e9eee);
|
|
380
417
|
@heading-variant-huge-lineHeight: var(--a1602a);
|
|
381
418
|
@heading-variant-extraLarge-lineHeight: var(--aaf219);
|
|
382
419
|
@heading-variant-large-lineHeight: var(--ba6c7f);
|
|
383
420
|
@heading-variant-medium-lineHeight: var(--a7e8c0);
|
|
384
421
|
@heading-variant-small-lineHeight: var(--ced741);
|
|
422
|
+
@heading-variant-massive-letterSpacing: var(--d662ea);
|
|
385
423
|
@heading-variant-huge-letterSpacing: var(--65a2cd);
|
|
386
424
|
@heading-variant-extraLarge-letterSpacing: var(--ceac96);
|
|
387
425
|
@heading-variant-large-letterSpacing: var(--6408ce);
|
|
@@ -734,6 +772,7 @@
|
|
|
734
772
|
@dsInternalPrimitive-color-grey-900: var(--4cafda);
|
|
735
773
|
@dsInternalPrimitive-color-grey-900-72: var(--28b0ce);
|
|
736
774
|
@dsInternalPrimitive-color-grey-900-56: var(--b445b1);
|
|
775
|
+
@dsInternalPrimitive-color-grey-900-15: var(--a6b6d6);
|
|
737
776
|
@dsInternalPrimitive-color-grey-900-12: var(--7e1290);
|
|
738
777
|
@dsInternalPrimitive-color-grey-900-6: var(--12d28a);
|
|
739
778
|
@dsInternalPrimitive-color-pink-50: var(--7cff10);
|
|
@@ -812,6 +851,7 @@
|
|
|
812
851
|
@color-background-overlay: var(--02a0d5);
|
|
813
852
|
@color-background-disabled: var(--319b29);
|
|
814
853
|
@color-background-brand: var(--cd91ab);
|
|
854
|
+
@color-background-brandB2b: var(--706789);
|
|
815
855
|
@color-background-accentLight: var(--560eda);
|
|
816
856
|
@color-background-accentDark: var(--e4c520);
|
|
817
857
|
@color-background-positiveLight: var(--1836a4);
|
|
@@ -846,10 +886,17 @@
|
|
|
846
886
|
@dsInternalPrimitive-color-text-disabled-action: var(--7f32d7);
|
|
847
887
|
@dsInternalPrimitive-color-text-onColor-action: var(--f88582);
|
|
848
888
|
@dsInternalPrimitive-color-text-classroom-action: var(--27aa3b);
|
|
889
|
+
@dsInternalPrimitive-color-text-primaryB2b-action: var(--48c8a1);
|
|
890
|
+
@dsInternalPrimitive-color-text-primaryTutor-action: var(--3250df);
|
|
849
891
|
@dsInternalPrimitive-color-text-inverted-action: var(--250d1b);
|
|
850
892
|
@dsInternalPrimitive-color-text-newFeature-action: var(--4aaaef);
|
|
851
893
|
@dsInternalPrimitive-color-text-ai-action: var(--7d366e);
|
|
852
894
|
@dsInternalPrimitive-color-text-primary-action-active: var(--480cdf);
|
|
895
|
+
@dsInternalPrimitive-color-text-primaryB2b-action-active: var(--ccca30);
|
|
896
|
+
@dsInternalPrimitive-color-text-primaryTutor-action-active: var(--488097);
|
|
897
|
+
@dsInternalPrimitive-color-text-classroom-action-selected: var(--9a7c6b);
|
|
898
|
+
@dsInternalPrimitive-color-background-classroom-action-selected: var(--226406);
|
|
899
|
+
@dsInternalPrimitive-color-background-ghost-action-selected: var(--ff9376);
|
|
853
900
|
@dsInternalPrimitive-color-background-primary-action-rest: var(--cf27db);
|
|
854
901
|
@dsInternalPrimitive-color-background-secondary-action-rest: var(--ae8a27);
|
|
855
902
|
@dsInternalPrimitive-color-background-tertiary-action-rest: var(--83c38a);
|
|
@@ -858,6 +905,8 @@
|
|
|
858
905
|
@dsInternalPrimitive-color-background-critical-action-rest: var(--f99bbd);
|
|
859
906
|
@dsInternalPrimitive-color-background-onColor-action-rest: var(--22605a);
|
|
860
907
|
@dsInternalPrimitive-color-background-classroom-action-rest: var(--8c3891);
|
|
908
|
+
@dsInternalPrimitive-color-background-primaryB2b-action-rest: var(--1c0876);
|
|
909
|
+
@dsInternalPrimitive-color-background-primaryTutor-action-rest: var(--d78653);
|
|
861
910
|
@dsInternalPrimitive-color-background-inverted-action-rest: var(--63afb0);
|
|
862
911
|
@dsInternalPrimitive-color-background-newFeature-action-rest: var(--754e2b);
|
|
863
912
|
@dsInternalPrimitive-color-background-ai-action-rest: var(--2033ec);
|
|
@@ -869,6 +918,8 @@
|
|
|
869
918
|
@dsInternalPrimitive-color-background-critical-action-hover: var(--5cd326);
|
|
870
919
|
@dsInternalPrimitive-color-background-onColor-action-hover: var(--b2e035);
|
|
871
920
|
@dsInternalPrimitive-color-background-classroom-action-hover: var(--173f0d);
|
|
921
|
+
@dsInternalPrimitive-color-background-primaryB2b-action-hover: var(--ab3e6b);
|
|
922
|
+
@dsInternalPrimitive-color-background-primaryTutor-action-hover: var(--689a70);
|
|
872
923
|
@dsInternalPrimitive-color-background-inverted-action-hover: var(--4df5c9);
|
|
873
924
|
@dsInternalPrimitive-color-background-newFeature-action-hover: var(--d8c7e0);
|
|
874
925
|
@dsInternalPrimitive-color-background-ai-action-hover: var(--e45436);
|
|
@@ -880,6 +931,8 @@
|
|
|
880
931
|
@dsInternalPrimitive-color-background-critical-action-active: var(--bd5da9);
|
|
881
932
|
@dsInternalPrimitive-color-background-onColor-action-active: var(--7605f1);
|
|
882
933
|
@dsInternalPrimitive-color-background-classroom-action-active: var(--003ddf);
|
|
934
|
+
@dsInternalPrimitive-color-background-primaryB2b-action-active: var(--6bda6d);
|
|
935
|
+
@dsInternalPrimitive-color-background-primaryTutor-action-active: var(--608d83);
|
|
883
936
|
@dsInternalPrimitive-color-background-inverted-action-active: var(--5e5ef1);
|
|
884
937
|
@dsInternalPrimitive-color-background-newFeature-action-active: var(--3b4318);
|
|
885
938
|
@dsInternalPrimitive-color-background-ai-action-active: var(--e96577);
|
|
@@ -893,9 +946,12 @@
|
|
|
893
946
|
@dsInternalPrimitive-color-border-disabled-action: var(--d4d142);
|
|
894
947
|
@dsInternalPrimitive-color-border-inverted-action: var(--bfac34);
|
|
895
948
|
@dsInternalPrimitive-color-border-classroom-action: var(--9b0207);
|
|
949
|
+
@dsInternalPrimitive-color-border-primaryB2b-action: var(--7e0dcd);
|
|
950
|
+
@dsInternalPrimitive-color-border-primaryTutor-action: var(--15969b);
|
|
896
951
|
@dsInternalPrimitive-color-border-newFeature-action: var(--0831da);
|
|
897
952
|
@dsInternalPrimitive-color-border-ai-action: var(--e6fc24);
|
|
898
953
|
@dsInternalPrimitive-color-border-tertiary-action-hover: var(--5a42a7);
|
|
954
|
+
@text-heading-massive-fontFamily: var(--422252);
|
|
899
955
|
@text-heading-huge-fontFamily: var(--ccb2e6);
|
|
900
956
|
@text-heading-extraLarge-fontFamily: var(--796c06);
|
|
901
957
|
@text-heading-large-fontFamily: var(--8b3362);
|
|
@@ -916,6 +972,8 @@
|
|
|
916
972
|
@button-default-fontFamily: var(--30bf13);
|
|
917
973
|
@button-medium-fontFamily: var(--f28f91);
|
|
918
974
|
@button-small-fontFamily: var(--a6a956);
|
|
975
|
+
@text-fieldAdditionalText-fontFamily: var(--3604ec);
|
|
976
|
+
@text-heading-massive-fontWeight: var(--b0be93);
|
|
919
977
|
@text-heading-huge-fontWeight: var(--159ab0);
|
|
920
978
|
@text-heading-extraLarge-fontWeight: var(--720fdf);
|
|
921
979
|
@text-heading-large-fontWeight: var(--89b95f);
|
|
@@ -936,6 +994,8 @@
|
|
|
936
994
|
@button-medium-fontWeight: var(--59d394);
|
|
937
995
|
@button-default-fontWeight: var(--d61910);
|
|
938
996
|
@button-small-fontWeight: var(--54ffae);
|
|
997
|
+
@text-fieldAdditionalText-fontWeight: var(--026ea8);
|
|
998
|
+
@text-heading-massive-fontSize: var(--bf8d53);
|
|
939
999
|
@text-heading-huge-fontSize: var(--3a5e2f);
|
|
940
1000
|
@text-heading-extraLarge-fontSize: var(--817e05);
|
|
941
1001
|
@text-heading-large-fontSize: var(--4b4360);
|
|
@@ -956,6 +1016,8 @@
|
|
|
956
1016
|
@button-medium-fontSize: var(--6361c2);
|
|
957
1017
|
@button-default-fontSize: var(--48baa1);
|
|
958
1018
|
@button-small-fontSize: var(--570d54);
|
|
1019
|
+
@text-fieldAdditionalText-fontSize: var(--3f1843);
|
|
1020
|
+
@text-heading-massive-lineHeight: var(--772bea);
|
|
959
1021
|
@text-heading-huge-lineHeight: var(--e7b73e);
|
|
960
1022
|
@text-heading-extraLarge-lineHeight: var(--43b169);
|
|
961
1023
|
@text-heading-large-lineHeight: var(--59d312);
|
|
@@ -976,6 +1038,7 @@
|
|
|
976
1038
|
@button-medium-lineHeight: var(--7e6bed);
|
|
977
1039
|
@button-default-lineHeight: var(--a4f1d9);
|
|
978
1040
|
@button-small-lineHeight: var(--6e1c88);
|
|
1041
|
+
@text-fieldAdditionalText-lineHeight: var(--030292);
|
|
979
1042
|
@dsInternalPrimitive-button-large-height: var(--099715);
|
|
980
1043
|
@dsInternalPrimitive-button-medium-height: var(--f462c6);
|
|
981
1044
|
@dsInternalPrimitive-button-small-height: var(--132408);
|
|
@@ -990,6 +1053,7 @@
|
|
|
990
1053
|
@button-medium-letterSpacing: var(--cf9a36);
|
|
991
1054
|
@button-default-letterSpacing: var(--abb4c9);
|
|
992
1055
|
@button-small-letterSpacing: var(--b7aa0a);
|
|
1056
|
+
@text-fieldAdditionalText-letterSpacing: var(--c142cd);
|
|
993
1057
|
@spacing-0: var(--d434fb);
|
|
994
1058
|
@spacing-1: var(--109103);
|
|
995
1059
|
@spacing-2: var(--05dd73);
|
|
@@ -1022,6 +1086,27 @@
|
|
|
1022
1086
|
@radius-16: var(--701685);
|
|
1023
1087
|
@radius-8: var(--fa4b1a);
|
|
1024
1088
|
@radius-300: var(--aa6dcb);
|
|
1089
|
+
@dropShadow-1-shorthand: var(--4d6aa3);
|
|
1090
|
+
@dropShadow-2-shorthand: var(--ecd97a);
|
|
1091
|
+
@dropShadow-3-shorthand: var(--df7dbb);
|
|
1092
|
+
@dropShadow-1-shadowColor: var(--e719fa);
|
|
1093
|
+
@dropShadow-2-shadowColor: var(--3b13b3);
|
|
1094
|
+
@dropShadow-3-shadowColor: var(--de2ee3);
|
|
1095
|
+
@dropShadow-1-shadowOffsetX: var(--c9cca6);
|
|
1096
|
+
@dropShadow-2-shadowOffsetX: var(--e8124b);
|
|
1097
|
+
@dropShadow-3-shadowOffsetX: var(--e8fcd2);
|
|
1098
|
+
@dropShadow-1-shadowOffsetY: var(--b2d31a);
|
|
1099
|
+
@dropShadow-2-shadowOffsetY: var(--b4ecf2);
|
|
1100
|
+
@dropShadow-3-shadowOffsetY: var(--f4d3f2);
|
|
1101
|
+
@dropShadow-1-shadowBlurRadius: var(--987abc);
|
|
1102
|
+
@dropShadow-2-shadowBlurRadius: var(--ecae98);
|
|
1103
|
+
@dropShadow-3-shadowBlurRadius: var(--3b86b2);
|
|
1104
|
+
@dropShadow-1-shadowOpacity: var(--009604);
|
|
1105
|
+
@dropShadow-2-shadowOpacity: var(--302716);
|
|
1106
|
+
@dropShadow-3-shadowOpacity: var(--9952ce);
|
|
1107
|
+
@dropShadow-1-elevation: var(--369822);
|
|
1108
|
+
@dropShadow-2-elevation: var(--10844c);
|
|
1109
|
+
@dropShadow-3-elevation: var(--03df56);
|
|
1025
1110
|
@link-large-textDecoration: var(--e19989);
|
|
1026
1111
|
@link-default-textDecoration: var(--223210);
|
|
1027
1112
|
@link-small-textDecoration: var(--6e2798);
|
|
@@ -1035,6 +1120,8 @@
|
|
|
1035
1120
|
@action-variant-critical-textDecoration: var(--91f4fa);
|
|
1036
1121
|
@action-variant-onColor-textDecoration: var(--af7137);
|
|
1037
1122
|
@action-variant-classroom-textDecoration: var(--4d5ea8);
|
|
1123
|
+
@action-variant-primaryB2b-textDecoration: var(--6c9741);
|
|
1124
|
+
@action-variant-primaryTutor-textDecoration: var(--6e7352);
|
|
1038
1125
|
@action-variant-inverted-textDecoration: var(--fb8624);
|
|
1039
1126
|
@action-variant-newFeature-textDecoration: var(--fd7ece);
|
|
1040
1127
|
@action-variant-ai-textDecoration: var(--c82204);
|
|
@@ -1048,6 +1135,8 @@
|
|
|
1048
1135
|
@action-variant-critical-hover-borderColor: var(--958f21);
|
|
1049
1136
|
@action-variant-onColor-hover-borderColor: var(--896b03);
|
|
1050
1137
|
@action-variant-classroom-hover-borderColor: var(--4a0597);
|
|
1138
|
+
@action-variant-primaryB2b-hover-borderColor: var(--a4c18c);
|
|
1139
|
+
@action-variant-primaryTutor-hover-borderColor: var(--632796);
|
|
1051
1140
|
@action-variant-inverted-hover-borderColor: var(--19fa74);
|
|
1052
1141
|
@action-variant-newFeature-hover-borderColor: var(--98c0df);
|
|
1053
1142
|
@action-variant-ai-hover-borderColor: var(--2ecd73);
|
|
@@ -1061,6 +1150,8 @@
|
|
|
1061
1150
|
@action-variant-critical-active-borderColor: var(--fb2597);
|
|
1062
1151
|
@action-variant-onColor-active-borderColor: var(--285db3);
|
|
1063
1152
|
@action-variant-classroom-active-borderColor: var(--8307ea);
|
|
1153
|
+
@action-variant-primaryB2b-active-borderColor: var(--173e42);
|
|
1154
|
+
@action-variant-primaryTutor-active-borderColor: var(--412e8f);
|
|
1064
1155
|
@action-variant-inverted-active-borderColor: var(--0d330c);
|
|
1065
1156
|
@action-variant-newFeature-active-borderColor: var(--76758a);
|
|
1066
1157
|
@action-variant-ai-active-borderColor: var(--6a507d);
|
|
@@ -1074,6 +1165,8 @@
|
|
|
1074
1165
|
@action-variant-critical-disabled-borderColor: var(--e117c7);
|
|
1075
1166
|
@action-variant-onColor-disabled-borderColor: var(--e1a214);
|
|
1076
1167
|
@action-variant-classroom-disabled-borderColor: var(--659377);
|
|
1168
|
+
@action-variant-primaryB2b-disabled-borderColor: var(--e7f949);
|
|
1169
|
+
@action-variant-primaryTutor-disabled-borderColor: var(--f6a20e);
|
|
1077
1170
|
@action-variant-inverted-disabled-borderColor: var(--e797f1);
|
|
1078
1171
|
@action-variant-newFeature-disabled-borderColor: var(--7d2338);
|
|
1079
1172
|
@action-variant-ai-disabled-borderColor: var(--6ac212);
|
|
@@ -1087,6 +1180,8 @@
|
|
|
1087
1180
|
@action-variant-critical-disabled-color: var(--ff8727);
|
|
1088
1181
|
@action-variant-onColor-disabled-color: var(--2c5ff8);
|
|
1089
1182
|
@action-variant-classroom-disabled-color: var(--8415f2);
|
|
1183
|
+
@action-variant-primaryB2b-disabled-color: var(--a6c6fb);
|
|
1184
|
+
@action-variant-primaryTutor-disabled-color: var(--5c2f26);
|
|
1090
1185
|
@action-variant-inverted-disabled-color: var(--e0ef5a);
|
|
1091
1186
|
@action-variant-newFeature-disabled-color: var(--412530);
|
|
1092
1187
|
@action-variant-ai-disabled-color: var(--643228);
|
|
@@ -1100,6 +1195,8 @@
|
|
|
1100
1195
|
@action-variant-critical-disabled-bgColor: var(--1ce20d);
|
|
1101
1196
|
@action-variant-onColor-disabled-bgColor: var(--720019);
|
|
1102
1197
|
@action-variant-classroom-disabled-bgColor: var(--249654);
|
|
1198
|
+
@action-variant-primaryB2b-disabled-bgColor: var(--8c7723);
|
|
1199
|
+
@action-variant-primaryTutor-disabled-bgColor: var(--07d682);
|
|
1103
1200
|
@action-variant-inverted-disabled-bgColor: var(--b1756a);
|
|
1104
1201
|
@action-variant-newFeature-disabled-bgColor: var(--e8c509);
|
|
1105
1202
|
@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.70.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.70.0",
|
|
23
|
+
"@preply/ds-core-types": "0.70.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@preply/ds-core": "0.
|
|
27
|
-
"@preply/ds-core-types": "0.
|
|
26
|
+
"@preply/ds-core": "0.70.0",
|
|
27
|
+
"@preply/ds-core-types": "0.70.0",
|
|
28
28
|
"react": "^16.8.3",
|
|
29
29
|
"react-dom": "^16.8.3"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "0217c95b2f1726bb75d9f29d53ed831f8f443c41"
|
|
32
32
|
}
|