@zohodesk/components 1.2.21 → 1.2.23

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 (664) hide show
  1. package/.DS_Store +0 -0
  2. package/.cli/PropLessFiles.html +1 -1
  3. package/.cli/propValidation_report.html +1 -1
  4. package/.cli/stringContains.js +1 -0
  5. package/README.md +10 -0
  6. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +15 -0
  7. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +1 -0
  8. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +15 -0
  9. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +1 -0
  10. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +15 -0
  11. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +1 -0
  12. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +15 -0
  13. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +1 -0
  14. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +15 -0
  15. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +1 -0
  16. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +15 -0
  17. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +1 -0
  18. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +15 -0
  19. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +1 -0
  20. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +15 -0
  21. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +1 -0
  22. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +15 -0
  23. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +1 -0
  24. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +15 -0
  25. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +1 -0
  26. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +15 -0
  27. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +1 -0
  28. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +15 -0
  29. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +1 -0
  30. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +15 -0
  31. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +1 -0
  32. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +15 -0
  33. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +1 -0
  34. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +15 -0
  35. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +1 -0
  36. package/es/Accordion/Accordion.js +3 -7
  37. package/es/Accordion/AccordionItem.js +2 -4
  38. package/es/Animation/Animation.js +3 -3
  39. package/es/AppContainer/AppContainer.js +3 -14
  40. package/es/AppContainer/AppContainer.module.css +2 -2
  41. package/es/Avatar/Avatar.js +11 -23
  42. package/es/Avatar/Avatar.module.css +18 -18
  43. package/es/AvatarTeam/AvatarTeam.js +3 -3
  44. package/es/AvatarTeam/AvatarTeam.module.css +37 -35
  45. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +2 -1
  46. package/es/Button/Button.js +3 -4
  47. package/es/Button/css/Button.module.css +70 -70
  48. package/es/Buttongroup/Buttongroup.js +3 -3
  49. package/es/Buttongroup/Buttongroup.module.css +15 -13
  50. package/es/Card/Card.js +10 -21
  51. package/es/CheckBox/CheckBox.js +3 -5
  52. package/es/CheckBox/CheckBox.module.css +16 -16
  53. package/es/DateTime/CalendarView.js +20 -32
  54. package/es/DateTime/DateTime.js +6 -69
  55. package/es/DateTime/DateTime.module.css +40 -40
  56. package/es/DateTime/DateTimePopupFooter.js +1 -4
  57. package/es/DateTime/DateTimePopupHeader.js +2 -8
  58. package/es/DateTime/DateWidget.js +35 -98
  59. package/es/DateTime/DateWidget.module.css +5 -5
  60. package/es/DateTime/DaysRow.js +1 -4
  61. package/es/DateTime/Time.js +1 -10
  62. package/es/DateTime/YearView.js +4 -28
  63. package/es/DateTime/YearView.module.css +15 -15
  64. package/es/DateTime/common.js +0 -3
  65. package/es/DateTime/constants.js +0 -1
  66. package/es/DateTime/dateFormatUtils/dateFormat.js +30 -65
  67. package/es/DateTime/dateFormatUtils/dateFormats.js +1 -0
  68. package/es/DateTime/dateFormatUtils/dayChange.js +4 -13
  69. package/es/DateTime/dateFormatUtils/index.js +1 -31
  70. package/es/DateTime/dateFormatUtils/monthChange.js +0 -8
  71. package/es/DateTime/dateFormatUtils/timeChange.js +6 -22
  72. package/es/DateTime/dateFormatUtils/yearChange.js +2 -11
  73. package/es/DateTime/objectUtils.js +20 -14
  74. package/es/DateTime/typeChecker.js +0 -3
  75. package/es/DateTime/validator.js +6 -58
  76. package/es/DropBox/DropBox.js +2 -6
  77. package/es/DropBox/DropBoxElement/DropBoxElement.js +2 -8
  78. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +76 -73
  79. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +3 -5
  80. package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +0 -3
  81. package/es/DropBox/css/DropBox.module.css +6 -6
  82. package/es/DropBox/props/defaultProps.js +2 -1
  83. package/es/DropBox/props/propTypes.js +2 -1
  84. package/es/DropDown/DropDown.js +1 -7
  85. package/es/DropDown/DropDown.module.css +2 -2
  86. package/es/DropDown/DropDownHeading.js +5 -4
  87. package/es/DropDown/DropDownHeading.module.css +6 -6
  88. package/es/DropDown/DropDownItem.js +0 -6
  89. package/es/DropDown/DropDownItem.module.css +12 -12
  90. package/es/DropDown/DropDownSearch.js +0 -4
  91. package/es/DropDown/DropDownSearch.module.css +3 -3
  92. package/es/DropDown/DropDownSeparator.js +0 -1
  93. package/es/DropDown/DropDownSeparator.module.css +2 -2
  94. package/es/DropDown/props/propTypes.js +2 -1
  95. package/es/Heading/Heading.js +3 -2
  96. package/es/Heading/Heading.module.css +2 -2
  97. package/es/Label/Label.js +3 -2
  98. package/es/Label/Label.module.css +5 -5
  99. package/es/Label/__tests__/Label.spec.js +2 -1
  100. package/es/Layout/Box.js +2 -15
  101. package/es/Layout/Container.js +3 -14
  102. package/es/Layout/Layout.module.css +15 -15
  103. package/es/Layout/index.js +2 -1
  104. package/es/Layout/utils.js +0 -1
  105. package/es/ListItem/ListContainer.js +3 -8
  106. package/es/ListItem/ListItem.js +3 -9
  107. package/es/ListItem/ListItem.module.css +38 -27
  108. package/es/ListItem/ListItemWithAvatar.js +3 -9
  109. package/es/ListItem/ListItemWithCheckBox.js +2 -7
  110. package/es/ListItem/ListItemWithIcon.js +3 -8
  111. package/es/ListItem/ListItemWithRadio.js +3 -7
  112. package/es/Modal/Modal.js +11 -28
  113. package/es/MultiSelect/AdvancedGroupMultiSelect.js +13 -89
  114. package/es/MultiSelect/AdvancedMultiSelect.js +9 -32
  115. package/es/MultiSelect/EmptyState.js +0 -2
  116. package/es/MultiSelect/MobileHeader/MobileHeader.module.css +5 -5
  117. package/es/MultiSelect/MultiSelect.js +30 -99
  118. package/es/MultiSelect/MultiSelect.module.css +31 -31
  119. package/es/MultiSelect/MultiSelectHeader.js +0 -3
  120. package/es/MultiSelect/MultiSelectWithAvatar.js +3 -10
  121. package/es/MultiSelect/SelectedOptions.js +3 -6
  122. package/es/MultiSelect/SelectedOptions.module.css +5 -5
  123. package/es/MultiSelect/Suggestions.js +3 -7
  124. package/es/MultiSelect/props/propTypes.js +2 -2
  125. package/es/PopOver/PopOver.js +0 -16
  126. package/es/Popup/Popup.js +24 -77
  127. package/es/Popup/viewPort.js +4 -16
  128. package/es/Provider/IdProvider.js +5 -10
  129. package/es/Provider/LibraryContext.js +4 -6
  130. package/es/Provider/NumberGenerator/NumberGenerator.js +7 -21
  131. package/es/Provider/ZindexProvider.js +2 -9
  132. package/es/Radio/Radio.js +0 -3
  133. package/es/Radio/Radio.module.css +9 -9
  134. package/es/Responsive/CustomResponsive.js +18 -30
  135. package/es/Responsive/RefWrapper.js +7 -6
  136. package/es/Responsive/ResizeComponent.js +25 -35
  137. package/es/Responsive/ResizeObserver.js +6 -26
  138. package/es/Responsive/Responsive.js +20 -34
  139. package/es/Responsive/index.js +3 -1
  140. package/es/Responsive/sizeObservers.js +7 -28
  141. package/es/Responsive/utils/index.js +5 -7
  142. package/es/Responsive/utils/shallowCompare.js +2 -7
  143. package/es/Responsive/windowResizeObserver.js +0 -7
  144. package/es/ResponsiveDropBox/ResponsiveDropBox.js +0 -4
  145. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
  146. package/es/ResponsiveDropBox/props/propTypes.js +2 -1
  147. package/es/Ribbon/Ribbon.js +2 -3
  148. package/es/Ribbon/Ribbon.module.css +48 -45
  149. package/es/RippleEffect/RippleEffect.js +3 -1
  150. package/es/Select/GroupSelect.js +14 -58
  151. package/es/Select/Select.js +34 -80
  152. package/es/Select/Select.module.css +23 -23
  153. package/es/Select/SelectWithAvatar.js +4 -17
  154. package/es/Select/SelectWithIcon.js +5 -46
  155. package/es/Select/props/propTypes.js +2 -2
  156. package/es/Stencils/Stencils.js +3 -3
  157. package/es/Stencils/Stencils.module.css +11 -11
  158. package/es/Switch/Switch.js +3 -5
  159. package/es/Switch/Switch.module.css +23 -23
  160. package/es/Tab/Tab.js +4 -4
  161. package/es/Tab/Tab.module.css +14 -14
  162. package/es/Tab/TabContent.js +0 -1
  163. package/es/Tab/TabContentWrapper.js +8 -6
  164. package/es/Tab/TabWrapper.js +2 -5
  165. package/es/Tab/Tabs.js +7 -54
  166. package/es/Tab/Tabs.module.css +22 -22
  167. package/es/Tab/props/defaultProps.js +2 -1
  168. package/es/Tab/props/propTypes.js +3 -1
  169. package/es/Tag/Tag.js +3 -6
  170. package/es/Tag/Tag.module.css +26 -25
  171. package/es/TextBox/TextBox.js +3 -16
  172. package/es/TextBox/TextBox.module.css +10 -10
  173. package/es/TextBoxIcon/TextBoxIcon.js +2 -9
  174. package/es/TextBoxIcon/TextBoxIcon.module.css +7 -7
  175. package/es/TextBoxIcon/props/propTypes.js +2 -1
  176. package/es/Textarea/Textarea.js +3 -12
  177. package/es/Textarea/Textarea.module.css +22 -22
  178. package/es/Tooltip/Tooltip.js +14 -58
  179. package/es/Tooltip/Tooltip.module.css +5 -9
  180. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +2 -3
  181. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +5 -7
  182. package/es/common/animation.module.css +8 -8
  183. package/es/common/avatarsizes.module.css +16 -16
  184. package/es/common/basicReset.module.css +3 -3
  185. package/es/common/common.module.css +24 -24
  186. package/es/common/customscroll.module.css +2 -12
  187. package/es/deprecated/PortalLayer/PortalLayer.js +20 -25
  188. package/es/semantic/Button/Button.js +2 -3
  189. package/es/semantic/Button/semanticButton.module.css +1 -1
  190. package/es/utils/Common.js +9 -54
  191. package/es/utils/ContextOptimizer.js +5 -4
  192. package/es/utils/constructFullName.js +0 -2
  193. package/es/utils/datetime/common.js +5 -16
  194. package/es/utils/debounce.js +1 -5
  195. package/es/utils/dropDownUtils.js +11 -68
  196. package/es/utils/getInitial.js +0 -4
  197. package/es/utils/shallowEqual.js +0 -6
  198. package/es/v1/Accordion/Accordion.js +3 -4
  199. package/es/v1/Accordion/AccordionItem.js +2 -4
  200. package/es/v1/Animation/Animation.js +3 -1
  201. package/es/v1/AppContainer/AppContainer.js +3 -9
  202. package/es/v1/Avatar/Avatar.js +6 -18
  203. package/es/v1/AvatarTeam/AvatarTeam.js +0 -1
  204. package/es/v1/Button/Button.js +3 -3
  205. package/es/v1/Card/Card.js +8 -16
  206. package/es/v1/CheckBox/CheckBox.js +3 -6
  207. package/es/v1/DateTime/CalendarView.js +20 -32
  208. package/es/v1/DateTime/DateTime.js +6 -69
  209. package/es/v1/DateTime/DateTimePopupFooter.js +1 -4
  210. package/es/v1/DateTime/DateTimePopupHeader.js +2 -8
  211. package/es/v1/DateTime/DateWidget.js +35 -98
  212. package/es/v1/DateTime/DaysRow.js +1 -4
  213. package/es/v1/DateTime/Time.js +1 -10
  214. package/es/v1/DateTime/YearView.js +4 -28
  215. package/es/v1/DropBox/DropBox.js +2 -6
  216. package/es/v1/DropBox/DropBoxElement/DropBoxElement.js +2 -8
  217. package/es/v1/DropBox/props/defaultProps.js +2 -1
  218. package/es/v1/DropBox/props/propTypes.js +2 -1
  219. package/es/v1/DropDown/DropDown.js +0 -3
  220. package/es/v1/DropDown/DropDownHeading.js +2 -2
  221. package/es/v1/DropDown/DropDownItem.js +0 -5
  222. package/es/v1/DropDown/DropDownSearch.js +2 -3
  223. package/es/v1/DropDown/props/propTypes.js +2 -1
  224. package/es/v1/Heading/Heading.js +3 -1
  225. package/es/v1/Layout/Box.js +2 -15
  226. package/es/v1/Layout/Container.js +3 -14
  227. package/es/v1/ListItem/ListContainer.js +3 -8
  228. package/es/v1/ListItem/ListItem.js +3 -10
  229. package/es/v1/ListItem/ListItemWithAvatar.js +1 -9
  230. package/es/v1/ListItem/ListItemWithCheckBox.js +2 -8
  231. package/es/v1/ListItem/ListItemWithIcon.js +3 -9
  232. package/es/v1/ListItem/ListItemWithRadio.js +3 -8
  233. package/es/v1/Modal/Modal.js +1 -17
  234. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +15 -90
  235. package/es/v1/MultiSelect/AdvancedMultiSelect.js +9 -32
  236. package/es/v1/MultiSelect/EmptyState.js +0 -2
  237. package/es/v1/MultiSelect/MultiSelect.js +31 -100
  238. package/es/v1/MultiSelect/MultiSelectHeader.js +0 -3
  239. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +3 -11
  240. package/es/v1/MultiSelect/SelectedOptions.js +3 -6
  241. package/es/v1/MultiSelect/Suggestions.js +3 -7
  242. package/es/v1/MultiSelect/props/propTypes.js +2 -2
  243. package/es/v1/PopOver/PopOver.js +0 -11
  244. package/es/v1/Popup/Popup.js +24 -77
  245. package/es/v1/Provider/IdProvider.js +5 -10
  246. package/es/v1/Provider/LibraryContext.js +4 -6
  247. package/es/v1/Provider/NumberGenerator/NumberGenerator.js +7 -21
  248. package/es/v1/Provider/ZindexProvider.js +2 -9
  249. package/es/v1/Radio/Radio.js +2 -5
  250. package/es/v1/Responsive/CustomResponsive.js +18 -30
  251. package/es/v1/Responsive/RefWrapper.js +7 -6
  252. package/es/v1/Responsive/ResizeComponent.js +25 -35
  253. package/es/v1/Responsive/ResizeObserver.js +6 -26
  254. package/es/v1/Responsive/Responsive.js +20 -34
  255. package/es/v1/Responsive/index.js +3 -1
  256. package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +0 -1
  257. package/es/v1/ResponsiveDropBox/props/propTypes.js +2 -1
  258. package/es/v1/Select/GroupSelect.js +14 -58
  259. package/es/v1/Select/Select.js +38 -82
  260. package/es/v1/Select/SelectWithAvatar.js +4 -17
  261. package/es/v1/Select/SelectWithIcon.js +5 -46
  262. package/es/v1/Select/props/propTypes.js +2 -2
  263. package/es/v1/Stencils/Stencils.js +0 -2
  264. package/es/v1/Switch/Switch.js +3 -6
  265. package/es/v1/Tab/Tab.js +3 -3
  266. package/es/v1/Tab/TabContent.js +0 -1
  267. package/es/v1/Tab/TabContentWrapper.js +8 -6
  268. package/es/v1/Tab/TabWrapper.js +2 -5
  269. package/es/v1/Tab/Tabs.js +9 -54
  270. package/es/v1/Tab/props/defaultProps.js +2 -1
  271. package/es/v1/Tab/props/propTypes.js +3 -1
  272. package/es/v1/Tab/v1Tab.module.css +14 -14
  273. package/es/v1/Tab/v1Tabs.module.css +22 -22
  274. package/es/v1/Tag/Tag.js +1 -5
  275. package/es/v1/TextBox/TextBox.js +0 -14
  276. package/es/v1/TextBoxIcon/TextBoxIcon.js +2 -6
  277. package/es/v1/TextBoxIcon/props/propTypes.js +2 -1
  278. package/es/v1/Textarea/Textarea.js +3 -10
  279. package/es/v1/Tooltip/Tooltip.js +14 -58
  280. package/es/v1/Typography/Typography.js +0 -2
  281. package/es/v1/Typography/css/Typography.module.css +31 -31
  282. package/es/v1/Typography/css/cssJSLogic.js +0 -3
  283. package/es/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +2 -1
  284. package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +4 -5
  285. package/es/v1/semantic/Button/Button.js +2 -1
  286. package/lib/Accordion/Accordion.js +18 -42
  287. package/lib/Accordion/AccordionItem.js +18 -40
  288. package/lib/Accordion/index.js +0 -3
  289. package/lib/Accordion/props/propTypes.js +0 -3
  290. package/lib/Animation/Animation.js +18 -38
  291. package/lib/Animation/props/propTypes.js +0 -3
  292. package/lib/AppContainer/AppContainer.js +20 -58
  293. package/lib/AppContainer/AppContainer.module.css +2 -2
  294. package/lib/AppContainer/props/propTypes.js +0 -3
  295. package/lib/Avatar/Avatar.js +38 -78
  296. package/lib/Avatar/Avatar.module.css +18 -18
  297. package/lib/Avatar/__tests__/Avatar.spec.js +71 -95
  298. package/lib/Avatar/props/propTypes.js +0 -3
  299. package/lib/AvatarTeam/AvatarTeam.js +30 -52
  300. package/lib/AvatarTeam/AvatarTeam.module.css +37 -35
  301. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +61 -77
  302. package/lib/AvatarTeam/props/propTypes.js +0 -3
  303. package/lib/Button/Button.js +22 -33
  304. package/lib/Button/__tests__/Button.spec.js +48 -65
  305. package/lib/Button/css/Button.module.css +70 -70
  306. package/lib/Button/css/cssJSLogic.js +17 -18
  307. package/lib/Button/index.js +0 -3
  308. package/lib/Button/props/defaultProps.js +0 -2
  309. package/lib/Button/props/propTypes.js +0 -3
  310. package/lib/Buttongroup/Buttongroup.js +12 -32
  311. package/lib/Buttongroup/Buttongroup.module.css +15 -13
  312. package/lib/Buttongroup/__tests__/Buttongroup.spec.js +10 -18
  313. package/lib/Buttongroup/props/propTypes.js +0 -3
  314. package/lib/Card/Card.js +46 -102
  315. package/lib/Card/index.js +0 -4
  316. package/lib/Card/props/propTypes.js +0 -3
  317. package/lib/CheckBox/CheckBox.js +47 -71
  318. package/lib/CheckBox/CheckBox.module.css +16 -16
  319. package/lib/CheckBox/props/propTypes.js +0 -3
  320. package/lib/DateTime/CalendarView.js +42 -82
  321. package/lib/DateTime/DateTime.js +156 -244
  322. package/lib/DateTime/DateTime.module.css +40 -40
  323. package/lib/DateTime/DateTimePopupFooter.js +8 -33
  324. package/lib/DateTime/DateTimePopupHeader.js +17 -49
  325. package/lib/DateTime/DateWidget.js +249 -350
  326. package/lib/DateTime/DateWidget.module.css +5 -5
  327. package/lib/DateTime/DaysRow.js +5 -28
  328. package/lib/DateTime/Time.js +32 -75
  329. package/lib/DateTime/YearView.js +27 -76
  330. package/lib/DateTime/YearView.module.css +15 -15
  331. package/lib/DateTime/common.js +0 -6
  332. package/lib/DateTime/constants.js +0 -1
  333. package/lib/DateTime/dateFormatUtils/dateFormat.js +122 -187
  334. package/lib/DateTime/dateFormatUtils/dateFormats.js +1 -0
  335. package/lib/DateTime/dateFormatUtils/dayChange.js +7 -15
  336. package/lib/DateTime/dateFormatUtils/index.js +16 -73
  337. package/lib/DateTime/dateFormatUtils/monthChange.js +9 -20
  338. package/lib/DateTime/dateFormatUtils/timeChange.js +22 -54
  339. package/lib/DateTime/dateFormatUtils/yearChange.js +11 -23
  340. package/lib/DateTime/index.js +0 -2
  341. package/lib/DateTime/objectUtils.js +20 -24
  342. package/lib/DateTime/props/propTypes.js +1 -11
  343. package/lib/DateTime/typeChecker.js +0 -4
  344. package/lib/DateTime/validator.js +10 -73
  345. package/lib/DropBox/DropBox.js +21 -45
  346. package/lib/DropBox/DropBoxElement/DropBoxElement.js +40 -60
  347. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +76 -73
  348. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +34 -42
  349. package/lib/DropBox/DropBoxElement/props/propTypes.js +0 -3
  350. package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +9 -14
  351. package/lib/DropBox/css/DropBox.module.css +6 -6
  352. package/lib/DropBox/css/cssJSLogic.js +1 -3
  353. package/lib/DropBox/props/defaultProps.js +4 -8
  354. package/lib/DropBox/props/propTypes.js +4 -10
  355. package/lib/DropDown/DropDown.js +5 -51
  356. package/lib/DropDown/DropDown.module.css +2 -2
  357. package/lib/DropDown/DropDownHeading.js +20 -39
  358. package/lib/DropDown/DropDownHeading.module.css +6 -6
  359. package/lib/DropDown/DropDownItem.js +20 -42
  360. package/lib/DropDown/DropDownItem.module.css +12 -12
  361. package/lib/DropDown/DropDownSearch.js +17 -40
  362. package/lib/DropDown/DropDownSearch.module.css +3 -3
  363. package/lib/DropDown/DropDownSeparator.js +4 -24
  364. package/lib/DropDown/DropDownSeparator.module.css +2 -2
  365. package/lib/DropDown/index.js +0 -9
  366. package/lib/DropDown/props/propTypes.js +4 -10
  367. package/lib/Heading/Heading.js +15 -37
  368. package/lib/Heading/Heading.module.css +2 -2
  369. package/lib/Heading/props/propTypes.js +0 -3
  370. package/lib/Label/Label.js +21 -41
  371. package/lib/Label/Label.module.css +5 -5
  372. package/lib/Label/__tests__/Label.spec.js +34 -48
  373. package/lib/Label/props/propTypes.js +0 -3
  374. package/lib/Layout/Box.js +15 -35
  375. package/lib/Layout/Container.js +14 -33
  376. package/lib/Layout/Layout.module.css +15 -15
  377. package/lib/Layout/index.js +0 -3
  378. package/lib/Layout/props/propTypes.js +0 -3
  379. package/lib/Layout/utils.js +0 -11
  380. package/lib/ListItem/ListContainer.js +30 -55
  381. package/lib/ListItem/ListItem.js +45 -74
  382. package/lib/ListItem/ListItem.module.css +38 -27
  383. package/lib/ListItem/ListItemWithAvatar.js +48 -80
  384. package/lib/ListItem/ListItemWithCheckBox.js +40 -70
  385. package/lib/ListItem/ListItemWithIcon.js +44 -73
  386. package/lib/ListItem/ListItemWithRadio.js +42 -71
  387. package/lib/ListItem/index.js +0 -7
  388. package/lib/ListItem/props/propTypes.js +4 -6
  389. package/lib/Modal/Modal.js +10 -45
  390. package/lib/Modal/props/propTypes.js +0 -3
  391. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +166 -293
  392. package/lib/MultiSelect/AdvancedMultiSelect.js +125 -202
  393. package/lib/MultiSelect/EmptyState.js +24 -45
  394. package/lib/MultiSelect/MobileHeader/MobileHeader.js +5 -14
  395. package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +5 -5
  396. package/lib/MultiSelect/MobileHeader/props/propTypes.js +0 -3
  397. package/lib/MultiSelect/MultiSelect.js +214 -333
  398. package/lib/MultiSelect/MultiSelect.module.css +31 -31
  399. package/lib/MultiSelect/MultiSelectHeader.js +7 -29
  400. package/lib/MultiSelect/MultiSelectWithAvatar.js +43 -85
  401. package/lib/MultiSelect/SelectedOptions.js +17 -43
  402. package/lib/MultiSelect/SelectedOptions.module.css +5 -5
  403. package/lib/MultiSelect/Suggestions.js +32 -64
  404. package/lib/MultiSelect/index.js +0 -5
  405. package/lib/MultiSelect/props/defaultProps.js +0 -2
  406. package/lib/MultiSelect/props/propTypes.js +4 -14
  407. package/lib/PopOver/PopOver.js +47 -94
  408. package/lib/PopOver/index.js +0 -4
  409. package/lib/PopOver/props/propTypes.js +0 -3
  410. package/lib/Popup/Popup.js +81 -158
  411. package/lib/Popup/viewPort.js +14 -28
  412. package/lib/Provider/AvatarSize.js +0 -4
  413. package/lib/Provider/Config.js +0 -2
  414. package/lib/Provider/CssProvider.js +0 -4
  415. package/lib/Provider/IdProvider.js +6 -17
  416. package/lib/Provider/LibraryContext.js +15 -35
  417. package/lib/Provider/LibraryContextInit.js +0 -4
  418. package/lib/Provider/NumberGenerator/NumberGenerator.js +15 -44
  419. package/lib/Provider/ZindexProvider.js +3 -15
  420. package/lib/Provider/index.js +0 -5
  421. package/lib/Radio/Radio.js +36 -60
  422. package/lib/Radio/Radio.module.css +9 -9
  423. package/lib/Radio/__tests__/Radio.spec.js +103 -134
  424. package/lib/Radio/props/propTypes.js +0 -3
  425. package/lib/Responsive/CustomResponsive.js +29 -73
  426. package/lib/Responsive/RefWrapper.js +11 -17
  427. package/lib/Responsive/ResizeComponent.js +36 -62
  428. package/lib/Responsive/ResizeObserver.js +10 -24
  429. package/lib/Responsive/Responsive.js +30 -80
  430. package/lib/Responsive/index.js +0 -4
  431. package/lib/Responsive/props/propTypes.js +0 -3
  432. package/lib/Responsive/sizeObservers.js +17 -53
  433. package/lib/Responsive/utils/index.js +3 -11
  434. package/lib/Responsive/utils/shallowCompare.js +2 -11
  435. package/lib/Responsive/windowResizeObserver.js +0 -8
  436. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +17 -45
  437. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
  438. package/lib/ResponsiveDropBox/props/propTypes.js +4 -9
  439. package/lib/Ribbon/Ribbon.js +13 -33
  440. package/lib/Ribbon/Ribbon.module.css +48 -45
  441. package/lib/Ribbon/__tests__/Ribbon.spec.js +14 -24
  442. package/lib/Ribbon/props/propTypes.js +0 -3
  443. package/lib/RippleEffect/RippleEffect.js +10 -18
  444. package/lib/RippleEffect/__tests__/RippleEffect.spec.js +22 -34
  445. package/lib/RippleEffect/props/propTypes.js +0 -3
  446. package/lib/Select/GroupSelect.js +130 -229
  447. package/lib/Select/Select.js +212 -296
  448. package/lib/Select/Select.module.css +23 -23
  449. package/lib/Select/SelectWithAvatar.js +56 -102
  450. package/lib/Select/SelectWithIcon.js +76 -131
  451. package/lib/Select/index.js +0 -5
  452. package/lib/Select/props/defaultProps.js +4 -5
  453. package/lib/Select/props/propTypes.js +4 -10
  454. package/lib/Stencils/Stencils.js +10 -29
  455. package/lib/Stencils/Stencils.module.css +11 -11
  456. package/lib/Stencils/__tests__/Stencils.spec.js +13 -22
  457. package/lib/Stencils/props/propTypes.js +0 -3
  458. package/lib/Switch/Switch.js +34 -57
  459. package/lib/Switch/Switch.module.css +23 -23
  460. package/lib/Switch/__tests__/Switch.spec.js +72 -91
  461. package/lib/Switch/props/propTypes.js +0 -3
  462. package/lib/Tab/Tab.js +27 -40
  463. package/lib/Tab/Tab.module.css +14 -14
  464. package/lib/Tab/TabContent.js +5 -12
  465. package/lib/Tab/TabContentWrapper.js +13 -16
  466. package/lib/Tab/TabWrapper.js +19 -37
  467. package/lib/Tab/Tabs.js +91 -171
  468. package/lib/Tab/Tabs.module.css +22 -22
  469. package/lib/Tab/index.js +0 -6
  470. package/lib/Tab/props/defaultProps.js +2 -1
  471. package/lib/Tab/props/propTypes.js +3 -4
  472. package/lib/Tag/Tag.js +43 -72
  473. package/lib/Tag/Tag.module.css +26 -25
  474. package/lib/Tag/props/propTypes.js +0 -3
  475. package/lib/TextBox/TextBox.js +60 -86
  476. package/lib/TextBox/TextBox.module.css +10 -10
  477. package/lib/TextBox/props/propTypes.js +4 -6
  478. package/lib/TextBoxIcon/TextBoxIcon.js +53 -80
  479. package/lib/TextBoxIcon/TextBoxIcon.module.css +7 -7
  480. package/lib/TextBoxIcon/props/propTypes.js +4 -9
  481. package/lib/Textarea/Textarea.js +29 -54
  482. package/lib/Textarea/Textarea.module.css +22 -22
  483. package/lib/Textarea/props/propTypes.js +0 -3
  484. package/lib/Tooltip/Tooltip.js +31 -94
  485. package/lib/Tooltip/Tooltip.module.css +5 -9
  486. package/lib/Tooltip/props/propTypes.js +0 -3
  487. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +16 -40
  488. package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +0 -3
  489. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +25 -53
  490. package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +0 -3
  491. package/lib/VelocityAnimation/index.js +0 -3
  492. package/lib/common/animation.module.css +8 -8
  493. package/lib/common/avatarsizes.module.css +16 -16
  494. package/lib/common/basicReset.module.css +3 -3
  495. package/lib/common/common.module.css +24 -24
  496. package/lib/common/customscroll.module.css +2 -12
  497. package/lib/css.js +0 -40
  498. package/lib/deprecated/PortalLayer/PortalLayer.js +23 -46
  499. package/lib/deprecated/PortalLayer/props/propTypes.js +0 -3
  500. package/lib/index.js +0 -58
  501. package/lib/semantic/Button/Button.js +22 -42
  502. package/lib/semantic/Button/props/propTypes.js +0 -3
  503. package/lib/semantic/Button/semanticButton.module.css +1 -1
  504. package/lib/semantic/index.js +0 -2
  505. package/lib/utils/Common.js +18 -111
  506. package/lib/utils/ContextOptimizer.js +10 -16
  507. package/lib/utils/constructFullName.js +4 -13
  508. package/lib/utils/datetime/common.js +5 -34
  509. package/lib/utils/debounce.js +1 -6
  510. package/lib/utils/dropDownUtils.js +59 -175
  511. package/lib/utils/dummyFunction.js +0 -2
  512. package/lib/utils/getHTMLFontSize.js +0 -1
  513. package/lib/utils/getInitial.js +0 -6
  514. package/lib/utils/index.js +0 -1
  515. package/lib/utils/scrollTo.js +0 -2
  516. package/lib/utils/shallowEqual.js +0 -8
  517. package/lib/v1/Accordion/Accordion.js +19 -38
  518. package/lib/v1/Accordion/AccordionItem.js +13 -23
  519. package/lib/v1/Accordion/index.js +0 -3
  520. package/lib/v1/Accordion/props/propTypes.js +0 -3
  521. package/lib/v1/Animation/Animation.js +14 -20
  522. package/lib/v1/Animation/props/propTypes.js +0 -3
  523. package/lib/v1/AppContainer/AppContainer.js +17 -46
  524. package/lib/v1/AppContainer/props/propTypes.js +0 -3
  525. package/lib/v1/Avatar/Avatar.js +32 -68
  526. package/lib/v1/Avatar/props/propTypes.js +0 -3
  527. package/lib/v1/AvatarTeam/AvatarTeam.js +24 -32
  528. package/lib/v1/AvatarTeam/props/propTypes.js +0 -3
  529. package/lib/v1/Button/Button.js +22 -32
  530. package/lib/v1/Button/props/defaultProps.js +0 -2
  531. package/lib/v1/Button/props/propTypes.js +0 -3
  532. package/lib/v1/Buttongroup/Buttongroup.js +5 -13
  533. package/lib/v1/Buttongroup/props/propTypes.js +0 -3
  534. package/lib/v1/Card/Card.js +44 -78
  535. package/lib/v1/Card/index.js +0 -4
  536. package/lib/v1/Card/props/propTypes.js +0 -3
  537. package/lib/v1/CheckBox/CheckBox.js +41 -52
  538. package/lib/v1/CheckBox/props/propTypes.js +0 -3
  539. package/lib/v1/DateTime/CalendarView.js +48 -89
  540. package/lib/v1/DateTime/DateTime.js +158 -246
  541. package/lib/v1/DateTime/DateTimePopupFooter.js +8 -33
  542. package/lib/v1/DateTime/DateTimePopupHeader.js +17 -49
  543. package/lib/v1/DateTime/DateWidget.js +251 -352
  544. package/lib/v1/DateTime/DaysRow.js +5 -28
  545. package/lib/v1/DateTime/Time.js +32 -75
  546. package/lib/v1/DateTime/YearView.js +27 -76
  547. package/lib/v1/DateTime/index.js +0 -2
  548. package/lib/v1/DateTime/props/propTypes.js +1 -11
  549. package/lib/v1/DropBox/DropBox.js +21 -45
  550. package/lib/v1/DropBox/DropBoxElement/DropBoxElement.js +40 -60
  551. package/lib/v1/DropBox/DropBoxElement/props/propTypes.js +0 -3
  552. package/lib/v1/DropBox/props/defaultProps.js +4 -8
  553. package/lib/v1/DropBox/props/propTypes.js +4 -10
  554. package/lib/v1/DropDown/DropDown.js +3 -23
  555. package/lib/v1/DropDown/DropDownHeading.js +13 -20
  556. package/lib/v1/DropDown/DropDownItem.js +11 -26
  557. package/lib/v1/DropDown/DropDownSearch.js +16 -28
  558. package/lib/v1/DropDown/DropDownSeparator.js +1 -7
  559. package/lib/v1/DropDown/props/propTypes.js +4 -10
  560. package/lib/v1/Heading/Heading.js +14 -19
  561. package/lib/v1/Heading/props/propTypes.js +0 -3
  562. package/lib/v1/Label/Label.js +14 -22
  563. package/lib/v1/Label/props/propTypes.js +0 -3
  564. package/lib/v1/Layout/Box.js +15 -35
  565. package/lib/v1/Layout/Container.js +14 -33
  566. package/lib/v1/Layout/index.js +0 -3
  567. package/lib/v1/Layout/props/propTypes.js +0 -3
  568. package/lib/v1/ListItem/ListContainer.js +30 -55
  569. package/lib/v1/ListItem/ListItem.js +38 -53
  570. package/lib/v1/ListItem/ListItemWithAvatar.js +39 -62
  571. package/lib/v1/ListItem/ListItemWithCheckBox.js +34 -49
  572. package/lib/v1/ListItem/ListItemWithIcon.js +37 -52
  573. package/lib/v1/ListItem/ListItemWithRadio.js +35 -49
  574. package/lib/v1/ListItem/index.js +0 -7
  575. package/lib/v1/ListItem/props/propTypes.js +4 -6
  576. package/lib/v1/Modal/Modal.js +9 -46
  577. package/lib/v1/Modal/props/propTypes.js +0 -3
  578. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +168 -294
  579. package/lib/v1/MultiSelect/AdvancedMultiSelect.js +125 -202
  580. package/lib/v1/MultiSelect/EmptyState.js +24 -45
  581. package/lib/v1/MultiSelect/MobileHeader/MobileHeader.js +5 -14
  582. package/lib/v1/MultiSelect/MobileHeader/props/propTypes.js +0 -3
  583. package/lib/v1/MultiSelect/MultiSelect.js +216 -335
  584. package/lib/v1/MultiSelect/MultiSelectHeader.js +7 -29
  585. package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +43 -86
  586. package/lib/v1/MultiSelect/SelectedOptions.js +17 -43
  587. package/lib/v1/MultiSelect/Suggestions.js +32 -64
  588. package/lib/v1/MultiSelect/index.js +0 -5
  589. package/lib/v1/MultiSelect/props/defaultProps.js +0 -2
  590. package/lib/v1/MultiSelect/props/propTypes.js +4 -14
  591. package/lib/v1/PopOver/PopOver.js +40 -71
  592. package/lib/v1/PopOver/props/propTypes.js +0 -3
  593. package/lib/v1/Popup/Popup.js +81 -158
  594. package/lib/v1/Provider/AvatarSize.js +0 -4
  595. package/lib/v1/Provider/Config.js +0 -2
  596. package/lib/v1/Provider/CssProvider.js +0 -4
  597. package/lib/v1/Provider/IdProvider.js +6 -17
  598. package/lib/v1/Provider/LibraryContext.js +15 -35
  599. package/lib/v1/Provider/LibraryContextInit.js +0 -4
  600. package/lib/v1/Provider/NumberGenerator/NumberGenerator.js +15 -44
  601. package/lib/v1/Provider/ZindexProvider.js +3 -15
  602. package/lib/v1/Provider/index.js +0 -5
  603. package/lib/v1/Radio/Radio.js +32 -42
  604. package/lib/v1/Radio/props/propTypes.js +0 -3
  605. package/lib/v1/Responsive/CustomResponsive.js +29 -73
  606. package/lib/v1/Responsive/RefWrapper.js +11 -17
  607. package/lib/v1/Responsive/ResizeComponent.js +36 -62
  608. package/lib/v1/Responsive/ResizeObserver.js +10 -24
  609. package/lib/v1/Responsive/Responsive.js +30 -80
  610. package/lib/v1/Responsive/index.js +0 -4
  611. package/lib/v1/Responsive/props/propTypes.js +0 -3
  612. package/lib/v1/ResponsiveDropBox/ResponsiveDropBox.js +13 -27
  613. package/lib/v1/ResponsiveDropBox/props/propTypes.js +4 -9
  614. package/lib/v1/Ribbon/Ribbon.js +7 -14
  615. package/lib/v1/Ribbon/props/propTypes.js +0 -3
  616. package/lib/v1/RippleEffect/RippleEffect.js +7 -17
  617. package/lib/v1/RippleEffect/props/propTypes.js +0 -3
  618. package/lib/v1/Select/GroupSelect.js +130 -229
  619. package/lib/v1/Select/Select.js +215 -298
  620. package/lib/v1/Select/SelectWithAvatar.js +56 -102
  621. package/lib/v1/Select/SelectWithIcon.js +76 -131
  622. package/lib/v1/Select/index.js +0 -5
  623. package/lib/v1/Select/props/defaultProps.js +4 -5
  624. package/lib/v1/Select/props/propTypes.js +4 -10
  625. package/lib/v1/Stencils/Stencils.js +3 -13
  626. package/lib/v1/Stencils/props/propTypes.js +0 -3
  627. package/lib/v1/Switch/Switch.js +25 -38
  628. package/lib/v1/Switch/props/propTypes.js +0 -3
  629. package/lib/v1/Tab/Tab.js +27 -40
  630. package/lib/v1/Tab/TabContent.js +5 -12
  631. package/lib/v1/Tab/TabContentWrapper.js +13 -16
  632. package/lib/v1/Tab/TabWrapper.js +19 -37
  633. package/lib/v1/Tab/Tabs.js +83 -170
  634. package/lib/v1/Tab/index.js +0 -6
  635. package/lib/v1/Tab/props/defaultProps.js +2 -1
  636. package/lib/v1/Tab/props/propTypes.js +3 -4
  637. package/lib/v1/Tab/v1Tab.module.css +14 -14
  638. package/lib/v1/Tab/v1Tabs.module.css +22 -22
  639. package/lib/v1/Tag/Tag.js +32 -50
  640. package/lib/v1/Tag/props/propTypes.js +0 -3
  641. package/lib/v1/TextBox/TextBox.js +47 -70
  642. package/lib/v1/TextBox/props/propTypes.js +4 -6
  643. package/lib/v1/TextBoxIcon/TextBoxIcon.js +55 -80
  644. package/lib/v1/TextBoxIcon/props/propTypes.js +4 -9
  645. package/lib/v1/Textarea/Textarea.js +28 -45
  646. package/lib/v1/Textarea/props/propTypes.js +0 -3
  647. package/lib/v1/Tooltip/Tooltip.js +31 -94
  648. package/lib/v1/Tooltip/props/propTypes.js +0 -3
  649. package/lib/v1/Typography/Typography.js +15 -26
  650. package/lib/v1/Typography/css/Typography.module.css +31 -31
  651. package/lib/v1/Typography/css/cssJSLogic.js +20 -25
  652. package/lib/v1/Typography/props/propTypes.js +0 -3
  653. package/lib/v1/Typography/utils/index.js +0 -1
  654. package/lib/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +12 -25
  655. package/lib/v1/VelocityAnimation/VelocityAnimation/props/propTypes.js +0 -3
  656. package/lib/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +22 -38
  657. package/lib/v1/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +0 -3
  658. package/lib/v1/semantic/Button/Button.js +18 -24
  659. package/lib/v1/semantic/Button/props/propTypes.js +0 -3
  660. package/lib/v1/semantic/index.js +0 -2
  661. package/package.json +13 -12
  662. package/propValidationArg.json +2 -2
  663. package/result.json +1 -1
  664. /package/.cli/{AppearanceThemeValidationExcludeFiles.js → ThemeValidationExcludeFiles.js} +0 -0
package/.cli/stringContains.js ADDED
@@ -0,0 +1 @@
1
+ module.exports = ['--zdt_'];
package/README.md CHANGED
@@ -32,6 +32,16 @@ In this Package, we Provide Some Basic Components to Build Web App
32
32
  - TextBoxIcon
33
33
  - Tooltip
34
34
 
35
+ # 1.2.23
36
+
37
+ - **DropBoxElement** - A dropdown has been incorporated as one of the main focus areas, utilizing the `data-a11y-focus-main-area` attribute.
38
+
39
+ - **Select, Tab, TabContentWrapper** - A11y changes.
40
+
41
+ # 1.2.22
42
+
43
+ - **Tags,TextArea, Textbox, Checkbox** - Cursor css changes for variable autoconversion
44
+
35
45
  # 1.2.21
36
46
 
37
47
  - **v1/Tabs** - converted to functional component
package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(213, 25.88%, calc(33.33% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(213, 25.88%, calc(33.33% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(213, 25.88%, calc(33.33% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(213, 25.88%, calc(33.33% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(213, 25.88%, calc(33.33% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(213, 25.88%, calc(33.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(213, 25.88%, calc(33.33% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(213, 25.88%, calc(33.33% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(213, 25.88%, calc(33.33% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(213, 25.88%, calc(33.33% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(213, 25.88%, calc(33.33% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(213, 25.88%, calc(33.33% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(213, 25.88%, calc(33.33% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(213, 25.88%, calc(33.33% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(213, 25.88%, calc(33.33% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(213, 25.88%, calc(33.33% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(213, 25.88%, calc(33.33% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(213, 25.88%, calc(33.33% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(212, 100.00%, calc(63.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(213, 25.88%, calc(33.33% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(213, 25.88%, calc(33.33% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(212, 100.00%, calc(71.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(158, 26.83%, calc(24.12% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(158, 26.83%, calc(24.12% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(158, 26.83%, calc(24.12% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(158, 26.83%, calc(24.12% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(158, 26.83%, calc(24.12% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(158, 26.83%, calc(24.12% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(158, 26.83%, calc(24.12% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(158, 26.83%, calc(24.12% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(158, 26.83%, calc(24.12% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(158, 26.83%, calc(24.12% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(158, 26.83%, calc(24.12% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(158, 26.83%, calc(24.12% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(158, 26.83%, calc(24.12% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(158, 26.83%, calc(24.12% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(128, 79.71%, calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(19, 21.54%, calc(25.49% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(19, 21.54%, calc(25.49% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(19, 21.54%, calc(25.49% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(19, 21.54%, calc(25.49% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(19, 21.54%, calc(25.49% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(19, 21.54%, calc(25.49% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(19, 21.54%, calc(25.49% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(19, 21.54%, calc(25.49% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(19, 21.54%, calc(25.49% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(19, 21.54%, calc(25.49% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(19, 21.54%, calc(25.49% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(19, 21.54%, calc(25.49% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(19, 21.54%, calc(25.49% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(19, 21.54%, calc(25.49% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(19, 21.54%, calc(25.49% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(19, 21.54%, calc(25.49% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(19, 21.54%, calc(25.49% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(19, 21.54%, calc(25.49% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(19, 21.54%, calc(25.49% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(19, 21.54%, calc(25.49% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(29, 100.00%, calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(334, 20.00%, calc(24.51% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(334, 20.00%, calc(24.51% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(334, 20.00%, calc(24.51% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(334, 20.00%, calc(24.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(334, 20.00%, calc(24.51% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(334, 20.00%, calc(24.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(334, 20.00%, calc(24.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(334, 20.00%, calc(24.51% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(334, 20.00%, calc(24.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(334, 20.00%, calc(24.51% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(334, 20.00%, calc(24.51% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(334, 20.00%, calc(24.51% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(334, 20.00%, calc(24.51% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(334, 20.00%, calc(24.51% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(334, 20.00%, calc(24.51% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(334, 20.00%, calc(24.51% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(334, 20.00%, calc(24.51% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(334, 20.00%, calc(24.51% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(334, 20.00%, calc(24.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(334, 20.00%, calc(24.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(0, 81.62%, calc(36.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(37, 12.70%, calc(24.71% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(37, 12.70%, calc(24.71% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(37, 12.70%, calc(24.71% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(37, 12.70%, calc(24.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(37, 12.70%, calc(24.71% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(37, 12.70%, calc(24.71% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(37, 12.70%, calc(24.71% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(37, 12.70%, calc(24.71% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(37, 12.70%, calc(24.71% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(37, 12.70%, calc(24.71% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(37, 12.70%, calc(24.71% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(37, 12.70%, calc(24.71% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(37, 12.70%, calc(24.71% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(37, 12.70%, calc(24.71% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(37, 12.70%, calc(24.71% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(37, 12.70%, calc(24.71% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(37, 12.70%, calc(24.71% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(37, 12.70%, calc(24.71% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(37, 12.70%, calc(24.71% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(37, 12.70%, calc(24.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(213, 65.52%, calc(82.94% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(213, 65.52%, calc(82.94% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(213, 65.52%, calc(82.94% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(213, 65.52%, calc(82.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(213, 65.52%, calc(82.94% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(213, 65.52%, calc(82.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(213, 65.52%, calc(82.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(213, 65.52%, calc(82.94% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(213, 65.52%, calc(82.94% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(213, 65.52%, calc(82.94% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(213, 65.52%, calc(82.94% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(213, 65.52%, calc(82.94% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(213, 65.52%, calc(82.94% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(213, 65.52%, calc(82.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(213, 65.52%, calc(82.94% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(213, 65.52%, calc(82.94% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(213, 65.52%, calc(82.94% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(213, 65.52%, calc(82.94% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(212, 91.84%, calc(48.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(213, 94.26%, calc(59.02% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(213, 65.52%, calc(82.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(213, 65.52%, calc(82.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(213, 100.00%, calc(36.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(132, 42.86%, calc(82.16% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(132, 42.86%, calc(82.16% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(132, 42.86%, calc(82.16% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(132, 42.86%, calc(82.16% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(132, 42.86%, calc(82.16% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(132, 42.86%, calc(82.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(132, 42.86%, calc(82.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(132, 42.86%, calc(82.16% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(132, 42.86%, calc(82.16% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(132, 42.86%, calc(82.16% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(132, 42.86%, calc(82.16% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(132, 42.86%, calc(82.16% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(132, 42.86%, calc(82.16% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(132, 42.86%, calc(82.16% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(132, 42.86%, calc(82.16% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(132, 42.86%, calc(82.16% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(132, 42.86%, calc(82.16% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(132, 42.86%, calc(82.16% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(133, 63.29%, calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(132, 42.86%, calc(82.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(132, 42.86%, calc(82.16% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(134, 78.63%, calc(25.69% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(28, 79.49%, calc(84.71% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(28, 79.49%, calc(84.71% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(28, 79.49%, calc(84.71% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(28, 79.49%, calc(84.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(28, 79.49%, calc(84.71% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(28, 79.49%, calc(84.71% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(28, 79.49%, calc(84.71% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(28, 79.49%, calc(84.71% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(28, 79.49%, calc(84.71% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(28, 79.49%, calc(84.71% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(28, 79.49%, calc(84.71% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(28, 79.49%, calc(84.71% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(28, 79.49%, calc(84.71% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(28, 79.49%, calc(84.71% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(28, 79.49%, calc(84.71% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(28, 79.49%, calc(84.71% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(28, 79.49%, calc(84.71% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(28, 79.49%, calc(84.71% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(28, 81.75%, calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(28, 79.71%, calc(59.41% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(28, 79.49%, calc(84.71% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(28, 79.49%, calc(84.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(30, 100.00%, calc(34.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(0, 70.21%, calc(90.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(0, 70.21%, calc(90.78% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(0, 70.21%, calc(90.78% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(0, 71.91%, calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 72.34%, calc(63.14% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(0, 70.21%, calc(90.78% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(0, 70.21%, calc(90.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(46, 81.44%, calc(80.98% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(46, 81.44%, calc(80.98% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(46, 81.44%, calc(80.98% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(46, 81.44%, calc(80.98% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(46, 81.44%, calc(80.98% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(46, 81.44%, calc(80.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(46, 81.44%, calc(80.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(46, 81.44%, calc(80.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(46, 81.44%, calc(80.98% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(46, 81.44%, calc(80.98% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(46, 81.44%, calc(80.98% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(46, 81.44%, calc(80.98% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(46, 81.44%, calc(80.98% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(46, 81.44%, calc(80.98% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(46, 81.44%, calc(80.98% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(46, 81.44%, calc(80.98% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(46, 81.44%, calc(80.98% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(46, 81.44%, calc(80.98% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(46, 92.59%, calc(37.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(46, 92.59%, calc(37.06% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(46, 92.59%, calc(37.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(46, 81.18%, calc(66.67% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(46, 81.44%, calc(80.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(46, 81.44%, calc(80.98% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(46, 92.59%, calc(37.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(48, 100.00%, calc(25.49% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(46, 92.59%, calc(37.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(212, 38.89%, calc(28.24% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(212, 38.89%, calc(28.24% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(212, 38.89%, calc(28.24% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(212, 38.89%, calc(28.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(212, 38.89%, calc(28.24% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(212, 38.89%, calc(28.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(212, 38.89%, calc(28.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(212, 38.89%, calc(28.24% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(212, 38.89%, calc(28.24% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(212, 38.89%, calc(28.24% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(212, 38.89%, calc(28.24% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(212, 38.89%, calc(28.24% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(212, 38.89%, calc(28.24% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(212, 38.89%, calc(28.24% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(212, 38.89%, calc(28.24% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(212, 38.89%, calc(28.24% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(212, 38.89%, calc(28.24% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(212, 38.89%, calc(28.24% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(212, 100.00%, calc(63.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(212, 38.89%, calc(28.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(212, 38.89%, calc(28.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(212, 100.00%, calc(71.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(133, 23.48%, calc(22.55% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(133, 23.48%, calc(22.55% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(133, 23.48%, calc(22.55% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(133, 23.48%, calc(22.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(133, 23.48%, calc(22.55% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(133, 23.48%, calc(22.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(133, 23.48%, calc(22.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(133, 23.48%, calc(22.55% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(133, 23.48%, calc(22.55% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(133, 23.48%, calc(22.55% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(133, 23.48%, calc(22.55% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(133, 23.48%, calc(22.55% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(133, 23.48%, calc(22.55% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(133, 23.48%, calc(22.55% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(133, 23.48%, calc(22.55% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(133, 23.48%, calc(22.55% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(133, 23.48%, calc(22.55% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(133, 23.48%, calc(22.55% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(133, 23.48%, calc(22.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(133, 23.48%, calc(22.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(128, 79.71%, calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(26, 40.00%, calc(21.57% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(26, 40.00%, calc(21.57% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(26, 40.00%, calc(21.57% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(26, 40.00%, calc(21.57% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(26, 40.00%, calc(21.57% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(26, 40.00%, calc(21.57% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(26, 40.00%, calc(21.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(26, 40.00%, calc(21.57% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(26, 40.00%, calc(21.57% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(26, 40.00%, calc(21.57% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(26, 40.00%, calc(21.57% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(26, 40.00%, calc(21.57% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(26, 40.00%, calc(21.57% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(26, 40.00%, calc(21.57% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(26, 40.00%, calc(21.57% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(26, 40.00%, calc(21.57% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(26, 40.00%, calc(21.57% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(26, 40.00%, calc(21.57% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(26, 40.00%, calc(21.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(26, 40.00%, calc(21.57% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(29, 100.00%, calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(0, 26.96%, calc(22.55% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(0, 26.96%, calc(22.55% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(0, 26.96%, calc(22.55% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(0, 26.96%, calc(22.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(0, 26.96%, calc(22.55% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(0, 26.96%, calc(22.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(0, 26.96%, calc(22.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(0, 26.96%, calc(22.55% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(0, 26.96%, calc(22.55% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(0, 26.96%, calc(22.55% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(0, 26.96%, calc(22.55% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(0, 26.96%, calc(22.55% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(0, 26.96%, calc(22.55% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(0, 26.96%, calc(22.55% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(0, 26.96%, calc(22.55% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(0, 26.96%, calc(22.55% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(0, 26.96%, calc(22.55% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(0, 26.96%, calc(22.55% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(0, 26.96%, calc(22.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(0, 26.96%, calc(22.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(0, 81.62%, calc(36.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css CHANGED
@@ -194,6 +194,21 @@
194
194
  --zdtm_cta_secondary_light_border_lighter_lower: hsla(38, 30.19%, calc(20.78% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
195
195
  --zdtm_cta_secondary_light_border_lighter_medium: hsla(38, 30.19%, calc(20.78% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
196
196
  --zdtm_cta_secondary_light_border_lighter_high: hsla(38, 30.19%, calc(20.78% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
+ --zdtm_cta_secondary_light_bg_default: hsla(38, 30.19%, calc(20.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
+ --zdtm_cta_secondary_light_bg_default_low: hsla(38, 30.19%, calc(20.78% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
+ --zdtm_cta_secondary_light_bg_default_inverse: hsla(38, 30.19%, calc(20.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
200
+ --zdtm_cta_secondary_light_bg_default_inverse_low: hsla(38, 30.19%, calc(20.78% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
201
+ --zdtm_cta_secondary_light_bg_default_inverse_lower: hsla(38, 30.19%, calc(20.78% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
202
+ --zdtm_cta_secondary_light_bg_default_inverse_medium: hsla(38, 30.19%, calc(20.78% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
203
+ --zdtm_cta_secondary_light_bg_darker: hsla(38, 30.19%, calc(20.78% + var(--zdc_darker)), calc(1 + var(--zdc_alpha_high)));
204
+ --zdtm_cta_secondary_light_bg_darker_low: hsla(38, 30.19%, calc(20.78% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
205
+ --zdtm_cta_secondary_light_bg_darker_lower: hsla(38, 30.19%, calc(20.78% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
206
+ --zdtm_cta_secondary_light_bg_darker_lowest: hsla(38, 30.19%, calc(20.78% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
207
+ --zdtm_cta_secondary_light_bg_lighter: hsla(38, 30.19%, calc(20.78% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
208
+ --zdtm_cta_secondary_light_bg_lighter_low: hsla(38, 30.19%, calc(20.78% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
209
+ --zdtm_cta_secondary_light_bg_lighter_lower: hsla(38, 30.19%, calc(20.78% + var(--zdc_lighter_lower)), calc(1 + var(--zdc_alpha_low)));
210
+ --zdtm_cta_secondary_light_bg_lighter_medium: hsla(38, 30.19%, calc(20.78% + var(--zdc_lighter_medium)), calc(1 + var(--zdc_alpha_low)));
211
+ --zdtm_cta_secondary_light_bg_lighter_high: hsla(38, 30.19%, calc(20.78% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
197
212
  --zdtm_cta_alpha_text_default: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
198
213
  --zdtm_cta_alpha_text_default_low: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_low)), calc(1 + var(--zdc_alpha_low)));
199
214
  --zdtm_cta_alpha_text_default_inverse: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
16
  --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
17
  --zdt_cta_secondary_light_border: hsla(38, 30.19%, calc(20.78% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(38, 30.19%, calc(20.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
18
19
  --zdt_cta_alpha_text: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
20
  --zdt_cta_alpha_hover_text: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
21
  --zdt_cta_alpha_border: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
package/es/Accordion/Accordion.js CHANGED
@@ -9,22 +9,18 @@ export default class Accordion extends React.Component {
9
9
  };
10
10
  this.selectMenu = this.selectMenu.bind(this);
11
11
  }
12
-
13
12
  selectMenu(selectedItem) {
14
13
  let {
15
14
  onSelect,
16
15
  disableInternalState
17
16
  } = this.props;
18
-
19
17
  if (onSelect) {
20
18
  onSelect(selectedItem);
21
19
  }
22
-
23
20
  !disableInternalState && this.setState({
24
21
  selectedItem
25
22
  });
26
23
  }
27
-
28
24
  componentWillReceiveProps(nextProps) {
29
25
  if (this.props.selectedItem !== nextProps.selectedItem && !this.props.disableInternalState) {
30
26
  this.setState({
@@ -32,7 +28,6 @@ export default class Accordion extends React.Component {
32
28
  });
33
29
  }
34
30
  }
35
-
36
31
  render() {
37
32
  let {
38
33
  className,
@@ -74,10 +69,11 @@ export default class Accordion extends React.Component {
74
69
  "data-selector-id": dataSelectorId
75
70
  }, children);
76
71
  }
77
-
78
72
  }
79
73
  Accordion.propTypes = Accordion_propTypes;
80
- Accordion.defaultProps = Accordion_defaultProps; // if (__DOCS__) {
74
+ Accordion.defaultProps = Accordion_defaultProps;
75
+
76
+ // if (__DOCS__) {
81
77
  // Accordion.docs = {
82
78
  // componentGroup: 'Animation',
83
79
  // folderName: 'Style Guide'