@preply/ds-web-core 0.60.0 → 0.61.1
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,18 +1,55 @@
|
|
|
1
|
-
/* AUTO GENERATED @
|
|
1
|
+
/* AUTO GENERATED @Fri Aug 11 2023 10:38:55 GMT+0000 (Coordinated Universal Time) */
|
|
2
2
|
|
|
3
|
+
@ACTION_VARIANT_ACTIVE_BORDER_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, plain,
|
|
4
|
+
dangerous, critical;
|
|
5
|
+
@ACTION_VARIANT_DISABLED_BG_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, plain,
|
|
6
|
+
dangerous, critical;
|
|
7
|
+
@ACTION_VARIANT_DISABLED_BORDER_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, plain,
|
|
8
|
+
dangerous, critical;
|
|
9
|
+
@ACTION_VARIANT_DISABLED_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, plain, dangerous,
|
|
10
|
+
critical;
|
|
11
|
+
@ACTION_VARIANT_HOVER_BORDER_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, plain,
|
|
12
|
+
dangerous, critical;
|
|
13
|
+
@ACTION_VARIANT_TEXT_DECORATION_OPTIONS: primary, secondary, tertiary, quaternary, plain, dangerous,
|
|
14
|
+
critical;
|
|
3
15
|
@AVATAR_SIZE_OPTIONS: 2xs, xs, s, m, l, xl;
|
|
4
16
|
@BADGE_COLOR_OPTIONS: gray, teal, green, blue, yellow, red, magenta;
|
|
5
17
|
@BADGE_SIZE_OPTIONS: xs, s, m;
|
|
6
18
|
@BOX_PADDING_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;
|
|
7
19
|
@BOX_RADIUS_OPTIONS: none, m, l;
|
|
20
|
+
@BUTTON_FONT_FAMILY_OPTIONS: large, default, medium, small;
|
|
21
|
+
@BUTTON_FONT_SIZE_OPTIONS: large, medium, default, small;
|
|
22
|
+
@BUTTON_FONT_WEIGHT_OPTIONS: large, medium, default, small;
|
|
23
|
+
@BUTTON_HEIGHT_OPTIONS: large, medium, small;
|
|
24
|
+
@BUTTON_HORIZONTAL_PADDING_OPTIONS: large, medium, small;
|
|
25
|
+
@BUTTON_LINE_HEIGHT_OPTIONS: large, medium, default, small;
|
|
8
26
|
@BUTTON_SIZE_OPTIONS: xs, s, m, l, xl;
|
|
9
|
-
@BUTTON_VARIANT_OPTIONS: primary, secondary, tertiary, quaternary, plain, dangerous;
|
|
27
|
+
@BUTTON_VARIANT_OPTIONS: primary, secondary, tertiary, quaternary, plain, dangerous, critical;
|
|
28
|
+
@BUTTON_VERTICAL_PADDING_OPTIONS: large, medium, small;
|
|
29
|
+
@COLOR_BACKGROUND_OPTIONS: primary, secondary, tertiary, accent, overlay, disabled, accentLight,
|
|
30
|
+
positiveLight, infoLight, warningLight, criticalLight, accentDark, positiveDark, infoDark,
|
|
31
|
+
warningDark, criticalDark;
|
|
32
|
+
@COLOR_BACKGROUND_ACTION_ACTIVE_OPTIONS: primary, secondary, tertiary, quaternary, critical;
|
|
33
|
+
@COLOR_BACKGROUND_ACTION_HOVER_OPTIONS: primary, secondary, tertiary, quaternary, critical;
|
|
34
|
+
@COLOR_BACKGROUND_ACTION_REST_OPTIONS: primary, secondary, tertiary, quaternary, critical;
|
|
35
|
+
@COLOR_BLUE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
|
|
36
|
+
@COLOR_BORDER_OPTIONS: primary, secondary, focus, critical, tertiary;
|
|
37
|
+
@COLOR_BORDER_ACTION_OPTIONS: primary, secondary, tertiary, quaternary, critical, disabled;
|
|
38
|
+
@COLOR_GREY_OPTIONS: 0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 900-56;
|
|
39
|
+
@COLOR_GREY_OPACITY_OPTIONS: 900-56;
|
|
40
|
+
@COLOR_ICON_OPTIONS: primary, secondary, tertiary, positive, info, warning, critical, accent;
|
|
10
41
|
@COLOR_NAME_OPTIONS: white, gray-100, gray-200, gray-300, gray-400, gray-500, gray-600, teal-100,
|
|
11
42
|
teal-200, teal-300, teal-400, teal-500, green-100, green-200, green-300, green-400, green-500,
|
|
12
43
|
yellow-100, yellow-200, yellow-300, yellow-400, yellow-500, red-100, red-200, red-300, red-400,
|
|
13
44
|
red-500, blue-100, blue-200, blue-300, blue-400, blue-500, magenta-100, magenta-200, magenta-300,
|
|
14
45
|
magenta-400, magenta-500;
|
|
46
|
+
@COLOR_PINK_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
|
|
47
|
+
@COLOR_RED_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
|
|
15
48
|
@COLOR_SCHEME_OPTIONS: base, banner, invert;
|
|
49
|
+
@COLOR_TEAL_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
|
|
50
|
+
@COLOR_TEXT_OPTIONS: primary, secondary, tertiary, positive, info, warning, critical, accent;
|
|
51
|
+
@COLOR_TEXT_ACTION_OPTIONS: primary, secondary, tertiary, quaternary, critical, disabled;
|
|
52
|
+
@COLOR_YELLOW_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
|
|
16
53
|
@HEADING_LEVEL_OPTIONS: h1, h2, h3, h4, h5;
|
|
17
54
|
@HEADING_TAG_OPTIONS: h1, h2, h3, h4, h5, p, div;
|
|
18
55
|
@ICON_SIZE_OPTIONS: 2xs, xs, s, m, l;
|
|
@@ -25,12 +62,30 @@
|
|
|
25
62
|
@LAYOUT_PADDING_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;
|
|
26
63
|
@LAYOUT_TAG_OPTIONS: div, main, header, footer, article, section, ul, ol, li, p, span, fieldset,
|
|
27
64
|
table, th, tr, td, thead, tfoot, tbody, caption, figure, figcaption;
|
|
65
|
+
@LINK_FONT_FAMILY_OPTIONS: large, default, small;
|
|
66
|
+
@LINK_FONT_SIZE_OPTIONS: large, default, small;
|
|
67
|
+
@LINK_FONT_WEIGHT_OPTIONS: large, default, small;
|
|
68
|
+
@LINK_LINE_HEIGHT_OPTIONS: large, default, small;
|
|
28
69
|
@PANEL_PADDING_OPTIONS: small, base, medium, large;
|
|
29
70
|
@PREPLY_LOGO_VARIANT_OPTIONS: default, monochrome, ua;
|
|
71
|
+
@RADIUS_OPTIONS: 2, 4, 8, 300;
|
|
72
|
+
@SPACING_OPTIONS: 0, 2, 4, 8, 12, 16, 24, 32, 48, 64, 88, 120;
|
|
30
73
|
@TEXT_ACCENT_OPTIONS: primary, secondary, branded, positive, error, tertiary, selected, warning,
|
|
31
74
|
info, accent, disabled;
|
|
75
|
+
@TEXT_HEADING_FONT_FAMILY_OPTIONS: huge, extraLarge, large, medium, small;
|
|
76
|
+
@TEXT_HEADING_FONT_SIZE_OPTIONS: huge, extraLarge, large, medium, small;
|
|
77
|
+
@TEXT_HEADING_FONT_WEIGHT_OPTIONS: huge, extraLarge, large, medium, small;
|
|
78
|
+
@TEXT_HEADING_LING_HEIGHT_OPTIONS: huge, extraLarge, large, medium, small;
|
|
32
79
|
@TEXT_HIGHLIGHT_OPTIONS: blue, green;
|
|
33
80
|
@TEXT_INLINE_TAG_OPTIONS: span, strong, em;
|
|
81
|
+
@TEXT_REGULAR_BODY_FONT_FAMILY_OPTIONS: large, default, small, caption;
|
|
82
|
+
@TEXT_REGULAR_BODY_FONT_SIZE_OPTIONS: large, default, small, caption;
|
|
83
|
+
@TEXT_REGULAR_BODY_FONT_WEIGHT_OPTIONS: large, default, small, caption;
|
|
84
|
+
@TEXT_REGULAR_BODY_LINE_HEIGHT_OPTIONS: large, default, small, caption;
|
|
85
|
+
@TEXT_SEMI_BOLD_BODY_FONT_FAMILY_OPTIONS: large, default, small, caption;
|
|
86
|
+
@TEXT_SEMI_BOLD_BODY_FONT_SIZE_OPTIONS: large, default, small, caption;
|
|
87
|
+
@TEXT_SEMI_BOLD_BODY_FONT_WEIGHT_OPTIONS: large, default, small, caption;
|
|
88
|
+
@TEXT_SEMI_BOLD_BODY_LINE_HEIGHT_OPTIONS: large, default, small, caption;
|
|
34
89
|
@TEXT_SIZE_OPTIONS: 2xs, xs, s, m, l, xl;
|
|
35
90
|
@TEXT_TAG_OPTIONS: p, div, span;
|
|
36
91
|
@TEXT_VARIANT_OPTIONS: xs, xs-medium, s, s-italic, s-medium, s-medium-italic, s-bold, s-bold-italic,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* AUTO GENERATED @
|
|
1
|
+
/* AUTO GENERATED @Fri Aug 11 2023 10:38:55 GMT+0000 (Coordinated Universal Time) */
|
|
2
2
|
|
|
3
3
|
@scheme-color: var(--aface6);
|
|
4
4
|
@scheme-bgColor: var(--786b9e);
|
|
@@ -96,6 +96,11 @@
|
|
|
96
96
|
@background-info: var(--eeed7c);
|
|
97
97
|
@background-accent: var(--42df5b);
|
|
98
98
|
@background-disabled: var(--24e38e);
|
|
99
|
+
@background-accentLight: var(--15ff7e);
|
|
100
|
+
@background-positiveLight: var(--28f680);
|
|
101
|
+
@background-infoLight: var(--b1a0a2);
|
|
102
|
+
@background-warningLight: var(--492fd6);
|
|
103
|
+
@background-criticalLight: var(--d3a66f);
|
|
99
104
|
@content-primary-color: var(--e41135);
|
|
100
105
|
@content-secondary-color: var(--3d280d);
|
|
101
106
|
@content-branded-color: var(--4dadf3);
|
|
@@ -132,42 +137,49 @@
|
|
|
132
137
|
@action-variant-quaternary-color: var(--9cf6ec);
|
|
133
138
|
@action-variant-plain-color: var(--122a99);
|
|
134
139
|
@action-variant-dangerous-color: var(--efde5b);
|
|
140
|
+
@action-variant-critical-color: var(--f68030);
|
|
135
141
|
@action-variant-primary-bgColor: var(--508b34);
|
|
136
142
|
@action-variant-secondary-bgColor: var(--e56164);
|
|
137
143
|
@action-variant-tertiary-bgColor: var(--28f3c1);
|
|
138
144
|
@action-variant-quaternary-bgColor: var(--e46449);
|
|
139
145
|
@action-variant-plain-bgColor: var(--bbb356);
|
|
140
146
|
@action-variant-dangerous-bgColor: var(--118bda);
|
|
147
|
+
@action-variant-critical-bgColor: var(--faae28);
|
|
141
148
|
@action-variant-primary-borderColor: var(--44bfe9);
|
|
142
149
|
@action-variant-secondary-borderColor: var(--ab736c);
|
|
143
150
|
@action-variant-tertiary-borderColor: var(--10556e);
|
|
144
151
|
@action-variant-quaternary-borderColor: var(--0e9e01);
|
|
145
152
|
@action-variant-plain-borderColor: var(--0cad84);
|
|
146
153
|
@action-variant-dangerous-borderColor: var(--ab5970);
|
|
154
|
+
@action-variant-critical-borderColor: var(--b357d0);
|
|
147
155
|
@action-variant-primary-hover-bgColor: var(--902b50);
|
|
148
156
|
@action-variant-secondary-hover-bgColor: var(--0d124d);
|
|
149
157
|
@action-variant-tertiary-hover-bgColor: var(--ec17be);
|
|
150
158
|
@action-variant-quaternary-hover-bgColor: var(--afc176);
|
|
151
159
|
@action-variant-plain-hover-bgColor: var(--df2aca);
|
|
152
160
|
@action-variant-dangerous-hover-bgColor: var(--e0b0f4);
|
|
161
|
+
@action-variant-critical-hover-bgColor: var(--064c43);
|
|
153
162
|
@action-variant-primary-active-bgColor: var(--c1c1ca);
|
|
154
163
|
@action-variant-secondary-active-bgColor: var(--33b439);
|
|
155
164
|
@action-variant-tertiary-active-bgColor: var(--b0bf50);
|
|
156
165
|
@action-variant-quaternary-active-bgColor: var(--2ee553);
|
|
157
166
|
@action-variant-plain-active-bgColor: var(--435fa5);
|
|
158
167
|
@action-variant-dangerous-active-bgColor: var(--a5eaa1);
|
|
168
|
+
@action-variant-critical-active-bgColor: var(--152a7a);
|
|
159
169
|
@action-variant-primary-hover-color: var(--df6151);
|
|
160
170
|
@action-variant-secondary-hover-color: var(--0d6ae2);
|
|
161
171
|
@action-variant-tertiary-hover-color: var(--175a77);
|
|
162
172
|
@action-variant-quaternary-hover-color: var(--6609c6);
|
|
163
173
|
@action-variant-plain-hover-color: var(--1265db);
|
|
164
174
|
@action-variant-dangerous-hover-color: var(--6f5d5d);
|
|
175
|
+
@action-variant-critical-hover-color: var(--c3136e);
|
|
165
176
|
@action-variant-primary-active-color: var(--15cee1);
|
|
166
177
|
@action-variant-secondary-active-color: var(--22cb4c);
|
|
167
178
|
@action-variant-tertiary-active-color: var(--8274ee);
|
|
168
179
|
@action-variant-quaternary-active-color: var(--e9f226);
|
|
169
180
|
@action-variant-plain-active-color: var(--a41624);
|
|
170
181
|
@action-variant-dangerous-active-color: var(--6b4e92);
|
|
182
|
+
@action-variant-critical-active-color: var(--f9fba8);
|
|
171
183
|
@action-link-color: var(--1e7527);
|
|
172
184
|
@action-link-hover-color: var(--7d7969);
|
|
173
185
|
@action-link-active-color: var(--17d302);
|
|
@@ -192,6 +204,7 @@
|
|
|
192
204
|
@action-size-l-fontSize: var(--a899be);
|
|
193
205
|
@action-size-xl-fontSize: var(--f7be07);
|
|
194
206
|
@avatar-base-borderRadius: var(--dad9ec);
|
|
207
|
+
@avatar-img-borderRadius: var(--8517a6);
|
|
195
208
|
@avatar-size-2xs-size: var(--d51f41);
|
|
196
209
|
@avatar-size-xs-size: var(--cfdb4f);
|
|
197
210
|
@avatar-size-s-size: var(--2dafbf);
|
|
@@ -425,6 +438,11 @@
|
|
|
425
438
|
@input-error-bgColor: var(--95df5b);
|
|
426
439
|
@input-base-borderWidth: var(--d9baa3);
|
|
427
440
|
@input-base-borderRadius: var(--c4b051);
|
|
441
|
+
@input-label-fontSize: var(--343d89);
|
|
442
|
+
@input-label-fontWeight: var(--b44390);
|
|
443
|
+
@input-label-lineHeight: var(--360264);
|
|
444
|
+
@input-label-letterSpacing: var(--b8c41f);
|
|
445
|
+
@input-label-fontStyle: var(--0ab3be);
|
|
428
446
|
@root-size-none: var(--c12f10);
|
|
429
447
|
@root-size-25: var(--389aa7);
|
|
430
448
|
@root-size-50: var(--8848e0);
|
|
@@ -443,3 +461,279 @@
|
|
|
443
461
|
@root-radius-m: var(--c3119b);
|
|
444
462
|
@root-radius-l: var(--75dce9);
|
|
445
463
|
@root-radius-xl: var(--0397a1);
|
|
464
|
+
@color-grey-0: var(--a9a8ad);
|
|
465
|
+
@color-grey-50: var(--574bc8);
|
|
466
|
+
@color-grey-100: var(--d5109a);
|
|
467
|
+
@color-grey-200: var(--04af6c);
|
|
468
|
+
@color-grey-300: var(--97df4b);
|
|
469
|
+
@color-grey-400: var(--2cd6f6);
|
|
470
|
+
@color-grey-500: var(--5aa066);
|
|
471
|
+
@color-grey-600: var(--479ed6);
|
|
472
|
+
@color-grey-700: var(--39f8ca);
|
|
473
|
+
@color-grey-800: var(--d2edbe);
|
|
474
|
+
@color-grey-900: var(--1f2c7f);
|
|
475
|
+
@color-grey-900-56: var(--b36376);
|
|
476
|
+
@color-pink-50: var(--9d2dba);
|
|
477
|
+
@color-pink-100: var(--55796b);
|
|
478
|
+
@color-pink-200: var(--970f29);
|
|
479
|
+
@color-pink-300: var(--158032);
|
|
480
|
+
@color-pink-400: var(--416e5c);
|
|
481
|
+
@color-pink-500: var(--95d54d);
|
|
482
|
+
@color-pink-600: var(--661543);
|
|
483
|
+
@color-pink-700: var(--b9947a);
|
|
484
|
+
@color-pink-800: var(--85de0e);
|
|
485
|
+
@color-yellow-50: var(--220ea8);
|
|
486
|
+
@color-yellow-100: var(--9a2f39);
|
|
487
|
+
@color-yellow-200: var(--4837dc);
|
|
488
|
+
@color-yellow-300: var(--846276);
|
|
489
|
+
@color-yellow-400: var(--93c05a);
|
|
490
|
+
@color-yellow-500: var(--19ae8f);
|
|
491
|
+
@color-yellow-600: var(--10d080);
|
|
492
|
+
@color-yellow-700: var(--4f517b);
|
|
493
|
+
@color-yellow-800: var(--fbe222);
|
|
494
|
+
@color-blue-50: var(--937e2f);
|
|
495
|
+
@color-blue-100: var(--081745);
|
|
496
|
+
@color-blue-200: var(--2dbb9e);
|
|
497
|
+
@color-blue-300: var(--29c818);
|
|
498
|
+
@color-blue-400: var(--8d8c1c);
|
|
499
|
+
@color-blue-500: var(--a78b45);
|
|
500
|
+
@color-blue-600: var(--75cec6);
|
|
501
|
+
@color-blue-700: var(--beae8f);
|
|
502
|
+
@color-blue-800: var(--7ce089);
|
|
503
|
+
@color-teal-50: var(--490b13);
|
|
504
|
+
@color-teal-100: var(--5f0405);
|
|
505
|
+
@color-teal-200: var(--c9996a);
|
|
506
|
+
@color-teal-300: var(--755bf8);
|
|
507
|
+
@color-teal-400: var(--504667);
|
|
508
|
+
@color-teal-500: var(--ef3e6d);
|
|
509
|
+
@color-teal-600: var(--9f0c50);
|
|
510
|
+
@color-teal-700: var(--32224c);
|
|
511
|
+
@color-teal-800: var(--5f78ae);
|
|
512
|
+
@color-red-50: var(--740793);
|
|
513
|
+
@color-red-100: var(--246c7d);
|
|
514
|
+
@color-red-200: var(--9fd85d);
|
|
515
|
+
@color-red-300: var(--1a63f1);
|
|
516
|
+
@color-red-400: var(--f31f3a);
|
|
517
|
+
@color-red-500: var(--5a7fc8);
|
|
518
|
+
@color-red-600: var(--a1c7f3);
|
|
519
|
+
@color-red-700: var(--0c3faf);
|
|
520
|
+
@color-red-800: var(--c22259);
|
|
521
|
+
@color-text-primary: var(--628fb7);
|
|
522
|
+
@color-text-secondary: var(--a2f1c8);
|
|
523
|
+
@color-text-tertiary: var(--c07ea8);
|
|
524
|
+
@color-text-positive: var(--3e566f);
|
|
525
|
+
@color-text-info: var(--aad149);
|
|
526
|
+
@color-text-warning: var(--d7c974);
|
|
527
|
+
@color-text-critical: var(--8ec9e5);
|
|
528
|
+
@color-text-accent: var(--26a5ae);
|
|
529
|
+
@color-icon-primary: var(--95b129);
|
|
530
|
+
@color-icon-secondary: var(--a987e0);
|
|
531
|
+
@color-icon-tertiary: var(--684972);
|
|
532
|
+
@color-icon-positive: var(--7696fe);
|
|
533
|
+
@color-icon-info: var(--adb50a);
|
|
534
|
+
@color-icon-warning: var(--38e02f);
|
|
535
|
+
@color-icon-critical: var(--dc4541);
|
|
536
|
+
@color-icon-accent: var(--9f3e15);
|
|
537
|
+
@color-background-primary: var(--3546c3);
|
|
538
|
+
@color-background-secondary: var(--302ecf);
|
|
539
|
+
@color-background-tertiary: var(--a5c761);
|
|
540
|
+
@color-background-accent: var(--ff5021);
|
|
541
|
+
@color-background-overlay: var(--02a0d5);
|
|
542
|
+
@color-background-disabled: var(--319b29);
|
|
543
|
+
@color-background-accentLight: var(--560eda);
|
|
544
|
+
@color-background-positiveLight: var(--1836a4);
|
|
545
|
+
@color-background-infoLight: var(--94a45e);
|
|
546
|
+
@color-background-warningLight: var(--b503b8);
|
|
547
|
+
@color-background-criticalLight: var(--f15644);
|
|
548
|
+
@color-background-accentDark: var(--e4c520);
|
|
549
|
+
@color-background-positiveDark: var(--ae7f1f);
|
|
550
|
+
@color-background-infoDark: var(--79dffb);
|
|
551
|
+
@color-background-warningDark: var(--34fc43);
|
|
552
|
+
@color-background-criticalDark: var(--87fcf8);
|
|
553
|
+
@color-border-primary: var(--c03289);
|
|
554
|
+
@color-border-secondary: var(--11d206);
|
|
555
|
+
@color-border-focus: var(--5b4fe9);
|
|
556
|
+
@color-border-critical: var(--a44465);
|
|
557
|
+
@color-border-tertiary: var(--fede46);
|
|
558
|
+
@color-field-userInput: var(--84f78b);
|
|
559
|
+
@color-text-primary-action: var(--023c32);
|
|
560
|
+
@color-text-secondary-action: var(--bf515a);
|
|
561
|
+
@color-text-tertiary-action: var(--ea0e0b);
|
|
562
|
+
@color-text-quaternary-action: var(--69ed26);
|
|
563
|
+
@color-text-critical-action: var(--269e87);
|
|
564
|
+
@color-text-disabled-action: var(--cdad40);
|
|
565
|
+
@color-background-primary-action-rest: var(--0d8022);
|
|
566
|
+
@color-background-secondary-action-rest: var(--59cf29);
|
|
567
|
+
@color-background-tertiary-action-rest: var(--ad5e54);
|
|
568
|
+
@color-background-quaternary-action-rest: var(--290c6b);
|
|
569
|
+
@color-background-critical-action-rest: var(--db75f2);
|
|
570
|
+
@color-background-primary-action-hover: var(--cad3e8);
|
|
571
|
+
@color-background-secondary-action-hover: var(--130218);
|
|
572
|
+
@color-background-tertiary-action-hover: var(--51d818);
|
|
573
|
+
@color-background-quaternary-action-hover: var(--bd7650);
|
|
574
|
+
@color-background-critical-action-hover: var(--100812);
|
|
575
|
+
@color-background-primary-action-active: var(--950569);
|
|
576
|
+
@color-background-secondary-action-active: var(--50eca7);
|
|
577
|
+
@color-background-tertiary-action-active: var(--076986);
|
|
578
|
+
@color-background-quaternary-action-active: var(--1ad160);
|
|
579
|
+
@color-background-critical-action-active: var(--246b6b);
|
|
580
|
+
@color-border-primary-action: var(--9de5f5);
|
|
581
|
+
@color-border-secondary-action: var(--9c08ec);
|
|
582
|
+
@color-border-tertiary-action: var(--884272);
|
|
583
|
+
@color-border-quaternary-action: var(--058bd5);
|
|
584
|
+
@color-border-critical-action: var(--a4a414);
|
|
585
|
+
@color-border-disabled-action: var(--21d5a9);
|
|
586
|
+
@color-text-primary-action-active: var(--4bb5d1);
|
|
587
|
+
@color-border-tertiary-action-hover: var(--d16256);
|
|
588
|
+
@color-background-disabled-action: var(--8b6f58);
|
|
589
|
+
@text-heading-huge-fontFamily: var(--ccb2e6);
|
|
590
|
+
@text-heading-extraLarge-fontFamily: var(--796c06);
|
|
591
|
+
@text-heading-large-fontFamily: var(--8b3362);
|
|
592
|
+
@text-heading-medium-fontFamily: var(--675ebe);
|
|
593
|
+
@text-heading-small-fontFamily: var(--755d9c);
|
|
594
|
+
@text-large-semiBold-body-fontFamily: var(--ac4ef9);
|
|
595
|
+
@text-default-semiBold-body-fontFamily: var(--405ea3);
|
|
596
|
+
@text-small-semiBold-body-fontFamily: var(--ee423a);
|
|
597
|
+
@text-caption-semiBold-body-fontFamily: var(--ae6af5);
|
|
598
|
+
@text-large-regular-body-fontFamily: var(--c7aad7);
|
|
599
|
+
@text-default-regular-body-fontFamily: var(--78b5e3);
|
|
600
|
+
@text-small-regular-body-fontFamily: var(--897342);
|
|
601
|
+
@text-caption-regular-body-fontFamily: var(--40a058);
|
|
602
|
+
@link-large-fontFamily: var(--2b2ae1);
|
|
603
|
+
@link-default-fontFamily: var(--8907f2);
|
|
604
|
+
@link-small-fontFamily: var(--2a1b47);
|
|
605
|
+
@button-large-fontFamily: var(--bc6b83);
|
|
606
|
+
@button-default-fontFamily: var(--30bf13);
|
|
607
|
+
@button-medium-fontFamily: var(--f28f91);
|
|
608
|
+
@button-small-fontFamily: var(--a6a956);
|
|
609
|
+
@text-heading-huge-fontWeight: var(--159ab0);
|
|
610
|
+
@text-heading-extraLarge-fontWeight: var(--720fdf);
|
|
611
|
+
@text-heading-large-fontWeight: var(--89b95f);
|
|
612
|
+
@text-heading-medium-fontWeight: var(--39a2b3);
|
|
613
|
+
@text-heading-small-fontWeight: var(--1d1a85);
|
|
614
|
+
@text-large-semiBold-body-fontWeight: var(--308763);
|
|
615
|
+
@text-default-semiBold-body-fontWeight: var(--68787e);
|
|
616
|
+
@text-small-semiBold-body-fontWeight: var(--e2162f);
|
|
617
|
+
@text-caption-semiBold-body-fontWeight: var(--692fad);
|
|
618
|
+
@text-large-regular-body-fontWeight: var(--972c8b);
|
|
619
|
+
@text-default-regular-body-fontWeight: var(--1bc44d);
|
|
620
|
+
@text-small-regular-body-fontWeight: var(--87a7e3);
|
|
621
|
+
@text-caption-regular-body-fontWeight: var(--6ee694);
|
|
622
|
+
@link-large-fontWeight: var(--3c5fe9);
|
|
623
|
+
@link-default-fontWeight: var(--42bbea);
|
|
624
|
+
@link-small-fontWeight: var(--0342bd);
|
|
625
|
+
@button-large-fontWeight: var(--3381db);
|
|
626
|
+
@button-medium-fontWeight: var(--59d394);
|
|
627
|
+
@button-default-fontWeight: var(--d61910);
|
|
628
|
+
@button-small-fontWeight: var(--54ffae);
|
|
629
|
+
@text-heading-huge-fontSize: var(--3a5e2f);
|
|
630
|
+
@text-heading-extraLarge-fontSize: var(--817e05);
|
|
631
|
+
@text-heading-large-fontSize: var(--4b4360);
|
|
632
|
+
@text-heading-medium-fontSize: var(--f8fa20);
|
|
633
|
+
@text-heading-small-fontSize: var(--bdd851);
|
|
634
|
+
@text-large-semiBold-body-fontSize: var(--723005);
|
|
635
|
+
@text-default-semiBold-body-fontSize: var(--d12826);
|
|
636
|
+
@text-small-semiBold-body-fontSize: var(--2f5384);
|
|
637
|
+
@text-caption-semiBold-body-fontSize: var(--412219);
|
|
638
|
+
@text-large-regular-body-fontSize: var(--41f57b);
|
|
639
|
+
@text-default-regular-body-fontSize: var(--9c8f04);
|
|
640
|
+
@text-small-regular-body-fontSize: var(--f7d879);
|
|
641
|
+
@text-caption-regular-body-fontSize: var(--bf49ba);
|
|
642
|
+
@link-large-fontSize: var(--7447eb);
|
|
643
|
+
@link-default-fontSize: var(--303203);
|
|
644
|
+
@link-small-fontSize: var(--94ac84);
|
|
645
|
+
@button-large-fontSize: var(--456a0c);
|
|
646
|
+
@button-medium-fontSize: var(--6361c2);
|
|
647
|
+
@button-default-fontSize: var(--48baa1);
|
|
648
|
+
@button-small-fontSize: var(--570d54);
|
|
649
|
+
@text-heading-huge-lineHeight: var(--e7b73e);
|
|
650
|
+
@text-heading-extraLarge-lineHeight: var(--43b169);
|
|
651
|
+
@text-heading-large-lineHeight: var(--59d312);
|
|
652
|
+
@text-heading-medium-lineHeight: var(--8a818f);
|
|
653
|
+
@text-heading-small-lineHeight: var(--2ca391);
|
|
654
|
+
@text-large-semiBold-body-lineHeight: var(--c8a78b);
|
|
655
|
+
@text-default-semiBold-body-lineHeight: var(--022bb1);
|
|
656
|
+
@text-small-semiBold-body-lineHeight: var(--21e8cb);
|
|
657
|
+
@text-caption-semiBold-body-lineHeight: var(--8daece);
|
|
658
|
+
@text-large-regular-body-lineHeight: var(--c621fc);
|
|
659
|
+
@text-default-regular-body-lineHeight: var(--3dd5bc);
|
|
660
|
+
@text-small-regular-body-lineHeight: var(--1cb31f);
|
|
661
|
+
@text-caption-regular-body-lineHeight: var(--fcd839);
|
|
662
|
+
@link-large-lineHeight: var(--3630f6);
|
|
663
|
+
@link-default-lineHeight: var(--e6cb11);
|
|
664
|
+
@link-small-lineHeight: var(--fdcd31);
|
|
665
|
+
@button-large-lineHeight: var(--b54d51);
|
|
666
|
+
@button-medium-lineHeight: var(--7e6bed);
|
|
667
|
+
@button-default-lineHeight: var(--a4f1d9);
|
|
668
|
+
@button-small-lineHeight: var(--6e1c88);
|
|
669
|
+
@button-large-height: var(--44d331);
|
|
670
|
+
@button-medium-height: var(--306622);
|
|
671
|
+
@button-small-height: var(--456e3e);
|
|
672
|
+
@button-borderWeight: var(--9d1df1);
|
|
673
|
+
@button-large-verticalPadding: var(--a65024);
|
|
674
|
+
@button-medium-verticalPadding: var(--be2dc3);
|
|
675
|
+
@button-small-verticalPadding: var(--666bff);
|
|
676
|
+
@button-large-horizontalPadding: var(--12e54f);
|
|
677
|
+
@button-medium-horizontalPadding: var(--9d50a9);
|
|
678
|
+
@button-small-horizontalPadding: var(--61ea28);
|
|
679
|
+
@spacing-0: var(--d434fb);
|
|
680
|
+
@spacing-2: var(--05dd73);
|
|
681
|
+
@spacing-4: var(--590b8d);
|
|
682
|
+
@spacing-8: var(--66b80b);
|
|
683
|
+
@spacing-12: var(--813599);
|
|
684
|
+
@spacing-16: var(--558c4c);
|
|
685
|
+
@spacing-24: var(--1e685c);
|
|
686
|
+
@spacing-32: var(--f1b498);
|
|
687
|
+
@spacing-48: var(--08eb25);
|
|
688
|
+
@spacing-64: var(--42fccf);
|
|
689
|
+
@spacing-88: var(--e62b4b);
|
|
690
|
+
@spacing-120: var(--c085e0);
|
|
691
|
+
@radius-2: var(--e38d71);
|
|
692
|
+
@radius-4: var(--5e8be4);
|
|
693
|
+
@radius-8: var(--fa4b1a);
|
|
694
|
+
@radius-300: var(--aa6dcb);
|
|
695
|
+
@action-variant-primary-textDecoration: var(--74cfa2);
|
|
696
|
+
@action-variant-secondary-textDecoration: var(--c6c73d);
|
|
697
|
+
@action-variant-tertiary-textDecoration: var(--ce0e6a);
|
|
698
|
+
@action-variant-quaternary-textDecoration: var(--5c0a2f);
|
|
699
|
+
@action-variant-plain-textDecoration: var(--d2d32f);
|
|
700
|
+
@action-variant-dangerous-textDecoration: var(--0bf14c);
|
|
701
|
+
@action-variant-critical-textDecoration: var(--91f4fa);
|
|
702
|
+
@action-variant-primary-hover-borderColor: var(--1e9600);
|
|
703
|
+
@action-variant-secondary-hover-borderColor: var(--76310d);
|
|
704
|
+
@action-variant-tertiary-hover-borderColor: var(--bdfcc7);
|
|
705
|
+
@action-variant-quaternary-hover-borderColor: var(--51977c);
|
|
706
|
+
@action-variant-plain-hover-borderColor: var(--082540);
|
|
707
|
+
@action-variant-dangerous-hover-borderColor: var(--4eff94);
|
|
708
|
+
@action-variant-critical-hover-borderColor: var(--958f21);
|
|
709
|
+
@action-variant-primary-active-borderColor: var(--9ddbb2);
|
|
710
|
+
@action-variant-secondary-active-borderColor: var(--9b7461);
|
|
711
|
+
@action-variant-tertiary-active-borderColor: var(--dca6dc);
|
|
712
|
+
@action-variant-quaternary-active-borderColor: var(--caac97);
|
|
713
|
+
@action-variant-plain-active-borderColor: var(--370fd8);
|
|
714
|
+
@action-variant-dangerous-active-borderColor: var(--4c7bfb);
|
|
715
|
+
@action-variant-critical-active-borderColor: var(--fb2597);
|
|
716
|
+
@action-variant-primary-disabled-borderColor: var(--f0720e);
|
|
717
|
+
@action-variant-secondary-disabled-borderColor: var(--3f0f51);
|
|
718
|
+
@action-variant-tertiary-disabled-borderColor: var(--fd08b7);
|
|
719
|
+
@action-variant-quaternary-disabled-borderColor: var(--3e2684);
|
|
720
|
+
@action-variant-plain-disabled-borderColor: var(--c6b607);
|
|
721
|
+
@action-variant-dangerous-disabled-borderColor: var(--7deffa);
|
|
722
|
+
@action-variant-critical-disabled-borderColor: var(--e117c7);
|
|
723
|
+
@action-variant-primary-disabled-color: var(--dfbd08);
|
|
724
|
+
@action-variant-secondary-disabled-color: var(--4dc516);
|
|
725
|
+
@action-variant-tertiary-disabled-color: var(--161e2d);
|
|
726
|
+
@action-variant-quaternary-disabled-color: var(--c2913b);
|
|
727
|
+
@action-variant-plain-disabled-color: var(--2f5174);
|
|
728
|
+
@action-variant-dangerous-disabled-color: var(--3ed7a9);
|
|
729
|
+
@action-variant-critical-disabled-color: var(--ff8727);
|
|
730
|
+
@action-variant-primary-disabled-bgColor: var(--818487);
|
|
731
|
+
@action-variant-secondary-disabled-bgColor: var(--ce895b);
|
|
732
|
+
@action-variant-tertiary-disabled-bgColor: var(--a8b810);
|
|
733
|
+
@action-variant-quaternary-disabled-bgColor: var(--b973db);
|
|
734
|
+
@action-variant-plain-disabled-bgColor: var(--c970d4);
|
|
735
|
+
@action-variant-dangerous-disabled-bgColor: var(--8d2e23);
|
|
736
|
+
@action-variant-critical-disabled-bgColor: var(--1ce20d);
|
|
737
|
+
@action-base-borderWidth: var(--0b1b71);
|
|
738
|
+
@icon-fieldLayout-width: var(--d57208);
|
|
739
|
+
@icon-fieldLayout-height: var(--3caeb9);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-core",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.61.1",
|
|
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.61.1",
|
|
23
|
+
"@preply/ds-core-types": "0.61.1"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@preply/ds-core": "0.
|
|
27
|
-
"@preply/ds-core-types": "0.
|
|
26
|
+
"@preply/ds-core": "0.61.1",
|
|
27
|
+
"@preply/ds-core-types": "0.61.1",
|
|
28
28
|
"react": "^16.8.3",
|
|
29
29
|
"react-dom": "^16.8.3"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "3da4409d8f12a50bde51f38cbb68637e7e6ce79e"
|
|
32
32
|
}
|