@zohodesk/components 1.0.0-temp-173 → 1.0.0-temp-175

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 (415) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +1344 -1344
  5. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +171 -171
  6. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +450 -450
  7. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +30 -30
  8. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +450 -450
  9. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +30 -30
  10. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +450 -450
  11. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +30 -30
  12. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +450 -450
  13. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +30 -30
  14. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +450 -450
  15. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +30 -30
  16. package/assets/Appearance/light/mode/Component_LightMode.module.css +170 -170
  17. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +450 -450
  18. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +30 -30
  19. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +450 -450
  20. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +30 -30
  21. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +450 -450
  22. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +30 -30
  23. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +450 -450
  24. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +30 -30
  25. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +450 -450
  26. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +30 -30
  27. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +171 -171
  28. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +450 -450
  29. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +30 -30
  30. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +450 -450
  31. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +30 -30
  32. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +450 -450
  33. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +30 -30
  34. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +450 -450
  35. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +30 -30
  36. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +450 -450
  37. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +30 -30
  38. package/assets/Contrast/darkContrastLightness.module.css +34 -34
  39. package/assets/Contrast/lightContrastLightness.module.css +34 -34
  40. package/assets/Contrast/pureDarkContrastLightness.module.css +34 -34
  41. package/coverage/Avatar/Avatar.js.html +1 -1
  42. package/coverage/Avatar/Avatar.module.css.html +1 -1
  43. package/coverage/Avatar/index.html +1 -1
  44. package/coverage/Avatar/props/defaultProps.js.html +1 -1
  45. package/coverage/Avatar/props/index.html +1 -1
  46. package/coverage/Avatar/props/propTypes.js.html +1 -1
  47. package/coverage/AvatarTeam/AvatarTeam.js.html +1 -1
  48. package/coverage/AvatarTeam/AvatarTeam.module.css.html +1 -1
  49. package/coverage/AvatarTeam/index.html +1 -1
  50. package/coverage/AvatarTeam/props/defaultProps.js.html +1 -1
  51. package/coverage/AvatarTeam/props/index.html +1 -1
  52. package/coverage/AvatarTeam/props/propTypes.js.html +1 -1
  53. package/coverage/Button/Button.js.html +1 -1
  54. package/coverage/Button/css/Button.module.css.html +1 -1
  55. package/coverage/Button/css/cssJSLogic.js.html +1 -1
  56. package/coverage/Button/css/index.html +1 -1
  57. package/coverage/Button/index.html +1 -1
  58. package/coverage/Button/props/defaultProps.js.html +1 -1
  59. package/coverage/Button/props/index.html +1 -1
  60. package/coverage/Button/props/propTypes.js.html +1 -1
  61. package/coverage/Buttongroup/Buttongroup.js.html +1 -1
  62. package/coverage/Buttongroup/Buttongroup.module.css.html +1 -1
  63. package/coverage/Buttongroup/index.html +1 -1
  64. package/coverage/Buttongroup/props/defaultProps.js.html +1 -1
  65. package/coverage/Buttongroup/props/index.html +1 -1
  66. package/coverage/Buttongroup/props/propTypes.js.html +1 -1
  67. package/coverage/Label/Label.js.html +1 -1
  68. package/coverage/Label/Label.module.css.html +2 -2
  69. package/coverage/Label/LabelColors.module.css.html +1 -1
  70. package/coverage/Label/index.html +1 -1
  71. package/coverage/Label/props/defaultProps.js.html +1 -1
  72. package/coverage/Label/props/index.html +1 -1
  73. package/coverage/Label/props/propTypes.js.html +1 -1
  74. package/coverage/Layout/Box.js.html +1 -1
  75. package/coverage/Layout/Container.js.html +1 -1
  76. package/coverage/Layout/Layout.module.css.html +1 -1
  77. package/coverage/Layout/index.html +1 -1
  78. package/coverage/Layout/index.js.html +1 -1
  79. package/coverage/Layout/props/defaultProps.js.html +1 -1
  80. package/coverage/Layout/props/index.html +1 -1
  81. package/coverage/Layout/props/propTypes.js.html +1 -1
  82. package/coverage/Layout/utils.js.html +1 -1
  83. package/coverage/Provider/AvatarSize.js.html +1 -1
  84. package/coverage/Provider/CssProvider.js.html +1 -1
  85. package/coverage/Provider/index.html +1 -1
  86. package/coverage/Radio/Radio.js.html +1 -1
  87. package/coverage/Radio/Radio.module.css.html +1 -1
  88. package/coverage/Radio/index.html +1 -1
  89. package/coverage/Radio/props/defaultProps.js.html +1 -1
  90. package/coverage/Radio/props/index.html +1 -1
  91. package/coverage/Radio/props/propTypes.js.html +1 -1
  92. package/coverage/Ribbon/Ribbon.js.html +1 -1
  93. package/coverage/Ribbon/Ribbon.module.css.html +5 -5
  94. package/coverage/Ribbon/index.html +1 -1
  95. package/coverage/Ribbon/props/defaultProps.js.html +1 -1
  96. package/coverage/Ribbon/props/index.html +1 -1
  97. package/coverage/Ribbon/props/propTypes.js.html +1 -1
  98. package/coverage/RippleEffect/RippleEffect.js.html +1 -1
  99. package/coverage/RippleEffect/RippleEffect.module.css.html +1 -1
  100. package/coverage/RippleEffect/index.html +1 -1
  101. package/coverage/RippleEffect/props/defaultProps.js.html +1 -1
  102. package/coverage/RippleEffect/props/index.html +1 -1
  103. package/coverage/RippleEffect/props/propTypes.js.html +1 -1
  104. package/coverage/Stencils/Stencils.js.html +1 -1
  105. package/coverage/Stencils/Stencils.module.css.html +1 -1
  106. package/coverage/Stencils/index.html +1 -1
  107. package/coverage/Stencils/props/defaultProps.js.html +1 -1
  108. package/coverage/Stencils/props/index.html +1 -1
  109. package/coverage/Stencils/props/propTypes.js.html +1 -1
  110. package/coverage/Switch/Switch.js.html +1 -1
  111. package/coverage/Switch/Switch.module.css.html +1 -1
  112. package/coverage/Switch/index.html +1 -1
  113. package/coverage/Switch/props/defaultProps.js.html +1 -1
  114. package/coverage/Switch/props/index.html +1 -1
  115. package/coverage/Switch/props/propTypes.js.html +1 -1
  116. package/coverage/common/avatarsizes.module.css.html +1 -1
  117. package/coverage/common/common.module.css.html +1 -1
  118. package/coverage/common/index.html +1 -1
  119. package/coverage/coverage-final.json +55 -55
  120. package/coverage/coverage-summary.json +55 -55
  121. package/coverage/index.html +1 -1
  122. package/coverage/utils/dummyFunction.js.html +1 -1
  123. package/coverage/utils/getInitial.js.html +1 -1
  124. package/coverage/utils/index.html +1 -1
  125. package/es/AppContainer/AppContainer.module.css +18 -18
  126. package/es/Avatar/Avatar.js +9 -9
  127. package/es/Avatar/Avatar.module.css +175 -175
  128. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  129. package/es/AvatarTeam/AvatarTeam.js +7 -7
  130. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  131. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
  132. package/es/Button/Button.js +4 -4
  133. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  134. package/es/Button/css/Button.module.css +525 -525
  135. package/es/Buttongroup/Buttongroup.js +1 -1
  136. package/es/Buttongroup/Buttongroup.module.css +105 -105
  137. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  138. package/es/Card/Card.js +4 -4
  139. package/es/Card/Card.module.css +20 -20
  140. package/es/CheckBox/CheckBox.js +0 -0
  141. package/es/CheckBox/CheckBox.module.css +157 -157
  142. package/es/DateTime/CalendarView.js +0 -0
  143. package/es/DateTime/DateTime.js +0 -0
  144. package/es/DateTime/DateTime.module.css +248 -248
  145. package/es/DateTime/DateWidget.js +0 -0
  146. package/es/DateTime/DateWidget.module.css +38 -38
  147. package/es/DateTime/YearView.js +0 -0
  148. package/es/DateTime/YearView.module.css +98 -98
  149. package/es/DateTime/common.js +0 -0
  150. package/es/DateTime/index.js +0 -0
  151. package/es/DateTime/objectUtils.js +0 -0
  152. package/es/DateTime/typeChecker.js +0 -0
  153. package/es/DateTime/validator.js +0 -0
  154. package/es/DropBox/DropBox.js +0 -0
  155. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  156. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  157. package/es/DropBox/css/DropBox.module.css +58 -58
  158. package/es/DropDown/DropDown.js +0 -0
  159. package/es/DropDown/DropDown.module.css +5 -5
  160. package/es/DropDown/DropDownHeading.js +0 -0
  161. package/es/DropDown/DropDownHeading.module.css +53 -53
  162. package/es/DropDown/DropDownItem.js +0 -0
  163. package/es/DropDown/DropDownItem.module.css +94 -94
  164. package/es/DropDown/DropDownSearch.js +0 -0
  165. package/es/DropDown/DropDownSearch.module.css +14 -14
  166. package/es/DropDown/DropDownSeparator.js +0 -0
  167. package/es/DropDown/DropDownSeparator.module.css +7 -7
  168. package/es/Heading/Heading.module.css +4 -4
  169. package/es/Label/Label.js +2 -2
  170. package/es/Label/Label.module.css +52 -52
  171. package/es/Label/LabelColors.module.css +20 -20
  172. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  173. package/es/Layout/Box.js +0 -0
  174. package/es/Layout/Container.js +0 -0
  175. package/es/Layout/Layout.module.css +335 -335
  176. package/es/Layout/utils.js +0 -0
  177. package/es/ListItem/ListItem.js +0 -0
  178. package/es/ListItem/ListItem.module.css +216 -216
  179. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  180. package/es/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  181. package/es/MultiSelect/MultiSelect.js +5 -5
  182. package/es/MultiSelect/MultiSelect.module.css +204 -204
  183. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  184. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  185. package/es/PopOver/PopOver.module.css +8 -8
  186. package/es/Popup/Popup.js +0 -0
  187. package/es/Popup/PositionMapping.json +73 -73
  188. package/es/Radio/Radio.js +0 -0
  189. package/es/Radio/Radio.module.css +112 -112
  190. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  191. package/es/Responsive/CustomResponsive.js +0 -0
  192. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  193. package/es/Ribbon/Ribbon.js +0 -0
  194. package/es/Ribbon/Ribbon.module.css +454 -454
  195. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  196. package/es/RippleEffect/RippleEffect.module.css +92 -92
  197. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  198. package/es/Select/GroupSelect.js +0 -0
  199. package/es/Select/Select.js +0 -0
  200. package/es/Select/Select.module.css +108 -108
  201. package/es/Select/SelectWithAvatar.js +0 -0
  202. package/es/Select/SelectWithIcon.js +0 -0
  203. package/es/Stencils/Stencils.js +0 -0
  204. package/es/Stencils/Stencils.module.css +96 -96
  205. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  206. package/es/Switch/Switch.js +0 -0
  207. package/es/Switch/Switch.module.css +127 -127
  208. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  209. package/es/Tab/Tab.module.css +100 -100
  210. package/es/Tab/TabContent.module.css +4 -4
  211. package/es/Tab/Tabs.js +17 -17
  212. package/es/Tab/Tabs.module.css +136 -136
  213. package/es/Tag/Tag.js +8 -8
  214. package/es/Tag/Tag.module.css +254 -254
  215. package/es/TextBox/TextBox.js +0 -0
  216. package/es/TextBox/TextBox.module.css +158 -158
  217. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  218. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  219. package/es/Textarea/Textarea.js +0 -0
  220. package/es/Textarea/Textarea.module.css +139 -139
  221. package/es/Tooltip/Tooltip.module.css +140 -140
  222. package/es/common/a11y.module.css +3 -3
  223. package/es/common/animation.module.css +624 -624
  224. package/es/common/avatarsizes.module.css +48 -48
  225. package/es/common/basic.module.css +33 -33
  226. package/es/common/basicReset.module.css +40 -40
  227. package/es/common/boxShadow.module.css +33 -33
  228. package/es/common/common.module.css +524 -524
  229. package/es/common/customscroll.module.css +91 -91
  230. package/es/common/reset.module.css +13 -13
  231. package/es/common/transition.module.css +146 -146
  232. package/es/semantic/Button/semanticButton.module.css +9 -9
  233. package/es/utils/Common.js +0 -0
  234. package/es/utils/dropDownUtils.js +0 -0
  235. package/es/v1/Avatar/Avatar.js +5 -5
  236. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  237. package/es/v1/Button/Button.js +4 -4
  238. package/es/v1/Card/Card.js +4 -4
  239. package/es/v1/CheckBox/CheckBox.js +0 -0
  240. package/es/v1/DateTime/DateTime.js +0 -0
  241. package/es/v1/DateTime/DateWidget.js +0 -0
  242. package/es/v1/DateTime/YearView.js +0 -0
  243. package/es/v1/DateTime/index.js +0 -0
  244. package/es/v1/DropBox/DropBox.js +0 -0
  245. package/es/v1/DropDown/DropDown.js +0 -0
  246. package/es/v1/DropDown/DropDownHeading.js +0 -0
  247. package/es/v1/DropDown/DropDownItem.js +0 -0
  248. package/es/v1/DropDown/DropDownSearch.js +0 -0
  249. package/es/v1/DropDown/DropDownSeparator.js +0 -0
  250. package/es/v1/Layout/Box.js +0 -0
  251. package/es/v1/Layout/Container.js +0 -0
  252. package/es/v1/ListItem/ListItem.js +0 -0
  253. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  254. package/es/v1/MultiSelect/MultiSelect.js +5 -5
  255. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  256. package/es/v1/Radio/Radio.js +0 -0
  257. package/es/v1/Responsive/CustomResponsive.js +0 -0
  258. package/es/v1/Select/GroupSelect.js +0 -0
  259. package/es/v1/Select/Select.js +0 -0
  260. package/es/v1/Select/SelectWithAvatar.js +0 -0
  261. package/es/v1/Select/SelectWithIcon.js +0 -0
  262. package/es/v1/Switch/Switch.js +0 -0
  263. package/es/v1/Tab/Tabs.js +17 -17
  264. package/es/v1/Tag/Tag.js +8 -8
  265. package/es/v1/TextBox/TextBox.js +0 -0
  266. package/es/v1/Typography/css/Typography.module.css +409 -409
  267. package/install.md +10 -10
  268. package/lib/AppContainer/AppContainer.module.css +18 -18
  269. package/lib/Avatar/Avatar.js +9 -9
  270. package/lib/Avatar/Avatar.module.css +175 -175
  271. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  272. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  273. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  274. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
  275. package/lib/Button/Button.js +4 -4
  276. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  277. package/lib/Button/css/Button.module.css +525 -525
  278. package/lib/Buttongroup/Buttongroup.js +1 -1
  279. package/lib/Buttongroup/Buttongroup.module.css +105 -105
  280. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  281. package/lib/Card/Card.js +4 -4
  282. package/lib/Card/Card.module.css +20 -20
  283. package/lib/CheckBox/CheckBox.js +0 -0
  284. package/lib/CheckBox/CheckBox.module.css +157 -157
  285. package/lib/DateTime/CalendarView.js +0 -0
  286. package/lib/DateTime/DateTime.js +0 -0
  287. package/lib/DateTime/DateTime.module.css +248 -248
  288. package/lib/DateTime/DateWidget.js +0 -0
  289. package/lib/DateTime/DateWidget.module.css +38 -38
  290. package/lib/DateTime/YearView.js +0 -0
  291. package/lib/DateTime/YearView.module.css +98 -98
  292. package/lib/DateTime/common.js +0 -0
  293. package/lib/DateTime/index.js +0 -0
  294. package/lib/DateTime/objectUtils.js +0 -0
  295. package/lib/DateTime/typeChecker.js +0 -0
  296. package/lib/DateTime/validator.js +0 -0
  297. package/lib/DropBox/DropBox.js +0 -0
  298. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  299. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  300. package/lib/DropBox/css/DropBox.module.css +58 -58
  301. package/lib/DropDown/DropDown.js +0 -0
  302. package/lib/DropDown/DropDown.module.css +5 -5
  303. package/lib/DropDown/DropDownHeading.js +0 -0
  304. package/lib/DropDown/DropDownHeading.module.css +53 -53
  305. package/lib/DropDown/DropDownItem.js +0 -0
  306. package/lib/DropDown/DropDownItem.module.css +94 -94
  307. package/lib/DropDown/DropDownSearch.js +0 -0
  308. package/lib/DropDown/DropDownSearch.module.css +14 -14
  309. package/lib/DropDown/DropDownSeparator.js +0 -0
  310. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  311. package/lib/Heading/Heading.module.css +4 -4
  312. package/lib/Label/Label.js +0 -0
  313. package/lib/Label/Label.module.css +52 -52
  314. package/lib/Label/LabelColors.module.css +20 -20
  315. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  316. package/lib/Layout/Box.js +0 -0
  317. package/lib/Layout/Container.js +0 -0
  318. package/lib/Layout/Layout.module.css +335 -335
  319. package/lib/Layout/utils.js +0 -0
  320. package/lib/ListItem/ListItem.js +0 -0
  321. package/lib/ListItem/ListItem.module.css +216 -216
  322. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  323. package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  324. package/lib/MultiSelect/MultiSelect.js +5 -5
  325. package/lib/MultiSelect/MultiSelect.module.css +204 -204
  326. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  327. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  328. package/lib/PopOver/PopOver.module.css +8 -8
  329. package/lib/Popup/Popup.js +0 -0
  330. package/lib/Popup/PositionMapping.json +73 -73
  331. package/lib/Radio/Radio.js +0 -0
  332. package/lib/Radio/Radio.module.css +112 -112
  333. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  334. package/lib/Responsive/CustomResponsive.js +0 -0
  335. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  336. package/lib/Ribbon/Ribbon.js +0 -0
  337. package/lib/Ribbon/Ribbon.module.css +454 -454
  338. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  339. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  340. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  341. package/lib/Select/GroupSelect.js +0 -0
  342. package/lib/Select/Select.js +0 -0
  343. package/lib/Select/Select.module.css +108 -108
  344. package/lib/Select/SelectWithAvatar.js +0 -0
  345. package/lib/Select/SelectWithIcon.js +0 -0
  346. package/lib/Stencils/Stencils.js +0 -0
  347. package/lib/Stencils/Stencils.module.css +96 -96
  348. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  349. package/lib/Switch/Switch.js +0 -0
  350. package/lib/Switch/Switch.module.css +127 -127
  351. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  352. package/lib/Tab/Tab.module.css +100 -100
  353. package/lib/Tab/TabContent.module.css +4 -4
  354. package/lib/Tab/Tabs.js +11 -11
  355. package/lib/Tab/Tabs.module.css +136 -136
  356. package/lib/Tag/Tag.js +8 -8
  357. package/lib/Tag/Tag.module.css +254 -254
  358. package/lib/TextBox/TextBox.js +0 -0
  359. package/lib/TextBox/TextBox.module.css +158 -158
  360. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  361. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  362. package/lib/Textarea/Textarea.js +0 -0
  363. package/lib/Textarea/Textarea.module.css +139 -139
  364. package/lib/Tooltip/Tooltip.module.css +140 -140
  365. package/lib/common/a11y.module.css +3 -3
  366. package/lib/common/animation.module.css +624 -624
  367. package/lib/common/avatarsizes.module.css +48 -48
  368. package/lib/common/basic.module.css +33 -33
  369. package/lib/common/basicReset.module.css +40 -40
  370. package/lib/common/boxShadow.module.css +33 -33
  371. package/lib/common/common.module.css +524 -524
  372. package/lib/common/customscroll.module.css +91 -91
  373. package/lib/common/reset.module.css +13 -13
  374. package/lib/common/transition.module.css +146 -146
  375. package/lib/semantic/Button/semanticButton.module.css +9 -9
  376. package/lib/utils/Common.js +0 -0
  377. package/lib/utils/dropDownUtils.js +0 -0
  378. package/lib/v1/Avatar/Avatar.js +5 -5
  379. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  380. package/lib/v1/Button/Button.js +4 -4
  381. package/lib/v1/Card/Card.js +4 -4
  382. package/lib/v1/CheckBox/CheckBox.js +0 -0
  383. package/lib/v1/DateTime/DateTime.js +0 -0
  384. package/lib/v1/DateTime/DateWidget.js +0 -0
  385. package/lib/v1/DateTime/YearView.js +0 -0
  386. package/lib/v1/DateTime/index.js +0 -0
  387. package/lib/v1/DropBox/DropBox.js +0 -0
  388. package/lib/v1/DropDown/DropDown.js +0 -0
  389. package/lib/v1/DropDown/DropDownHeading.js +0 -0
  390. package/lib/v1/DropDown/DropDownItem.js +0 -0
  391. package/lib/v1/DropDown/DropDownSearch.js +0 -0
  392. package/lib/v1/DropDown/DropDownSeparator.js +0 -0
  393. package/lib/v1/Layout/Box.js +0 -0
  394. package/lib/v1/Layout/Container.js +0 -0
  395. package/lib/v1/ListItem/ListItem.js +0 -0
  396. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  397. package/lib/v1/MultiSelect/MultiSelect.js +5 -5
  398. package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  399. package/lib/v1/Radio/Radio.js +0 -0
  400. package/lib/v1/Responsive/CustomResponsive.js +0 -0
  401. package/lib/v1/Select/GroupSelect.js +0 -0
  402. package/lib/v1/Select/Select.js +0 -0
  403. package/lib/v1/Select/SelectWithAvatar.js +0 -0
  404. package/lib/v1/Select/SelectWithIcon.js +0 -0
  405. package/lib/v1/Switch/Switch.js +0 -0
  406. package/lib/v1/Tab/Tabs.js +11 -11
  407. package/lib/v1/Tag/Tag.js +8 -8
  408. package/lib/v1/TextBox/TextBox.js +0 -0
  409. package/lib/v1/Typography/css/Typography.module.css +409 -409
  410. package/package.json +92 -92
  411. package/postPublish.js +8 -8
  412. package/prePublish.js +70 -70
  413. package/react-cli.config.js +23 -23
  414. package/result.json +1 -1
  415. package/unittest/index.html +1 -1
@@ -1,35 +1,35 @@
1
1
  [data-mode='pureDark'][data-theme='yellow'] {
2
2
  /* CTA variables */
3
- --zdt_cta_primary_text: hsla(37, 66.94%, calc(52.55% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
4
- --zdt_cta_primary_hover_text: hsla(37, 66.48%, calc(64.90% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
5
- --zdt_cta_primary_bg: hsla(37, 66.94%, calc(52.55% + var(--zd_pureDark_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
6
- --zdt_cta_primary_hover_bg: hsla(39, 90.18%, calc(31.96% + var(--zd_pureDark_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
7
- --zdt_cta_primary_border: hsla(37, 66.94%, calc(52.55% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
8
- --zdt_cta_primary_hover_border: hsla(39, 90.18%, calc(31.96% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
3
+ --zdt_cta_primary_text: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdt_cta_primary_hover_text: hsla(37, 66.48%, calc(64.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
+ --zdt_cta_primary_bg: hsla(37, 66.94%, calc(52.55% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdt_cta_primary_hover_bg: hsla(39, 90.18%, calc(31.96% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
7
+ --zdt_cta_primary_border: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
8
+ --zdt_cta_primary_hover_border: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
9
  --zdt_cta_primary_box_shadow: rgba(232, 185, 35, 0.2);
10
10
  --zdt_cta_primary_hover_box_shadow: rgba(181, 145, 0, 0.25);
11
- --zdt_cta_primary_light_bg: hsla(35, 15.00%, calc(15.69% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
12
- --zdt_cta_primary_light_hover_bg: hsla(37, 12.70%, calc(24.71% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
13
- --zdt_cta_primary_light_border: hsla(37, 12.70%, calc(24.71% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
14
- --zdt_cta_secondary_bg: hsla(37, 66.94%, calc(52.55% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
- --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zd_pureDark_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
16
- --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zd_pureDark_default_inverse_medium_lValue)), calc( 0.15 + var(--zd_alpha_low)));
17
- --zdt_cta_secondary_light_border: hsla(38, 30.19%, calc(20.78% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
18
- --zdt_cta_alpha_text: hsla(37, 66.94%, calc(52.55% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
19
- --zdt_cta_alpha_hover_text: hsla(39, 90.18%, calc(31.96% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
20
- --zdt_cta_alpha_border: hsla(37, 66.94%, calc(52.55% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
21
- --zdt_cta_alpha_hover_border: hsla(39, 90.18%, calc(31.96% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
22
- --zdt_cta_alpha_bg: hsla(220, 2.75%, calc(21.37% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
23
- --zdt_cta_beta_border: hsla(37, 66.94%, calc(52.55% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
24
- --zdt_cta_grey_10_bg: hsla(0, 0.00%, calc(14.90% + var(--zd_pureDark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
25
- --zdt_cta_grey_10_border: hsla(0, 0.00%, calc(14.90% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
26
- --zdt_cta_grey_15_bg: hsla(0, 2.33%, calc(8.43% + var(--zd_pureDark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
27
- --zdt_cta_grey_15_border: hsla(0, 2.33%, calc(8.43% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
28
- --zdt_cta_grey_20_bg: hsla(217, 22.81%, calc(11.18% + var(--zd_pureDark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
29
- --zdt_cta_grey_35_bg: hsla(0, 0.00%, calc(34.51% + var(--zd_pureDark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
30
- --zdt_cta_grey_35_text: hsla(0, 0.00%, calc(34.51% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
31
- --zdt_cta_grey_35_border: hsla(0, 0.00%, calc(21.96% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
32
- --zdt_cta_grey_40_bg: hsla(0, 0.00%, calc(34.51% + var(--zd_pureDark_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
33
- --zdt_cta_grey_40_text: hsla(0, 0.00%, calc(34.51% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
34
- --zdt_cta_grey_40_border: hsla(0, 0.00%, calc(34.51% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
11
+ --zdt_cta_primary_light_bg: hsla(35, 15.00%, calc(15.69% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdt_cta_primary_light_hover_bg: hsla(37, 12.70%, calc(24.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
+ --zdt_cta_primary_light_border: hsla(37, 12.70%, calc(24.71% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
14
+ --zdt_cta_secondary_bg: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
15
+ --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
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
+ --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_alpha_text: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
+ --zdt_cta_alpha_hover_text: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_cta_alpha_border: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
21
+ --zdt_cta_alpha_hover_border: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
22
+ --zdt_cta_alpha_bg: hsla(220, 2.75%, calc(21.37% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
23
+ --zdt_cta_beta_border: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
24
+ --zdt_cta_grey_10_bg: hsla(0, 0.00%, calc(14.90% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
25
+ --zdt_cta_grey_10_border: hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
26
+ --zdt_cta_grey_15_bg: hsla(0, 2.33%, calc(8.43% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
27
+ --zdt_cta_grey_15_border: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
28
+ --zdt_cta_grey_20_bg: hsla(217, 22.81%, calc(11.18% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
29
+ --zdt_cta_grey_35_bg: hsla(0, 0.00%, calc(34.51% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
30
+ --zdt_cta_grey_35_text: hsla(0, 0.00%, calc(34.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
31
+ --zdt_cta_grey_35_border: hsla(0, 0.00%, calc(21.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
32
+ --zdt_cta_grey_40_bg: hsla(0, 0.00%, calc(34.51% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
33
+ --zdt_cta_grey_40_text: hsla(0, 0.00%, calc(34.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
34
+ --zdt_cta_grey_40_border: hsla(0, 0.00%, calc(34.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
35
35
  }
@@ -1,39 +1,39 @@
1
1
  [data-mode='dark']:global:not(.zd-contrast) {
2
- --zd_dark_default_lValue: calc(0 * 1%);
3
- --zd_dark_default_low_lValue: calc(0 * 1%);
4
- --zd_dark_default_inverse_lValue: calc(0 * 1%);
5
- --zd_dark_default_inverse_low_lValue: calc(0 * 1%);
6
- --zd_dark_default_inverse_lower_lValue: calc(0 * 1%);
7
- --zd_dark_default_inverse_medium_lValue: calc(0 * 1%);
8
- --zd_dark_darker_lValue: calc(0 * 1%);
9
- --zd_dark_darker_low_lValue: calc(0 * 1%);
10
- --zd_dark_darker_lower_lValue: calc(0 * 1%);
11
- --zd_dark_darker_lowest_lValue: calc(0 * 1%);
12
- --zd_dark_lighter_lValue: calc(0 * 1%);
13
- --zd_dark_lighter_low_lValue: calc(0 * 1%);
14
- --zd_dark_lighter_lower_lValue: calc(0 * 1%);
15
- --zd_dark_lighter_medium_lValue: calc(0 * 1%);
16
- --zd_dark_lighter_high_lValue: calc(0 * 1%);
17
- --zd_alpha_high: 0;
18
- --zd_alpha_low: 0;
2
+ --zdc_default: calc(0 * 1%);
3
+ --zdc_default_low: calc(0 * 1%);
4
+ --zdc_default_inverse: calc(0 * 1%);
5
+ --zdc_default_inverse_low: calc(0 * 1%);
6
+ --zdc_default_inverse_lower: calc(0 * 1%);
7
+ --zdc_default_inverse_medium: calc(0 * 1%);
8
+ --zdc_darker: calc(0 * 1%);
9
+ --zdc_darker_low: calc(0 * 1%);
10
+ --zdc_darker_lower: calc(0 * 1%);
11
+ --zdc_darker_lowest: calc(0 * 1%);
12
+ --zdc_lighter: calc(0 * 1%);
13
+ --zdc_lighter_low: calc(0 * 1%);
14
+ --zdc_lighter_lower: calc(0 * 1%);
15
+ --zdc_lighter_medium: calc(0 * 1%);
16
+ --zdc_lighter_high: calc(0 * 1%);
17
+ --zdc_alpha_high: 0;
18
+ --zdc_alpha_low: 0;
19
19
  }
20
20
 
21
21
  [data-mode='dark']:global(.zd-contrast) {
22
- --zd_dark_default_lValue: calc(var(--zd_contrastLevel) * -1%);
23
- --zd_dark_default_low_lValue: calc(var(--zd_contrastLevel) * -1%);
24
- --zd_dark_default_inverse_lValue: calc(var(--zd_contrastLevel) * 1%);
25
- --zd_dark_default_inverse_low_lValue: calc(var(--zd_contrastLevel) * 0.25%);
26
- --zd_dark_default_inverse_lower_lValue: calc(var(--zd_contrastLevel) * 0.10%);
27
- --zd_dark_default_inverse_medium_lValue: calc(var(--zd_contrastLevel) * 1.5%);
28
- --zd_dark_darker_lValue: calc(var(--zd_contrastLevel) * -1%);
29
- --zd_dark_darker_low_lValue: calc(var(--zd_contrastLevel) * -0.50%);
30
- --zd_dark_darker_lower_lValue: calc(var(--zd_contrastLevel) * -1%);
31
- --zd_dark_darker_lowest_lValue: calc(var(--zd_contrastLevel) * -1%);
32
- --zd_dark_lighter_lValue: calc(var(--zd_contrastLevel) * 1%);
33
- --zd_dark_lighter_low_lValue: calc(var(--zd_contrastLevel) * 0.50%);
34
- --zd_dark_lighter_lower_lValue: calc(var(--zd_contrastLevel) * 0.25%);
35
- --zd_dark_lighter_medium_lValue: calc(var(--zd_contrastLevel) * 1.5%);
36
- --zd_dark_lighter_high_lValue: calc(var(--zd_contrastLevel) * 1%);
37
- --zd_alpha_high: 1;
38
- --zd_alpha_low: calc(var(--zd_contrastLevel) * 0.02);
22
+ --zdc_default: calc(var(--zd_contrastLevel) * -1%);
23
+ --zdc_default_low: calc(var(--zd_contrastLevel) * -1%);
24
+ --zdc_default_inverse: calc(var(--zd_contrastLevel) * 1%);
25
+ --zdc_default_inverse_low: calc(var(--zd_contrastLevel) * 0.25%);
26
+ --zdc_default_inverse_lower: calc(var(--zd_contrastLevel) * 0.10%);
27
+ --zdc_default_inverse_medium: calc(var(--zd_contrastLevel) * 1.5%);
28
+ --zdc_darker: calc(var(--zd_contrastLevel) * -1%);
29
+ --zdc_darker_low: calc(var(--zd_contrastLevel) * -0.50%);
30
+ --zdc_darker_lower: calc(var(--zd_contrastLevel) * -1%);
31
+ --zdc_darker_lowest: calc(var(--zd_contrastLevel) * -1%);
32
+ --zdc_lighter: calc(var(--zd_contrastLevel) * 1%);
33
+ --zdc_lighter_low: calc(var(--zd_contrastLevel) * 0.50%);
34
+ --zdc_lighter_lower: calc(var(--zd_contrastLevel) * 0.25%);
35
+ --zdc_lighter_medium: calc(var(--zd_contrastLevel) * 1.5%);
36
+ --zdc_lighter_high: calc(var(--zd_contrastLevel) * 1%);
37
+ --zdc_alpha_high: 1;
38
+ --zdc_alpha_low: calc(var(--zd_contrastLevel) * 0.02);
39
39
  }
@@ -1,39 +1,39 @@
1
1
  [data-mode='light']:global:not(.zd-contrast) {
2
- --zd_light_default_lValue: calc(0 * 1%);
3
- --zd_light_default_low_lValue: calc(0 * 1%);
4
- --zd_light_default_inverse_lValue: calc(0 * 1%);
5
- --zd_light_default_inverse_low_lValue: calc(0 * 1%);
6
- --zd_light_default_inverse_lower_lValue: calc(0 * 1%);
7
- --zd_light_default_inverse_medium_lValue: calc(0 * 1%);
8
- --zd_light_darker_lValue: calc(0 * 1%);
9
- --zd_light_darker_low_lValue: calc(0 * 1%);
10
- --zd_light_darker_lower_lValue: calc(0 * 1%);
11
- --zd_light_darker_lowest_lValue: calc(0 * 1%);
12
- --zd_light_lighter_lValue: calc(0 * 1%);
13
- --zd_light_lighter_low_lValue: calc(0 * 1%);
14
- --zd_light_lighter_lower_lValue: calc(0 * 1%);
15
- --zd_light_lighter_medium_lValue: calc(0 * 1%);
16
- --zd_light_lighter_high_lValue: calc(0 * 1%);
17
- --zd_alpha_high: 0;
18
- --zd_alpha_low: 0;
2
+ --zdc_default: calc(0 * 1%);
3
+ --zdc_default_low: calc(0 * 1%);
4
+ --zdc_default_inverse: calc(0 * 1%);
5
+ --zdc_default_inverse_low: calc(0 * 1%);
6
+ --zdc_default_inverse_lower: calc(0 * 1%);
7
+ --zdc_default_inverse_medium: calc(0 * 1%);
8
+ --zdc_darker: calc(0 * 1%);
9
+ --zdc_darker_low: calc(0 * 1%);
10
+ --zdc_darker_lower: calc(0 * 1%);
11
+ --zdc_darker_lowest: calc(0 * 1%);
12
+ --zdc_lighter: calc(0 * 1%);
13
+ --zdc_lighter_low: calc(0 * 1%);
14
+ --zdc_lighter_lower: calc(0 * 1%);
15
+ --zdc_lighter_medium: calc(0 * 1%);
16
+ --zdc_lighter_high: calc(0 * 1%);
17
+ --zdc_alpha_high: 0;
18
+ --zdc_alpha_low: 0;
19
19
  }
20
20
 
21
21
  [data-mode='light']:global(.zd-contrast) {
22
- --zd_light_default_lValue: calc(var(--zd_contrastLevel) * 1%);
23
- --zd_light_default_low_lValue: calc(var(--zd_contrastLevel) * 1%);
24
- --zd_light_default_inverse_lValue: calc(var(--zd_contrastLevel) * -1%);
25
- --zd_light_default_inverse_low_lValue: calc(var(--zd_contrastLevel) * -0.25%);
26
- --zd_light_default_inverse_lower_lValue: calc(var(--zd_contrastLevel) * -0.10%);
27
- --zd_light_default_inverse_medium_lValue: calc(var(--zd_contrastLevel) * -1.5%);
28
- --zd_light_darker_lValue: calc(var(--zd_contrastLevel) * -1%);
29
- --zd_light_darker_low_lValue: calc(var(--zd_contrastLevel) * -0.50%);
30
- --zd_light_darker_lower_lValue: calc(var(--zd_contrastLevel) * -0.25%);
31
- --zd_light_darker_lowest_lValue: calc(var(--zd_contrastLevel) * var(--zd_lightmode_grey_bg));
32
- --zd_light_lighter_lValue: calc(var(--zd_contrastLevel) * 1%);
33
- --zd_light_lighter_low_lValue: calc(var(--zd_contrastLevel) * 0.50%);
34
- --zd_light_lighter_lower_lValue: calc(var(--zd_contrastLevel) * 0.25%);
35
- --zd_light_lighter_medium_lValue: calc(var(--zd_contrastLevel) * 1.5%);
36
- --zd_light_lighter_high_lValue: calc(var(--zd_contrastLevel) * 20%);
37
- --zd_alpha_high: 1;
38
- --zd_alpha_low: calc(var(--zd_contrastLevel) * 0.02);
22
+ --zdc_default: calc(var(--zd_contrastLevel) * 1%);
23
+ --zdc_default_low: calc(var(--zd_contrastLevel) * 1%);
24
+ --zdc_default_inverse: calc(var(--zd_contrastLevel) * -1%);
25
+ --zdc_default_inverse_low: calc(var(--zd_contrastLevel) * -0.25%);
26
+ --zdc_default_inverse_lower: calc(var(--zd_contrastLevel) * -0.10%);
27
+ --zdc_default_inverse_medium: calc(var(--zd_contrastLevel) * -1.5%);
28
+ --zdc_darker: calc(var(--zd_contrastLevel) * -1%);
29
+ --zdc_darker_low: calc(var(--zd_contrastLevel) * -0.50%);
30
+ --zdc_darker_lower: calc(var(--zd_contrastLevel) * -0.25%);
31
+ --zdc_darker_lowest: calc(var(--zd_contrastLevel) * var(--zd_lightmode_grey_bg));
32
+ --zdc_lighter: calc(var(--zd_contrastLevel) * 1%);
33
+ --zdc_lighter_low: calc(var(--zd_contrastLevel) * 0.50%);
34
+ --zdc_lighter_lower: calc(var(--zd_contrastLevel) * 0.25%);
35
+ --zdc_lighter_medium: calc(var(--zd_contrastLevel) * 1.5%);
36
+ --zdc_lighter_high: calc(var(--zd_contrastLevel) * 20%);
37
+ --zdc_alpha_high: 1;
38
+ --zdc_alpha_low: calc(var(--zd_contrastLevel) * 0.02);
39
39
  }
@@ -1,39 +1,39 @@
1
1
  [data-mode='pureDark']:global:not(.zd-contrast) {
2
- --zd_pureDark_default_lValue: calc(0 * 1%);
3
- --zd_pureDark_default_low_lValue: calc(0 * 1%);
4
- --zd_pureDark_default_inverse_lValue: calc(0 * 1%);
5
- --zd_pureDark_default_inverse_low_lValue: calc(0 * 1%);
6
- --zd_pureDark_default_inverse_lower_lValue: calc(0 * 1%);
7
- --zd_pureDark_default_inverse_medium_lValue: calc(0 * 1%);
8
- --zd_pureDark_darker_lValue: calc(0 * 1%);
9
- --zd_pureDark_darker_low_lValue: calc(0 * 1%);
10
- --zd_pureDark_darker_lower_lValue: calc(0 * 1%);
11
- --zd_pureDark_darker_lowest_lValue: calc(0 * 1%);
12
- --zd_pureDark_lighter_lValue: calc(0 * 1%);
13
- --zd_pureDark_lighter_low_lValue: calc(0 * 1%);
14
- --zd_pureDark_lighter_lower_lValue: calc(0 * 1%);
15
- --zd_pureDark_lighter_medium_lValue: calc(0 * 1%);
16
- --zd_pureDark_lighter_high_lValue: calc(0 * 1%);
17
- --zd_alpha_high: 0;
18
- --zd_alpha_low: 0;
2
+ --zdc_default: calc(0 * 1%);
3
+ --zdc_default_low: calc(0 * 1%);
4
+ --zdc_default_inverse: calc(0 * 1%);
5
+ --zdc_default_inverse_low: calc(0 * 1%);
6
+ --zdc_default_inverse_lower: calc(0 * 1%);
7
+ --zdc_default_inverse_medium: calc(0 * 1%);
8
+ --zdc_darker: calc(0 * 1%);
9
+ --zdc_darker_low: calc(0 * 1%);
10
+ --zdc_darker_lower: calc(0 * 1%);
11
+ --zdc_darker_lowest: calc(0 * 1%);
12
+ --zdc_lighter: calc(0 * 1%);
13
+ --zdc_lighter_low: calc(0 * 1%);
14
+ --zdc_lighter_lower: calc(0 * 1%);
15
+ --zdc_lighter_medium: calc(0 * 1%);
16
+ --zdc_lighter_high: calc(0 * 1%);
17
+ --zdc_alpha_high: 0;
18
+ --zdc_alpha_low: 0;
19
19
  }
20
20
 
21
21
  [data-mode='pureDark']:global(.zd-contrast) {
22
- --zd_pureDark_default_lValue: calc(var(--zd_contrastLevel) * -1%);
23
- --zd_pureDark_default_low_lValue: calc(var(--zd_contrastLevel) * -1%);
24
- --zd_pureDark_default_inverse_lValue: calc(var(--zd_contrastLevel) * 1%);
25
- --zd_pureDark_default_inverse_low_lValue: calc(var(--zd_contrastLevel) * 0.25%);
26
- --zd_pureDark_default_inverse_lower_lValue: calc(var(--zd_contrastLevel) * 0.10%);
27
- --zd_pureDark_default_inverse_medium_lValue: calc(var(--zd_contrastLevel) * 1.5%);
28
- --zd_pureDark_darker_lValue: calc(var(--zd_contrastLevel) * -1%);
29
- --zd_pureDark_darker_low_lValue: calc(var(--zd_contrastLevel) * -0.50%);
30
- --zd_pureDark_darker_lower_lValue: calc(var(--zd_contrastLevel) * -1%);
31
- --zd_pureDark_darker_lowest_lValue: calc(var(--zd_contrastLevel) * -1%);
32
- --zd_pureDark_lighter_lValue: calc(var(--zd_contrastLevel) * 1%);
33
- --zd_pureDark_lighter_low_lValue: calc(var(--zd_contrastLevel) * 0.50%);
34
- --zd_pureDark_lighter_lower_lValue: calc(var(--zd_contrastLevel) * 0.25%);
35
- --zd_pureDark_lighter_medium_lValue: calc(var(--zd_contrastLevel) * 1.5%);
36
- --zd_pureDark_lighter_high_lValue: calc(var(--zd_contrastLevel) * 1%);
37
- --zd_alpha_high: 1;
38
- --zd_alpha_low: calc(var(--zd_contrastLevel) * 0.02);
22
+ --zdc_default: calc(var(--zd_contrastLevel) * -1%);
23
+ --zdc_default_low: calc(var(--zd_contrastLevel) * -1%);
24
+ --zdc_default_inverse: calc(var(--zd_contrastLevel) * 1%);
25
+ --zdc_default_inverse_low: calc(var(--zd_contrastLevel) * 0.25%);
26
+ --zdc_default_inverse_lower: calc(var(--zd_contrastLevel) * 0.10%);
27
+ --zdc_default_inverse_medium: calc(var(--zd_contrastLevel) * 1.5%);
28
+ --zdc_darker: calc(var(--zd_contrastLevel) * -1%);
29
+ --zdc_darker_low: calc(var(--zd_contrastLevel) * -0.50%);
30
+ --zdc_darker_lower: calc(var(--zd_contrastLevel) * -1%);
31
+ --zdc_darker_lowest: calc(var(--zd_contrastLevel) * -1%);
32
+ --zdc_lighter: calc(var(--zd_contrastLevel) * 1%);
33
+ --zdc_lighter_low: calc(var(--zd_contrastLevel) * 0.50%);
34
+ --zdc_lighter_lower: calc(var(--zd_contrastLevel) * 0.25%);
35
+ --zdc_lighter_medium: calc(var(--zd_contrastLevel) * 1.5%);
36
+ --zdc_lighter_high: calc(var(--zd_contrastLevel) * 1%);
37
+ --zdc_alpha_high: 1;
38
+ --zdc_alpha_low: calc(var(--zd_contrastLevel) * 0.02);
39
39
  }
@@ -634,7 +634,7 @@ Avatar.validImageURLs = [];
634
634
  <div class='footer quiet pad2 space-top1 center small'>
635
635
  Code coverage generated by
636
636
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
637
- at 2023-11-14T13:23:41.841Z
637
+ at 2023-11-17T12:04:52.263Z
638
638
  </div>
639
639
  <script src="../prettify.js"></script>
640
640
  <script>
@@ -541,7 +541,7 @@
541
541
  <div class='footer quiet pad2 space-top1 center small'>
542
542
  Code coverage generated by
543
543
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
544
- at 2023-11-14T13:23:41.841Z
544
+ at 2023-11-17T12:04:52.263Z
545
545
  </div>
546
546
  <script src="../prettify.js"></script>
547
547
  <script>
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at 2023-11-14T13:23:41.841Z
119
+ at 2023-11-17T12:04:52.263Z
120
120
  </div>
121
121
  <script src="../prettify.js"></script>
122
122
  <script>
@@ -121,7 +121,7 @@
121
121
  <div class='footer quiet pad2 space-top1 center small'>
122
122
  Code coverage generated by
123
123
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
124
- at 2023-11-14T13:23:41.841Z
124
+ at 2023-11-17T12:04:52.263Z
125
125
  </div>
126
126
  <script src="../../prettify.js"></script>
127
127
  <script>
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at 2023-11-14T13:23:41.841Z
119
+ at 2023-11-17T12:04:52.263Z
120
120
  </div>
121
121
  <script src="../../prettify.js"></script>
122
122
  <script>
@@ -151,7 +151,7 @@ export const propTypes = {
151
151
  <div class='footer quiet pad2 space-top1 center small'>
152
152
  Code coverage generated by
153
153
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
154
- at 2023-11-14T13:23:41.841Z
154
+ at 2023-11-17T12:04:52.263Z
155
155
  </div>
156
156
  <script src="../../prettify.js"></script>
157
157
  <script>
@@ -325,7 +325,7 @@ AvatarTeam.propTypes = propTypes;
325
325
  <div class='footer quiet pad2 space-top1 center small'>
326
326
  Code coverage generated by
327
327
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
328
- at 2023-11-14T13:23:41.841Z
328
+ at 2023-11-17T12:04:52.263Z
329
329
  </div>
330
330
  <script src="../prettify.js"></script>
331
331
  <script>
@@ -595,7 +595,7 @@
595
595
  <div class='footer quiet pad2 space-top1 center small'>
596
596
  Code coverage generated by
597
597
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
598
- at 2023-11-14T13:23:41.841Z
598
+ at 2023-11-17T12:04:52.263Z
599
599
  </div>
600
600
  <script src="../prettify.js"></script>
601
601
  <script>
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at 2023-11-14T13:23:41.841Z
119
+ at 2023-11-17T12:04:52.263Z
120
120
  </div>
121
121
  <script src="../prettify.js"></script>
122
122
  <script>
@@ -121,7 +121,7 @@
121
121
  <div class='footer quiet pad2 space-top1 center small'>
122
122
  Code coverage generated by
123
123
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
124
- at 2023-11-14T13:23:41.841Z
124
+ at 2023-11-17T12:04:52.263Z
125
125
  </div>
126
126
  <script src="../../prettify.js"></script>
127
127
  <script>
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at 2023-11-14T13:23:41.841Z
119
+ at 2023-11-17T12:04:52.263Z
120
120
  </div>
121
121
  <script src="../../prettify.js"></script>
122
122
  <script>
@@ -154,7 +154,7 @@ export const propTypes = {
154
154
  <div class='footer quiet pad2 space-top1 center small'>
155
155
  Code coverage generated by
156
156
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
157
- at 2023-11-14T13:23:41.841Z
157
+ at 2023-11-17T12:04:52.263Z
158
158
  </div>
159
159
  <script src="../../prettify.js"></script>
160
160
  <script>
@@ -298,7 +298,7 @@ Button.propTypes = propTypes;
298
298
  <div class='footer quiet pad2 space-top1 center small'>
299
299
  Code coverage generated by
300
300
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
301
- at 2023-11-14T13:23:41.841Z
301
+ at 2023-11-17T12:04:52.263Z
302
302
  </div>
303
303
  <script src="../prettify.js"></script>
304
304
  <script>
@@ -1426,7 +1426,7 @@
1426
1426
  <div class='footer quiet pad2 space-top1 center small'>
1427
1427
  Code coverage generated by
1428
1428
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
1429
- at 2023-11-14T13:23:41.841Z
1429
+ at 2023-11-17T12:04:52.263Z
1430
1430
  </div>
1431
1431
  <script src="../../prettify.js"></script>
1432
1432
  <script>
@@ -199,7 +199,7 @@ export default function cssJSLogic({ props, style }) {
199
199
  <div class='footer quiet pad2 space-top1 center small'>
200
200
  Code coverage generated by
201
201
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
202
- at 2023-11-14T13:23:41.841Z
202
+ at 2023-11-17T12:04:52.263Z
203
203
  </div>
204
204
  <script src="../../prettify.js"></script>
205
205
  <script>
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at 2023-11-14T13:23:41.841Z
119
+ at 2023-11-17T12:04:52.263Z
120
120
  </div>
121
121
  <script src="../../prettify.js"></script>
122
122
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2023-11-14T13:23:41.841Z
104
+ at 2023-11-17T12:04:52.263Z
105
105
  </div>
106
106
  <script src="../prettify.js"></script>
107
107
  <script>
@@ -127,7 +127,7 @@ export const defaultProps = {
127
127
  <div class='footer quiet pad2 space-top1 center small'>
128
128
  Code coverage generated by
129
129
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
130
- at 2023-11-14T13:23:41.841Z
130
+ at 2023-11-17T12:04:52.263Z
131
131
  </div>
132
132
  <script src="../../prettify.js"></script>
133
133
  <script>
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at 2023-11-14T13:23:41.841Z
119
+ at 2023-11-17T12:04:52.263Z
120
120
  </div>
121
121
  <script src="../../prettify.js"></script>
122
122
  <script>
@@ -193,7 +193,7 @@ export default propTypes;
193
193
  <div class='footer quiet pad2 space-top1 center small'>
194
194
  Code coverage generated by
195
195
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
196
- at 2023-11-14T13:23:41.841Z
196
+ at 2023-11-17T12:04:52.263Z
197
197
  </div>
198
198
  <script src="../../prettify.js"></script>
199
199
  <script>
@@ -205,7 +205,7 @@ Buttongroup.propTypes = propTypes;
205
205
  <div class='footer quiet pad2 space-top1 center small'>
206
206
  Code coverage generated by
207
207
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
208
- at 2023-11-14T13:23:41.841Z
208
+ at 2023-11-17T12:04:52.263Z
209
209
  </div>
210
210
  <script src="../prettify.js"></script>
211
211
  <script>
@@ -283,7 +283,7 @@
283
283
  <div class='footer quiet pad2 space-top1 center small'>
284
284
  Code coverage generated by
285
285
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
286
- at 2023-11-14T13:23:41.841Z
286
+ at 2023-11-17T12:04:52.263Z
287
287
  </div>
288
288
  <script src="../prettify.js"></script>
289
289
  <script>
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at 2023-11-14T13:23:41.841Z
119
+ at 2023-11-17T12:04:52.263Z
120
120
  </div>
121
121
  <script src="../prettify.js"></script>
122
122
  <script>
@@ -88,7 +88,7 @@
88
88
  <div class='footer quiet pad2 space-top1 center small'>
89
89
  Code coverage generated by
90
90
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
91
- at 2023-11-14T13:23:41.841Z
91
+ at 2023-11-17T12:04:52.263Z
92
92
  </div>
93
93
  <script src="../../prettify.js"></script>
94
94
  <script>
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at 2023-11-14T13:23:41.841Z
119
+ at 2023-11-17T12:04:52.263Z
120
120
  </div>
121
121
  <script src="../../prettify.js"></script>
122
122
  <script>
@@ -100,7 +100,7 @@ export const propTypes = {
100
100
  <div class='footer quiet pad2 space-top1 center small'>
101
101
  Code coverage generated by
102
102
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
103
- at 2023-11-14T13:23:41.841Z
103
+ at 2023-11-17T12:04:52.263Z
104
104
  </div>
105
105
  <script src="../../prettify.js"></script>
106
106
  <script>
@@ -238,7 +238,7 @@ Label.propTypes = propTypes;
238
238
  <div class='footer quiet pad2 space-top1 center small'>
239
239
  Code coverage generated by
240
240
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
241
- at 2023-11-14T13:23:41.841Z
241
+ at 2023-11-17T12:04:52.263Z
242
242
  </div>
243
243
  <script src="../prettify.js"></script>
244
244
  <script>
@@ -173,7 +173,7 @@
173
173
  --label_text_color: var(--zdt_label_default_text);
174
174
  --label_font_family: var(--zd_regular);
175
175
  --label_cursor: default;
176
- --label_line_height: 1.2857142857142858;
176
+ --label_line_height: 18px;
177
177
  }
178
178
  .label {
179
179
  composes: varClass;
@@ -226,7 +226,7 @@
226
226
  <div class='footer quiet pad2 space-top1 center small'>
227
227
  Code coverage generated by
228
228
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
229
- at 2023-11-14T13:23:41.841Z
229
+ at 2023-11-17T12:04:52.263Z
230
230
  </div>
231
231
  <script src="../prettify.js"></script>
232
232
  <script>
@@ -130,7 +130,7 @@
130
130
  <div class='footer quiet pad2 space-top1 center small'>
131
131
  Code coverage generated by
132
132
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
133
- at 2023-11-14T13:23:41.841Z
133
+ at 2023-11-17T12:04:52.263Z
134
134
  </div>
135
135
  <script src="../prettify.js"></script>
136
136
  <script>