@zohodesk/components 1.0.0-temp-147 → 1.0.0-temp-149

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 (37) hide show
  1. package/assets/Appearance/dark/mode/darkMode.module.css +64 -64
  2. package/assets/Appearance/dark/themes/blue/blueDarkCTAModifyCategory.module.css +142 -22
  3. package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +10 -10
  4. package/assets/Appearance/dark/themes/green/greenDarkCTAModifyCategory.module.css +142 -22
  5. package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +10 -10
  6. package/assets/Appearance/dark/themes/orange/orangeDarkCTAModifyCategory.module.css +142 -22
  7. package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +10 -10
  8. package/assets/Appearance/dark/themes/red/redDarkCTAModifyCategory.module.css +142 -22
  9. package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +10 -10
  10. package/assets/Appearance/dark/themes/yellow/yellowDarkCTAModifyCategory.module.css +142 -22
  11. package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +10 -10
  12. package/assets/Appearance/default/mode/defaultMode.module.css +97 -97
  13. package/assets/Appearance/default/themes/blue/blueDefaultCTAModifyCategory.module.css +131 -11
  14. package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +9 -9
  15. package/assets/Appearance/default/themes/green/greenDefaultCTAModifyCategory.module.css +131 -11
  16. package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +9 -9
  17. package/assets/Appearance/default/themes/orange/orangeDefaultCTAModifyCategory.module.css +131 -11
  18. package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +9 -9
  19. package/assets/Appearance/default/themes/red/redDefaultCTAModifyCategory.module.css +131 -11
  20. package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +9 -9
  21. package/assets/Appearance/default/themes/yellow/yellowDefaultCTAModifyCategory.module.css +131 -11
  22. package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +9 -9
  23. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +93 -93
  24. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTAModifyCategory.module.css +241 -121
  25. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +16 -16
  26. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTAModifyCategory.module.css +230 -110
  27. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +15 -15
  28. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTAModifyCategory.module.css +230 -110
  29. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +15 -15
  30. package/assets/Appearance/pureDark/themes/red/redPureDarkCTAModifyCategory.module.css +230 -110
  31. package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +15 -15
  32. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTAModifyCategory.module.css +230 -110
  33. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +15 -15
  34. package/assets/Contrast/darkContrastLightness.module.css +10 -2
  35. package/assets/Contrast/defaultContrastLightness.module.css +11 -3
  36. package/assets/Contrast/pureDarkContrastLightness.module.css +10 -2
  37. package/package.json +3 -3
package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css CHANGED
@@ -1,8 +1,8 @@
1
1
  [data-mode='pureDark'][data-theme='orange'] {
2
2
  --zdt_cta_primary_text: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
3
3
  --zdt_cta_primary_hover_text: hsla(26, 100%, calc(70% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
4
- --zdt_cta_primary_bg: hsla(26, 100%, calc(56% + var(--zd_pureDark_darker_lValue)), calc(1 + var(--zd_alpha_high)));
5
- --zdt_cta_primary_hover_bg: hsla(29, 100%, calc(33% + var(--zd_pureDark_darker_lValue)), calc(1 + var(--zd_alpha_high)));
4
+ --zdt_cta_primary_bg: hsla(26, 100%, calc(56% + var(--zd_pureDark_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
5
+ --zdt_cta_primary_hover_bg: hsla(29, 100%, calc(33% + var(--zd_pureDark_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
6
6
  --zdt_cta_primary_border: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
7
7
  --zdt_cta_primary_hover_border: hsla(29, 100%, calc(33% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
8
8
  --zdt_cta_primary_box_shadow: rgba(229, 119, 23, 0.2);
@@ -11,24 +11,24 @@
11
11
  --zdt_cta_primary_light_hover_bg: hsla(19, 22%, calc(25% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
12
12
  --zdt_cta_primary_light_border: hsla(19, 22%, calc(25% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
13
13
  --zdt_cta_secondary_bg: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
14
- --zdt_cta_secondary_text: hsla(0, 0%, calc(100% + var(--zd_pureDark_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
15
- --zdt_cta_secondary_border: hsla(0, 0%, calc(100% + var(--zd_pureDark_default_inverse_medium_lValue)), calc( 0.15 + var(--zd_alpha_low)));
16
- --zdt_cta_secondary_light_border: hsla(26, 40%, calc(22% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
14
+ --zdt_cta_secondary_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_pureDark_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
15
+ --zdt_cta_secondary_border: hsla(0, calc(0 * 1%), calc(100% + var(--zd_pureDark_default_inverse_medium_lValue)), calc( 0.15 + var(--zd_alpha_low)));
16
+ --zdt_cta_secondary_light_border: hsla(26, 40%, calc(22% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
17
17
  --zdt_cta_alpha_text: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
18
18
  --zdt_cta_alpha_hover_text: hsla(29, 100%, calc(33% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
19
19
  --zdt_cta_alpha_border: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
20
20
  --zdt_cta_alpha_hover_border: hsla(29, 100%, calc(33% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
21
21
  --zdt_cta_alpha_bg: hsla(340, 6%, calc(21% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
22
22
  --zdt_cta_beta_border: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
23
- --zdt_cta_grey_10_bg: hsla(0, 0%, calc(15% + var(--zd_pureDark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
24
- --zdt_cta_grey_10_border: hsla(0, 0%, calc(15% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
25
- --zdt_cta_grey_15_bg: hsla(0, 2%, calc(8% + var(--zd_pureDark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
23
+ --zdt_cta_grey_10_bg: hsla(0, calc(0 * 1%), calc(15% + var(--zd_pureDark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
24
+ --zdt_cta_grey_10_border: hsla(0, calc(0 * 1%), calc(15% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
25
+ --zdt_cta_grey_15_bg: hsla(0, 2%, calc(8% + var(--zd_pureDark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
26
26
  --zdt_cta_grey_15_border: hsla(0, 2%, calc(8% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
27
- --zdt_cta_grey_20_bg: hsla(217, 23%, calc(11% + var(--zd_pureDark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
28
- --zdt_cta_grey_35_bg: hsla(0, 0%, calc(35% + var(--zd_pureDark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
29
- --zdt_cta_grey_35_text: hsla(0, 0%, calc(35% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
30
- --zdt_cta_grey_35_border: hsla(0, 0%, calc(22% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
31
- --zdt_cta_grey_40_bg: hsla(0, 0%, calc(35% + var(--zd_pureDark_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
32
- --zdt_cta_grey_40_text: hsla(0, 0%, calc(35% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
33
- --zdt_cta_grey_40_border: hsla(0, 0%, calc(35% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)))
27
+ --zdt_cta_grey_20_bg: hsla(217, 23%, calc(11% + var(--zd_pureDark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
28
+ --zdt_cta_grey_35_bg: hsla(0, calc(0 * 1%), calc(35% + var(--zd_pureDark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
29
+ --zdt_cta_grey_35_text: hsla(0, calc(0 * 1%), calc(35% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
30
+ --zdt_cta_grey_35_border: hsla(0, calc(0 * 1%), calc(22% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
31
+ --zdt_cta_grey_40_bg: hsla(0, calc(0 * 1%), calc(35% + var(--zd_pureDark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
32
+ --zdt_cta_grey_40_text: hsla(0, calc(0 * 1%), calc(35% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
33
+ --zdt_cta_grey_40_border: hsla(0, calc(0 * 1%), calc(35% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)))
34
34
  }