@zohodesk/components 1.2.22 → 1.2.24

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 (62) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +10 -0
  3. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +15 -0
  4. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +1 -0
  5. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +15 -0
  6. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +1 -0
  7. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +15 -0
  8. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +1 -0
  9. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +15 -0
  10. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +1 -0
  11. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +15 -0
  12. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +1 -0
  13. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +15 -0
  14. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +1 -0
  15. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +15 -0
  16. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +1 -0
  17. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +15 -0
  18. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +1 -0
  19. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +15 -0
  20. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +1 -0
  21. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +15 -0
  22. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +1 -0
  23. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +15 -0
  24. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +1 -0
  25. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +15 -0
  26. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +1 -0
  27. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +15 -0
  28. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +1 -0
  29. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +15 -0
  30. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +1 -0
  31. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +15 -0
  32. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +1 -0
  33. package/es/Animation/Animation.js +4 -86
  34. package/es/Animation/utils.js +83 -0
  35. package/es/DropBox/DropBoxElement/DropBoxElement.js +2 -1
  36. package/es/Select/Select.js +1 -1
  37. package/es/Tab/TabContentWrapper.js +9 -4
  38. package/es/Tab/props/defaultProps.js +2 -1
  39. package/es/Tab/props/propTypes.js +3 -1
  40. package/es/v1/Animation/Animation.js +4 -86
  41. package/es/v1/Animation/utils.js +83 -0
  42. package/es/v1/DropBox/DropBoxElement/DropBoxElement.js +2 -1
  43. package/es/v1/Select/Select.js +1 -1
  44. package/es/v1/Tab/TabContentWrapper.js +9 -4
  45. package/es/v1/Tab/props/defaultProps.js +2 -1
  46. package/es/v1/Tab/props/propTypes.js +3 -1
  47. package/lib/Animation/Animation.js +4 -86
  48. package/lib/Animation/utils.js +94 -0
  49. package/lib/DropBox/DropBoxElement/DropBoxElement.js +2 -1
  50. package/lib/Select/Select.js +1 -1
  51. package/lib/Tab/TabContentWrapper.js +9 -4
  52. package/lib/Tab/props/defaultProps.js +2 -1
  53. package/lib/Tab/props/propTypes.js +3 -1
  54. package/lib/v1/Animation/Animation.js +4 -86
  55. package/lib/v1/Animation/utils.js +94 -0
  56. package/lib/v1/DropBox/DropBoxElement/DropBoxElement.js +2 -1
  57. package/lib/v1/Select/Select.js +1 -1
  58. package/lib/v1/Tab/TabContentWrapper.js +9 -4
  59. package/lib/v1/Tab/props/defaultProps.js +2 -1
  60. package/lib/v1/Tab/props/propTypes.js +3 -1
  61. package/package.json +3 -3
  62. package/result.json +1 -1
package/README.md CHANGED
@@ -32,6 +32,16 @@ In this Package, we Provide Some Basic Components to Build Web App
32
32
  - TextBoxIcon
33
33
  - Tooltip
34
34
 
35
+ # 1.2.24
36
+
37
+ - **Animation** - style object moved to utils.
38
+
39
+ # 1.2.23
40
+
41
+ - **DropBoxElement** - A dropdown has been incorporated as one of the main focus areas, utilizing the `data-a11y-focus-main-area` attribute.
42
+
43
+ - **Select, Tab, TabContentWrapper** - A11y changes.
44
+
35
45
  # 1.2.22
36
46
 
37
47
  - **Tags,TextArea, Textbox, Checkbox** - Cursor css changes for variable autoconversion
package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(213, 25.88%, calc(33.33% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(213, 25.88%, calc(33.33% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(213, 25.88%, calc(33.33% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(213, 25.88%, calc(33.33% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(213, 25.88%, calc(33.33% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(213, 25.88%, calc(33.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(213, 25.88%, calc(33.33% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(213, 25.88%, calc(33.33% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(213, 25.88%, calc(33.33% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(213, 25.88%, calc(33.33% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(213, 25.88%, calc(33.33% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(213, 25.88%, calc(33.33% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(213, 25.88%, calc(33.33% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(213, 25.88%, calc(33.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(213, 25.88%, calc(33.33% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(213, 25.88%, calc(33.33% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(213, 25.88%, calc(33.33% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(213, 25.88%, calc(33.33% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(212, 100.00%, calc(63.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(213, 25.88%, calc(33.33% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(213, 25.88%, calc(33.33% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(212, 100.00%, calc(71.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(158, 26.83%, calc(24.12% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(158, 26.83%, calc(24.12% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(158, 26.83%, calc(24.12% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(158, 26.83%, calc(24.12% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(158, 26.83%, calc(24.12% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(158, 26.83%, calc(24.12% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(158, 26.83%, calc(24.12% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(158, 26.83%, calc(24.12% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(158, 26.83%, calc(24.12% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(158, 26.83%, calc(24.12% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(158, 26.83%, calc(24.12% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(158, 26.83%, calc(24.12% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(158, 26.83%, calc(24.12% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(158, 26.83%, calc(24.12% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(128, 79.71%, calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(19, 21.54%, calc(25.49% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(19, 21.54%, calc(25.49% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(19, 21.54%, calc(25.49% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(19, 21.54%, calc(25.49% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(19, 21.54%, calc(25.49% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(19, 21.54%, calc(25.49% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(19, 21.54%, calc(25.49% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(19, 21.54%, calc(25.49% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(19, 21.54%, calc(25.49% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(19, 21.54%, calc(25.49% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(19, 21.54%, calc(25.49% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(19, 21.54%, calc(25.49% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(19, 21.54%, calc(25.49% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(19, 21.54%, calc(25.49% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(19, 21.54%, calc(25.49% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(19, 21.54%, calc(25.49% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(19, 21.54%, calc(25.49% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(19, 21.54%, calc(25.49% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(19, 21.54%, calc(25.49% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(19, 21.54%, calc(25.49% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(29, 100.00%, calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(334, 20.00%, calc(24.51% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(334, 20.00%, calc(24.51% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(334, 20.00%, calc(24.51% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(334, 20.00%, calc(24.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(334, 20.00%, calc(24.51% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(334, 20.00%, calc(24.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(334, 20.00%, calc(24.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(334, 20.00%, calc(24.51% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(334, 20.00%, calc(24.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(334, 20.00%, calc(24.51% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(334, 20.00%, calc(24.51% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(334, 20.00%, calc(24.51% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(334, 20.00%, calc(24.51% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(334, 20.00%, calc(24.51% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(334, 20.00%, calc(24.51% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(334, 20.00%, calc(24.51% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(334, 20.00%, calc(24.51% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(334, 20.00%, calc(24.51% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(334, 20.00%, calc(24.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(334, 20.00%, calc(24.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(0, 81.62%, calc(36.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(37, 12.70%, calc(24.71% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(37, 12.70%, calc(24.71% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(37, 12.70%, calc(24.71% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(37, 12.70%, calc(24.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(37, 12.70%, calc(24.71% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(37, 12.70%, calc(24.71% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(37, 12.70%, calc(24.71% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(37, 12.70%, calc(24.71% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(37, 12.70%, calc(24.71% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(37, 12.70%, calc(24.71% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(37, 12.70%, calc(24.71% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(37, 12.70%, calc(24.71% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(37, 12.70%, calc(24.71% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(37, 12.70%, calc(24.71% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(37, 12.70%, calc(24.71% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(37, 12.70%, calc(24.71% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(37, 12.70%, calc(24.71% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(37, 12.70%, calc(24.71% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(37, 12.70%, calc(24.71% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(37, 12.70%, calc(24.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(213, 65.52%, calc(82.94% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(213, 65.52%, calc(82.94% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(213, 65.52%, calc(82.94% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(213, 65.52%, calc(82.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(213, 65.52%, calc(82.94% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(213, 65.52%, calc(82.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(213, 65.52%, calc(82.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(213, 65.52%, calc(82.94% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(213, 65.52%, calc(82.94% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(213, 65.52%, calc(82.94% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(213, 65.52%, calc(82.94% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(213, 65.52%, calc(82.94% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(213, 65.52%, calc(82.94% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(213, 65.52%, calc(82.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(213, 65.52%, calc(82.94% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(213, 65.52%, calc(82.94% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(213, 65.52%, calc(82.94% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(213, 65.52%, calc(82.94% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(212, 91.84%, calc(48.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(213, 94.26%, calc(59.02% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(213, 65.52%, calc(82.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(213, 65.52%, calc(82.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(213, 100.00%, calc(36.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(132, 42.86%, calc(82.16% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(132, 42.86%, calc(82.16% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(132, 42.86%, calc(82.16% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(132, 42.86%, calc(82.16% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(132, 42.86%, calc(82.16% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(132, 42.86%, calc(82.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(132, 42.86%, calc(82.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(132, 42.86%, calc(82.16% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(132, 42.86%, calc(82.16% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(132, 42.86%, calc(82.16% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(132, 42.86%, calc(82.16% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(132, 42.86%, calc(82.16% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(132, 42.86%, calc(82.16% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(132, 42.86%, calc(82.16% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(132, 42.86%, calc(82.16% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(132, 42.86%, calc(82.16% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(132, 42.86%, calc(82.16% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(132, 42.86%, calc(82.16% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(133, 63.29%, calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(132, 42.86%, calc(82.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(132, 42.86%, calc(82.16% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(134, 78.63%, calc(25.69% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(28, 79.49%, calc(84.71% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(28, 79.49%, calc(84.71% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(28, 79.49%, calc(84.71% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(28, 79.49%, calc(84.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(28, 79.49%, calc(84.71% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(28, 79.49%, calc(84.71% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(28, 79.49%, calc(84.71% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(28, 79.49%, calc(84.71% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(28, 79.49%, calc(84.71% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(28, 79.49%, calc(84.71% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(28, 79.49%, calc(84.71% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(28, 79.49%, calc(84.71% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(28, 79.49%, calc(84.71% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(28, 79.49%, calc(84.71% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(28, 79.49%, calc(84.71% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(28, 79.49%, calc(84.71% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(28, 79.49%, calc(84.71% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(28, 79.49%, calc(84.71% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(28, 81.75%, calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(28, 79.71%, calc(59.41% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(28, 79.49%, calc(84.71% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(28, 79.49%, calc(84.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(30, 100.00%, calc(34.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(0, 70.21%, calc(90.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(0, 71.91%, calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 72.34%, calc(63.14% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(0, 70.21%, calc(90.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(46, 81.44%, calc(80.98% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(46, 81.44%, calc(80.98% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(46, 81.44%, calc(80.98% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(46, 81.44%, calc(80.98% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(46, 81.44%, calc(80.98% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(46, 81.44%, calc(80.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(46, 81.44%, calc(80.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(46, 81.44%, calc(80.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(46, 81.44%, calc(80.98% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(46, 81.44%, calc(80.98% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(46, 81.44%, calc(80.98% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(46, 81.44%, calc(80.98% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(46, 81.44%, calc(80.98% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(46, 81.44%, calc(80.98% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(46, 81.44%, calc(80.98% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(46, 81.44%, calc(80.98% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(46, 81.44%, calc(80.98% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(46, 81.44%, calc(80.98% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(46, 92.59%, calc(37.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(46, 92.59%, calc(37.06% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(46, 92.59%, calc(37.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(46, 81.18%, calc(66.67% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(46, 81.44%, calc(80.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(46, 81.44%, calc(80.98% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(46, 92.59%, calc(37.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(48, 100.00%, calc(25.49% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(46, 92.59%, calc(37.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(212, 38.89%, calc(28.24% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(212, 38.89%, calc(28.24% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(212, 38.89%, calc(28.24% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(212, 38.89%, calc(28.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(212, 38.89%, calc(28.24% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(212, 38.89%, calc(28.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(212, 38.89%, calc(28.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(212, 38.89%, calc(28.24% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(212, 38.89%, calc(28.24% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(212, 38.89%, calc(28.24% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(212, 38.89%, calc(28.24% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(212, 38.89%, calc(28.24% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(212, 38.89%, calc(28.24% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(212, 38.89%, calc(28.24% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(212, 38.89%, calc(28.24% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(212, 38.89%, calc(28.24% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(212, 38.89%, calc(28.24% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(212, 38.89%, calc(28.24% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(212, 100.00%, calc(63.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(212, 38.89%, calc(28.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(212, 38.89%, calc(28.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(212, 100.00%, calc(71.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(133, 23.48%, calc(22.55% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(133, 23.48%, calc(22.55% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(133, 23.48%, calc(22.55% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(133, 23.48%, calc(22.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(133, 23.48%, calc(22.55% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(133, 23.48%, calc(22.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(133, 23.48%, calc(22.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(133, 23.48%, calc(22.55% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(133, 23.48%, calc(22.55% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(133, 23.48%, calc(22.55% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(133, 23.48%, calc(22.55% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(133, 23.48%, calc(22.55% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(133, 23.48%, calc(22.55% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(133, 23.48%, calc(22.55% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(133, 23.48%, calc(22.55% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(133, 23.48%, calc(22.55% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(133, 23.48%, calc(22.55% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(133, 23.48%, calc(22.55% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(133, 23.48%, calc(22.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(133, 23.48%, calc(22.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(128, 79.71%, calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(26, 40.00%, calc(21.57% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(26, 40.00%, calc(21.57% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(26, 40.00%, calc(21.57% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(26, 40.00%, calc(21.57% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(26, 40.00%, calc(21.57% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(26, 40.00%, calc(21.57% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(26, 40.00%, calc(21.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(26, 40.00%, calc(21.57% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(26, 40.00%, calc(21.57% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(26, 40.00%, calc(21.57% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(26, 40.00%, calc(21.57% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(26, 40.00%, calc(21.57% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(26, 40.00%, calc(21.57% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(26, 40.00%, calc(21.57% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(26, 40.00%, calc(21.57% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(26, 40.00%, calc(21.57% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(26, 40.00%, calc(21.57% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(26, 40.00%, calc(21.57% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(26, 40.00%, calc(21.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(26, 40.00%, calc(21.57% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(29, 100.00%, calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(0, 26.96%, calc(22.55% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(0, 26.96%, calc(22.55% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(0, 26.96%, calc(22.55% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(0, 26.96%, calc(22.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(0, 26.96%, calc(22.55% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(0, 26.96%, calc(22.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(0, 26.96%, calc(22.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(0, 26.96%, calc(22.55% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(0, 26.96%, calc(22.55% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(0, 26.96%, calc(22.55% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(0, 26.96%, calc(22.55% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(0, 26.96%, calc(22.55% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(0, 26.96%, calc(22.55% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(0, 26.96%, calc(22.55% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(0, 26.96%, calc(22.55% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(0, 26.96%, calc(22.55% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(0, 26.96%, calc(22.55% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(0, 26.96%, calc(22.55% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(0, 26.96%, calc(22.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(0, 26.96%, calc(22.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(0, 81.62%, calc(36.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(38, 30.19%, calc(20.78% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(38, 30.19%, calc(20.78% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(38, 30.19%, calc(20.78% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(38, 30.19%, calc(20.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(38, 30.19%, calc(20.78% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(38, 30.19%, calc(20.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(38, 30.19%, calc(20.78% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(38, 30.19%, calc(20.78% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(38, 30.19%, calc(20.78% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(38, 30.19%, calc(20.78% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(38, 30.19%, calc(20.78% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(38, 30.19%, calc(20.78% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(38, 30.19%, calc(20.78% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(38, 30.19%, calc(20.78% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(38, 30.19%, calc(20.78% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(38, 30.19%, calc(20.78% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(38, 30.19%, calc(20.78% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(38, 30.19%, calc(20.78% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(38, 30.19%, calc(20.78% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(38, 30.19%, calc(20.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));