@zohodesk/components 1.0.0-temp-257.1 → 1.0.0-temp-259.1

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 (232) hide show
  1. package/CHANGELOG.md +2038 -0
  2. package/README.md +2 -2031
  3. package/assets/Appearance/dark/themes/blue/blue_componentsCTA_DarkModifyCategory.module.css +12 -12
  4. package/assets/Appearance/dark/themes/green/green_componentsCTA_DarkModifyCategory.module.css +12 -12
  5. package/assets/Appearance/dark/themes/orange/orange_componentsCTA_DarkModifyCategory.module.css +12 -12
  6. package/assets/Appearance/dark/themes/red/red_componentsCTA_DarkModifyCategory.module.css +12 -12
  7. package/assets/Appearance/dark/themes/yellow/yellow_componentsCTA_DarkModifyCategory.module.css +12 -12
  8. package/assets/Appearance/light/themes/blue/blue_componentsCTA_LightModifyCategory.module.css +12 -12
  9. package/assets/Appearance/light/themes/green/green_componentsCTA_LightModifyCategory.module.css +12 -12
  10. package/assets/Appearance/light/themes/orange/orange_componentsCTA_LightModifyCategory.module.css +12 -12
  11. package/assets/Appearance/light/themes/red/red_componentsCTA_LightModifyCategory.module.css +12 -12
  12. package/assets/Appearance/light/themes/yellow/yellow_componentsCTA_LightModifyCategory.module.css +12 -12
  13. package/assets/Appearance/pureDark/themes/blue/blue_componentsCTA_PureDarkModifyCategory.module.css +12 -12
  14. package/assets/Appearance/pureDark/themes/green/green_componentsCTA_PureDarkModifyCategory.module.css +12 -12
  15. package/assets/Appearance/pureDark/themes/orange/orange_componentsCTA_PureDarkModifyCategory.module.css +12 -12
  16. package/assets/Appearance/pureDark/themes/red/red_componentsCTA_PureDarkModifyCategory.module.css +12 -12
  17. package/assets/Appearance/pureDark/themes/yellow/yellow_componentsCTA_PureDarkModifyCategory.module.css +12 -12
  18. package/es/Accordion/Accordion.js +1 -6
  19. package/es/Accordion/AccordionItem.js +1 -6
  20. package/es/Animation/Animation.js +1 -8
  21. package/es/AppContainer/AppContainer.js +1 -6
  22. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  23. package/es/Avatar/Avatar.js +1 -6
  24. package/es/AvatarTeam/AvatarTeam.js +1 -7
  25. package/es/Button/Button.js +1 -6
  26. package/es/Buttongroup/Buttongroup.js +1 -14
  27. package/es/Card/Card.js +1 -9
  28. package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  29. package/es/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  30. package/es/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  31. package/es/CheckBox/CheckBox.js +1 -6
  32. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +88 -88
  33. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +45 -45
  34. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +24 -24
  35. package/es/DateTime/DateWidget.js +0 -10
  36. package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  37. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +87 -87
  38. package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  39. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +5 -5
  40. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +6 -6
  41. package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  42. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +25 -25
  43. package/es/DropDown/DropDownHeading.js +1 -6
  44. package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  45. package/es/Heading/Heading.js +1 -6
  46. package/es/Label/Label.js +1 -6
  47. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +4 -4
  48. package/es/ListItem/ListContainer.js +1 -6
  49. package/es/ListItem/ListItem.js +1 -6
  50. package/es/ListItem/ListItemWithAvatar.js +1 -6
  51. package/es/ListItem/ListItemWithCheckBox.js +1 -6
  52. package/es/ListItem/ListItemWithIcon.js +1 -6
  53. package/es/ListItem/ListItemWithRadio.js +1 -6
  54. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  55. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  56. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  57. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -62
  58. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  59. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +62 -62
  60. package/es/Modal/Modal.js +1 -8
  61. package/es/MultiSelect/AdvancedGroupMultiSelect.js +1 -7
  62. package/es/MultiSelect/AdvancedMultiSelect.js +1 -9
  63. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +3 -3
  64. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  65. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  66. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +31 -31
  67. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +6 -6
  68. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  69. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  70. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  71. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +94 -94
  72. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  73. package/es/RippleEffect/RippleEffect.js +1 -6
  74. package/es/Select/GroupSelect.js +1 -8
  75. package/es/Select/Select.js +1 -10
  76. package/es/Select/SelectWithAvatar.js +1 -9
  77. package/es/Select/SelectWithIcon.js +1 -7
  78. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +6 -6
  79. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +756 -756
  80. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  81. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +9 -9
  82. package/es/Switch/Switch.js +1 -6
  83. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +44 -44
  84. package/es/Tab/Tab.js +1 -6
  85. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  86. package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  87. package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  88. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +36 -36
  89. package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  90. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  91. package/es/Tag/Tag.js +1 -6
  92. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +46 -46
  93. package/es/TextBox/TextBox.js +1 -8
  94. package/es/TextBoxIcon/TextBoxIcon.js +1 -8
  95. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +164 -164
  96. package/es/Textarea/Textarea.js +1 -8
  97. package/es/Tooltip/Tooltip.js +1 -8
  98. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -5
  99. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +1 -5
  100. package/es/semantic/Button/Button.js +1 -6
  101. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +10 -10
  102. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  103. package/es/v1/Button/Button.js +7 -12
  104. package/es/v1/Button/README.md +3 -2
  105. package/es/v1/Button/__tests__/Button.spec.js +14 -6
  106. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +298 -218
  107. package/es/v1/Button/constants/index.js +26 -20
  108. package/es/v1/Button/constants/presets.js +158 -0
  109. package/es/v1/Button/css/Button_v1.module.css +17 -8
  110. package/es/v1/Button/css/cssJSLogic.js +30 -26
  111. package/es/v1/Button/props/defaultProps.js +5 -6
  112. package/es/v1/Button/props/propTypes.js +12 -5
  113. package/es/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  114. package/es/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +14 -14
  115. package/es/v1/helpers/colorHelpers/background/backgroundColor.module.css +5 -5
  116. package/es/v1/helpers/colorHelpers/border/borderColor.module.css +5 -5
  117. package/es/v1/helpers/colorHelpers/colorHelper.js +114 -138
  118. package/es/v1/helpers/colorHelpers/constants/index.js +45 -4
  119. package/es/v1/shared/{Loader/Loader.js → Spinner/Spinner.js} +5 -5
  120. package/es/v1/shared/{Loader/__tests__/Loader.spec.js → Spinner/__tests__/Spinner.spec.js} +4 -4
  121. package/{lib/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap → es/v1/shared/Spinner/__tests__/__snapshots__/Spinner.spec.js.snap} +2 -2
  122. package/lib/Accordion/Accordion.js +1 -6
  123. package/lib/Accordion/AccordionItem.js +1 -6
  124. package/lib/Animation/Animation.js +1 -8
  125. package/lib/AppContainer/AppContainer.js +1 -6
  126. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  127. package/lib/Avatar/Avatar.js +1 -6
  128. package/lib/AvatarTeam/AvatarTeam.js +1 -7
  129. package/lib/Button/Button.js +1 -7
  130. package/lib/Buttongroup/Buttongroup.js +1 -14
  131. package/lib/Card/Card.js +1 -8
  132. package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  133. package/lib/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  134. package/lib/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  135. package/lib/CheckBox/CheckBox.js +1 -6
  136. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +88 -88
  137. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +45 -45
  138. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +24 -24
  139. package/lib/DateTime/DateWidget.js +0 -10
  140. package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  141. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +87 -87
  142. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  143. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +5 -5
  144. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +6 -6
  145. package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  146. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +25 -25
  147. package/lib/DropDown/DropDownHeading.js +1 -6
  148. package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  149. package/lib/Heading/Heading.js +1 -6
  150. package/lib/Label/Label.js +1 -6
  151. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +4 -4
  152. package/lib/ListItem/ListContainer.js +1 -7
  153. package/lib/ListItem/ListItem.js +1 -6
  154. package/lib/ListItem/ListItemWithAvatar.js +1 -6
  155. package/lib/ListItem/ListItemWithCheckBox.js +1 -6
  156. package/lib/ListItem/ListItemWithIcon.js +1 -6
  157. package/lib/ListItem/ListItemWithRadio.js +1 -6
  158. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  159. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  160. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  161. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -62
  162. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  163. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +62 -62
  164. package/lib/Modal/Modal.js +1 -8
  165. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +1 -7
  166. package/lib/MultiSelect/AdvancedMultiSelect.js +1 -9
  167. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +3 -3
  168. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  169. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  170. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +31 -31
  171. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +6 -6
  172. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  173. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  174. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  175. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +94 -94
  176. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  177. package/lib/RippleEffect/RippleEffect.js +1 -6
  178. package/lib/Select/GroupSelect.js +1 -9
  179. package/lib/Select/Select.js +1 -11
  180. package/lib/Select/SelectWithAvatar.js +1 -9
  181. package/lib/Select/SelectWithIcon.js +1 -7
  182. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +6 -6
  183. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +756 -756
  184. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  185. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +9 -9
  186. package/lib/Switch/Switch.js +1 -6
  187. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +44 -44
  188. package/lib/Tab/Tab.js +1 -6
  189. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  190. package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  191. package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  192. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +36 -36
  193. package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  194. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  195. package/lib/Tag/Tag.js +1 -6
  196. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +46 -46
  197. package/lib/TextBox/TextBox.js +1 -8
  198. package/lib/TextBoxIcon/TextBoxIcon.js +1 -8
  199. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +164 -164
  200. package/lib/Textarea/Textarea.js +1 -8
  201. package/lib/Tooltip/Tooltip.js +1 -8
  202. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -5
  203. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +1 -5
  204. package/lib/semantic/Button/Button.js +1 -6
  205. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +10 -10
  206. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  207. package/lib/v1/Button/Button.js +7 -12
  208. package/lib/v1/Button/README.md +3 -2
  209. package/lib/v1/Button/__tests__/Button.spec.js +66 -52
  210. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +298 -218
  211. package/lib/v1/Button/constants/index.js +31 -28
  212. package/lib/v1/Button/constants/presets.js +176 -0
  213. package/lib/v1/Button/css/Button_v1.module.css +17 -8
  214. package/lib/v1/Button/css/cssJSLogic.js +16 -15
  215. package/lib/v1/Button/props/defaultProps.js +4 -5
  216. package/lib/v1/Button/props/propTypes.js +27 -4
  217. package/lib/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  218. package/lib/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +14 -14
  219. package/lib/v1/helpers/colorHelpers/background/backgroundColor.module.css +5 -5
  220. package/lib/v1/helpers/colorHelpers/border/borderColor.module.css +5 -5
  221. package/lib/v1/helpers/colorHelpers/colorHelper.js +125 -153
  222. package/lib/v1/helpers/colorHelpers/constants/index.js +45 -4
  223. package/lib/v1/shared/{Loader/Loader.js → Spinner/Spinner.js} +8 -8
  224. package/lib/v1/shared/{Loader/__tests__/Loader.spec.js → Spinner/__tests__/Spinner.spec.js} +4 -4
  225. package/{es/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap → lib/v1/shared/Spinner/__tests__/__snapshots__/Spinner.spec.js.snap} +2 -2
  226. package/package.json +9 -9
  227. /package/es/v1/shared/{Loader/Loader_v1.module.css → Spinner/Spinner_v1.module.css} +0 -0
  228. /package/es/v1/shared/{Loader → Spinner}/props/defaultProps.js +0 -0
  229. /package/es/v1/shared/{Loader → Spinner}/props/propTypes.js +0 -0
  230. /package/lib/v1/shared/{Loader/Loader_v1.module.css → Spinner/Spinner_v1.module.css} +0 -0
  231. /package/lib/v1/shared/{Loader → Spinner}/props/defaultProps.js +0 -0
  232. /package/lib/v1/shared/{Loader → Spinner}/props/propTypes.js +0 -0
package/assets/Appearance/dark/themes/blue/blue_componentsCTA_DarkModifyCategory.module.css CHANGED
@@ -1,14 +1,14 @@
1
1
  [data-mode='dark'][data-theme='blue'], :global(.zd-blueDarkTheme) [data-theme="blue"] {
2
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(213, 27.27%, calc(23.73% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_40_bg_default: hsla(216, 22.98%, calc(31.57% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
- --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default_inverse: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_primary_hover_bg_default_inverse: hsla(213, 85.45%, calc(43.14% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_grey_15_bg_default_inverse_low: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdtm_cta_alpha_bg_default_inverse_lower: hsla(215, 28.16%, calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --zdtm_cta_primary_bg_default_inverse_low: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
- --zdtm_cta_primary_bg_default: hsla(212, 100.00%, calc(63.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_grey_40_bg_default_inverse_low: hsla(216, 22.98%, calc(31.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
- --zdtm_cta_primary_hover_bg_default: hsla(213, 85.45%, calc(43.14% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
2
+ --zdtm_cta_grey_10_bg_default_inverse_low: hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
+ --zdtm_cta_primary_light_bg_default_inverse_low: hsla(213, calc(var(--zd-saturation, 1) * 27.27%), calc(23.73% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdtm_cta_grey_40_bg_default: hsla(216, calc(var(--zd-saturation, 1) * 22.98%), calc(31.57% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
+ --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdtm_cta_primary_bg_default_inverse: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdtm_cta_primary_hover_bg_default_inverse: hsla(213, calc(var(--zd-saturation, 1) * 85.45%), calc(43.14% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdtm_cta_grey_15_bg_default_inverse_low: hsla(218, calc(var(--zd-saturation, 1) * 23.08%), calc(22.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdtm_cta_alpha_bg_default_inverse_lower: hsla(215, calc(var(--zd-saturation, 1) * 28.16%), calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --zdtm_cta_primary_bg_default_inverse_low: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
+ --zdtm_cta_primary_bg_default: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdtm_cta_grey_40_bg_default_inverse_low: hsla(216, calc(var(--zd-saturation, 1) * 22.98%), calc(31.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdtm_cta_primary_hover_bg_default: hsla(213, calc(var(--zd-saturation, 1) * 85.45%), calc(43.14% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
14
14
  }
package/assets/Appearance/dark/themes/green/green_componentsCTA_DarkModifyCategory.module.css CHANGED
@@ -1,14 +1,14 @@
1
1
  [data-mode='dark'][data-theme='green'] {
2
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(191, 21.65%, calc(19.02% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_40_bg_default: hsla(216, 22.98%, calc(31.57% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
- --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default_inverse: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_primary_hover_bg_default_inverse: hsla(128, 79.71%, calc(27.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_grey_15_bg_default_inverse_low: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdtm_cta_alpha_bg_default_inverse_lower: hsla(170, 22.94%, calc(21.37% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --zdtm_cta_primary_bg_default_inverse_low: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
- --zdtm_cta_primary_bg_default: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_grey_40_bg_default_inverse_low: hsla(216, 22.98%, calc(31.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
- --zdtm_cta_primary_hover_bg_default: hsla(128, 79.71%, calc(27.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
2
+ --zdtm_cta_grey_10_bg_default_inverse_low: hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
+ --zdtm_cta_primary_light_bg_default_inverse_low: hsla(191, calc(var(--zd-saturation, 1) * 21.65%), calc(19.02% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdtm_cta_grey_40_bg_default: hsla(216, calc(var(--zd-saturation, 1) * 22.98%), calc(31.57% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
+ --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdtm_cta_primary_bg_default_inverse: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdtm_cta_primary_hover_bg_default_inverse: hsla(128, calc(var(--zd-saturation, 1) * 79.71%), calc(27.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdtm_cta_grey_15_bg_default_inverse_low: hsla(218, calc(var(--zd-saturation, 1) * 23.08%), calc(22.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdtm_cta_alpha_bg_default_inverse_lower: hsla(170, calc(var(--zd-saturation, 1) * 22.94%), calc(21.37% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --zdtm_cta_primary_bg_default_inverse_low: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
+ --zdtm_cta_primary_bg_default: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdtm_cta_grey_40_bg_default_inverse_low: hsla(216, calc(var(--zd-saturation, 1) * 22.98%), calc(31.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdtm_cta_primary_hover_bg_default: hsla(128, calc(var(--zd-saturation, 1) * 79.71%), calc(27.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
14
14
  }
package/assets/Appearance/dark/themes/orange/orange_componentsCTA_DarkModifyCategory.module.css CHANGED
@@ -1,14 +1,14 @@
1
1
  [data-mode='dark'][data-theme='orange'] {
2
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(252, 4.85%, calc(20.20% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_40_bg_default: hsla(216, 22.98%, calc(31.57% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
- --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default_inverse: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_primary_hover_bg_default_inverse: hsla(29, 100.00%, calc(32.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_grey_15_bg_default_inverse_low: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdtm_cta_alpha_bg_default_inverse_lower: hsla(340, 5.56%, calc(21.18% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --zdtm_cta_primary_bg_default_inverse_low: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
- --zdtm_cta_primary_bg_default: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_grey_40_bg_default_inverse_low: hsla(216, 22.98%, calc(31.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
- --zdtm_cta_primary_hover_bg_default: hsla(29, 100.00%, calc(32.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
2
+ --zdtm_cta_grey_10_bg_default_inverse_low: hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
+ --zdtm_cta_primary_light_bg_default_inverse_low: hsla(252, calc(var(--zd-saturation, 1) * 4.85%), calc(20.20% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdtm_cta_grey_40_bg_default: hsla(216, calc(var(--zd-saturation, 1) * 22.98%), calc(31.57% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
+ --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdtm_cta_primary_bg_default_inverse: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdtm_cta_primary_hover_bg_default_inverse: hsla(29, calc(var(--zd-saturation, 1) * 100.00%), calc(32.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdtm_cta_grey_15_bg_default_inverse_low: hsla(218, calc(var(--zd-saturation, 1) * 23.08%), calc(22.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdtm_cta_alpha_bg_default_inverse_lower: hsla(340, calc(var(--zd-saturation, 1) * 5.56%), calc(21.18% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --zdtm_cta_primary_bg_default_inverse_low: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
+ --zdtm_cta_primary_bg_default: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdtm_cta_grey_40_bg_default_inverse_low: hsla(216, calc(var(--zd-saturation, 1) * 22.98%), calc(31.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdtm_cta_primary_hover_bg_default: hsla(29, calc(var(--zd-saturation, 1) * 100.00%), calc(32.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
14
14
  }
package/assets/Appearance/dark/themes/red/red_componentsCTA_DarkModifyCategory.module.css CHANGED
@@ -1,14 +1,14 @@
1
1
  [data-mode='dark'][data-theme='red'] {
2
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(258, 12.62%, calc(20.20% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_40_bg_default: hsla(216, 22.98%, calc(31.57% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
- --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default_inverse: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_primary_hover_bg_default_inverse: hsla(0, 81.62%, calc(36.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_grey_15_bg_default_inverse_low: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdtm_cta_alpha_bg_default_inverse_lower: hsla(284, 10.48%, calc(20.59% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --zdtm_cta_primary_bg_default_inverse_low: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
- --zdtm_cta_primary_bg_default: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_grey_40_bg_default_inverse_low: hsla(216, 22.98%, calc(31.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
- --zdtm_cta_primary_hover_bg_default: hsla(0, 81.62%, calc(36.27% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
2
+ --zdtm_cta_grey_10_bg_default_inverse_low: hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
+ --zdtm_cta_primary_light_bg_default_inverse_low: hsla(258, calc(var(--zd-saturation, 1) * 12.62%), calc(20.20% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdtm_cta_grey_40_bg_default: hsla(216, calc(var(--zd-saturation, 1) * 22.98%), calc(31.57% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
+ --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdtm_cta_primary_bg_default_inverse: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdtm_cta_primary_hover_bg_default_inverse: hsla(0, calc(var(--zd-saturation, 1) * 81.62%), calc(36.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdtm_cta_grey_15_bg_default_inverse_low: hsla(218, calc(var(--zd-saturation, 1) * 23.08%), calc(22.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdtm_cta_alpha_bg_default_inverse_lower: hsla(284, calc(var(--zd-saturation, 1) * 10.48%), calc(20.59% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --zdtm_cta_primary_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
+ --zdtm_cta_primary_bg_default: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdtm_cta_grey_40_bg_default_inverse_low: hsla(216, calc(var(--zd-saturation, 1) * 22.98%), calc(31.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdtm_cta_primary_hover_bg_default: hsla(0, calc(var(--zd-saturation, 1) * 81.62%), calc(36.27% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
14
14
  }
package/assets/Appearance/dark/themes/yellow/yellow_componentsCTA_DarkModifyCategory.module.css CHANGED
@@ -1,14 +1,14 @@
1
1
  [data-mode='dark'][data-theme='yellow'] {
2
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(218, 7.69%, calc(20.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_40_bg_default: hsla(216, 22.98%, calc(31.57% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
- --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default_inverse: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_primary_hover_bg_default_inverse: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_grey_15_bg_default_inverse_low: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdtm_cta_alpha_bg_default_inverse_lower: hsla(220, 2.75%, calc(21.37% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --zdtm_cta_primary_bg_default_inverse_low: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
- --zdtm_cta_primary_bg_default: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_grey_40_bg_default_inverse_low: hsla(216, 22.98%, calc(31.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
- --zdtm_cta_primary_hover_bg_default: hsla(39, 90.18%, calc(31.96% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
2
+ --zdtm_cta_grey_10_bg_default_inverse_low: hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
+ --zdtm_cta_primary_light_bg_default_inverse_low: hsla(218, calc(var(--zd-saturation, 1) * 7.69%), calc(20.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdtm_cta_grey_40_bg_default: hsla(216, calc(var(--zd-saturation, 1) * 22.98%), calc(31.57% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
+ --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdtm_cta_primary_bg_default_inverse: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdtm_cta_primary_hover_bg_default_inverse: hsla(39, calc(var(--zd-saturation, 1) * 90.18%), calc(31.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdtm_cta_grey_15_bg_default_inverse_low: hsla(218, calc(var(--zd-saturation, 1) * 23.08%), calc(22.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdtm_cta_alpha_bg_default_inverse_lower: hsla(220, calc(var(--zd-saturation, 1) * 2.75%), calc(21.37% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --zdtm_cta_primary_bg_default_inverse_low: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
+ --zdtm_cta_primary_bg_default: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdtm_cta_grey_40_bg_default_inverse_low: hsla(216, calc(var(--zd-saturation, 1) * 22.98%), calc(31.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdtm_cta_primary_hover_bg_default: hsla(39, calc(var(--zd-saturation, 1) * 90.18%), calc(31.96% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
14
14
  }
package/assets/Appearance/light/themes/blue/blue_componentsCTA_LightModifyCategory.module.css CHANGED
@@ -1,14 +1,14 @@
1
1
  [data-mode='light'][data-theme='blue'], :global(.zd-blueLightTheme) [data-theme="blue"] {
2
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(216, 38.46%, calc(97.45% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(212, 86.67%, calc(97.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_40_bg_default: hsla(231, 22.22%, calc(82.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
- --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(216, 38.46%, calc(97.45% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default_inverse: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_primary_hover_bg_default_inverse: hsla(213, 100.00%, calc(36.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_grey_15_bg_default_inverse_low: hsla(210, 33.33%, calc(94.12% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdtm_cta_alpha_bg_default_inverse_lower: hsla(213, 84.62%, calc(94.90% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --zdtm_cta_primary_bg_default_inverse_low: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
- --zdtm_cta_primary_bg_default: hsla(212, 91.84%, calc(48.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_grey_40_bg_default_inverse_low: hsla(231, 22.22%, calc(82.35% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
- --zdtm_cta_primary_hover_bg_default: hsla(213, 100.00%, calc(36.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
2
+ --zdtm_cta_grey_10_bg_default_inverse_low: hsla(216, calc(var(--zd-saturation, 1) * 38.46%), calc(97.45% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
+ --zdtm_cta_primary_light_bg_default_inverse_low: hsla(212, calc(var(--zd-saturation, 1) * 86.67%), calc(97.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdtm_cta_grey_40_bg_default: hsla(231, calc(var(--zd-saturation, 1) * 22.22%), calc(82.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
+ --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(216, calc(var(--zd-saturation, 1) * 38.46%), calc(97.45% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdtm_cta_primary_bg_default_inverse: hsla(212, calc(var(--zd-saturation, 1) * 91.84%), calc(48.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdtm_cta_primary_hover_bg_default_inverse: hsla(213, calc(var(--zd-saturation, 1) * 100.00%), calc(36.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdtm_cta_grey_15_bg_default_inverse_low: hsla(210, calc(var(--zd-saturation, 1) * 33.33%), calc(94.12% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdtm_cta_alpha_bg_default_inverse_lower: hsla(213, calc(var(--zd-saturation, 1) * 84.62%), calc(94.90% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --zdtm_cta_primary_bg_default_inverse_low: hsla(212, calc(var(--zd-saturation, 1) * 91.84%), calc(48.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
+ --zdtm_cta_primary_bg_default: hsla(212, calc(var(--zd-saturation, 1) * 91.84%), calc(48.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdtm_cta_grey_40_bg_default_inverse_low: hsla(231, calc(var(--zd-saturation, 1) * 22.22%), calc(82.35% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdtm_cta_primary_hover_bg_default: hsla(213, calc(var(--zd-saturation, 1) * 100.00%), calc(36.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
14
14
  }
package/assets/Appearance/light/themes/green/green_componentsCTA_LightModifyCategory.module.css CHANGED
@@ -1,14 +1,14 @@
1
1
  [data-mode='light'][data-theme='green'] {
2
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(165, 28.57%, calc(97.25% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(143, 44.44%, calc(96.47% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_40_bg_default: hsla(135, 7.41%, calc(78.82% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
- --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(165, 28.57%, calc(97.25% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default_inverse: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_primary_hover_bg_default_inverse: hsla(134, 78.63%, calc(25.69% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_grey_15_bg_default_inverse_low: hsla(135, 13.33%, calc(94.12% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdtm_cta_alpha_bg_default_inverse_lower: hsla(132, 43.33%, calc(88.24% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --zdtm_cta_primary_bg_default_inverse_low: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
- --zdtm_cta_primary_bg_default: hsla(133, 63.29%, calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_grey_40_bg_default_inverse_low: hsla(135, 7.41%, calc(78.82% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
- --zdtm_cta_primary_hover_bg_default: hsla(134, 78.63%, calc(25.69% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
2
+ --zdtm_cta_grey_10_bg_default_inverse_low: hsla(165, calc(var(--zd-saturation, 1) * 28.57%), calc(97.25% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
+ --zdtm_cta_primary_light_bg_default_inverse_low: hsla(143, calc(var(--zd-saturation, 1) * 44.44%), calc(96.47% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdtm_cta_grey_40_bg_default: hsla(135, calc(var(--zd-saturation, 1) * 7.41%), calc(78.82% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
+ --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(165, calc(var(--zd-saturation, 1) * 28.57%), calc(97.25% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdtm_cta_primary_bg_default_inverse: hsla(133, calc(var(--zd-saturation, 1) * 63.29%), calc(40.59% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdtm_cta_primary_hover_bg_default_inverse: hsla(134, calc(var(--zd-saturation, 1) * 78.63%), calc(25.69% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdtm_cta_grey_15_bg_default_inverse_low: hsla(135, calc(var(--zd-saturation, 1) * 13.33%), calc(94.12% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdtm_cta_alpha_bg_default_inverse_lower: hsla(132, calc(var(--zd-saturation, 1) * 43.33%), calc(88.24% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --zdtm_cta_primary_bg_default_inverse_low: hsla(133, calc(var(--zd-saturation, 1) * 63.29%), calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
+ --zdtm_cta_primary_bg_default: hsla(133, calc(var(--zd-saturation, 1) * 63.29%), calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdtm_cta_grey_40_bg_default_inverse_low: hsla(135, calc(var(--zd-saturation, 1) * 7.41%), calc(78.82% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdtm_cta_primary_hover_bg_default: hsla(134, calc(var(--zd-saturation, 1) * 78.63%), calc(25.69% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
14
14
  }
package/assets/Appearance/light/themes/orange/orange_componentsCTA_LightModifyCategory.module.css CHANGED
@@ -1,14 +1,14 @@
1
1
  [data-mode='light'][data-theme='orange'] {
2
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(20, 20.00%, calc(97.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(26, 77.78%, calc(96.47% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_40_bg_default: hsla(27, 10.68%, calc(79.80% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
- --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(20, 20.00%, calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default_inverse: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_primary_hover_bg_default_inverse: hsla(30, 100.00%, calc(34.90% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_grey_15_bg_default_inverse_low: hsla(24, 27.78%, calc(92.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdtm_cta_alpha_bg_default_inverse_lower: hsla(28, 80.39%, calc(90.00% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --zdtm_cta_primary_bg_default_inverse_low: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
- --zdtm_cta_primary_bg_default: hsla(28, 81.75%, calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_grey_40_bg_default_inverse_low: hsla(27, 10.68%, calc(79.80% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
- --zdtm_cta_primary_hover_bg_default: hsla(30, 100.00%, calc(34.90% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
2
+ --zdtm_cta_grey_10_bg_default_inverse_low: hsla(20, calc(var(--zd-saturation, 1) * 20.00%), calc(97.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
+ --zdtm_cta_primary_light_bg_default_inverse_low: hsla(26, calc(var(--zd-saturation, 1) * 77.78%), calc(96.47% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdtm_cta_grey_40_bg_default: hsla(27, calc(var(--zd-saturation, 1) * 10.68%), calc(79.80% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
+ --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(20, calc(var(--zd-saturation, 1) * 20.00%), calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdtm_cta_primary_bg_default_inverse: hsla(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdtm_cta_primary_hover_bg_default_inverse: hsla(30, calc(var(--zd-saturation, 1) * 100.00%), calc(34.90% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdtm_cta_grey_15_bg_default_inverse_low: hsla(24, calc(var(--zd-saturation, 1) * 27.78%), calc(92.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdtm_cta_alpha_bg_default_inverse_lower: hsla(28, calc(var(--zd-saturation, 1) * 80.39%), calc(90.00% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --zdtm_cta_primary_bg_default_inverse_low: hsla(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
+ --zdtm_cta_primary_bg_default: hsla(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdtm_cta_grey_40_bg_default_inverse_low: hsla(27, calc(var(--zd-saturation, 1) * 10.68%), calc(79.80% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdtm_cta_primary_hover_bg_default: hsla(30, calc(var(--zd-saturation, 1) * 100.00%), calc(34.90% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
14
14
  }
package/assets/Appearance/light/themes/red/red_componentsCTA_LightModifyCategory.module.css CHANGED
@@ -1,14 +1,14 @@
1
1
  [data-mode='light'][data-theme='red'] {
2
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(340, 20.00%, calc(97.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(0, 71.43%, calc(97.25% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_40_bg_default: hsla(343, 4.76%, calc(71.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
- --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(340, 20.00%, calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default_inverse: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_primary_hover_bg_default_inverse: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_grey_15_bg_default_inverse_low: hsla(0, 12.20%, calc(91.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdtm_cta_alpha_bg_default_inverse_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --zdtm_cta_primary_bg_default_inverse_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
- --zdtm_cta_primary_bg_default: hsla(0, 71.91%, calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_grey_40_bg_default_inverse_low: hsla(343, 4.76%, calc(71.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
- --zdtm_cta_primary_hover_bg_default: hsla(1, 75.38%, calc(38.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
2
+ --zdtm_cta_grey_10_bg_default_inverse_low: hsla(340, calc(var(--zd-saturation, 1) * 20.00%), calc(97.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
+ --zdtm_cta_primary_light_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 71.43%), calc(97.25% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdtm_cta_grey_40_bg_default: hsla(343, calc(var(--zd-saturation, 1) * 4.76%), calc(71.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
+ --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(340, calc(var(--zd-saturation, 1) * 20.00%), calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdtm_cta_primary_bg_default_inverse: hsla(0, calc(var(--zd-saturation, 1) * 71.91%), calc(53.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdtm_cta_primary_hover_bg_default_inverse: hsla(1, calc(var(--zd-saturation, 1) * 75.38%), calc(38.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdtm_cta_grey_15_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 12.20%), calc(91.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdtm_cta_alpha_bg_default_inverse_lower: hsla(0, calc(var(--zd-saturation, 1) * 70.21%), calc(90.78% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --zdtm_cta_primary_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 71.91%), calc(53.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
+ --zdtm_cta_primary_bg_default: hsla(0, calc(var(--zd-saturation, 1) * 71.91%), calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdtm_cta_grey_40_bg_default_inverse_low: hsla(343, calc(var(--zd-saturation, 1) * 4.76%), calc(71.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdtm_cta_primary_hover_bg_default: hsla(1, calc(var(--zd-saturation, 1) * 75.38%), calc(38.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
14
14
  }
package/assets/Appearance/light/themes/yellow/yellow_componentsCTA_LightModifyCategory.module.css CHANGED
@@ -1,14 +1,14 @@
1
1
  [data-mode='light'][data-theme='yellow'] {
2
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(60, 12.50%, calc(96.86% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(45, 83.33%, calc(95.29% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_40_bg_default: hsla(45, 28.17%, calc(72.16% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
- --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(60, 12.50%, calc(96.86% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default_inverse: hsla(46, 81.07%, calc(52.35% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_primary_hover_bg_default_inverse: hsla(48, 100.00%, calc(35.49% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_grey_15_bg_default_inverse_low: hsla(60, 21.74%, calc(90.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdtm_cta_alpha_bg_default_inverse_lower: hsla(46, 80.82%, calc(85.69% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --zdtm_cta_primary_bg_default_inverse_low: hsla(46, 81.07%, calc(52.35% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
- --zdtm_cta_primary_bg_default: hsla(46, 81.07%, calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_grey_40_bg_default_inverse_low: hsla(45, 28.17%, calc(72.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
- --zdtm_cta_primary_hover_bg_default: hsla(48, 100.00%, calc(35.49% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
2
+ --zdtm_cta_grey_10_bg_default_inverse_low: hsla(60, calc(var(--zd-saturation, 1) * 12.50%), calc(96.86% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
+ --zdtm_cta_primary_light_bg_default_inverse_low: hsla(45, calc(var(--zd-saturation, 1) * 83.33%), calc(95.29% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdtm_cta_grey_40_bg_default: hsla(45, calc(var(--zd-saturation, 1) * 28.17%), calc(72.16% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
+ --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(60, calc(var(--zd-saturation, 1) * 12.50%), calc(96.86% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdtm_cta_primary_bg_default_inverse: hsla(46, calc(var(--zd-saturation, 1) * 81.07%), calc(52.35% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdtm_cta_primary_hover_bg_default_inverse: hsla(48, calc(var(--zd-saturation, 1) * 100.00%), calc(35.49% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdtm_cta_grey_15_bg_default_inverse_low: hsla(60, calc(var(--zd-saturation, 1) * 21.74%), calc(90.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdtm_cta_alpha_bg_default_inverse_lower: hsla(46, calc(var(--zd-saturation, 1) * 80.82%), calc(85.69% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --zdtm_cta_primary_bg_default_inverse_low: hsla(46, calc(var(--zd-saturation, 1) * 81.07%), calc(52.35% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
+ --zdtm_cta_primary_bg_default: hsla(46, calc(var(--zd-saturation, 1) * 81.07%), calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdtm_cta_grey_40_bg_default_inverse_low: hsla(45, calc(var(--zd-saturation, 1) * 28.17%), calc(72.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdtm_cta_primary_hover_bg_default: hsla(48, calc(var(--zd-saturation, 1) * 100.00%), calc(35.49% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
14
14
  }
package/assets/Appearance/pureDark/themes/blue/blue_componentsCTA_PureDarkModifyCategory.module.css CHANGED
@@ -1,14 +1,14 @@
1
1
  [data-mode='pureDark'][data-theme='blue'], :global(.zd-bluePureDarkTheme) [data-theme="blue"] {
2
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(213, 19.57%, calc(18.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_40_bg_default: hsla(0, 0.00%, calc(34.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
- --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default_inverse: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_primary_hover_bg_default_inverse: hsla(213, 85.45%, calc(43.14% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_grey_15_bg_default_inverse_low: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdtm_cta_alpha_bg_default_inverse_lower: hsla(215, 28.16%, calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --zdtm_cta_primary_bg_default_inverse_low: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
- --zdtm_cta_primary_bg_default: hsla(212, 100.00%, calc(63.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_grey_40_bg_default_inverse_low: hsla(0, 0.00%, calc(34.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
- --zdtm_cta_primary_hover_bg_default: hsla(213, 85.45%, calc(43.14% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
2
+ --zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
+ --zdtm_cta_primary_light_bg_default_inverse_low: hsla(213, calc(var(--zd-saturation, 1) * 19.57%), calc(18.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdtm_cta_grey_40_bg_default: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
+ --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdtm_cta_primary_bg_default_inverse: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdtm_cta_primary_hover_bg_default_inverse: hsla(213, calc(var(--zd-saturation, 1) * 85.45%), calc(43.14% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdtm_cta_grey_15_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdtm_cta_alpha_bg_default_inverse_lower: hsla(215, calc(var(--zd-saturation, 1) * 28.16%), calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --zdtm_cta_primary_bg_default_inverse_low: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
+ --zdtm_cta_primary_bg_default: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdtm_cta_grey_40_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdtm_cta_primary_hover_bg_default: hsla(213, calc(var(--zd-saturation, 1) * 85.45%), calc(43.14% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
14
14
  }
package/assets/Appearance/pureDark/themes/green/green_componentsCTA_PureDarkModifyCategory.module.css CHANGED
@@ -1,14 +1,14 @@
1
1
  [data-mode='pureDark'][data-theme='green'] {
2
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(133, 10.84%, calc(16.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_40_bg_default: hsla(0, 0.00%, calc(34.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
- --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default_inverse: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_primary_hover_bg_default_inverse: hsla(128, 79.71%, calc(27.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_grey_15_bg_default_inverse_low: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdtm_cta_alpha_bg_default_inverse_lower: hsla(170, 22.94%, calc(21.37% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --zdtm_cta_primary_bg_default_inverse_low: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
- --zdtm_cta_primary_bg_default: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_grey_40_bg_default_inverse_low: hsla(0, 0.00%, calc(34.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
- --zdtm_cta_primary_hover_bg_default: hsla(128, 79.71%, calc(27.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
2
+ --zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
+ --zdtm_cta_primary_light_bg_default_inverse_low: hsla(133, calc(var(--zd-saturation, 1) * 10.84%), calc(16.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdtm_cta_grey_40_bg_default: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
+ --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdtm_cta_primary_bg_default_inverse: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdtm_cta_primary_hover_bg_default_inverse: hsla(128, calc(var(--zd-saturation, 1) * 79.71%), calc(27.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdtm_cta_grey_15_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdtm_cta_alpha_bg_default_inverse_lower: hsla(170, calc(var(--zd-saturation, 1) * 22.94%), calc(21.37% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --zdtm_cta_primary_bg_default_inverse_low: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
+ --zdtm_cta_primary_bg_default: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdtm_cta_grey_40_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdtm_cta_primary_hover_bg_default: hsla(128, calc(var(--zd-saturation, 1) * 79.71%), calc(27.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
14
14
  }
package/assets/Appearance/pureDark/themes/orange/orange_componentsCTA_PureDarkModifyCategory.module.css CHANGED
@@ -1,14 +1,14 @@
1
1
  [data-mode='pureDark'][data-theme='orange'] {
2
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(26, 19.51%, calc(16.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_40_bg_default: hsla(0, 0.00%, calc(34.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
- --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default_inverse: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_primary_hover_bg_default_inverse: hsla(29, 100.00%, calc(32.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_grey_15_bg_default_inverse_low: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdtm_cta_alpha_bg_default_inverse_lower: hsla(340, 5.56%, calc(21.18% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --zdtm_cta_primary_bg_default_inverse_low: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
- --zdtm_cta_primary_bg_default: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_grey_40_bg_default_inverse_low: hsla(0, 0.00%, calc(34.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
- --zdtm_cta_primary_hover_bg_default: hsla(29, 100.00%, calc(32.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
2
+ --zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
+ --zdtm_cta_primary_light_bg_default_inverse_low: hsla(26, calc(var(--zd-saturation, 1) * 19.51%), calc(16.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdtm_cta_grey_40_bg_default: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
+ --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdtm_cta_primary_bg_default_inverse: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdtm_cta_primary_hover_bg_default_inverse: hsla(29, calc(var(--zd-saturation, 1) * 100.00%), calc(32.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdtm_cta_grey_15_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdtm_cta_alpha_bg_default_inverse_lower: hsla(340, calc(var(--zd-saturation, 1) * 5.56%), calc(21.18% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --zdtm_cta_primary_bg_default_inverse_low: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
+ --zdtm_cta_primary_bg_default: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdtm_cta_grey_40_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdtm_cta_primary_hover_bg_default: hsla(29, calc(var(--zd-saturation, 1) * 100.00%), calc(32.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
14
14
  }
package/assets/Appearance/pureDark/themes/red/red_componentsCTA_PureDarkModifyCategory.module.css CHANGED
@@ -1,14 +1,14 @@
1
1
  [data-mode='pureDark'][data-theme='red'] {
2
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(0, 13.25%, calc(16.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_40_bg_default: hsla(0, 0.00%, calc(34.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
- --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default_inverse: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_primary_hover_bg_default_inverse: hsla(0, 81.62%, calc(36.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_grey_15_bg_default_inverse_low: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdtm_cta_alpha_bg_default_inverse_lower: hsla(284, 10.48%, calc(20.59% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --zdtm_cta_primary_bg_default_inverse_low: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
- --zdtm_cta_primary_bg_default: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_grey_40_bg_default_inverse_low: hsla(0, 0.00%, calc(34.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
- --zdtm_cta_primary_hover_bg_default: hsla(0, 81.62%, calc(36.27% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
2
+ --zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
+ --zdtm_cta_primary_light_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 13.25%), calc(16.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdtm_cta_grey_40_bg_default: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
+ --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdtm_cta_primary_bg_default_inverse: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdtm_cta_primary_hover_bg_default_inverse: hsla(0, calc(var(--zd-saturation, 1) * 81.62%), calc(36.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdtm_cta_grey_15_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdtm_cta_alpha_bg_default_inverse_lower: hsla(284, calc(var(--zd-saturation, 1) * 10.48%), calc(20.59% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --zdtm_cta_primary_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
+ --zdtm_cta_primary_bg_default: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdtm_cta_grey_40_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdtm_cta_primary_hover_bg_default: hsla(0, calc(var(--zd-saturation, 1) * 81.62%), calc(36.27% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
14
14
  }
package/assets/Appearance/pureDark/themes/yellow/yellow_componentsCTA_PureDarkModifyCategory.module.css CHANGED
@@ -1,14 +1,14 @@
1
1
  [data-mode='pureDark'][data-theme='yellow'] {
2
- --zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
- --zdtm_cta_primary_light_bg_default_inverse_low: hsla(35, 15.00%, calc(15.69% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdtm_cta_grey_40_bg_default: hsla(0, 0.00%, calc(34.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
- --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --zdtm_cta_primary_bg_default_inverse: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
- --zdtm_cta_primary_hover_bg_default_inverse: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
- --zdtm_cta_grey_15_bg_default_inverse_low: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdtm_cta_alpha_bg_default_inverse_lower: hsla(220, 2.75%, calc(21.37% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --zdtm_cta_primary_bg_default_inverse_low: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
- --zdtm_cta_primary_bg_default: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
- --zdtm_cta_grey_40_bg_default_inverse_low: hsla(0, 0.00%, calc(34.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
- --zdtm_cta_primary_hover_bg_default: hsla(39, 90.18%, calc(31.96% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
2
+ --zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
+ --zdtm_cta_primary_light_bg_default_inverse_low: hsla(35, calc(var(--zd-saturation, 1) * 15.00%), calc(15.69% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdtm_cta_grey_40_bg_default: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
5
+ --zdtm_cta_grey_10_bg_default_inverse_lower: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdtm_cta_primary_bg_default_inverse: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdtm_cta_primary_hover_bg_default_inverse: hsla(39, calc(var(--zd-saturation, 1) * 90.18%), calc(31.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdtm_cta_grey_15_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdtm_cta_alpha_bg_default_inverse_lower: hsla(220, calc(var(--zd-saturation, 1) * 2.75%), calc(21.37% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
+ --zdtm_cta_primary_bg_default_inverse_low: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
11
+ --zdtm_cta_primary_bg_default: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdtm_cta_grey_40_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdtm_cta_primary_hover_bg_default: hsla(39, calc(var(--zd-saturation, 1) * 90.18%), calc(31.96% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
14
14
  }
package/es/Accordion/Accordion.js CHANGED
@@ -78,9 +78,4 @@ export default class Accordion extends React.Component {
78
78
 
79
79
  }
80
80
  Accordion.propTypes = Accordion_propTypes;
81
- Accordion.defaultProps = Accordion_defaultProps; // if (__DOCS__) {
82
- // Accordion.docs = {
83
- // componentGroup: 'Animation',
84
- // folderName: 'Style Guide'
85
- // };
86
- // }
81
+ Accordion.defaultProps = Accordion_defaultProps;
package/es/Accordion/AccordionItem.js CHANGED
@@ -56,9 +56,4 @@ export default class AccordionItem extends React.Component {
56
56
 
57
57
  }
58
58
  AccordionItem.propTypes = AccordionItem_propTypes;
59
- AccordionItem.defaultProps = AccordionItem_defaultProps; // if (__DOCS__) {
60
- // AccordionItem.docs = {
61
- // componentGroup: 'Animation',
62
- // folderName: 'Style Guide'
63
- // };
64
- // }
59
+ AccordionItem.defaultProps = AccordionItem_defaultProps;
package/es/Animation/Animation.js CHANGED
@@ -42,11 +42,4 @@ export default class Animation extends React.Component {
42
42
 
43
43
  }
44
44
  Animation.propTypes = propTypes;
45
- Animation.defaultProps = defaultProps; // if (__DOCS__) {
46
- // Animation.docs = {
47
- // componentGroup: 'Animation',
48
- // folderName: 'Style Guide',
49
- // external: true,
50
- // description: ' '
51
- // };
52
- // }
45
+ Animation.defaultProps = defaultProps;
package/es/AppContainer/AppContainer.js CHANGED
@@ -132,9 +132,4 @@ export default class AppContainer extends React.Component {
132
132
 
133
133
  }
134
134
  AppContainer.propTypes = propTypes;
135
- AppContainer.defaultProps = defaultProps; // if (__DOCS__) {
136
- // AppContainer.docs = {
137
- // componentGroup: 'Template',
138
- // folderName: 'Style Guide'
139
- // };
140
- // }
135
+ AppContainer.defaultProps = defaultProps;