@zohodesk/components 1.6.5 → 1.6.6

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.
Files changed (35) hide show
  1. package/README.md +6 -1
  2. package/package.json +5 -5
  3. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +0 -467
  4. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +0 -36
  5. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +0 -467
  6. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +0 -36
  7. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +0 -467
  8. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +0 -36
  9. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +0 -467
  10. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +0 -36
  11. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +0 -467
  12. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +0 -36
  13. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +0 -467
  14. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +0 -36
  15. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +0 -467
  16. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +0 -36
  17. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +0 -467
  18. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +0 -36
  19. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +0 -467
  20. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +0 -36
  21. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +0 -467
  22. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +0 -36
  23. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +0 -467
  24. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +0 -36
  25. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +0 -467
  26. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +0 -36
  27. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +0 -467
  28. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +0 -36
  29. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +0 -467
  30. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +0 -36
  31. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +0 -467
  32. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +0 -36
  33. package/assets/Contrast/darkContrastLightness.module.css +0 -39
  34. package/assets/Contrast/lightContrastLightness.module.css +0 -39
  35. package/assets/Contrast/pureDarkContrastLightness.module.css +0 -39
package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css DELETED
@@ -1,36 +0,0 @@
1
- [data-mode='pureDark'][data-theme='yellow']{
2
- /* CTA variables */
3
- --zdt_cta_primary_text:hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdt_cta_primary_hover_text:hsla(37, calc(var(--zd-saturation, 1) * 66.48%), calc(64.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_cta_primary_bg:hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdt_cta_primary_hover_bg:hsla(39, calc(var(--zd-saturation, 1) * 90.18%), calc(31.96% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
7
- --zdt_cta_primary_border:hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
8
- --zdt_cta_primary_hover_border:hsla(39, calc(var(--zd-saturation, 1) * 90.18%), calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdt_cta_primary_box_shadow:hsla(46, calc(var(--zd-saturation, 1) * 81.07%), 52.35%, 0.2);
10
- --zdt_cta_primary_hover_box_shadow:hsla(48, calc(var(--zd-saturation, 1) * 100.00%), 35.49%, 0.25);
11
- --zdt_cta_primary_light_bg:hsla(35, calc(var(--zd-saturation, 1) * 15.00%), calc(15.69% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
12
- --zdt_cta_primary_light_hover_bg:hsla(37, calc(var(--zd-saturation, 1) * 12.70%), calc(24.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdt_cta_primary_light_border:hsla(37, calc(var(--zd-saturation, 1) * 12.70%), calc(24.71% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
14
- --zdt_cta_secondary_bg:hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
15
- --zdt_cta_secondary_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
- --zdt_cta_secondary_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
- --zdt_cta_secondary_light_border:hsla(38, calc(var(--zd-saturation, 1) * 30.19%), calc(20.78% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
- --zdt_cta_secondary_light_bg:hsla(38, calc(var(--zd-saturation, 1) * 30.19%), calc(20.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
19
- --zdt_cta_alpha_text:hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
- --zdt_cta_alpha_hover_text:hsla(39, calc(var(--zd-saturation, 1) * 90.18%), calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
21
- --zdt_cta_alpha_border:hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
22
- --zdt_cta_alpha_hover_border:hsla(39, calc(var(--zd-saturation, 1) * 90.18%), calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
23
- --zdt_cta_alpha_bg:hsla(220, calc(var(--zd-saturation, 1) * 2.75%), calc(21.37% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
24
- --zdt_cta_beta_border:hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
25
- --zdt_cta_grey_10_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
26
- --zdt_cta_grey_10_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
27
- --zdt_cta_grey_15_bg:hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
28
- --zdt_cta_grey_15_border:hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
29
- --zdt_cta_grey_20_bg:hsla(217, calc(var(--zd-saturation, 1) * 22.81%), calc(11.18% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
30
- --zdt_cta_grey_35_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
31
- --zdt_cta_grey_35_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
32
- --zdt_cta_grey_35_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(21.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
33
- --zdt_cta_grey_40_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
34
- --zdt_cta_grey_40_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
35
- --zdt_cta_grey_40_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
36
- }
package/assets/Contrast/darkContrastLightness.module.css DELETED
@@ -1,39 +0,0 @@
1
- [data-mode='dark']:global:not(.zd-contrast){
2
- --zdc_default:calc(0 * 1%);
3
- --zdc_default_low:calc(0 * 1%);
4
- --zdc_default_inverse:calc(0 * 1%);
5
- --zdc_default_inverse_low:calc(0 * 1%);
6
- --zdc_default_inverse_lower:calc(0 * 1%);
7
- --zdc_default_inverse_medium:calc(0 * 1%);
8
- --zdc_darker:calc(0 * 1%);
9
- --zdc_darker_low:calc(0 * 1%);
10
- --zdc_darker_lower:calc(0 * 1%);
11
- --zdc_darker_lowest:calc(0 * 1%);
12
- --zdc_lighter:calc(0 * 1%);
13
- --zdc_lighter_low:calc(0 * 1%);
14
- --zdc_lighter_lower:calc(0 * 1%);
15
- --zdc_lighter_medium:calc(0 * 1%);
16
- --zdc_lighter_high:calc(0 * 1%);
17
- --zdc_alpha_high:0;
18
- --zdc_alpha_low:0;
19
- }
20
-
21
- [data-mode='dark']:global(.zd-contrast){
22
- --zdc_default:calc(var(--zd_contrastLevel) * -1%);
23
- --zdc_default_low:calc(var(--zd_contrastLevel) * -1%);
24
- --zdc_default_inverse:calc(var(--zd_contrastLevel) * 1%);
25
- --zdc_default_inverse_low:calc(var(--zd_contrastLevel) * 0.25%);
26
- --zdc_default_inverse_lower:calc(var(--zd_contrastLevel) * 0.10%);
27
- --zdc_default_inverse_medium:calc(var(--zd_contrastLevel) * 1.5%);
28
- --zdc_darker:calc(var(--zd_contrastLevel) * -1%);
29
- --zdc_darker_low:calc(var(--zd_contrastLevel) * -0.50%);
30
- --zdc_darker_lower:calc(var(--zd_contrastLevel) * -1%);
31
- --zdc_darker_lowest:calc(var(--zd_contrastLevel) * -1%);
32
- --zdc_lighter:calc(var(--zd_contrastLevel) * 1%);
33
- --zdc_lighter_low:calc(var(--zd_contrastLevel) * 0.50%);
34
- --zdc_lighter_lower:calc(var(--zd_contrastLevel) * 0.25%);
35
- --zdc_lighter_medium:calc(var(--zd_contrastLevel) * 1.5%);
36
- --zdc_lighter_high:calc(var(--zd_contrastLevel) * 1%);
37
- --zdc_alpha_high:1;
38
- --zdc_alpha_low:calc(var(--zd_contrastLevel) * 0.02);
39
- }
package/assets/Contrast/lightContrastLightness.module.css DELETED
@@ -1,39 +0,0 @@
1
- [data-mode='light']:global:not(.zd-contrast){
2
- --zdc_default:calc(0 * 1%);
3
- --zdc_default_low:calc(0 * 1%);
4
- --zdc_default_inverse:calc(0 * 1%);
5
- --zdc_default_inverse_low:calc(0 * 1%);
6
- --zdc_default_inverse_lower:calc(0 * 1%);
7
- --zdc_default_inverse_medium:calc(0 * 1%);
8
- --zdc_darker:calc(0 * 1%);
9
- --zdc_darker_low:calc(0 * 1%);
10
- --zdc_darker_lower:calc(0 * 1%);
11
- --zdc_darker_lowest:calc(0 * 1%);
12
- --zdc_lighter:calc(0 * 1%);
13
- --zdc_lighter_low:calc(0 * 1%);
14
- --zdc_lighter_lower:calc(0 * 1%);
15
- --zdc_lighter_medium:calc(0 * 1%);
16
- --zdc_lighter_high:calc(0 * 1%);
17
- --zdc_alpha_high:0;
18
- --zdc_alpha_low:0;
19
- }
20
-
21
- [data-mode='light']:global(.zd-contrast){
22
- --zdc_default:calc(var(--zd_contrastLevel) * 1%);
23
- --zdc_default_low:calc(var(--zd_contrastLevel) * 1%);
24
- --zdc_default_inverse:calc(var(--zd_contrastLevel) * -1%);
25
- --zdc_default_inverse_low:calc(var(--zd_contrastLevel) * -0.25%);
26
- --zdc_default_inverse_lower:calc(var(--zd_contrastLevel) * -0.10%);
27
- --zdc_default_inverse_medium:calc(var(--zd_contrastLevel) * -1.5%);
28
- --zdc_darker:calc(var(--zd_contrastLevel) * -1%);
29
- --zdc_darker_low:calc(var(--zd_contrastLevel) * -0.50%);
30
- --zdc_darker_lower:calc(var(--zd_contrastLevel) * -0.25%);
31
- --zdc_darker_lowest:calc(var(--zd_contrastLevel) * var(--zd_lightmode_grey_bg));
32
- --zdc_lighter:calc(var(--zd_contrastLevel) * 1%);
33
- --zdc_lighter_low:calc(var(--zd_contrastLevel) * 0.50%);
34
- --zdc_lighter_lower:calc(var(--zd_contrastLevel) * 0.25%);
35
- --zdc_lighter_medium:calc(var(--zd_contrastLevel) * 1.5%);
36
- --zdc_lighter_high:calc(var(--zd_contrastLevel) * 20%);
37
- --zdc_alpha_high:1;
38
- --zdc_alpha_low:calc(var(--zd_contrastLevel) * 0.02);
39
- }
package/assets/Contrast/pureDarkContrastLightness.module.css DELETED
@@ -1,39 +0,0 @@
1
- [data-mode='pureDark']:global:not(.zd-contrast){
2
- --zdc_default:calc(0 * 1%);
3
- --zdc_default_low:calc(0 * 1%);
4
- --zdc_default_inverse:calc(0 * 1%);
5
- --zdc_default_inverse_low:calc(0 * 1%);
6
- --zdc_default_inverse_lower:calc(0 * 1%);
7
- --zdc_default_inverse_medium:calc(0 * 1%);
8
- --zdc_darker:calc(0 * 1%);
9
- --zdc_darker_low:calc(0 * 1%);
10
- --zdc_darker_lower:calc(0 * 1%);
11
- --zdc_darker_lowest:calc(0 * 1%);
12
- --zdc_lighter:calc(0 * 1%);
13
- --zdc_lighter_low:calc(0 * 1%);
14
- --zdc_lighter_lower:calc(0 * 1%);
15
- --zdc_lighter_medium:calc(0 * 1%);
16
- --zdc_lighter_high:calc(0 * 1%);
17
- --zdc_alpha_high:0;
18
- --zdc_alpha_low:0;
19
- }
20
-
21
- [data-mode='pureDark']:global(.zd-contrast){
22
- --zdc_default:calc(var(--zd_contrastLevel) * -1%);
23
- --zdc_default_low:calc(var(--zd_contrastLevel) * -1%);
24
- --zdc_default_inverse:calc(var(--zd_contrastLevel) * 1%);
25
- --zdc_default_inverse_low:calc(var(--zd_contrastLevel) * 0.25%);
26
- --zdc_default_inverse_lower:calc(var(--zd_contrastLevel) * 0.10%);
27
- --zdc_default_inverse_medium:calc(var(--zd_contrastLevel) * 1.5%);
28
- --zdc_darker:calc(var(--zd_contrastLevel) * -1%);
29
- --zdc_darker_low:calc(var(--zd_contrastLevel) * -0.50%);
30
- --zdc_darker_lower:calc(var(--zd_contrastLevel) * -1%);
31
- --zdc_darker_lowest:calc(var(--zd_contrastLevel) * -1%);
32
- --zdc_lighter:calc(var(--zd_contrastLevel) * 1%);
33
- --zdc_lighter_low:calc(var(--zd_contrastLevel) * 0.50%);
34
- --zdc_lighter_lower:calc(var(--zd_contrastLevel) * 0.25%);
35
- --zdc_lighter_medium:calc(var(--zd_contrastLevel) * 1.5%);
36
- --zdc_lighter_high:calc(var(--zd_contrastLevel) * 1%);
37
- --zdc_alpha_high:1;
38
- --zdc_alpha_low:calc(var(--zd_contrastLevel) * 0.02);
39
- }