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

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