@zohodesk/components 1.0.0-temp-132 → 1.0.0-temp-133

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 (70) hide show
  1. package/README.md +5 -0
  2. package/assets/Appearance/dark/mode/darkMode.module.css +168 -167
  3. package/assets/Appearance/dark/themes/blue/blueDarkCTAModifyCategory.module.css +100 -66
  4. package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +30 -30
  5. package/assets/Appearance/dark/themes/green/greenDarkCTAModifyCategory.module.css +100 -66
  6. package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +30 -30
  7. package/assets/Appearance/dark/themes/orange/orangeDarkCTAModifyCategory.module.css +100 -66
  8. package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +30 -30
  9. package/assets/Appearance/dark/themes/red/redDarkCTAModifyCategory.module.css +100 -66
  10. package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +30 -30
  11. package/assets/Appearance/dark/themes/yellow/yellowDarkCTAModifyCategory.module.css +100 -66
  12. package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +30 -30
  13. package/assets/Appearance/default/mode/defaultMode.module.css +165 -164
  14. package/assets/Appearance/default/themes/blue/blueDefaultCTAModifyCategory.module.css +100 -66
  15. package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +30 -30
  16. package/assets/Appearance/default/themes/green/greenDefaultCTAModifyCategory.module.css +100 -66
  17. package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +30 -30
  18. package/assets/Appearance/default/themes/orange/orangeDefaultCTAModifyCategory.module.css +100 -66
  19. package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +30 -30
  20. package/assets/Appearance/default/themes/red/redDefaultCTAModifyCategory.module.css +100 -66
  21. package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +30 -30
  22. package/assets/Appearance/default/themes/yellow/yellowDefaultCTAModifyCategory.module.css +100 -66
  23. package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +30 -30
  24. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +169 -168
  25. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTAModifyCategory.module.css +100 -66
  26. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +30 -30
  27. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTAModifyCategory.module.css +100 -66
  28. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +30 -30
  29. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTAModifyCategory.module.css +100 -66
  30. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +30 -30
  31. package/assets/Appearance/pureDark/themes/red/redPureDarkCTAModifyCategory.module.css +100 -66
  32. package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +30 -30
  33. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTAModifyCategory.module.css +100 -66
  34. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +30 -30
  35. package/assets/Contrast/darkContrastLightness.module.css +11 -3
  36. package/assets/Contrast/defaultContrastLightness.module.css +11 -3
  37. package/assets/Contrast/pureDarkContrastLightness.module.css +11 -3
  38. package/es/Avatar/Avatar.js +8 -5
  39. package/es/Avatar/Avatar.module.css +8 -0
  40. package/es/Avatar/props/defaultProps.js +3 -1
  41. package/es/Avatar/props/propTypes.js +4 -2
  42. package/es/AvatarTeam/AvatarTeam.js +8 -2
  43. package/es/AvatarTeam/AvatarTeam.module.css +30 -3
  44. package/es/AvatarTeam/props/defaultProps.js +4 -1
  45. package/es/AvatarTeam/props/propTypes.js +4 -1
  46. package/es/DateTime/DateWidget.js +2 -3
  47. package/es/MultiSelect/Suggestions.js +4 -2
  48. package/es/Provider/AvatarSize.js +1 -0
  49. package/es/TextBoxIcon/TextBoxIcon.js +20 -3
  50. package/es/Tooltip/Tooltip.module.css +3 -3
  51. package/es/common/avatarsizes.module.css +6 -2
  52. package/es/common/boxShadow.module.css +0 -6
  53. package/es/utils/Common.js +4 -2
  54. package/lib/Avatar/Avatar.js +8 -5
  55. package/lib/Avatar/Avatar.module.css +8 -0
  56. package/lib/Avatar/props/defaultProps.js +3 -1
  57. package/lib/Avatar/props/propTypes.js +4 -2
  58. package/lib/AvatarTeam/AvatarTeam.js +8 -2
  59. package/lib/AvatarTeam/AvatarTeam.module.css +30 -3
  60. package/lib/AvatarTeam/props/defaultProps.js +4 -1
  61. package/lib/AvatarTeam/props/propTypes.js +4 -1
  62. package/lib/DateTime/DateWidget.js +1 -3
  63. package/lib/MultiSelect/Suggestions.js +5 -3
  64. package/lib/Provider/AvatarSize.js +1 -0
  65. package/lib/TextBoxIcon/TextBoxIcon.js +20 -3
  66. package/lib/Tooltip/Tooltip.module.css +3 -3
  67. package/lib/common/avatarsizes.module.css +6 -2
  68. package/lib/common/boxShadow.module.css +0 -6
  69. package/lib/utils/Common.js +4 -2
  70. package/package.json +1 -1
package/assets/Appearance/default/themes/orange/orangeDefaultCTAModifyCategory.module.css CHANGED
@@ -1,68 +1,102 @@
1
1
  [data-mode='default'][data-theme='orange'] {
2
- --zdt_m_cta_primary_text_text: hsl(28, 82%, calc(49% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
3
- --zdt_m_cta_primary_text_textLighterBoth: hsl(28, 82%, calc(49% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
4
- --zdt_m_cta_primary_text_textLighterDarker: hsl(28, 82%, calc(49% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
5
- --zdt_m_cta_primary_hover_text_text: hsl(30, 100%, calc(35% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
6
- --zdt_m_cta_primary_hover_text_textLighterBoth: hsl(30, 100%, calc(35% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_m_cta_primary_hover_text_textLighterDarker: hsl(30, 100%, calc(35% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
8
- --zdt_m_cta_primary_bg_bg: hsl(28, 82%, calc(49% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
9
- --zdt_m_cta_primary_bg_bgDarkerBoth: hsl(28, 82%, calc(49% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
10
- --zdt_m_cta_primary_bg_bgDarkerLighter: hsl(28, 82%, calc(49% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
11
- --zdt_m_cta_primary_hover_bg_bg: hsl(30, 100%, calc(35% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
12
- --zdt_m_cta_primary_hover_bg_bgDarkerBoth: hsl(30, 100%, calc(35% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
13
- --zdt_m_cta_primary_hover_bg_bgDarkerLighter: hsl(30, 100%, calc(35% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
14
- --zdt_m_cta_primary_border_border: hsl(28, 82%, calc(49% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
15
- --zdt_m_cta_primary_hover_border_border: hsl(30, 100%, calc(35% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
16
- --zdt_m_cta_primary_light_bg_bg: hsl(26, 78%, calc(96% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
17
- --zdt_m_cta_primary_light_bg_bgDarkerBoth: hsl(26, 78%, calc(96% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
18
- --zdt_m_cta_primary_light_bg_bgDarkerLighter: hsl(26, 78%, calc(96% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
19
- --zdt_m_cta_primary_light_hover_bg_bg: hsl(28, 80%, calc(90% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
20
- --zdt_m_cta_primary_light_hover_bg_bgDarkerBoth: hsl(28, 80%, calc(90% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
21
- --zdt_m_cta_primary_light_hover_bg_bgDarkerLighter: hsl(28, 80%, calc(90% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
22
- --zdt_m_cta_primary_light_border_border: hsl(28, 80%, calc(90% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
23
- --zdt_m_cta_secondary_bg_bg: hsl(28, 82%, calc(49% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
24
- --zdt_m_cta_secondary_bg_bgDarkerBoth: hsl(28, 82%, calc(49% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
25
- --zdt_m_cta_secondary_bg_bgDarkerLighter: hsl(28, 82%, calc(49% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
26
- --zdt_m_cta_secondary_text_text: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
27
- --zdt_m_cta_secondary_text_textLighterBoth: hsl(0, 0%, calc(100% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
28
- --zdt_m_cta_secondary_text_textLighterDarker: hsl(0, 0%, calc(100% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
29
- --zdt_m_cta_secondary_border_border: hsl(28, 80%, calc(59% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
30
- --zdt_m_cta_secondary_light_border_border: hsl(28, 79%, calc(85% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
31
- --zdt_m_cta_alpha_text_text: hsl(28, 82%, calc(49% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
32
- --zdt_m_cta_alpha_text_textLighterBoth: hsl(28, 82%, calc(49% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
33
- --zdt_m_cta_alpha_text_textLighterDarker: hsl(28, 82%, calc(49% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
34
- --zdt_m_cta_alpha_hover_text_text: hsl(30, 100%, calc(35% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
35
- --zdt_m_cta_alpha_hover_text_textLighterBoth: hsl(30, 100%, calc(35% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
36
- --zdt_m_cta_alpha_hover_text_textLighterDarker: hsl(30, 100%, calc(35% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
37
- --zdt_m_cta_alpha_border_border: hsl(28, 82%, calc(49% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
38
- --zdt_m_cta_alpha_hover_border_border: hsl(30, 100%, calc(35% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
39
- --zdt_m_cta_alpha_bg_bg: hsl(28, 80%, calc(90% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
40
- --zdt_m_cta_alpha_bg_bgDarkerBoth: hsl(28, 80%, calc(90% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
41
- --zdt_m_cta_alpha_bg_bgDarkerLighter: hsl(28, 80%, calc(90% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
42
- --zdt_m_cta_beta_border_border: hsl(28, 82%, calc(49% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
43
- --zdt_m_cta_grey_10_bg_bg: hsl(20, 20%, calc(97% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
44
- --zdt_m_cta_grey_10_bg_bgDarkerBoth: hsl(20, 20%, calc(97% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
45
- --zdt_m_cta_grey_10_bg_bgDarkerLighter: hsl(20, 20%, calc(97% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
46
- --zdt_m_cta_grey_10_border_border: hsl(20, 20%, calc(97% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
47
- --zdt_m_cta_grey_15_bg_bg: hsl(24, 28%, calc(93% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
48
- --zdt_m_cta_grey_15_bg_bgDarkerBoth: hsl(24, 28%, calc(93% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
49
- --zdt_m_cta_grey_15_bg_bgDarkerLighter: hsl(24, 28%, calc(93% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
50
- --zdt_m_cta_grey_15_border_border: hsl(24, 28%, calc(93% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
51
- --zdt_m_cta_grey_20_bg_bg: hsl(30, 13%, calc(94% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
52
- --zdt_m_cta_grey_20_bg_bgDarkerBoth: hsl(30, 13%, calc(94% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
53
- --zdt_m_cta_grey_20_bg_bgDarkerLighter: hsl(30, 13%, calc(94% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
54
- --zdt_m_cta_grey_35_bg_bg: hsl(23, 12%, calc(87% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
55
- --zdt_m_cta_grey_35_bg_bgDarkerBoth: hsl(23, 12%, calc(87% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
56
- --zdt_m_cta_grey_35_bg_bgDarkerLighter: hsl(23, 12%, calc(87% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
57
- --zdt_m_cta_grey_35_text_text: hsl(23, 12%, calc(87% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
58
- --zdt_m_cta_grey_35_text_textLighterBoth: hsl(23, 12%, calc(87% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
59
- --zdt_m_cta_grey_35_text_textLighterDarker: hsl(23, 12%, calc(87% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
60
- --zdt_m_cta_grey_35_border_border: hsl(23, 12%, calc(87% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
61
- --zdt_m_cta_grey_40_bg_bg: hsl(27, 11%, calc(80% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
62
- --zdt_m_cta_grey_40_bg_bgDarkerBoth: hsl(27, 11%, calc(80% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
63
- --zdt_m_cta_grey_40_bg_bgDarkerLighter: hsl(27, 11%, calc(80% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
64
- --zdt_m_cta_grey_40_text_text: hsl(27, 11%, calc(80% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
65
- --zdt_m_cta_grey_40_text_textLighterBoth: hsl(27, 11%, calc(80% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
66
- --zdt_m_cta_grey_40_text_textLighterDarker: hsl(27, 11%, calc(80% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
67
- --zdt_m_cta_grey_40_border_border: hsl(27, 11%, calc(80% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
2
+ --zdt_m_cta_primary_text_text: hsla(28, 82%, calc(49% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
3
+ --zdt_m_cta_primary_text_textLighterBoth: hsla(28, 82%, calc(49% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
4
+ --zdt_m_cta_primary_text_textLighterDarker: hsla(28, 82%, calc(49% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
5
+ --zdt_m_cta_primary_hover_text_text: hsla(30, 100%, calc(35% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
6
+ --zdt_m_cta_primary_hover_text_textLighterBoth: hsla(30, 100%, calc(35% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_m_cta_primary_hover_text_textLighterDarker: hsla(30, 100%, calc(35% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
8
+ --zdt_m_cta_primary_bg_bg: hsla(28, 82%, calc(49% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
9
+ --zdt_m_cta_primary_bg_bgDarkerBoth: hsla(28, 82%, calc(49% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
10
+ --zdt_m_cta_primary_bg_bgDarkerBothMild: hsla(28, 82%, calc(49% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
11
+ --zdt_m_cta_primary_bg_bgDarkerLighter: hsla(28, 82%, calc(49% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
12
+ --zdt_m_cta_primary_bg_bgDarkerLighterMild: hsla(28, 82%, calc(49% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
13
+ --zdt_m_cta_primary_hover_bg_bg: hsla(30, 100%, calc(35% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
14
+ --zdt_m_cta_primary_hover_bg_bgDarkerBoth: hsla(30, 100%, calc(35% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
15
+ --zdt_m_cta_primary_hover_bg_bgDarkerBothMild: hsla(30, 100%, calc(35% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
16
+ --zdt_m_cta_primary_hover_bg_bgDarkerLighter: hsla(30, 100%, calc(35% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
17
+ --zdt_m_cta_primary_hover_bg_bgDarkerLighterMild: hsla(30, 100%, calc(35% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
18
+ --zdt_m_cta_primary_border_border: hsla(28, 82%, calc(49% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
19
+ --zdt_m_cta_primary_border_borderLighterBoth: hsla(28, 82%, calc(49% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
20
+ --zdt_m_cta_primary_hover_border_border: hsla(30, 100%, calc(35% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
21
+ --zdt_m_cta_primary_hover_border_borderLighterBoth: hsla(30, 100%, calc(35% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
22
+ --zdt_m_cta_primary_light_bg_bg: hsla(26, 78%, calc(96% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
23
+ --zdt_m_cta_primary_light_bg_bgDarkerBoth: hsla(26, 78%, calc(96% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
24
+ --zdt_m_cta_primary_light_bg_bgDarkerBothMild: hsla(26, 78%, calc(96% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
25
+ --zdt_m_cta_primary_light_bg_bgDarkerLighter: hsla(26, 78%, calc(96% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
26
+ --zdt_m_cta_primary_light_bg_bgDarkerLighterMild: hsla(26, 78%, calc(96% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
27
+ --zdt_m_cta_primary_light_hover_bg_bg: hsla(28, 80%, calc(90% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
28
+ --zdt_m_cta_primary_light_hover_bg_bgDarkerBoth: hsla(28, 80%, calc(90% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
29
+ --zdt_m_cta_primary_light_hover_bg_bgDarkerBothMild: hsla(28, 80%, calc(90% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
30
+ --zdt_m_cta_primary_light_hover_bg_bgDarkerLighter: hsla(28, 80%, calc(90% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
31
+ --zdt_m_cta_primary_light_hover_bg_bgDarkerLighterMild: hsla(28, 80%, calc(90% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
32
+ --zdt_m_cta_primary_light_border_border: hsla(28, 80%, calc(90% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
33
+ --zdt_m_cta_primary_light_border_borderLighterBoth: hsla(28, 80%, calc(90% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
34
+ --zdt_m_cta_secondary_bg_bg: hsla(28, 82%, calc(49% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
35
+ --zdt_m_cta_secondary_bg_bgDarkerBoth: hsla(28, 82%, calc(49% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
36
+ --zdt_m_cta_secondary_bg_bgDarkerBothMild: hsla(28, 82%, calc(49% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
37
+ --zdt_m_cta_secondary_bg_bgDarkerLighter: hsla(28, 82%, calc(49% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
38
+ --zdt_m_cta_secondary_bg_bgDarkerLighterMild: hsla(28, 82%, calc(49% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
39
+ --zdt_m_cta_secondary_text_text: hsla(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
40
+ --zdt_m_cta_secondary_text_textLighterBoth: hsla(0, 0%, calc(100% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
41
+ --zdt_m_cta_secondary_text_textLighterDarker: hsla(0, 0%, calc(100% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
42
+ --zdt_m_cta_secondary_border_border: hsla(28, 80%, calc(59% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
43
+ --zdt_m_cta_secondary_border_borderLighterBoth: hsla(28, 80%, calc(59% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
44
+ --zdt_m_cta_secondary_light_border_border: hsla(28, 79%, calc(85% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
45
+ --zdt_m_cta_secondary_light_border_borderLighterBoth: hsla(28, 79%, calc(85% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
46
+ --zdt_m_cta_alpha_text_text: hsla(28, 82%, calc(49% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
47
+ --zdt_m_cta_alpha_text_textLighterBoth: hsla(28, 82%, calc(49% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
48
+ --zdt_m_cta_alpha_text_textLighterDarker: hsla(28, 82%, calc(49% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
49
+ --zdt_m_cta_alpha_hover_text_text: hsla(30, 100%, calc(35% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
50
+ --zdt_m_cta_alpha_hover_text_textLighterBoth: hsla(30, 100%, calc(35% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
51
+ --zdt_m_cta_alpha_hover_text_textLighterDarker: hsla(30, 100%, calc(35% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
52
+ --zdt_m_cta_alpha_border_border: hsla(28, 82%, calc(49% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
53
+ --zdt_m_cta_alpha_border_borderLighterBoth: hsla(28, 82%, calc(49% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
54
+ --zdt_m_cta_alpha_hover_border_border: hsla(30, 100%, calc(35% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
55
+ --zdt_m_cta_alpha_hover_border_borderLighterBoth: hsla(30, 100%, calc(35% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
56
+ --zdt_m_cta_alpha_bg_bg: hsla(28, 80%, calc(90% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
57
+ --zdt_m_cta_alpha_bg_bgDarkerBoth: hsla(28, 80%, calc(90% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
58
+ --zdt_m_cta_alpha_bg_bgDarkerBothMild: hsla(28, 80%, calc(90% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
59
+ --zdt_m_cta_alpha_bg_bgDarkerLighter: hsla(28, 80%, calc(90% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
60
+ --zdt_m_cta_alpha_bg_bgDarkerLighterMild: hsla(28, 80%, calc(90% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
61
+ --zdt_m_cta_beta_border_border: hsla(28, 82%, calc(49% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
62
+ --zdt_m_cta_beta_border_borderLighterBoth: hsla(28, 82%, calc(49% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
63
+ --zdt_m_cta_grey_10_bg_bg: hsla(20, 20%, calc(97% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
64
+ --zdt_m_cta_grey_10_bg_bgDarkerBoth: hsla(20, 20%, calc(97% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
65
+ --zdt_m_cta_grey_10_bg_bgDarkerBothMild: hsla(20, 20%, calc(97% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
66
+ --zdt_m_cta_grey_10_bg_bgDarkerLighter: hsla(20, 20%, calc(97% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
67
+ --zdt_m_cta_grey_10_bg_bgDarkerLighterMild: hsla(20, 20%, calc(97% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
68
+ --zdt_m_cta_grey_10_border_border: hsla(20, 20%, calc(97% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
69
+ --zdt_m_cta_grey_10_border_borderLighterBoth: hsla(20, 20%, calc(97% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
70
+ --zdt_m_cta_grey_15_bg_bg: hsla(24, 28%, calc(93% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
71
+ --zdt_m_cta_grey_15_bg_bgDarkerBoth: hsla(24, 28%, calc(93% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
72
+ --zdt_m_cta_grey_15_bg_bgDarkerBothMild: hsla(24, 28%, calc(93% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
73
+ --zdt_m_cta_grey_15_bg_bgDarkerLighter: hsla(24, 28%, calc(93% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
74
+ --zdt_m_cta_grey_15_bg_bgDarkerLighterMild: hsla(24, 28%, calc(93% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
75
+ --zdt_m_cta_grey_15_border_border: hsla(24, 28%, calc(93% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
76
+ --zdt_m_cta_grey_15_border_borderLighterBoth: hsla(24, 28%, calc(93% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
77
+ --zdt_m_cta_grey_20_bg_bg: hsla(30, 13%, calc(94% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
78
+ --zdt_m_cta_grey_20_bg_bgDarkerBoth: hsla(30, 13%, calc(94% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
79
+ --zdt_m_cta_grey_20_bg_bgDarkerBothMild: hsla(30, 13%, calc(94% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
80
+ --zdt_m_cta_grey_20_bg_bgDarkerLighter: hsla(30, 13%, calc(94% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
81
+ --zdt_m_cta_grey_20_bg_bgDarkerLighterMild: hsla(30, 13%, calc(94% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
82
+ --zdt_m_cta_grey_35_bg_bg: hsla(23, 12%, calc(87% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
83
+ --zdt_m_cta_grey_35_bg_bgDarkerBoth: hsla(23, 12%, calc(87% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
84
+ --zdt_m_cta_grey_35_bg_bgDarkerBothMild: hsla(23, 12%, calc(87% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
85
+ --zdt_m_cta_grey_35_bg_bgDarkerLighter: hsla(23, 12%, calc(87% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
86
+ --zdt_m_cta_grey_35_bg_bgDarkerLighterMild: hsla(23, 12%, calc(87% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
87
+ --zdt_m_cta_grey_35_text_text: hsla(23, 12%, calc(87% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
88
+ --zdt_m_cta_grey_35_text_textLighterBoth: hsla(23, 12%, calc(87% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
89
+ --zdt_m_cta_grey_35_text_textLighterDarker: hsla(23, 12%, calc(87% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
90
+ --zdt_m_cta_grey_35_border_border: hsla(23, 12%, calc(87% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
91
+ --zdt_m_cta_grey_35_border_borderLighterBoth: hsla(23, 12%, calc(87% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
92
+ --zdt_m_cta_grey_40_bg_bg: hsla(27, 11%, calc(80% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
93
+ --zdt_m_cta_grey_40_bg_bgDarkerBoth: hsla(27, 11%, calc(80% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
94
+ --zdt_m_cta_grey_40_bg_bgDarkerBothMild: hsla(27, 11%, calc(80% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
95
+ --zdt_m_cta_grey_40_bg_bgDarkerLighter: hsla(27, 11%, calc(80% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
96
+ --zdt_m_cta_grey_40_bg_bgDarkerLighterMild: hsla(27, 11%, calc(80% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
97
+ --zdt_m_cta_grey_40_text_text: hsla(27, 11%, calc(80% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
98
+ --zdt_m_cta_grey_40_text_textLighterBoth: hsla(27, 11%, calc(80% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
99
+ --zdt_m_cta_grey_40_text_textLighterDarker: hsla(27, 11%, calc(80% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
100
+ --zdt_m_cta_grey_40_border_border: hsla(27, 11%, calc(80% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
101
+ --zdt_m_cta_grey_40_border_borderLighterBoth: hsla(27, 11%, calc(80% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
68
102
  }
package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css CHANGED
@@ -1,34 +1,34 @@
1
1
  [data-mode='default'][data-theme='orange'] {
2
- --zdt_cta_primary_text: hsl(28, 82%, calc(49% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
3
- --zdt_cta_primary_hover_text: hsl(30, 100%, calc(35% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
4
- --zdt_cta_primary_bg: hsl(28, 82%, calc(49% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
5
- --zdt_cta_primary_hover_bg: hsl(30, 100%, calc(35% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
6
- --zdt_cta_primary_border: hsl(28, 82%, calc(49% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_cta_primary_hover_border: hsl(30, 100%, calc(35% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
2
+ --zdt_cta_primary_text: hsla(28, 82%, calc(49% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
3
+ --zdt_cta_primary_hover_text: hsla(30, 100%, calc(35% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
4
+ --zdt_cta_primary_bg: hsla(28, 82%, calc(49% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
5
+ --zdt_cta_primary_hover_bg: hsla(30, 100%, calc(35% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
6
+ --zdt_cta_primary_border: hsla(28, 82%, calc(49% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_cta_primary_hover_border: hsla(30, 100%, calc(35% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
8
8
  --zdt_cta_primary_box_shadow: rgba(229, 119, 23, 0.2);
9
9
  --zdt_cta_primary_hover_box_shadow: rgba(178, 89, 0, 0.25);
10
- --zdt_cta_primary_light_bg: hsl(26, 78%, calc(96% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
11
- --zdt_cta_primary_light_hover_bg: hsl(28, 80%, calc(90% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
12
- --zdt_cta_primary_light_border: hsl(28, 80%, calc(90% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
13
- --zdt_cta_secondary_bg: hsl(28, 82%, calc(49% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
14
- --zdt_cta_secondary_text: hsl(0, 0%, calc(100% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
15
- --zdt_cta_secondary_border: hsl(28, 80%, calc(59% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
16
- --zdt_cta_secondary_light_border: hsl(28, 79%, calc(85% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
17
- --zdt_cta_alpha_text: hsl(28, 82%, calc(49% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
18
- --zdt_cta_alpha_hover_text: hsl(30, 100%, calc(35% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
19
- --zdt_cta_alpha_border: hsl(28, 82%, calc(49% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
20
- --zdt_cta_alpha_hover_border: hsl(30, 100%, calc(35% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
21
- --zdt_cta_alpha_bg: hsl(28, 80%, calc(90% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
22
- --zdt_cta_beta_border: hsl(28, 82%, calc(49% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
23
- --zdt_cta_grey_10_bg: hsl(20, 20%, calc(97% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
24
- --zdt_cta_grey_10_border: hsl(20, 20%, calc(97% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
25
- --zdt_cta_grey_15_bg: hsl(24, 28%, calc(93% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
26
- --zdt_cta_grey_15_border: hsl(24, 28%, calc(93% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
27
- --zdt_cta_grey_20_bg: hsl(30, 13%, calc(94% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
28
- --zdt_cta_grey_35_bg: hsl(23, 12%, calc(87% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
29
- --zdt_cta_grey_35_text: hsl(23, 12%, calc(87% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
30
- --zdt_cta_grey_35_border: hsl(23, 12%, calc(87% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
31
- --zdt_cta_grey_40_bg: hsl(27, 11%, calc(80% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
32
- --zdt_cta_grey_40_text: hsl(27, 11%, calc(80% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
33
- --zdt_cta_grey_40_border: hsl(27, 11%, calc(80% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)))
10
+ --zdt_cta_primary_light_bg: hsla(26, 78%, calc(96% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
11
+ --zdt_cta_primary_light_hover_bg: hsla(28, 80%, calc(90% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
12
+ --zdt_cta_primary_light_border: hsla(28, 80%, calc(90% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
13
+ --zdt_cta_secondary_bg: hsla(28, 82%, calc(49% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
14
+ --zdt_cta_secondary_text: hsla(0, 0%, calc(100% + var(--zd_default_textLighterBothSecondary_lValue)), calc(1 + var(--zd_alpha)));
15
+ --zdt_cta_secondary_border: hsla(28, 80%, calc(59% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
16
+ --zdt_cta_secondary_light_border: hsla(28, 79%, calc(85% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
17
+ --zdt_cta_alpha_text: hsla(28, 82%, calc(49% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
18
+ --zdt_cta_alpha_hover_text: hsla(30, 100%, calc(35% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
19
+ --zdt_cta_alpha_border: hsla(28, 82%, calc(49% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
20
+ --zdt_cta_alpha_hover_border: hsla(30, 100%, calc(35% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
21
+ --zdt_cta_alpha_bg: hsla(28, 80%, calc(90% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
22
+ --zdt_cta_beta_border: hsla(28, 82%, calc(49% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
23
+ --zdt_cta_grey_10_bg: hsla(20, 20%, calc(97% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
24
+ --zdt_cta_grey_10_border: hsla(20, 20%, calc(97% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
25
+ --zdt_cta_grey_15_bg: hsla(24, 28%, calc(93% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
26
+ --zdt_cta_grey_15_border: hsla(24, 28%, calc(93% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
27
+ --zdt_cta_grey_20_bg: hsla(30, 13%, calc(94% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
28
+ --zdt_cta_grey_35_bg: hsla(23, 12%, calc(87% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
29
+ --zdt_cta_grey_35_text: hsla(23, 12%, calc(87% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
30
+ --zdt_cta_grey_35_border: hsla(23, 12%, calc(87% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
31
+ --zdt_cta_grey_40_bg: hsla(27, 11%, calc(80% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
32
+ --zdt_cta_grey_40_text: hsla(27, 11%, calc(80% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
33
+ --zdt_cta_grey_40_border: hsla(27, 11%, calc(80% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)))
34
34
  }
package/assets/Appearance/default/themes/red/redDefaultCTAModifyCategory.module.css CHANGED
@@ -1,68 +1,102 @@
1
1
  [data-mode='default'][data-theme='red'] {
2
- --zdt_m_cta_primary_text_text: hsl(0, 72%, calc(54% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
3
- --zdt_m_cta_primary_text_textLighterBoth: hsl(0, 72%, calc(54% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
4
- --zdt_m_cta_primary_text_textLighterDarker: hsl(0, 72%, calc(54% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
5
- --zdt_m_cta_primary_hover_text_text: hsl(1, 75%, calc(38% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
6
- --zdt_m_cta_primary_hover_text_textLighterBoth: hsl(1, 75%, calc(38% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_m_cta_primary_hover_text_textLighterDarker: hsl(1, 75%, calc(38% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
8
- --zdt_m_cta_primary_bg_bg: hsl(0, 72%, calc(54% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
9
- --zdt_m_cta_primary_bg_bgDarkerBoth: hsl(0, 72%, calc(54% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
10
- --zdt_m_cta_primary_bg_bgDarkerLighter: hsl(0, 72%, calc(54% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
11
- --zdt_m_cta_primary_hover_bg_bg: hsl(1, 75%, calc(38% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
12
- --zdt_m_cta_primary_hover_bg_bgDarkerBoth: hsl(1, 75%, calc(38% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
13
- --zdt_m_cta_primary_hover_bg_bgDarkerLighter: hsl(1, 75%, calc(38% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
14
- --zdt_m_cta_primary_border_border: hsl(0, 72%, calc(54% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
15
- --zdt_m_cta_primary_hover_border_border: hsl(1, 75%, calc(38% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
16
- --zdt_m_cta_primary_light_bg_bg: hsl(0, 71%, calc(97% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
17
- --zdt_m_cta_primary_light_bg_bgDarkerBoth: hsl(0, 71%, calc(97% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
18
- --zdt_m_cta_primary_light_bg_bgDarkerLighter: hsl(0, 71%, calc(97% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
19
- --zdt_m_cta_primary_light_hover_bg_bg: hsl(0, 70%, calc(91% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
20
- --zdt_m_cta_primary_light_hover_bg_bgDarkerBoth: hsl(0, 70%, calc(91% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
21
- --zdt_m_cta_primary_light_hover_bg_bgDarkerLighter: hsl(0, 70%, calc(91% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
22
- --zdt_m_cta_primary_light_border_border: hsl(0, 70%, calc(91% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
23
- --zdt_m_cta_secondary_bg_bg: hsl(0, 72%, calc(54% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
24
- --zdt_m_cta_secondary_bg_bgDarkerBoth: hsl(0, 72%, calc(54% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
25
- --zdt_m_cta_secondary_bg_bgDarkerLighter: hsl(0, 72%, calc(54% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
26
- --zdt_m_cta_secondary_text_text: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
27
- --zdt_m_cta_secondary_text_textLighterBoth: hsl(0, 0%, calc(100% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
28
- --zdt_m_cta_secondary_text_textLighterDarker: hsl(0, 0%, calc(100% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
29
- --zdt_m_cta_secondary_border_border: hsl(0, 72%, calc(63% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
30
- --zdt_m_cta_secondary_light_border_border: hsl(0, 70%, calc(91% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
31
- --zdt_m_cta_alpha_text_text: hsl(0, 72%, calc(54% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
32
- --zdt_m_cta_alpha_text_textLighterBoth: hsl(0, 72%, calc(54% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
33
- --zdt_m_cta_alpha_text_textLighterDarker: hsl(0, 72%, calc(54% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
34
- --zdt_m_cta_alpha_hover_text_text: hsl(1, 75%, calc(38% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
35
- --zdt_m_cta_alpha_hover_text_textLighterBoth: hsl(1, 75%, calc(38% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
36
- --zdt_m_cta_alpha_hover_text_textLighterDarker: hsl(1, 75%, calc(38% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
37
- --zdt_m_cta_alpha_border_border: hsl(0, 72%, calc(54% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
38
- --zdt_m_cta_alpha_hover_border_border: hsl(1, 75%, calc(38% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
39
- --zdt_m_cta_alpha_bg_bg: hsl(0, 70%, calc(91% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
40
- --zdt_m_cta_alpha_bg_bgDarkerBoth: hsl(0, 70%, calc(91% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
41
- --zdt_m_cta_alpha_bg_bgDarkerLighter: hsl(0, 70%, calc(91% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
42
- --zdt_m_cta_beta_border_border: hsl(0, 72%, calc(54% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
43
- --zdt_m_cta_grey_10_bg_bg: hsl(340, 20%, calc(97% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
44
- --zdt_m_cta_grey_10_bg_bgDarkerBoth: hsl(340, 20%, calc(97% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
45
- --zdt_m_cta_grey_10_bg_bgDarkerLighter: hsl(340, 20%, calc(97% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
46
- --zdt_m_cta_grey_10_border_border: hsl(340, 20%, calc(97% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
47
- --zdt_m_cta_grey_15_bg_bg: hsl(0, 12%, calc(92% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
48
- --zdt_m_cta_grey_15_bg_bgDarkerBoth: hsl(0, 12%, calc(92% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
49
- --zdt_m_cta_grey_15_bg_bgDarkerLighter: hsl(0, 12%, calc(92% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
50
- --zdt_m_cta_grey_15_border_border: hsl(0, 12%, calc(92% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
51
- --zdt_m_cta_grey_20_bg_bg: hsl(330, 6%, calc(93% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
52
- --zdt_m_cta_grey_20_bg_bgDarkerBoth: hsl(330, 6%, calc(93% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
53
- --zdt_m_cta_grey_20_bg_bgDarkerLighter: hsl(330, 6%, calc(93% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
54
- --zdt_m_cta_grey_35_bg_bg: hsl(344, 14%, calc(85% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
55
- --zdt_m_cta_grey_35_bg_bgDarkerBoth: hsl(344, 14%, calc(85% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
56
- --zdt_m_cta_grey_35_bg_bgDarkerLighter: hsl(344, 14%, calc(85% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
57
- --zdt_m_cta_grey_35_text_text: hsl(344, 14%, calc(85% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
58
- --zdt_m_cta_grey_35_text_textLighterBoth: hsl(344, 14%, calc(85% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
59
- --zdt_m_cta_grey_35_text_textLighterDarker: hsl(344, 14%, calc(85% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
60
- --zdt_m_cta_grey_35_border_border: hsl(344, 14%, calc(85% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
61
- --zdt_m_cta_grey_40_bg_bg: hsl(343, 5%, calc(71% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
62
- --zdt_m_cta_grey_40_bg_bgDarkerBoth: hsl(343, 5%, calc(71% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
63
- --zdt_m_cta_grey_40_bg_bgDarkerLighter: hsl(343, 5%, calc(71% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
64
- --zdt_m_cta_grey_40_text_text: hsl(343, 5%, calc(71% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
65
- --zdt_m_cta_grey_40_text_textLighterBoth: hsl(343, 5%, calc(71% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
66
- --zdt_m_cta_grey_40_text_textLighterDarker: hsl(343, 5%, calc(71% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
67
- --zdt_m_cta_grey_40_border_border: hsl(343, 5%, calc(71% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
2
+ --zdt_m_cta_primary_text_text: hsla(0, 72%, calc(54% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
3
+ --zdt_m_cta_primary_text_textLighterBoth: hsla(0, 72%, calc(54% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
4
+ --zdt_m_cta_primary_text_textLighterDarker: hsla(0, 72%, calc(54% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
5
+ --zdt_m_cta_primary_hover_text_text: hsla(1, 75%, calc(38% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
6
+ --zdt_m_cta_primary_hover_text_textLighterBoth: hsla(1, 75%, calc(38% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_m_cta_primary_hover_text_textLighterDarker: hsla(1, 75%, calc(38% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
8
+ --zdt_m_cta_primary_bg_bg: hsla(0, 72%, calc(54% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
9
+ --zdt_m_cta_primary_bg_bgDarkerBoth: hsla(0, 72%, calc(54% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
10
+ --zdt_m_cta_primary_bg_bgDarkerBothMild: hsla(0, 72%, calc(54% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
11
+ --zdt_m_cta_primary_bg_bgDarkerLighter: hsla(0, 72%, calc(54% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
12
+ --zdt_m_cta_primary_bg_bgDarkerLighterMild: hsla(0, 72%, calc(54% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
13
+ --zdt_m_cta_primary_hover_bg_bg: hsla(1, 75%, calc(38% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
14
+ --zdt_m_cta_primary_hover_bg_bgDarkerBoth: hsla(1, 75%, calc(38% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
15
+ --zdt_m_cta_primary_hover_bg_bgDarkerBothMild: hsla(1, 75%, calc(38% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
16
+ --zdt_m_cta_primary_hover_bg_bgDarkerLighter: hsla(1, 75%, calc(38% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
17
+ --zdt_m_cta_primary_hover_bg_bgDarkerLighterMild: hsla(1, 75%, calc(38% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
18
+ --zdt_m_cta_primary_border_border: hsla(0, 72%, calc(54% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
19
+ --zdt_m_cta_primary_border_borderLighterBoth: hsla(0, 72%, calc(54% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
20
+ --zdt_m_cta_primary_hover_border_border: hsla(1, 75%, calc(38% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
21
+ --zdt_m_cta_primary_hover_border_borderLighterBoth: hsla(1, 75%, calc(38% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
22
+ --zdt_m_cta_primary_light_bg_bg: hsla(0, 71%, calc(97% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
23
+ --zdt_m_cta_primary_light_bg_bgDarkerBoth: hsla(0, 71%, calc(97% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
24
+ --zdt_m_cta_primary_light_bg_bgDarkerBothMild: hsla(0, 71%, calc(97% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
25
+ --zdt_m_cta_primary_light_bg_bgDarkerLighter: hsla(0, 71%, calc(97% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
26
+ --zdt_m_cta_primary_light_bg_bgDarkerLighterMild: hsla(0, 71%, calc(97% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
27
+ --zdt_m_cta_primary_light_hover_bg_bg: hsla(0, 70%, calc(91% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
28
+ --zdt_m_cta_primary_light_hover_bg_bgDarkerBoth: hsla(0, 70%, calc(91% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
29
+ --zdt_m_cta_primary_light_hover_bg_bgDarkerBothMild: hsla(0, 70%, calc(91% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
30
+ --zdt_m_cta_primary_light_hover_bg_bgDarkerLighter: hsla(0, 70%, calc(91% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
31
+ --zdt_m_cta_primary_light_hover_bg_bgDarkerLighterMild: hsla(0, 70%, calc(91% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
32
+ --zdt_m_cta_primary_light_border_border: hsla(0, 70%, calc(91% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
33
+ --zdt_m_cta_primary_light_border_borderLighterBoth: hsla(0, 70%, calc(91% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
34
+ --zdt_m_cta_secondary_bg_bg: hsla(0, 72%, calc(54% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
35
+ --zdt_m_cta_secondary_bg_bgDarkerBoth: hsla(0, 72%, calc(54% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
36
+ --zdt_m_cta_secondary_bg_bgDarkerBothMild: hsla(0, 72%, calc(54% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
37
+ --zdt_m_cta_secondary_bg_bgDarkerLighter: hsla(0, 72%, calc(54% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
38
+ --zdt_m_cta_secondary_bg_bgDarkerLighterMild: hsla(0, 72%, calc(54% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
39
+ --zdt_m_cta_secondary_text_text: hsla(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
40
+ --zdt_m_cta_secondary_text_textLighterBoth: hsla(0, 0%, calc(100% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
41
+ --zdt_m_cta_secondary_text_textLighterDarker: hsla(0, 0%, calc(100% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
42
+ --zdt_m_cta_secondary_border_border: hsla(0, 72%, calc(63% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
43
+ --zdt_m_cta_secondary_border_borderLighterBoth: hsla(0, 72%, calc(63% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
44
+ --zdt_m_cta_secondary_light_border_border: hsla(0, 70%, calc(91% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
45
+ --zdt_m_cta_secondary_light_border_borderLighterBoth: hsla(0, 70%, calc(91% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
46
+ --zdt_m_cta_alpha_text_text: hsla(0, 72%, calc(54% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
47
+ --zdt_m_cta_alpha_text_textLighterBoth: hsla(0, 72%, calc(54% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
48
+ --zdt_m_cta_alpha_text_textLighterDarker: hsla(0, 72%, calc(54% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
49
+ --zdt_m_cta_alpha_hover_text_text: hsla(1, 75%, calc(38% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
50
+ --zdt_m_cta_alpha_hover_text_textLighterBoth: hsla(1, 75%, calc(38% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
51
+ --zdt_m_cta_alpha_hover_text_textLighterDarker: hsla(1, 75%, calc(38% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
52
+ --zdt_m_cta_alpha_border_border: hsla(0, 72%, calc(54% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
53
+ --zdt_m_cta_alpha_border_borderLighterBoth: hsla(0, 72%, calc(54% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
54
+ --zdt_m_cta_alpha_hover_border_border: hsla(1, 75%, calc(38% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
55
+ --zdt_m_cta_alpha_hover_border_borderLighterBoth: hsla(1, 75%, calc(38% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
56
+ --zdt_m_cta_alpha_bg_bg: hsla(0, 70%, calc(91% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
57
+ --zdt_m_cta_alpha_bg_bgDarkerBoth: hsla(0, 70%, calc(91% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
58
+ --zdt_m_cta_alpha_bg_bgDarkerBothMild: hsla(0, 70%, calc(91% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
59
+ --zdt_m_cta_alpha_bg_bgDarkerLighter: hsla(0, 70%, calc(91% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
60
+ --zdt_m_cta_alpha_bg_bgDarkerLighterMild: hsla(0, 70%, calc(91% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
61
+ --zdt_m_cta_beta_border_border: hsla(0, 72%, calc(54% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
62
+ --zdt_m_cta_beta_border_borderLighterBoth: hsla(0, 72%, calc(54% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
63
+ --zdt_m_cta_grey_10_bg_bg: hsla(340, 20%, calc(97% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
64
+ --zdt_m_cta_grey_10_bg_bgDarkerBoth: hsla(340, 20%, calc(97% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
65
+ --zdt_m_cta_grey_10_bg_bgDarkerBothMild: hsla(340, 20%, calc(97% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
66
+ --zdt_m_cta_grey_10_bg_bgDarkerLighter: hsla(340, 20%, calc(97% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
67
+ --zdt_m_cta_grey_10_bg_bgDarkerLighterMild: hsla(340, 20%, calc(97% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
68
+ --zdt_m_cta_grey_10_border_border: hsla(340, 20%, calc(97% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
69
+ --zdt_m_cta_grey_10_border_borderLighterBoth: hsla(340, 20%, calc(97% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
70
+ --zdt_m_cta_grey_15_bg_bg: hsla(0, 12%, calc(92% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
71
+ --zdt_m_cta_grey_15_bg_bgDarkerBoth: hsla(0, 12%, calc(92% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
72
+ --zdt_m_cta_grey_15_bg_bgDarkerBothMild: hsla(0, 12%, calc(92% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
73
+ --zdt_m_cta_grey_15_bg_bgDarkerLighter: hsla(0, 12%, calc(92% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
74
+ --zdt_m_cta_grey_15_bg_bgDarkerLighterMild: hsla(0, 12%, calc(92% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
75
+ --zdt_m_cta_grey_15_border_border: hsla(0, 12%, calc(92% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
76
+ --zdt_m_cta_grey_15_border_borderLighterBoth: hsla(0, 12%, calc(92% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
77
+ --zdt_m_cta_grey_20_bg_bg: hsla(330, 6%, calc(93% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
78
+ --zdt_m_cta_grey_20_bg_bgDarkerBoth: hsla(330, 6%, calc(93% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
79
+ --zdt_m_cta_grey_20_bg_bgDarkerBothMild: hsla(330, 6%, calc(93% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
80
+ --zdt_m_cta_grey_20_bg_bgDarkerLighter: hsla(330, 6%, calc(93% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
81
+ --zdt_m_cta_grey_20_bg_bgDarkerLighterMild: hsla(330, 6%, calc(93% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
82
+ --zdt_m_cta_grey_35_bg_bg: hsla(344, 14%, calc(85% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
83
+ --zdt_m_cta_grey_35_bg_bgDarkerBoth: hsla(344, 14%, calc(85% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
84
+ --zdt_m_cta_grey_35_bg_bgDarkerBothMild: hsla(344, 14%, calc(85% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
85
+ --zdt_m_cta_grey_35_bg_bgDarkerLighter: hsla(344, 14%, calc(85% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
86
+ --zdt_m_cta_grey_35_bg_bgDarkerLighterMild: hsla(344, 14%, calc(85% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
87
+ --zdt_m_cta_grey_35_text_text: hsla(344, 14%, calc(85% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
88
+ --zdt_m_cta_grey_35_text_textLighterBoth: hsla(344, 14%, calc(85% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
89
+ --zdt_m_cta_grey_35_text_textLighterDarker: hsla(344, 14%, calc(85% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
90
+ --zdt_m_cta_grey_35_border_border: hsla(344, 14%, calc(85% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
91
+ --zdt_m_cta_grey_35_border_borderLighterBoth: hsla(344, 14%, calc(85% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
92
+ --zdt_m_cta_grey_40_bg_bg: hsla(343, 5%, calc(71% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
93
+ --zdt_m_cta_grey_40_bg_bgDarkerBoth: hsla(343, 5%, calc(71% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
94
+ --zdt_m_cta_grey_40_bg_bgDarkerBothMild: hsla(343, 5%, calc(71% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
95
+ --zdt_m_cta_grey_40_bg_bgDarkerLighter: hsla(343, 5%, calc(71% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
96
+ --zdt_m_cta_grey_40_bg_bgDarkerLighterMild: hsla(343, 5%, calc(71% + var(--zd_default_bgDarkerLighterMild_lValue)), calc(1 + var(--zd_bg_alpha)));
97
+ --zdt_m_cta_grey_40_text_text: hsla(343, 5%, calc(71% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
98
+ --zdt_m_cta_grey_40_text_textLighterBoth: hsla(343, 5%, calc(71% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
99
+ --zdt_m_cta_grey_40_text_textLighterDarker: hsla(343, 5%, calc(71% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
100
+ --zdt_m_cta_grey_40_border_border: hsla(343, 5%, calc(71% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
101
+ --zdt_m_cta_grey_40_border_borderLighterBoth: hsla(343, 5%, calc(71% + var(--zd_default_borderLighterBoth_lValue)), calc(1 + var(--zd_border_alpha)));
68
102
  }
package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css CHANGED
@@ -1,34 +1,34 @@
1
1
  [data-mode='default'][data-theme='red'] {
2
- --zdt_cta_primary_text: hsl(0, 72%, calc(54% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
3
- --zdt_cta_primary_hover_text: hsl(1, 75%, calc(38% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
4
- --zdt_cta_primary_bg: hsl(0, 72%, calc(54% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
5
- --zdt_cta_primary_hover_bg: hsl(1, 75%, calc(38% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
6
- --zdt_cta_primary_border: hsl(0, 72%, calc(54% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_cta_primary_hover_border: hsl(1, 75%, calc(38% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
2
+ --zdt_cta_primary_text: hsla(0, 72%, calc(54% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
3
+ --zdt_cta_primary_hover_text: hsla(1, 75%, calc(38% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
4
+ --zdt_cta_primary_bg: hsla(0, 72%, calc(54% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
5
+ --zdt_cta_primary_hover_bg: hsla(1, 75%, calc(38% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
6
+ --zdt_cta_primary_border: hsla(0, 72%, calc(54% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_cta_primary_hover_border: hsla(1, 75%, calc(38% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
8
8
  --zdt_cta_primary_box_shadow: rgba(222, 53, 53, 0.2);
9
9
  --zdt_cta_primary_hover_box_shadow: rgba(171, 26, 24, 0.25);
10
- --zdt_cta_primary_light_bg: hsl(0, 71%, calc(97% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
11
- --zdt_cta_primary_light_hover_bg: hsl(0, 70%, calc(91% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
12
- --zdt_cta_primary_light_border: hsl(0, 70%, calc(91% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
13
- --zdt_cta_secondary_bg: hsl(0, 72%, calc(54% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
14
- --zdt_cta_secondary_text: hsl(0, 0%, calc(100% + var(--zd_default_textLighterBoth_lValue)), calc(1 + var(--zd_alpha)));
15
- --zdt_cta_secondary_border: hsl(0, 72%, calc(63% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
16
- --zdt_cta_secondary_light_border: hsl(0, 70%, calc(91% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
17
- --zdt_cta_alpha_text: hsl(0, 72%, calc(54% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
18
- --zdt_cta_alpha_hover_text: hsl(1, 75%, calc(38% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
19
- --zdt_cta_alpha_border: hsl(0, 72%, calc(54% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
20
- --zdt_cta_alpha_hover_border: hsl(1, 75%, calc(38% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
21
- --zdt_cta_alpha_bg: hsl(0, 70%, calc(91% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
22
- --zdt_cta_beta_border: hsl(0, 72%, calc(54% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
23
- --zdt_cta_grey_10_bg: hsl(340, 20%, calc(97% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
24
- --zdt_cta_grey_10_border: hsl(340, 20%, calc(97% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
25
- --zdt_cta_grey_15_bg: hsl(0, 12%, calc(92% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
26
- --zdt_cta_grey_15_border: hsl(0, 12%, calc(92% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
27
- --zdt_cta_grey_20_bg: hsl(330, 6%, calc(93% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
28
- --zdt_cta_grey_35_bg: hsl(344, 14%, calc(85% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
29
- --zdt_cta_grey_35_text: hsl(344, 14%, calc(85% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
30
- --zdt_cta_grey_35_border: hsl(344, 14%, calc(85% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
31
- --zdt_cta_grey_40_bg: hsl(343, 5%, calc(71% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
32
- --zdt_cta_grey_40_text: hsl(343, 5%, calc(71% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
33
- --zdt_cta_grey_40_border: hsl(343, 5%, calc(71% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)))
10
+ --zdt_cta_primary_light_bg: hsla(0, 71%, calc(97% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_bg_alpha)));
11
+ --zdt_cta_primary_light_hover_bg: hsla(0, 70%, calc(91% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
12
+ --zdt_cta_primary_light_border: hsla(0, 70%, calc(91% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
13
+ --zdt_cta_secondary_bg: hsla(0, 72%, calc(54% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
14
+ --zdt_cta_secondary_text: hsla(0, 0%, calc(100% + var(--zd_default_textLighterBothSecondary_lValue)), calc(1 + var(--zd_alpha)));
15
+ --zdt_cta_secondary_border: hsla(0, 72%, calc(63% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
16
+ --zdt_cta_secondary_light_border: hsla(0, 70%, calc(91% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
17
+ --zdt_cta_alpha_text: hsla(0, 72%, calc(54% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
18
+ --zdt_cta_alpha_hover_text: hsla(1, 75%, calc(38% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
19
+ --zdt_cta_alpha_border: hsla(0, 72%, calc(54% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
20
+ --zdt_cta_alpha_hover_border: hsla(1, 75%, calc(38% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
21
+ --zdt_cta_alpha_bg: hsla(0, 70%, calc(91% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
22
+ --zdt_cta_beta_border: hsla(0, 72%, calc(54% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
23
+ --zdt_cta_grey_10_bg: hsla(340, 20%, calc(97% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
24
+ --zdt_cta_grey_10_border: hsla(340, 20%, calc(97% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
25
+ --zdt_cta_grey_15_bg: hsla(0, 12%, calc(92% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
26
+ --zdt_cta_grey_15_border: hsla(0, 12%, calc(92% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
27
+ --zdt_cta_grey_20_bg: hsla(330, 6%, calc(93% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
28
+ --zdt_cta_grey_35_bg: hsla(344, 14%, calc(85% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
29
+ --zdt_cta_grey_35_text: hsla(344, 14%, calc(85% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
30
+ --zdt_cta_grey_35_border: hsla(344, 14%, calc(85% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
31
+ --zdt_cta_grey_40_bg: hsla(343, 5%, calc(71% + var(--zd_default_bgDarkerBothMild_lValue)), calc(1 + var(--zd_bg_alpha)));
32
+ --zdt_cta_grey_40_text: hsla(343, 5%, calc(71% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
33
+ --zdt_cta_grey_40_border: hsla(343, 5%, calc(71% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)))
34
34
  }