@preply/ds-web-core 0.68.1 → 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.
|
@@ -1,17 +1,18 @@
|
|
|
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;
|
|
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 @
|
|
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);
|
|
@@ -362,26 +376,31 @@
|
|
|
362
376
|
@icon-size-24: var(--81dc82);
|
|
363
377
|
@icon-size-32: var(--2a6452);
|
|
364
378
|
@icon-size-48: var(--03d2e4);
|
|
379
|
+
@heading-variant-massive-fontFamily: var(--b3726f);
|
|
365
380
|
@heading-variant-huge-fontFamily: var(--4a9e2c);
|
|
366
381
|
@heading-variant-extraLarge-fontFamily: var(--27b01f);
|
|
367
382
|
@heading-variant-large-fontFamily: var(--933031);
|
|
368
383
|
@heading-variant-medium-fontFamily: var(--389c59);
|
|
369
384
|
@heading-variant-small-fontFamily: var(--22c5e1);
|
|
385
|
+
@heading-variant-massive-fontWeight: var(--8c9f05);
|
|
370
386
|
@heading-variant-huge-fontWeight: var(--b1d4f5);
|
|
371
387
|
@heading-variant-extraLarge-fontWeight: var(--26b05f);
|
|
372
388
|
@heading-variant-large-fontWeight: var(--be9403);
|
|
373
389
|
@heading-variant-medium-fontWeight: var(--6b93f9);
|
|
374
390
|
@heading-variant-small-fontWeight: var(--e1e6cd);
|
|
391
|
+
@heading-variant-massive-fontSize: var(--cd577e);
|
|
375
392
|
@heading-variant-huge-fontSize: var(--890dda);
|
|
376
393
|
@heading-variant-extraLarge-fontSize: var(--0728b9);
|
|
377
394
|
@heading-variant-large-fontSize: var(--5d91ee);
|
|
378
395
|
@heading-variant-medium-fontSize: var(--d4d05b);
|
|
379
396
|
@heading-variant-small-fontSize: var(--054730);
|
|
397
|
+
@heading-variant-massive-lineHeight: var(--2e9eee);
|
|
380
398
|
@heading-variant-huge-lineHeight: var(--a1602a);
|
|
381
399
|
@heading-variant-extraLarge-lineHeight: var(--aaf219);
|
|
382
400
|
@heading-variant-large-lineHeight: var(--ba6c7f);
|
|
383
401
|
@heading-variant-medium-lineHeight: var(--a7e8c0);
|
|
384
402
|
@heading-variant-small-lineHeight: var(--ced741);
|
|
403
|
+
@heading-variant-massive-letterSpacing: var(--d662ea);
|
|
385
404
|
@heading-variant-huge-letterSpacing: var(--65a2cd);
|
|
386
405
|
@heading-variant-extraLarge-letterSpacing: var(--ceac96);
|
|
387
406
|
@heading-variant-large-letterSpacing: var(--6408ce);
|
|
@@ -734,6 +753,7 @@
|
|
|
734
753
|
@dsInternalPrimitive-color-grey-900: var(--4cafda);
|
|
735
754
|
@dsInternalPrimitive-color-grey-900-72: var(--28b0ce);
|
|
736
755
|
@dsInternalPrimitive-color-grey-900-56: var(--b445b1);
|
|
756
|
+
@dsInternalPrimitive-color-grey-900-15: var(--a6b6d6);
|
|
737
757
|
@dsInternalPrimitive-color-grey-900-12: var(--7e1290);
|
|
738
758
|
@dsInternalPrimitive-color-grey-900-6: var(--12d28a);
|
|
739
759
|
@dsInternalPrimitive-color-pink-50: var(--7cff10);
|
|
@@ -812,6 +832,7 @@
|
|
|
812
832
|
@color-background-overlay: var(--02a0d5);
|
|
813
833
|
@color-background-disabled: var(--319b29);
|
|
814
834
|
@color-background-brand: var(--cd91ab);
|
|
835
|
+
@color-background-brandB2b: var(--706789);
|
|
815
836
|
@color-background-accentLight: var(--560eda);
|
|
816
837
|
@color-background-accentDark: var(--e4c520);
|
|
817
838
|
@color-background-positiveLight: var(--1836a4);
|
|
@@ -846,10 +867,14 @@
|
|
|
846
867
|
@dsInternalPrimitive-color-text-disabled-action: var(--7f32d7);
|
|
847
868
|
@dsInternalPrimitive-color-text-onColor-action: var(--f88582);
|
|
848
869
|
@dsInternalPrimitive-color-text-classroom-action: var(--27aa3b);
|
|
870
|
+
@dsInternalPrimitive-color-text-primaryB2b-action: var(--48c8a1);
|
|
871
|
+
@dsInternalPrimitive-color-text-primaryTutor-action: var(--3250df);
|
|
849
872
|
@dsInternalPrimitive-color-text-inverted-action: var(--250d1b);
|
|
850
873
|
@dsInternalPrimitive-color-text-newFeature-action: var(--4aaaef);
|
|
851
874
|
@dsInternalPrimitive-color-text-ai-action: var(--7d366e);
|
|
852
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);
|
|
853
878
|
@dsInternalPrimitive-color-background-primary-action-rest: var(--cf27db);
|
|
854
879
|
@dsInternalPrimitive-color-background-secondary-action-rest: var(--ae8a27);
|
|
855
880
|
@dsInternalPrimitive-color-background-tertiary-action-rest: var(--83c38a);
|
|
@@ -858,6 +883,8 @@
|
|
|
858
883
|
@dsInternalPrimitive-color-background-critical-action-rest: var(--f99bbd);
|
|
859
884
|
@dsInternalPrimitive-color-background-onColor-action-rest: var(--22605a);
|
|
860
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);
|
|
861
888
|
@dsInternalPrimitive-color-background-inverted-action-rest: var(--63afb0);
|
|
862
889
|
@dsInternalPrimitive-color-background-newFeature-action-rest: var(--754e2b);
|
|
863
890
|
@dsInternalPrimitive-color-background-ai-action-rest: var(--2033ec);
|
|
@@ -869,6 +896,8 @@
|
|
|
869
896
|
@dsInternalPrimitive-color-background-critical-action-hover: var(--5cd326);
|
|
870
897
|
@dsInternalPrimitive-color-background-onColor-action-hover: var(--b2e035);
|
|
871
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);
|
|
872
901
|
@dsInternalPrimitive-color-background-inverted-action-hover: var(--4df5c9);
|
|
873
902
|
@dsInternalPrimitive-color-background-newFeature-action-hover: var(--d8c7e0);
|
|
874
903
|
@dsInternalPrimitive-color-background-ai-action-hover: var(--e45436);
|
|
@@ -880,6 +909,8 @@
|
|
|
880
909
|
@dsInternalPrimitive-color-background-critical-action-active: var(--bd5da9);
|
|
881
910
|
@dsInternalPrimitive-color-background-onColor-action-active: var(--7605f1);
|
|
882
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);
|
|
883
914
|
@dsInternalPrimitive-color-background-inverted-action-active: var(--5e5ef1);
|
|
884
915
|
@dsInternalPrimitive-color-background-newFeature-action-active: var(--3b4318);
|
|
885
916
|
@dsInternalPrimitive-color-background-ai-action-active: var(--e96577);
|
|
@@ -893,9 +924,12 @@
|
|
|
893
924
|
@dsInternalPrimitive-color-border-disabled-action: var(--d4d142);
|
|
894
925
|
@dsInternalPrimitive-color-border-inverted-action: var(--bfac34);
|
|
895
926
|
@dsInternalPrimitive-color-border-classroom-action: var(--9b0207);
|
|
927
|
+
@dsInternalPrimitive-color-border-primaryB2b-action: var(--7e0dcd);
|
|
928
|
+
@dsInternalPrimitive-color-border-primaryTutor-action: var(--15969b);
|
|
896
929
|
@dsInternalPrimitive-color-border-newFeature-action: var(--0831da);
|
|
897
930
|
@dsInternalPrimitive-color-border-ai-action: var(--e6fc24);
|
|
898
931
|
@dsInternalPrimitive-color-border-tertiary-action-hover: var(--5a42a7);
|
|
932
|
+
@text-heading-massive-fontFamily: var(--422252);
|
|
899
933
|
@text-heading-huge-fontFamily: var(--ccb2e6);
|
|
900
934
|
@text-heading-extraLarge-fontFamily: var(--796c06);
|
|
901
935
|
@text-heading-large-fontFamily: var(--8b3362);
|
|
@@ -916,6 +950,7 @@
|
|
|
916
950
|
@button-default-fontFamily: var(--30bf13);
|
|
917
951
|
@button-medium-fontFamily: var(--f28f91);
|
|
918
952
|
@button-small-fontFamily: var(--a6a956);
|
|
953
|
+
@text-heading-massive-fontWeight: var(--b0be93);
|
|
919
954
|
@text-heading-huge-fontWeight: var(--159ab0);
|
|
920
955
|
@text-heading-extraLarge-fontWeight: var(--720fdf);
|
|
921
956
|
@text-heading-large-fontWeight: var(--89b95f);
|
|
@@ -936,6 +971,7 @@
|
|
|
936
971
|
@button-medium-fontWeight: var(--59d394);
|
|
937
972
|
@button-default-fontWeight: var(--d61910);
|
|
938
973
|
@button-small-fontWeight: var(--54ffae);
|
|
974
|
+
@text-heading-massive-fontSize: var(--bf8d53);
|
|
939
975
|
@text-heading-huge-fontSize: var(--3a5e2f);
|
|
940
976
|
@text-heading-extraLarge-fontSize: var(--817e05);
|
|
941
977
|
@text-heading-large-fontSize: var(--4b4360);
|
|
@@ -956,6 +992,7 @@
|
|
|
956
992
|
@button-medium-fontSize: var(--6361c2);
|
|
957
993
|
@button-default-fontSize: var(--48baa1);
|
|
958
994
|
@button-small-fontSize: var(--570d54);
|
|
995
|
+
@text-heading-massive-lineHeight: var(--772bea);
|
|
959
996
|
@text-heading-huge-lineHeight: var(--e7b73e);
|
|
960
997
|
@text-heading-extraLarge-lineHeight: var(--43b169);
|
|
961
998
|
@text-heading-large-lineHeight: var(--59d312);
|
|
@@ -1022,6 +1059,27 @@
|
|
|
1022
1059
|
@radius-16: var(--701685);
|
|
1023
1060
|
@radius-8: var(--fa4b1a);
|
|
1024
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);
|
|
1025
1083
|
@link-large-textDecoration: var(--e19989);
|
|
1026
1084
|
@link-default-textDecoration: var(--223210);
|
|
1027
1085
|
@link-small-textDecoration: var(--6e2798);
|
|
@@ -1035,6 +1093,8 @@
|
|
|
1035
1093
|
@action-variant-critical-textDecoration: var(--91f4fa);
|
|
1036
1094
|
@action-variant-onColor-textDecoration: var(--af7137);
|
|
1037
1095
|
@action-variant-classroom-textDecoration: var(--4d5ea8);
|
|
1096
|
+
@action-variant-primaryB2b-textDecoration: var(--6c9741);
|
|
1097
|
+
@action-variant-primaryTutor-textDecoration: var(--6e7352);
|
|
1038
1098
|
@action-variant-inverted-textDecoration: var(--fb8624);
|
|
1039
1099
|
@action-variant-newFeature-textDecoration: var(--fd7ece);
|
|
1040
1100
|
@action-variant-ai-textDecoration: var(--c82204);
|
|
@@ -1048,6 +1108,8 @@
|
|
|
1048
1108
|
@action-variant-critical-hover-borderColor: var(--958f21);
|
|
1049
1109
|
@action-variant-onColor-hover-borderColor: var(--896b03);
|
|
1050
1110
|
@action-variant-classroom-hover-borderColor: var(--4a0597);
|
|
1111
|
+
@action-variant-primaryB2b-hover-borderColor: var(--a4c18c);
|
|
1112
|
+
@action-variant-primaryTutor-hover-borderColor: var(--632796);
|
|
1051
1113
|
@action-variant-inverted-hover-borderColor: var(--19fa74);
|
|
1052
1114
|
@action-variant-newFeature-hover-borderColor: var(--98c0df);
|
|
1053
1115
|
@action-variant-ai-hover-borderColor: var(--2ecd73);
|
|
@@ -1061,6 +1123,8 @@
|
|
|
1061
1123
|
@action-variant-critical-active-borderColor: var(--fb2597);
|
|
1062
1124
|
@action-variant-onColor-active-borderColor: var(--285db3);
|
|
1063
1125
|
@action-variant-classroom-active-borderColor: var(--8307ea);
|
|
1126
|
+
@action-variant-primaryB2b-active-borderColor: var(--173e42);
|
|
1127
|
+
@action-variant-primaryTutor-active-borderColor: var(--412e8f);
|
|
1064
1128
|
@action-variant-inverted-active-borderColor: var(--0d330c);
|
|
1065
1129
|
@action-variant-newFeature-active-borderColor: var(--76758a);
|
|
1066
1130
|
@action-variant-ai-active-borderColor: var(--6a507d);
|
|
@@ -1074,6 +1138,8 @@
|
|
|
1074
1138
|
@action-variant-critical-disabled-borderColor: var(--e117c7);
|
|
1075
1139
|
@action-variant-onColor-disabled-borderColor: var(--e1a214);
|
|
1076
1140
|
@action-variant-classroom-disabled-borderColor: var(--659377);
|
|
1141
|
+
@action-variant-primaryB2b-disabled-borderColor: var(--e7f949);
|
|
1142
|
+
@action-variant-primaryTutor-disabled-borderColor: var(--f6a20e);
|
|
1077
1143
|
@action-variant-inverted-disabled-borderColor: var(--e797f1);
|
|
1078
1144
|
@action-variant-newFeature-disabled-borderColor: var(--7d2338);
|
|
1079
1145
|
@action-variant-ai-disabled-borderColor: var(--6ac212);
|
|
@@ -1087,6 +1153,8 @@
|
|
|
1087
1153
|
@action-variant-critical-disabled-color: var(--ff8727);
|
|
1088
1154
|
@action-variant-onColor-disabled-color: var(--2c5ff8);
|
|
1089
1155
|
@action-variant-classroom-disabled-color: var(--8415f2);
|
|
1156
|
+
@action-variant-primaryB2b-disabled-color: var(--a6c6fb);
|
|
1157
|
+
@action-variant-primaryTutor-disabled-color: var(--5c2f26);
|
|
1090
1158
|
@action-variant-inverted-disabled-color: var(--e0ef5a);
|
|
1091
1159
|
@action-variant-newFeature-disabled-color: var(--412530);
|
|
1092
1160
|
@action-variant-ai-disabled-color: var(--643228);
|
|
@@ -1100,6 +1168,8 @@
|
|
|
1100
1168
|
@action-variant-critical-disabled-bgColor: var(--1ce20d);
|
|
1101
1169
|
@action-variant-onColor-disabled-bgColor: var(--720019);
|
|
1102
1170
|
@action-variant-classroom-disabled-bgColor: var(--249654);
|
|
1171
|
+
@action-variant-primaryB2b-disabled-bgColor: var(--8c7723);
|
|
1172
|
+
@action-variant-primaryTutor-disabled-bgColor: var(--07d682);
|
|
1103
1173
|
@action-variant-inverted-disabled-bgColor: var(--b1756a);
|
|
1104
1174
|
@action-variant-newFeature-disabled-bgColor: var(--e8c509);
|
|
1105
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
|
}
|