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