@zohodesk/components 1.0.0-temp-74 → 1.0.0-temp-76
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.
- package/assets/Appearance/dark/mode/contrast/darkContrast.module.css +93 -93
- package/assets/Appearance/dark/themes/blue/contrast/blueDarkCTAThemeContrast.module.css +21 -21
- package/assets/Appearance/dark/themes/green/contrast/greenDarkCTAThemeContrast.module.css +21 -21
- package/assets/Appearance/dark/themes/orange/contrast/orangeDarkCTAThemeContrast.module.css +21 -21
- package/assets/Appearance/dark/themes/red/contrast/redDarkCTAThemeContrast.module.css +21 -21
- package/assets/Appearance/dark/themes/yellow/contrast/yellowDarkCTAThemeContrast.module.css +21 -21
- package/assets/Appearance/default/mode/contrast/defaultContrast.module.css +164 -164
- package/assets/Appearance/default/themes/blue/contrast/blueDefaultCTAThemeContrast.module.css +32 -32
- package/assets/Appearance/default/themes/green/contrast/greenDefaultCTAThemeContrast.module.css +32 -32
- package/assets/Appearance/default/themes/orange/contrast/orangeDefaultCTAThemeContrast.module.css +32 -32
- package/assets/Appearance/default/themes/red/contrast/redDefaultCTAThemeContrast.module.css +32 -32
- package/assets/Appearance/default/themes/yellow/contrast/yellowDefaultCTAThemeContrast.module.css +32 -32
- package/assets/Appearance/pureDark/mode/contrast/pureDarkContrast.module.css +93 -93
- package/assets/Appearance/pureDark/themes/blue/contrast/bluePureDarkCTAThemeContrast.module.css +21 -21
- package/assets/Appearance/pureDark/themes/green/contrast/greenPureDarkCTAThemeContrast.module.css +21 -21
- package/assets/Appearance/pureDark/themes/orange/contrast/orangePureDarkCTAThemeContrast.module.css +21 -21
- package/assets/Appearance/pureDark/themes/red/contrast/redPureDarkCTAThemeContrast.module.css +21 -21
- package/assets/Appearance/pureDark/themes/yellow/contrast/yellowPureDarkCTAThemeContrast.module.css +21 -21
- package/package.json +1 -1
package/assets/Appearance/pureDark/themes/green/contrast/greenPureDarkCTAThemeContrast.module.css
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='green']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_text: #
|
|
3
|
-
--zdt_cta_primary_hover_text: #
|
|
2
|
+
--zdt_cta_primary_text: #a6d9b1;
|
|
3
|
+
--zdt_cta_primary_hover_text: #c9e8d0;
|
|
4
4
|
--zdt_cta_primary_bg: #367d45;
|
|
5
5
|
--zdt_cta_primary_hover_bg: #094e12;
|
|
6
|
-
--zdt_cta_primary_border: #
|
|
7
|
-
--zdt_cta_primary_hover_border: #
|
|
8
|
-
--zdt_cta_primary_box_shadow: #
|
|
9
|
-
--zdt_cta_primary_hover_box_shadow: #
|
|
6
|
+
--zdt_cta_primary_border: #a6d9b1;
|
|
7
|
+
--zdt_cta_primary_hover_border: #3ae951;
|
|
8
|
+
--zdt_cta_primary_box_shadow: #86e49b;
|
|
9
|
+
--zdt_cta_primary_hover_box_shadow: #36e760;
|
|
10
10
|
--zdt_cta_primary_light_bg: #0e110e;
|
|
11
11
|
--zdt_cta_primary_light_hover_bg: #1a2d26;
|
|
12
|
-
--zdt_cta_primary_light_border: #
|
|
12
|
+
--zdt_cta_primary_light_border: #6aa992;
|
|
13
13
|
--zdt_cta_secondary_bg: #367d45;
|
|
14
|
-
--zdt_cta_secondary_text: #
|
|
15
|
-
--zdt_cta_secondary_border: #
|
|
16
|
-
--zdt_cta_secondary_light_border: #
|
|
17
|
-
--zdt_cta_alpha_text: #
|
|
18
|
-
--zdt_cta_alpha_hover_text: #
|
|
19
|
-
--zdt_cta_alpha_border: #
|
|
20
|
-
--zdt_cta_alpha_hover_border: #
|
|
14
|
+
--zdt_cta_secondary_text: #ffffff;
|
|
15
|
+
--zdt_cta_secondary_border: #ffffff;
|
|
16
|
+
--zdt_cta_secondary_light_border: #6ca378;
|
|
17
|
+
--zdt_cta_alpha_text: #a6d9b1;
|
|
18
|
+
--zdt_cta_alpha_hover_text: #3ae951;
|
|
19
|
+
--zdt_cta_alpha_border: #a6d9b1;
|
|
20
|
+
--zdt_cta_alpha_hover_border: #3ae951;
|
|
21
21
|
--zdt_cta_alpha_bg: #162320;
|
|
22
|
-
--zdt_cta_beta_border: #
|
|
22
|
+
--zdt_cta_beta_border: #a6d9b1;
|
|
23
23
|
--zdt_cta_grey_10_bg: #0d0d0d;
|
|
24
|
-
--zdt_cta_grey_10_border: #
|
|
24
|
+
--zdt_cta_grey_10_border: #737373;
|
|
25
25
|
--zdt_cta_grey_15_bg: #000000;
|
|
26
|
-
--zdt_cta_grey_15_border: #
|
|
26
|
+
--zdt_cta_grey_15_border: #635f5f;
|
|
27
27
|
--zdt_cta_grey_20_bg: #020203;
|
|
28
28
|
--zdt_cta_grey_35_bg: #404040;
|
|
29
|
-
--zdt_cta_grey_35_text: #
|
|
30
|
-
--zdt_cta_grey_35_border: #
|
|
29
|
+
--zdt_cta_grey_35_text: #a6a6a6;
|
|
30
|
+
--zdt_cta_grey_35_border: #858585;
|
|
31
31
|
--zdt_cta_grey_40_bg: #404040;
|
|
32
|
-
--zdt_cta_grey_40_text: #
|
|
33
|
-
--zdt_cta_grey_40_border: #
|
|
32
|
+
--zdt_cta_grey_40_text: #a6a6a6;
|
|
33
|
+
--zdt_cta_grey_40_border: #a6a6a6
|
|
34
34
|
}
|
package/assets/Appearance/pureDark/themes/orange/contrast/orangePureDarkCTAThemeContrast.module.css
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='orange']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_text: #
|
|
3
|
-
--zdt_cta_primary_hover_text: #
|
|
2
|
+
--zdt_cta_primary_text: #ffd7b8;
|
|
3
|
+
--zdt_cta_primary_hover_text: #ffffff;
|
|
4
4
|
--zdt_cta_primary_bg: #eb6600;
|
|
5
5
|
--zdt_cta_primary_hover_bg: #753900;
|
|
6
|
-
--zdt_cta_primary_border: #
|
|
7
|
-
--zdt_cta_primary_hover_border: #
|
|
8
|
-
--zdt_cta_primary_box_shadow: #
|
|
9
|
-
--zdt_cta_primary_hover_box_shadow: #
|
|
6
|
+
--zdt_cta_primary_border: #ffd7b8;
|
|
7
|
+
--zdt_cta_primary_hover_border: #ff9e42;
|
|
8
|
+
--zdt_cta_primary_box_shadow: #f5c79e;
|
|
9
|
+
--zdt_cta_primary_hover_box_shadow: #ffa64d;
|
|
10
10
|
--zdt_cta_primary_light_bg: #120f0c;
|
|
11
11
|
--zdt_cta_primary_light_hover_bg: #2f231e;
|
|
12
|
-
--zdt_cta_primary_light_border: #
|
|
12
|
+
--zdt_cta_primary_light_border: #a58373;
|
|
13
13
|
--zdt_cta_secondary_bg: #eb6600;
|
|
14
|
-
--zdt_cta_secondary_text: #
|
|
15
|
-
--zdt_cta_secondary_border: #
|
|
16
|
-
--zdt_cta_secondary_light_border: #
|
|
17
|
-
--zdt_cta_alpha_text: #
|
|
18
|
-
--zdt_cta_alpha_hover_text: #
|
|
19
|
-
--zdt_cta_alpha_border: #
|
|
20
|
-
--zdt_cta_alpha_hover_border: #
|
|
14
|
+
--zdt_cta_secondary_text: #ffffff;
|
|
15
|
+
--zdt_cta_secondary_border: #ffffff;
|
|
16
|
+
--zdt_cta_secondary_light_border: #b67e54;
|
|
17
|
+
--zdt_cta_alpha_text: #ffd7b8;
|
|
18
|
+
--zdt_cta_alpha_hover_text: #ff9e42;
|
|
19
|
+
--zdt_cta_alpha_border: #ffd7b8;
|
|
20
|
+
--zdt_cta_alpha_hover_border: #ff9e42;
|
|
21
21
|
--zdt_cta_alpha_bg: #1e1a1b;
|
|
22
|
-
--zdt_cta_beta_border: #
|
|
22
|
+
--zdt_cta_beta_border: #ffd7b8;
|
|
23
23
|
--zdt_cta_grey_10_bg: #0d0d0d;
|
|
24
|
-
--zdt_cta_grey_10_border: #
|
|
24
|
+
--zdt_cta_grey_10_border: #737373;
|
|
25
25
|
--zdt_cta_grey_15_bg: #000000;
|
|
26
|
-
--zdt_cta_grey_15_border: #
|
|
26
|
+
--zdt_cta_grey_15_border: #635f5f;
|
|
27
27
|
--zdt_cta_grey_20_bg: #020203;
|
|
28
28
|
--zdt_cta_grey_35_bg: #404040;
|
|
29
|
-
--zdt_cta_grey_35_text: #
|
|
30
|
-
--zdt_cta_grey_35_border: #
|
|
29
|
+
--zdt_cta_grey_35_text: #a6a6a6;
|
|
30
|
+
--zdt_cta_grey_35_border: #858585;
|
|
31
31
|
--zdt_cta_grey_40_bg: #404040;
|
|
32
|
-
--zdt_cta_grey_40_text: #
|
|
33
|
-
--zdt_cta_grey_40_border: #
|
|
32
|
+
--zdt_cta_grey_40_text: #a6a6a6;
|
|
33
|
+
--zdt_cta_grey_40_border: #a6a6a6
|
|
34
34
|
}
|
package/assets/Appearance/pureDark/themes/red/contrast/redPureDarkCTAThemeContrast.module.css
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='red']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_text: #
|
|
3
|
-
--zdt_cta_primary_hover_text: #
|
|
2
|
+
--zdt_cta_primary_text: #fad6d6;
|
|
3
|
+
--zdt_cta_primary_hover_text: #ffffff;
|
|
4
4
|
--zdt_cta_primary_bg: #e42121;
|
|
5
5
|
--zdt_cta_primary_hover_bg: #790c0c;
|
|
6
|
-
--zdt_cta_primary_border: #
|
|
7
|
-
--zdt_cta_primary_hover_border: #
|
|
8
|
-
--zdt_cta_primary_box_shadow: #
|
|
9
|
-
--zdt_cta_primary_hover_box_shadow: #
|
|
6
|
+
--zdt_cta_primary_border: #fad6d6;
|
|
7
|
+
--zdt_cta_primary_hover_border: #ef6161;
|
|
8
|
+
--zdt_cta_primary_box_shadow: #f4b9b9;
|
|
9
|
+
--zdt_cta_primary_hover_box_shadow: #eb7270;
|
|
10
10
|
--zdt_cta_primary_light_bg: #110d0d;
|
|
11
11
|
--zdt_cta_primary_light_hover_bg: #2e1f25;
|
|
12
|
-
--zdt_cta_primary_light_border: #
|
|
12
|
+
--zdt_cta_primary_light_border: #a37589;
|
|
13
13
|
--zdt_cta_secondary_bg: #e42121;
|
|
14
|
-
--zdt_cta_secondary_text: #
|
|
15
|
-
--zdt_cta_secondary_border: #
|
|
16
|
-
--zdt_cta_secondary_light_border: #
|
|
17
|
-
--zdt_cta_alpha_text: #
|
|
18
|
-
--zdt_cta_alpha_hover_text: #
|
|
19
|
-
--zdt_cta_alpha_border: #
|
|
20
|
-
--zdt_cta_alpha_hover_border: #
|
|
14
|
+
--zdt_cta_secondary_text: #ffffff;
|
|
15
|
+
--zdt_cta_secondary_border: #ffffff;
|
|
16
|
+
--zdt_cta_secondary_light_border: #a86767;
|
|
17
|
+
--zdt_cta_alpha_text: #fad6d6;
|
|
18
|
+
--zdt_cta_alpha_hover_text: #ef6161;
|
|
19
|
+
--zdt_cta_alpha_border: #fad6d6;
|
|
20
|
+
--zdt_cta_alpha_hover_border: #ef6161;
|
|
21
21
|
--zdt_cta_alpha_bg: #1d191f;
|
|
22
|
-
--zdt_cta_beta_border: #
|
|
22
|
+
--zdt_cta_beta_border: #fad6d6;
|
|
23
23
|
--zdt_cta_grey_10_bg: #0d0d0d;
|
|
24
|
-
--zdt_cta_grey_10_border: #
|
|
24
|
+
--zdt_cta_grey_10_border: #737373;
|
|
25
25
|
--zdt_cta_grey_15_bg: #000000;
|
|
26
|
-
--zdt_cta_grey_15_border: #
|
|
26
|
+
--zdt_cta_grey_15_border: #635f5f;
|
|
27
27
|
--zdt_cta_grey_20_bg: #020203;
|
|
28
28
|
--zdt_cta_grey_35_bg: #404040;
|
|
29
|
-
--zdt_cta_grey_35_text: #
|
|
30
|
-
--zdt_cta_grey_35_border: #
|
|
29
|
+
--zdt_cta_grey_35_text: #a6a6a6;
|
|
30
|
+
--zdt_cta_grey_35_border: #858585;
|
|
31
31
|
--zdt_cta_grey_40_bg: #404040;
|
|
32
|
-
--zdt_cta_grey_40_text: #
|
|
33
|
-
--zdt_cta_grey_40_border: #
|
|
32
|
+
--zdt_cta_grey_40_text: #a6a6a6;
|
|
33
|
+
--zdt_cta_grey_40_border: #a6a6a6
|
|
34
34
|
}
|
package/assets/Appearance/pureDark/themes/yellow/contrast/yellowPureDarkCTAThemeContrast.module.css
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='yellow']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_text: #
|
|
3
|
-
--zdt_cta_primary_hover_text: #
|
|
2
|
+
--zdt_cta_primary_text: #f1dab7;
|
|
3
|
+
--zdt_cta_primary_hover_text: #fbf4ea;
|
|
4
4
|
--zdt_cta_primary_bg: #b77f24;
|
|
5
5
|
--zdt_cta_primary_hover_bg: #6b4706;
|
|
6
|
-
--zdt_cta_primary_border: #
|
|
7
|
-
--zdt_cta_primary_hover_border: #
|
|
8
|
-
--zdt_cta_primary_box_shadow: #
|
|
9
|
-
--zdt_cta_primary_hover_box_shadow: #
|
|
6
|
+
--zdt_cta_primary_border: #f1dab7;
|
|
7
|
+
--zdt_cta_primary_hover_border: #f5b847;
|
|
8
|
+
--zdt_cta_primary_box_shadow: #f6e5ac;
|
|
9
|
+
--zdt_cta_primary_hover_box_shadow: #ffdb4d;
|
|
10
10
|
--zdt_cta_primary_light_bg: #12100d;
|
|
11
11
|
--zdt_cta_primary_light_hover_bg: #2b2721;
|
|
12
|
-
--zdt_cta_primary_light_border: #
|
|
12
|
+
--zdt_cta_primary_light_border: #9b907d;
|
|
13
13
|
--zdt_cta_secondary_bg: #b77f24;
|
|
14
|
-
--zdt_cta_secondary_text: #
|
|
15
|
-
--zdt_cta_secondary_border: #
|
|
16
|
-
--zdt_cta_secondary_light_border: #
|
|
17
|
-
--zdt_cta_alpha_text: #
|
|
18
|
-
--zdt_cta_alpha_hover_text: #
|
|
19
|
-
--zdt_cta_alpha_border: #
|
|
20
|
-
--zdt_cta_alpha_hover_border: #
|
|
14
|
+
--zdt_cta_secondary_text: #ffffff;
|
|
15
|
+
--zdt_cta_secondary_border: #ffffff;
|
|
16
|
+
--zdt_cta_secondary_light_border: #a88c5d;
|
|
17
|
+
--zdt_cta_alpha_text: #f1dab7;
|
|
18
|
+
--zdt_cta_alpha_hover_text: #f5b847;
|
|
19
|
+
--zdt_cta_alpha_border: #f1dab7;
|
|
20
|
+
--zdt_cta_alpha_hover_border: #f5b847;
|
|
21
21
|
--zdt_cta_alpha_bg: #1b1c1d;
|
|
22
|
-
--zdt_cta_beta_border: #
|
|
22
|
+
--zdt_cta_beta_border: #f1dab7;
|
|
23
23
|
--zdt_cta_grey_10_bg: #0d0d0d;
|
|
24
|
-
--zdt_cta_grey_10_border: #
|
|
24
|
+
--zdt_cta_grey_10_border: #737373;
|
|
25
25
|
--zdt_cta_grey_15_bg: #000000;
|
|
26
|
-
--zdt_cta_grey_15_border: #
|
|
26
|
+
--zdt_cta_grey_15_border: #635f5f;
|
|
27
27
|
--zdt_cta_grey_20_bg: #020203;
|
|
28
28
|
--zdt_cta_grey_35_bg: #404040;
|
|
29
|
-
--zdt_cta_grey_35_text: #
|
|
30
|
-
--zdt_cta_grey_35_border: #
|
|
29
|
+
--zdt_cta_grey_35_text: #a6a6a6;
|
|
30
|
+
--zdt_cta_grey_35_border: #858585;
|
|
31
31
|
--zdt_cta_grey_40_bg: #404040;
|
|
32
|
-
--zdt_cta_grey_40_text: #
|
|
33
|
-
--zdt_cta_grey_40_border: #
|
|
32
|
+
--zdt_cta_grey_40_text: #a6a6a6;
|
|
33
|
+
--zdt_cta_grey_40_border: #a6a6a6
|
|
34
34
|
}
|