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

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 +30 -30
  2. package/assets/Appearance/dark/themes/blue/blueDarkCTAModifyCategory.module.css +22 -22
  3. package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +3 -3
  4. package/assets/Appearance/dark/themes/green/greenDarkCTAModifyCategory.module.css +22 -22
  5. package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +3 -3
  6. package/assets/Appearance/dark/themes/orange/orangeDarkCTAModifyCategory.module.css +22 -22
  7. package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +3 -3
  8. package/assets/Appearance/dark/themes/red/redDarkCTAModifyCategory.module.css +22 -22
  9. package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +3 -3
  10. package/assets/Appearance/dark/themes/yellow/yellowDarkCTAModifyCategory.module.css +22 -22
  11. package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +3 -3
  12. package/assets/Appearance/default/mode/defaultMode.module.css +66 -66
  13. package/assets/Appearance/default/themes/blue/blueDefaultCTAModifyCategory.module.css +11 -11
  14. package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +2 -2
  15. package/assets/Appearance/default/themes/green/greenDefaultCTAModifyCategory.module.css +11 -11
  16. package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +2 -2
  17. package/assets/Appearance/default/themes/orange/orangeDefaultCTAModifyCategory.module.css +11 -11
  18. package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +2 -2
  19. package/assets/Appearance/default/themes/red/redDefaultCTAModifyCategory.module.css +11 -11
  20. package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +2 -2
  21. package/assets/Appearance/default/themes/yellow/yellowDefaultCTAModifyCategory.module.css +11 -11
  22. package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +2 -2
  23. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +61 -61
  24. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTAModifyCategory.module.css +121 -121
  25. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +12 -12
  26. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTAModifyCategory.module.css +110 -110
  27. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +11 -11
  28. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTAModifyCategory.module.css +110 -110
  29. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +11 -11
  30. package/assets/Appearance/pureDark/themes/red/redPureDarkCTAModifyCategory.module.css +110 -110
  31. package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +11 -11
  32. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTAModifyCategory.module.css +110 -110
  33. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +11 -11
  34. package/assets/Contrast/darkContrastLightness.module.css +1 -1
  35. package/assets/Contrast/defaultContrastLightness.module.css +1 -1
  36. package/assets/Contrast/pureDarkContrastLightness.module.css +1 -1
  37. package/package.json +3 -3
package/assets/Appearance/default/mode/defaultMode.module.css CHANGED
@@ -13,25 +13,25 @@
13
13
  --zdt_contrast_shadow: rgb(0,0,0);
14
14
 
15
15
  /* avatar */
16
- --zdt_avatar_default_text: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
17
- --zdt_avatar_default_bg: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
16
+ --zdt_avatar_default_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
17
+ --zdt_avatar_default_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
18
18
  --zdt_avatar_default_border: var(--zdt_cta_grey_40_border);
19
19
  --zdt_avatar_default_borderHover: hsla(218, 10%, calc(52% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
20
20
  --zdt_avatar_default_boxshadow: rgba(0, 0, 0, 0.11);
21
21
  --zdt_avatar_white_borderHover: var(--zdt_cta_grey_40_border);
22
22
  --zdt_avatar_white_boxshadow: rgba(255, 255, 255, 0.14);
23
- --zdt_avatar_secondary_bg: hsla(0, 0%, calc(0% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
23
+ --zdt_avatar_secondary_bg: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
24
24
  --zdt_avatar_info_bg: var(--dot_mirror);
25
25
 
26
26
  /* avatar team */
27
- --zdt_avatarteam_default_bg: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
27
+ --zdt_avatarteam_default_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
28
28
  --zdt_avatarteam_default_border: var(--dot_mirror);
29
29
  --zdt_avatarteam_primary_bg: var(--zdt_m_cta_grey_40_bg_default);
30
30
  --zdt_avatarteam_primary_hover_bg: hsla(218, 10%, calc(52% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
31
- --zdt_avatarteam_secondary_bg: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
31
+ --zdt_avatarteam_secondary_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
32
32
  --zdt_avatarteam_nofill_border: var(--zdt_cta_grey_40_border);
33
33
  --zdt_avatarteam_nofill_hover_border: hsla(218, 10%, calc(52% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
34
- --zdt_avatarteam_innerCircle: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
34
+ --zdt_avatarteam_innerCircle: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
35
35
 
36
36
  /* button */
37
37
  --zdt_button_default_text: var(--zdt_cta_alpha_text);
@@ -42,7 +42,7 @@
42
42
  --zdt_button_primary_box_shadow: var(--zdt_cta_primary_box_shadow);
43
43
  --zdt_button_plainprimary_hover_text: var(--zdt_cta_primary_hover_text);
44
44
  --zdt_button_secondary_text: hsla(220, 10%, calc(39% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
45
- --zdt_button_secondary_hover_text: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
45
+ --zdt_button_secondary_hover_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
46
46
  --zdt_button_secondary_border: var(--zdt_cta_grey_35_border);
47
47
  --zdt_button_secondary_hover_border: hsla(218, 10%, calc(52% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
48
48
  --zdt_button_danger_border: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
@@ -56,7 +56,7 @@
56
56
  --zdt_button_primaryfill_hover_bg: var(--zdt_cta_primary_hover_bg);
57
57
  --zdt_button_secondaryfill_bg: var(--zdt_m_cta_grey_10_bg_default);
58
58
  --zdt_button_dangerfill_bg: hsla(0, 72%, calc(54% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
59
- --zdt_button_dangerfill_text: hsla(0, 0%, calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
59
+ --zdt_button_dangerfill_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
60
60
  --zdt_button_dangerfill_hover_bg: hsla(1, 75%, calc(38% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
61
61
  --zdt_button_successfill_border: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
62
62
  --zdt_button_successfill_bg: hsla(133, 63%, calc(41% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -64,20 +64,20 @@
64
64
  --zdt_button_successfill_hover_bg: hsla(134, 79%, calc(26% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
65
65
  --zdt_button_tertiaryfill_bg: hsla(220, 10%, calc(39% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
66
66
  --zdt_button_tertiaryfill_hover_bg: hsla(218, 10%, calc(52% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
67
- --zdt_button_success_default_border: hsla(0, 0%, calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
68
- --zdt_button_tick_primary_border: hsla(0, 0%, calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
69
- --zdt_button_loading_default_bg: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
67
+ --zdt_button_success_default_border: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
68
+ --zdt_button_tick_primary_border: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
69
+ --zdt_button_loading_default_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
70
70
  --zdt_button_loading_linear_gradient: linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%) 0% 100%;
71
71
  --zdt_button_loading_primary_linear_gradient: linear-gradient(0deg, rgba(10, 115, 235, 1) 50%, rgba(10, 115, 235, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(10, 115, 235, 0.9) 0%, rgba(10, 115, 235, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(10, 115, 235, 0.6) 0%, rgba(10, 115, 235, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(10, 115, 235, 0.3) 0%, rgba(10, 115, 235, 0) 100%) 0% 100%;
72
72
  --zdt_button_loading_danger_linear_gradient: linear-gradient(0deg, rgba(222, 53, 53, 1) 50%, rgba(222, 53, 53, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(222, 53, 53, 0.9) 0%, rgba(222, 53, 53, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(222, 53, 53, 0.6) 0%, rgba(222, 53, 53, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(222, 53, 53, 0.3) 0%, rgba(222, 53, 53, 0) 100%) 0% 100%;
73
73
 
74
74
  /* button group */
75
- --zdt_buttongroup_default_bg: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
75
+ --zdt_buttongroup_default_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
76
76
  --zdt_buttongroup_default_border: hsla(204, 11%, calc(91% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
77
77
  --zdt_buttongroup_footer_box_shadow: rgba(0, 0, 0, 0.1);
78
78
 
79
79
  /* checkbox */
80
- --zdt_checkbox_default_bg: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
80
+ --zdt_checkbox_default_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
81
81
  --zdt_checkbox_default_stroke_border: hsla(218, 10%, calc(52% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
82
82
  --zdt_checkbox_primary_stroke_border: var(--zdt_cta_beta_border);
83
83
  --zdt_checkbox_danger_stroke_border: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
@@ -85,14 +85,14 @@
85
85
  --zdt_checkbox_label_danger_text: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
86
86
 
87
87
  /* dropbox */
88
- --zdt_dropbox_default_bg: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
88
+ --zdt_dropbox_default_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
89
89
  --zdt_dropbox_default_box_shadow: rgba(0, 0, 0, 0.13);
90
90
  --zdt_dropbox_arrow_shadow: rgba(0, 0, 0, 0.1);
91
- --zdt_dropbox_mob_bg: hsla(0, 0%, calc(0% + var(--zd_default_default_lValue)), calc( 0.4 + var(--zd_alpha_high)));
92
- --zdt_dropbox_mob_close_bg: hsla(0, 0%, calc(84% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
91
+ --zdt_dropbox_mob_bg: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_lValue)), calc( 0.4 + var(--zd_alpha_high)));
92
+ --zdt_dropbox_mob_close_bg: hsla(0, calc(0 * 1%), calc(84% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
93
93
 
94
94
  /* label */
95
- --zdt_label_default_text: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
95
+ --zdt_label_default_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
96
96
  --zdt_label_primary_text: hsla(218, 10%, calc(52% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
97
97
  --zdt_label_secondary_text: hsla(220, 10%, calc(39% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
98
98
  --zdt_label_danger_text: hsla(37, 91%, calc(61% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
@@ -100,11 +100,11 @@
100
100
  --zdt_label_disable_text: var(--dot_inputDisable);
101
101
 
102
102
  /* tag */
103
- --zdt_tag_default_text: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
103
+ --zdt_tag_default_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
104
104
  --zdt_tag_default_bg: var(--zdt_cta_grey_20_bg);
105
105
  --zdt_tag_default_border: var(--dot_mirror);
106
106
  --zdt_tag_default_hover_bg: var(--zdt_cta_grey_35_bg);
107
- --zdt_tag_secondary_text: hsla(0, 0%, calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
107
+ --zdt_tag_secondary_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
108
108
  --zdt_tag_secondary_bg: hsla(217, 12%, calc(29% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
109
109
  --zdt_tag_secondary_hover_bg: hsla(216, 10%, calc(30% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
110
110
  --zdt_tag_closedanger_bg: hsla(0, 72%, calc(59% + var(--zd_default_darker_lValue)), calc( 0.9 + var(--zd_alpha_high)));
@@ -118,16 +118,16 @@
118
118
  --zdt_tag_closeprimary_bg: var(--zdt_m_cta_primary_bg_default_inverse);
119
119
  --zdt_tag_default_danger_bg: var(--zdt_m_cta_grey_15_bg_default_inverse_low);
120
120
  --zdt_tag_active_default_bg: var(--zdt_cta_primary_light_bg);
121
- --zdt_tag_pure_bg: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
122
- --zdt_tag_pure_border: hsla(0, 0%, calc(88% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
123
- --zdt_tag_pure_hover_bg: hsla(0, 0%, calc(94% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
124
- --zdt_tag_pure_hover_border: hsla(0, 0%, calc(60% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
121
+ --zdt_tag_pure_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
122
+ --zdt_tag_pure_border: hsla(0, calc(0 * 1%), calc(88% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
123
+ --zdt_tag_pure_hover_bg: hsla(0, calc(0 * 1%), calc(94% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
124
+ --zdt_tag_pure_hover_border: hsla(0, calc(0 * 1%), calc(60% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
125
125
  --zdt_tag_dark_close_hover_bg: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
126
126
  --zdt_tag_defaultLink_hover_bg: var(--zdt_m_cta_alpha_bg_default_inverse_low);
127
127
  --zdt_tag_defaultLink_hover_text: var(--zdt_cta_primary_text);
128
128
 
129
129
  /* textbox */
130
- --zdt_textbox_default_text: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
130
+ --zdt_textbox_default_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
131
131
  --zdt_textbox_default_bg: var(--dot_mirror);
132
132
  --zdt_textbox_default_border: var(--dot_inputLine);
133
133
  --zdt_textbox_placeholder_text: var(--dot_inputPlaceholder);
@@ -138,7 +138,7 @@
138
138
  --zdt_textbox_secondary_text: hsla(220, 10%, calc(39% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
139
139
 
140
140
  /* dropdown */
141
- --zdt_dropdown_default_text: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
141
+ --zdt_dropdown_default_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
142
142
  --zdt_dropdown_default_border: var(--dot_mirror);
143
143
  --zdt_dropdown_default_bg: hsla(220, 10%, calc(39% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
144
144
  --zdt_dropdown_darkheading_bg: hsla(226, 22%, calc(28% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -151,7 +151,7 @@
151
151
 
152
152
  /* radio */
153
153
  --zdt_radio_default_stroke: hsla(218, 10%, calc(52% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
154
- --zdt_radio_default_bg: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
154
+ --zdt_radio_default_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
155
155
  --zdt_radio_primary_stroke: var(--zdt_m_cta_primary_border_default);
156
156
  --zdt_radio_primary_fill: var(--zdt_m_cta_primary_bg_default);
157
157
  --zdt_radio_danger_stroke: hsla(0, 72%, calc(54% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -160,7 +160,7 @@
160
160
  --zdt_radio_label_danger_text: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
161
161
 
162
162
  /* listitem */
163
- --zdt_listitem_default_text: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
163
+ --zdt_listitem_default_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
164
164
  --zdt_listitem_default_border: var(--dot_mirror);
165
165
  --zdt_listitem_default_bg: var(--dot_mirror);
166
166
  --zdt_listitem_default_tickicon: var(--zdt_cta_primary_text);
@@ -168,18 +168,18 @@
168
168
  --zdt_listitem_active_border: var(--zdt_cta_primary_border);
169
169
  --zdt_listitem_primary_bg: var(--dot_listItemActive);
170
170
  --zdt_listitem_secondary_bg: var(--zdt_m_cta_primary_bg_default);
171
- --zdt_listitem_secondary_text: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
171
+ --zdt_listitem_secondary_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
172
172
 
173
173
  /* ribbon */
174
- --zdt_ribbon_default_text: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
174
+ --zdt_ribbon_default_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
175
175
  --zdt_ribbon_default_bg: var(--dot_mirror);
176
- --zdt_ribbon_default_border: hsla(0, 0%, calc(40% + var(--zd_default_default_inverse_medium_lValue)), calc( 0.1 + var(--zd_alpha_low)));
177
- --zdt_ribbon_default_tag_border: hsla(0, 0%, calc(79% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
176
+ --zdt_ribbon_default_border: hsla(0, calc(0 * 1%), calc(40% + var(--zd_default_default_inverse_medium_lValue)), calc( 0.1 + var(--zd_alpha_low)));
177
+ --zdt_ribbon_default_tag_border: hsla(0, calc(0 * 1%), calc(79% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
178
178
  --zdt_ribbon_default_shadow: rgba(102, 102, 102, 0.1);
179
- --zdt_ribbon_default_stamp_bg: hsla(0, 0%, calc(40% + var(--zd_default_darker_lValue)), calc( 0.1 + var(--zd_alpha_high)));
180
- --zdt_ribbon_white_text: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
181
- --zdt_ribbon_white_bg: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
182
- --zdt_ribbon_palette_bg: hsla(0, 0%, calc(40% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
179
+ --zdt_ribbon_default_stamp_bg: hsla(0, calc(0 * 1%), calc(40% + var(--zd_default_darker_lValue)), calc( 0.1 + var(--zd_alpha_high)));
180
+ --zdt_ribbon_white_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
181
+ --zdt_ribbon_white_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
182
+ --zdt_ribbon_palette_bg: hsla(0, calc(0 * 1%), calc(40% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
183
183
  --zdt_ribbon_danger_bg: hsla(0, 72%, calc(54% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
184
184
  --zdt_ribbon_danger_text: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
185
185
  --zdt_ribbon_danger_shadow: rgba(238, 47, 63, 0.1);
@@ -200,13 +200,13 @@
200
200
  --zdt_ribbon_info_shadow: rgba(248, 136, 38, 0.1);
201
201
  --zdt_ribbon_info_border: hsla(28, 94%, calc(56% + var(--zd_default_default_inverse_medium_lValue)), calc( 0.1 + var(--zd_alpha_low)));
202
202
  --zdt_ribbon_info_stamp_bg: hsla(28, 94%, calc(56% + var(--zd_default_darker_lValue)), calc( 0.1 + var(--zd_alpha_high)));
203
- --zdt_ribbon_dark_bg: hsla(0, 0%, calc(0% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
203
+ --zdt_ribbon_dark_bg: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
204
204
  --zdt_ribbon_dark_shadow: rgba(0, 0, 0, 0.2);
205
- --zdt_ribbon_dark_border: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_medium_lValue)), calc( 0.2 + var(--zd_alpha_low)));
206
- --zdt_ribbon_dark_stamp_bg: hsla(0, 0%, calc(0% + var(--zd_default_darker_lValue)), calc( 0.1 + var(--zd_alpha_high)));
207
- --zdt_ribbon_plain_text: hsla(0, 0%, calc(40% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
205
+ --zdt_ribbon_dark_border: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_medium_lValue)), calc( 0.2 + var(--zd_alpha_low)));
206
+ --zdt_ribbon_dark_stamp_bg: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_darker_lValue)), calc( 0.1 + var(--zd_alpha_high)));
207
+ --zdt_ribbon_plain_text: hsla(0, calc(0 * 1%), calc(40% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
208
208
  --zdt_ribbon_flag_mirror_border: var(--zd_mirror);
209
- --zdt_ribbon_flag_white_border: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
209
+ --zdt_ribbon_flag_white_border: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
210
210
 
211
211
  /* stencils */
212
212
  --zdt_stencil_primary_bg: var(--zdt_cta_grey_10_bg);
@@ -217,14 +217,14 @@
217
217
  /* switch */
218
218
  --zdt_switch_default_off_bg: var(--zdt_cta_grey_35_border);
219
219
  --zdt_switch_default_on_bg: rgb(38,169,66);
220
- --zdt_switch_circle_bg: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
220
+ --zdt_switch_circle_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
221
221
  --zdt_switch_circle_shadow: rgb(119,119,119);
222
222
  --zdt_switch_effect_off_bg: var(--zdt_m_cta_grey_40_bg_default_inverse_low);
223
223
 
224
224
  /* textboxicon */
225
225
  --zdt_textboxicon_default_line_bg: var(--dot_inputLine);
226
226
  --zdt_textboxicon_default_icon: hsla(218, 10%, calc(52% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
227
- --zdt_textboxicon_hover_icon: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
227
+ --zdt_textboxicon_hover_icon: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
228
228
  --zdt_textboxicon_hover_line_bg: var(--dot_inputLineHover);
229
229
  --zdt_textboxicon_transparent_line_bg: var(--dot_mirror);
230
230
  --zdt_textboxicon_focus_line_bg: var(--dot_inputLineFocus);
@@ -238,7 +238,7 @@
238
238
  --zdt_textarea_transparent_border: var(--dot_mirror);
239
239
  --zdt_textarea_hover_border: var(--dot_inputLineHover);
240
240
  --zdt_textarea_focus_border: var(--dot_inputLineFocus);
241
- --zdt_textarea_black_text: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
241
+ --zdt_textarea_black_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
242
242
 
243
243
  /* tooltip */
244
244
  --zdt_tooltip_default_bg: rgba(0, 0, 0, 0.95);
@@ -260,9 +260,9 @@
260
260
  --zdt_multiselect_dark_active_border: hsla(229, 8%, calc(62% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
261
261
  --zdt_multiselect_delete_text: hsla(220, 10%, calc(39% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
262
262
  --zdt_multiselect_delete_bg: var(--dot_mirror);
263
- --zdt_multiselect_delete_hover_text: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
263
+ --zdt_multiselect_delete_hover_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
264
264
  --zdt_multiselect_darkdelete_text: hsla(228, 8%, calc(64% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
265
- --zdt_multiselect_box_bg: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
265
+ --zdt_multiselect_box_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
266
266
  --zdt_multiselect_selectall_text: var(--zdt_cta_primary_text);
267
267
  --zdt_multiselect_message_text: hsla(218, 10%, calc(52% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
268
268
  --zdt_multiselect_more_text: var(--zdt_cta_primary_text);
@@ -286,10 +286,10 @@
286
286
  --zdt_rippleeffect_danger_bg: hsla(0, 71%, calc(97% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
287
287
 
288
288
  /* date time */
289
- --zdt_datetime_default_bg: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
290
- --zdt_datetime_header_bg: hsla(216, 38%, calc(97% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
289
+ --zdt_datetime_default_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
290
+ --zdt_datetime_header_bg: hsla(216, 38%, calc(97% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
291
291
  --zdt_datetime_header_border: hsla(210, 33%, calc(94% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
292
- --zdt_datetime_datestr_text: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
292
+ --zdt_datetime_datestr_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
293
293
  --zdt_datetime_datestr_hover_bg: hsla(210, 33%, calc(94% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
294
294
  --zdt_datetime_separator_border: hsla(213, 27%, calc(87% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
295
295
  --zdt_datetime_daystr_text: hsla(218, 10%, calc(52% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -298,19 +298,19 @@
298
298
  --zdt_datetime_invaliddate_text: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_lValue)), calc( 0.3 + var(--zd_alpha_high)));
299
299
  --zdt_datetime_selected_bg: var(--zdt_cta_primary_bg);
300
300
  --zdt_datetime_today_border: var(--zdt_cta_primary_border);
301
- --zdt_datetime_today_text: hsla(0, 0%, calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
301
+ --zdt_datetime_today_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
302
302
  --zdt_datetime_text: hsla(220, 10%, calc(39% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
303
303
 
304
304
  /* year view */
305
- --zdt_yearview_default_bg: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
306
- --zdt_yearview_month_bg: hsla(216, 38%, calc(97% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
307
- --zdt_yearview_month_hover_bg: hsla(217, 37%, calc(93% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
305
+ --zdt_yearview_default_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
306
+ --zdt_yearview_month_bg: hsla(216, 38%, calc(97% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
307
+ --zdt_yearview_month_hover_bg: hsla(217, 37%, calc(93% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
308
308
  --zdt_yearview_currentmonth_bg: var(--zdt_cta_primary_bg);
309
- --zdt_yearview_currentmonth_text: hsla(0, 0%, calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
309
+ --zdt_yearview_currentmonth_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
310
310
  --zdt_yearview_yearbox_border: hsla(213, 27%, calc(87% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
311
- --zdt_yearview_year_hover_text: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
311
+ --zdt_yearview_year_hover_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
312
312
  --zdt_yearview_yeartext_text: hsla(218, 10%, calc(52% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
313
- --zdt_yearview_month_text: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
313
+ --zdt_yearview_month_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
314
314
 
315
315
  /* date widget */
316
316
  --zdt_datewidget_input_border: var(--dot_inputLine);
@@ -321,26 +321,26 @@
321
321
  /* tab */
322
322
  --zdt_tab_default_border: var(--dot_mirror);
323
323
  --zdt_tab_alpha_text: hsla(220, 10%, calc(39% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
324
- --zdt_tab_alpha_hover_text: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
324
+ --zdt_tab_alpha_hover_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
325
325
  --zdt_tab_alpha_hover_bg: var(--zdt_cta_grey_10_bg);
326
326
  --zdt_tab_alpha_active_text: var(--zdt_cta_primary_text);
327
- --zdt_tab_alpha_active_border: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
327
+ --zdt_tab_alpha_active_border: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
328
328
  --zdt_tab_delta_active_border: var(--zdt_cta_primary_border);
329
329
 
330
330
  /* tabs */
331
- --zdt_tabs_alpha_bg: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
331
+ --zdt_tabs_alpha_bg: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
332
332
  --zdt_tabs_alpha_border: var(--zdt_cta_grey_15_border);
333
333
  --zdt_tabs_alpha_box_shadow: rgba(0, 0, 0, 0.3);
334
334
  --zdt_tabs_delta_border: var(--zdt_cta_primary_border);
335
- --zdt_tabs_highlight_border: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
335
+ --zdt_tabs_highlight_border: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
336
336
 
337
337
  /* custom scroll */
338
- --zdt_customscroll_default_bg: hsla(0, 0%, calc(0% + var(--zd_default_default_low_lValue)), calc( 0.02 + var(--zd_alpha_low)));
339
- --zdt_customscroll_thump_bg: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_low_lValue)), calc( 0.12 + var(--zd_alpha_low)));
340
- --zdt_customscroll_thump_hover_bg: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_low_lValue)), calc( 0.16 + var(--zd_alpha_low)));
338
+ --zdt_customscroll_default_bg: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_low_lValue)), calc( 0.02 + var(--zd_alpha_low)));
339
+ --zdt_customscroll_thump_bg: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_low_lValue)), calc( 0.12 + var(--zd_alpha_low)));
340
+ --zdt_customscroll_thump_hover_bg: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_low_lValue)), calc( 0.16 + var(--zd_alpha_low)));
341
341
  --zdt_customscroll_border: hsla(227, 27%, calc(24% + var(--zd_default_lighter_medium_lValue)), calc( 0.1 + var(--zd_alpha_low)));
342
- --zdt_customscroll_thump_dark_bg: hsla(0, 0%, calc(88% + var(--zd_default_default_inverse_low_lValue)), calc( 0.15 + var(--zd_alpha_low)));
343
- --zdt_customscroll_thump_dark_hover_bg: hsla(0, 0%, calc(88% + var(--zd_default_default_inverse_low_lValue)), calc( 0.17 + var(--zd_alpha_low)));
344
- --zdt_customscroll_dark_border: hsla(0, 0%, calc(88% + var(--zd_default_lighter_medium_lValue)), calc( 0.12 + var(--zd_alpha_low)));
345
- --zdt_customscroll_dark_bg: hsla(0, 0%, calc(88% + var(--zd_default_default_low_lValue)), calc( 0.06 + var(--zd_alpha_low)));
342
+ --zdt_customscroll_thump_dark_bg: hsla(0, calc(0 * 1%), calc(88% + var(--zd_default_default_inverse_low_lValue)), calc( 0.15 + var(--zd_alpha_low)));
343
+ --zdt_customscroll_thump_dark_hover_bg: hsla(0, calc(0 * 1%), calc(88% + var(--zd_default_default_inverse_low_lValue)), calc( 0.17 + var(--zd_alpha_low)));
344
+ --zdt_customscroll_dark_border: hsla(0, calc(0 * 1%), calc(88% + var(--zd_default_lighter_medium_lValue)), calc( 0.12 + var(--zd_alpha_low)));
345
+ --zdt_customscroll_dark_bg: hsla(0, calc(0 * 1%), calc(88% + var(--zd_default_default_low_lValue)), calc( 0.06 + var(--zd_alpha_low)));
346
346
  }
package/assets/Appearance/default/themes/blue/blueDefaultCTAModifyCategory.module.css CHANGED
@@ -109,17 +109,17 @@
109
109
  --zdt_m_cta_secondary_bg_lighter: hsla(212, 92%, calc(48% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
110
110
  --zdt_m_cta_secondary_bg_lighter_medium: hsla(212, 92%, calc(48% + var(--zd_default_lighter_medium_lValue)), calc(1 + var(--zd_alpha_low)));
111
111
  --zdt_m_cta_secondary_bg_lighter_high: hsla(212, 92%, calc(48% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
112
- --zdt_m_cta_secondary_text_default: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
113
- --zdt_m_cta_secondary_text_default_low: hsla(0, 0%, calc(100% + var(--zd_default_default_low_lValue)), calc(1 + var(--zd_alpha_low)));
114
- --zdt_m_cta_secondary_text_default_inverse: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
115
- --zdt_m_cta_secondary_text_default_inverse_low: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
116
- --zdt_m_cta_secondary_text_default_inverse_medium: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
117
- --zdt_m_cta_secondary_text_darker: hsla(0, 0%, calc(100% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
118
- --zdt_m_cta_secondary_text_darker_low: hsla(0, 0%, calc(100% + var(--zd_default_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
119
- --zdt_m_cta_secondary_text_darker_lower: hsla(0, 0%, calc(100% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
120
- --zdt_m_cta_secondary_text_lighter: hsla(0, 0%, calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
121
- --zdt_m_cta_secondary_text_lighter_medium: hsla(0, 0%, calc(100% + var(--zd_default_lighter_medium_lValue)), calc(1 + var(--zd_alpha_low)));
122
- --zdt_m_cta_secondary_text_lighter_high: hsla(0, 0%, calc(100% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
112
+ --zdt_m_cta_secondary_text_default: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
113
+ --zdt_m_cta_secondary_text_default_low: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_low_lValue)), calc(1 + var(--zd_alpha_low)));
114
+ --zdt_m_cta_secondary_text_default_inverse: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
115
+ --zdt_m_cta_secondary_text_default_inverse_low: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
116
+ --zdt_m_cta_secondary_text_default_inverse_medium: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
117
+ --zdt_m_cta_secondary_text_darker: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
118
+ --zdt_m_cta_secondary_text_darker_low: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
119
+ --zdt_m_cta_secondary_text_darker_lower: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
120
+ --zdt_m_cta_secondary_text_lighter: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
121
+ --zdt_m_cta_secondary_text_lighter_medium: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_medium_lValue)), calc(1 + var(--zd_alpha_low)));
122
+ --zdt_m_cta_secondary_text_lighter_high: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
123
123
  --zdt_m_cta_secondary_border_default: hsla(213, 94%, calc(59% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
124
124
  --zdt_m_cta_secondary_border_default_low: hsla(213, 94%, calc(59% + var(--zd_default_default_low_lValue)), calc(1 + var(--zd_alpha_low)));
125
125
  --zdt_m_cta_secondary_border_default_inverse: hsla(213, 94%, calc(59% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css CHANGED
@@ -11,9 +11,9 @@
11
11
  --zdt_cta_primary_light_hover_bg: hsla(212, 81%, calc(96% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
12
12
  --zdt_cta_primary_light_border: hsla(208, 85%, calc(74% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
13
13
  --zdt_cta_secondary_bg: hsla(212, 92%, calc(48% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
14
- --zdt_cta_secondary_text: hsla(0, 0%, calc(100% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
14
+ --zdt_cta_secondary_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_cta_secondary_border: hsla(213, 94%, calc(59% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
16
- --zdt_cta_secondary_light_border: hsla(213, 66%, calc(83% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
16
+ --zdt_cta_secondary_light_border: hsla(213, 66%, calc(83% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
17
17
  --zdt_cta_alpha_text: hsla(212, 92%, calc(48% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
18
18
  --zdt_cta_alpha_hover_text: hsla(213, 100%, calc(36% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
19
19
  --zdt_cta_alpha_border: hsla(212, 92%, calc(48% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
package/assets/Appearance/default/themes/green/greenDefaultCTAModifyCategory.module.css CHANGED
@@ -109,17 +109,17 @@
109
109
  --zdt_m_cta_secondary_bg_lighter: hsla(133, 63%, calc(41% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
110
110
  --zdt_m_cta_secondary_bg_lighter_medium: hsla(133, 63%, calc(41% + var(--zd_default_lighter_medium_lValue)), calc(1 + var(--zd_alpha_low)));
111
111
  --zdt_m_cta_secondary_bg_lighter_high: hsla(133, 63%, calc(41% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
112
- --zdt_m_cta_secondary_text_default: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
113
- --zdt_m_cta_secondary_text_default_low: hsla(0, 0%, calc(100% + var(--zd_default_default_low_lValue)), calc(1 + var(--zd_alpha_low)));
114
- --zdt_m_cta_secondary_text_default_inverse: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
115
- --zdt_m_cta_secondary_text_default_inverse_low: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
116
- --zdt_m_cta_secondary_text_default_inverse_medium: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
117
- --zdt_m_cta_secondary_text_darker: hsla(0, 0%, calc(100% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
118
- --zdt_m_cta_secondary_text_darker_low: hsla(0, 0%, calc(100% + var(--zd_default_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
119
- --zdt_m_cta_secondary_text_darker_lower: hsla(0, 0%, calc(100% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
120
- --zdt_m_cta_secondary_text_lighter: hsla(0, 0%, calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
121
- --zdt_m_cta_secondary_text_lighter_medium: hsla(0, 0%, calc(100% + var(--zd_default_lighter_medium_lValue)), calc(1 + var(--zd_alpha_low)));
122
- --zdt_m_cta_secondary_text_lighter_high: hsla(0, 0%, calc(100% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
112
+ --zdt_m_cta_secondary_text_default: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
113
+ --zdt_m_cta_secondary_text_default_low: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_low_lValue)), calc(1 + var(--zd_alpha_low)));
114
+ --zdt_m_cta_secondary_text_default_inverse: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
115
+ --zdt_m_cta_secondary_text_default_inverse_low: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
116
+ --zdt_m_cta_secondary_text_default_inverse_medium: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
117
+ --zdt_m_cta_secondary_text_darker: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
118
+ --zdt_m_cta_secondary_text_darker_low: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
119
+ --zdt_m_cta_secondary_text_darker_lower: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
120
+ --zdt_m_cta_secondary_text_lighter: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
121
+ --zdt_m_cta_secondary_text_lighter_medium: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_medium_lValue)), calc(1 + var(--zd_alpha_low)));
122
+ --zdt_m_cta_secondary_text_lighter_high: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
123
123
  --zdt_m_cta_secondary_border_default: hsla(133, 48%, calc(52% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
124
124
  --zdt_m_cta_secondary_border_default_low: hsla(133, 48%, calc(52% + var(--zd_default_default_low_lValue)), calc(1 + var(--zd_alpha_low)));
125
125
  --zdt_m_cta_secondary_border_default_inverse: hsla(133, 48%, calc(52% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css CHANGED
@@ -11,9 +11,9 @@
11
11
  --zdt_cta_primary_light_hover_bg: hsla(132, 43%, calc(88% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
12
12
  --zdt_cta_primary_light_border: hsla(132, 43%, calc(88% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
13
13
  --zdt_cta_secondary_bg: hsla(133, 63%, calc(41% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
14
- --zdt_cta_secondary_text: hsla(0, 0%, calc(100% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
14
+ --zdt_cta_secondary_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_cta_secondary_border: hsla(133, 48%, calc(52% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
16
- --zdt_cta_secondary_light_border: hsla(132, 43%, calc(82% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
16
+ --zdt_cta_secondary_light_border: hsla(132, 43%, calc(82% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
17
17
  --zdt_cta_alpha_text: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
18
18
  --zdt_cta_alpha_hover_text: hsla(134, 79%, calc(26% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
19
19
  --zdt_cta_alpha_border: hsla(133, 63%, calc(41% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
package/assets/Appearance/default/themes/orange/orangeDefaultCTAModifyCategory.module.css CHANGED
@@ -109,17 +109,17 @@
109
109
  --zdt_m_cta_secondary_bg_lighter: hsla(28, 82%, calc(49% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
110
110
  --zdt_m_cta_secondary_bg_lighter_medium: hsla(28, 82%, calc(49% + var(--zd_default_lighter_medium_lValue)), calc(1 + var(--zd_alpha_low)));
111
111
  --zdt_m_cta_secondary_bg_lighter_high: hsla(28, 82%, calc(49% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
112
- --zdt_m_cta_secondary_text_default: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
113
- --zdt_m_cta_secondary_text_default_low: hsla(0, 0%, calc(100% + var(--zd_default_default_low_lValue)), calc(1 + var(--zd_alpha_low)));
114
- --zdt_m_cta_secondary_text_default_inverse: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
115
- --zdt_m_cta_secondary_text_default_inverse_low: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
116
- --zdt_m_cta_secondary_text_default_inverse_medium: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
117
- --zdt_m_cta_secondary_text_darker: hsla(0, 0%, calc(100% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
118
- --zdt_m_cta_secondary_text_darker_low: hsla(0, 0%, calc(100% + var(--zd_default_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
119
- --zdt_m_cta_secondary_text_darker_lower: hsla(0, 0%, calc(100% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
120
- --zdt_m_cta_secondary_text_lighter: hsla(0, 0%, calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
121
- --zdt_m_cta_secondary_text_lighter_medium: hsla(0, 0%, calc(100% + var(--zd_default_lighter_medium_lValue)), calc(1 + var(--zd_alpha_low)));
122
- --zdt_m_cta_secondary_text_lighter_high: hsla(0, 0%, calc(100% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
112
+ --zdt_m_cta_secondary_text_default: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
113
+ --zdt_m_cta_secondary_text_default_low: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_low_lValue)), calc(1 + var(--zd_alpha_low)));
114
+ --zdt_m_cta_secondary_text_default_inverse: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
115
+ --zdt_m_cta_secondary_text_default_inverse_low: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
116
+ --zdt_m_cta_secondary_text_default_inverse_medium: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
117
+ --zdt_m_cta_secondary_text_darker: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
118
+ --zdt_m_cta_secondary_text_darker_low: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
119
+ --zdt_m_cta_secondary_text_darker_lower: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
120
+ --zdt_m_cta_secondary_text_lighter: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
121
+ --zdt_m_cta_secondary_text_lighter_medium: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_medium_lValue)), calc(1 + var(--zd_alpha_low)));
122
+ --zdt_m_cta_secondary_text_lighter_high: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
123
123
  --zdt_m_cta_secondary_border_default: hsla(28, 80%, calc(59% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
124
124
  --zdt_m_cta_secondary_border_default_low: hsla(28, 80%, calc(59% + var(--zd_default_default_low_lValue)), calc(1 + var(--zd_alpha_low)));
125
125
  --zdt_m_cta_secondary_border_default_inverse: hsla(28, 80%, calc(59% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css CHANGED
@@ -11,9 +11,9 @@
11
11
  --zdt_cta_primary_light_hover_bg: hsla(28, 80%, calc(90% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
12
12
  --zdt_cta_primary_light_border: hsla(28, 80%, calc(90% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
13
13
  --zdt_cta_secondary_bg: hsla(28, 82%, calc(49% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
14
- --zdt_cta_secondary_text: hsla(0, 0%, calc(100% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
14
+ --zdt_cta_secondary_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_cta_secondary_border: hsla(28, 80%, calc(59% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
16
- --zdt_cta_secondary_light_border: hsla(28, 79%, calc(85% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
16
+ --zdt_cta_secondary_light_border: hsla(28, 79%, calc(85% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
17
17
  --zdt_cta_alpha_text: hsla(28, 82%, calc(49% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
18
18
  --zdt_cta_alpha_hover_text: hsla(30, 100%, calc(35% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
19
19
  --zdt_cta_alpha_border: hsla(28, 82%, calc(49% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
package/assets/Appearance/default/themes/red/redDefaultCTAModifyCategory.module.css CHANGED
@@ -109,17 +109,17 @@
109
109
  --zdt_m_cta_secondary_bg_lighter: hsla(0, 72%, calc(54% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
110
110
  --zdt_m_cta_secondary_bg_lighter_medium: hsla(0, 72%, calc(54% + var(--zd_default_lighter_medium_lValue)), calc(1 + var(--zd_alpha_low)));
111
111
  --zdt_m_cta_secondary_bg_lighter_high: hsla(0, 72%, calc(54% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
112
- --zdt_m_cta_secondary_text_default: hsla(0, 0%, calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
113
- --zdt_m_cta_secondary_text_default_low: hsla(0, 0%, calc(100% + var(--zd_default_default_low_lValue)), calc(1 + var(--zd_alpha_low)));
114
- --zdt_m_cta_secondary_text_default_inverse: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
115
- --zdt_m_cta_secondary_text_default_inverse_low: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
116
- --zdt_m_cta_secondary_text_default_inverse_medium: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
117
- --zdt_m_cta_secondary_text_darker: hsla(0, 0%, calc(100% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
118
- --zdt_m_cta_secondary_text_darker_low: hsla(0, 0%, calc(100% + var(--zd_default_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
119
- --zdt_m_cta_secondary_text_darker_lower: hsla(0, 0%, calc(100% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
120
- --zdt_m_cta_secondary_text_lighter: hsla(0, 0%, calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
121
- --zdt_m_cta_secondary_text_lighter_medium: hsla(0, 0%, calc(100% + var(--zd_default_lighter_medium_lValue)), calc(1 + var(--zd_alpha_low)));
122
- --zdt_m_cta_secondary_text_lighter_high: hsla(0, 0%, calc(100% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
112
+ --zdt_m_cta_secondary_text_default: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
113
+ --zdt_m_cta_secondary_text_default_low: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_low_lValue)), calc(1 + var(--zd_alpha_low)));
114
+ --zdt_m_cta_secondary_text_default_inverse: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
115
+ --zdt_m_cta_secondary_text_default_inverse_low: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
116
+ --zdt_m_cta_secondary_text_default_inverse_medium: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
117
+ --zdt_m_cta_secondary_text_darker: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
118
+ --zdt_m_cta_secondary_text_darker_low: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
119
+ --zdt_m_cta_secondary_text_darker_lower: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
120
+ --zdt_m_cta_secondary_text_lighter: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
121
+ --zdt_m_cta_secondary_text_lighter_medium: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_medium_lValue)), calc(1 + var(--zd_alpha_low)));
122
+ --zdt_m_cta_secondary_text_lighter_high: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
123
123
  --zdt_m_cta_secondary_border_default: hsla(0, 72%, calc(63% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
124
124
  --zdt_m_cta_secondary_border_default_low: hsla(0, 72%, calc(63% + var(--zd_default_default_low_lValue)), calc(1 + var(--zd_alpha_low)));
125
125
  --zdt_m_cta_secondary_border_default_inverse: hsla(0, 72%, calc(63% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css CHANGED
@@ -11,9 +11,9 @@
11
11
  --zdt_cta_primary_light_hover_bg: hsla(0, 70%, calc(91% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
12
12
  --zdt_cta_primary_light_border: hsla(0, 70%, calc(91% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
13
13
  --zdt_cta_secondary_bg: hsla(0, 72%, calc(54% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
14
- --zdt_cta_secondary_text: hsla(0, 0%, calc(100% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
14
+ --zdt_cta_secondary_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_cta_secondary_border: hsla(0, 72%, calc(63% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
16
- --zdt_cta_secondary_light_border: hsla(0, 70%, calc(91% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
16
+ --zdt_cta_secondary_light_border: hsla(0, 70%, calc(91% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
17
17
  --zdt_cta_alpha_text: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
18
18
  --zdt_cta_alpha_hover_text: hsla(1, 75%, calc(38% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
19
19
  --zdt_cta_alpha_border: hsla(0, 72%, calc(54% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
package/assets/Appearance/default/themes/yellow/yellowDefaultCTAModifyCategory.module.css CHANGED
@@ -109,17 +109,17 @@
109
109
  --zdt_m_cta_secondary_bg_lighter: hsla(46, 81%, calc(52% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
110
110
  --zdt_m_cta_secondary_bg_lighter_medium: hsla(46, 81%, calc(52% + var(--zd_default_lighter_medium_lValue)), calc(1 + var(--zd_alpha_low)));
111
111
  --zdt_m_cta_secondary_bg_lighter_high: hsla(46, 81%, calc(52% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
112
- --zdt_m_cta_secondary_text_default: hsla(0, 0%, calc(0% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
113
- --zdt_m_cta_secondary_text_default_low: hsla(0, 0%, calc(0% + var(--zd_default_default_low_lValue)), calc(1 + var(--zd_alpha_low)));
114
- --zdt_m_cta_secondary_text_default_inverse: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
115
- --zdt_m_cta_secondary_text_default_inverse_low: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
116
- --zdt_m_cta_secondary_text_default_inverse_medium: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
117
- --zdt_m_cta_secondary_text_darker: hsla(0, 0%, calc(0% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
118
- --zdt_m_cta_secondary_text_darker_low: hsla(0, 0%, calc(0% + var(--zd_default_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
119
- --zdt_m_cta_secondary_text_darker_lower: hsla(0, 0%, calc(0% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
120
- --zdt_m_cta_secondary_text_lighter: hsla(0, 0%, calc(0% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
121
- --zdt_m_cta_secondary_text_lighter_medium: hsla(0, 0%, calc(0% + var(--zd_default_lighter_medium_lValue)), calc(1 + var(--zd_alpha_low)));
122
- --zdt_m_cta_secondary_text_lighter_high: hsla(0, 0%, calc(0% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
112
+ --zdt_m_cta_secondary_text_default: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
113
+ --zdt_m_cta_secondary_text_default_low: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_low_lValue)), calc(1 + var(--zd_alpha_low)));
114
+ --zdt_m_cta_secondary_text_default_inverse: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
115
+ --zdt_m_cta_secondary_text_default_inverse_low: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
116
+ --zdt_m_cta_secondary_text_default_inverse_medium: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
117
+ --zdt_m_cta_secondary_text_darker: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_darker_lValue)), calc(1 + var(--zd_alpha_high)));
118
+ --zdt_m_cta_secondary_text_darker_low: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
119
+ --zdt_m_cta_secondary_text_darker_lower: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_darker_lower_lValue)), calc(1 + var(--zd_alpha_low)));
120
+ --zdt_m_cta_secondary_text_lighter: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
121
+ --zdt_m_cta_secondary_text_lighter_medium: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_lighter_medium_lValue)), calc(1 + var(--zd_alpha_low)));
122
+ --zdt_m_cta_secondary_text_lighter_high: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
123
123
  --zdt_m_cta_secondary_border_default: hsla(46, 81%, calc(67% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
124
124
  --zdt_m_cta_secondary_border_default_low: hsla(46, 81%, calc(67% + var(--zd_default_default_low_lValue)), calc(1 + var(--zd_alpha_low)));
125
125
  --zdt_m_cta_secondary_border_default_inverse: hsla(46, 81%, calc(67% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css CHANGED
@@ -11,9 +11,9 @@
11
11
  --zdt_cta_primary_light_hover_bg: hsla(46, 81%, calc(86% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
12
12
  --zdt_cta_primary_light_border: hsla(46, 81%, calc(86% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
13
13
  --zdt_cta_secondary_bg: hsla(46, 81%, calc(52% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
14
- --zdt_cta_secondary_text: hsla(0, 0%, calc(0% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
14
+ --zdt_cta_secondary_text: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
15
15
  --zdt_cta_secondary_border: hsla(46, 81%, calc(67% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
16
- --zdt_cta_secondary_light_border: hsla(46, 81%, calc(81% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
16
+ --zdt_cta_secondary_light_border: hsla(46, 81%, calc(81% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
17
17
  --zdt_cta_alpha_text: hsla(46, 93%, calc(37% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
18
18
  --zdt_cta_alpha_hover_text: hsla(48, 100%, calc(25% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
19
19
  --zdt_cta_alpha_border: hsla(46, 93%, calc(37% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));