@zohodesk/components 1.0.0-temp-37 → 1.0.0-temp-41

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 (410) hide show
  1. package/README.md +949 -906
  2. package/README_Beta.md +2 -2
  3. package/__testUtils__/globals.js +46 -46
  4. package/__testUtils__/moduleMapKey.json +138 -138
  5. package/dubFinder.js +96 -96
  6. package/es/AppContainer/AppContainer.js +47 -5
  7. package/es/AppContainer/AppContainer.module.css +18 -18
  8. package/es/Appearance/dark/mode/darkMode.module.css +393 -395
  9. package/es/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +33 -33
  10. package/es/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +41 -42
  11. package/es/Appearance/dark/themes/green/greenDarkCTATheme.module.css +33 -33
  12. package/es/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +41 -42
  13. package/es/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +33 -33
  14. package/es/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +41 -42
  15. package/es/Appearance/dark/themes/red/redDarkCTATheme.module.css +33 -33
  16. package/es/Appearance/dark/themes/red/redDarkComponentTheme.module.css +41 -42
  17. package/es/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +33 -33
  18. package/es/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +41 -42
  19. package/es/Appearance/default/mode/defaultMode.module.css +395 -395
  20. package/es/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +33 -33
  21. package/es/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +41 -42
  22. package/es/Appearance/default/themes/green/greenDefaultCTATheme.module.css +33 -33
  23. package/es/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +41 -42
  24. package/es/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +33 -33
  25. package/es/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +41 -42
  26. package/es/Appearance/default/themes/red/redDefaultCTATheme.module.css +33 -33
  27. package/es/Appearance/default/themes/red/redDefaultComponentTheme.module.css +41 -42
  28. package/es/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +33 -33
  29. package/es/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +41 -42
  30. package/es/Avatar/Avatar.js +9 -9
  31. package/es/Avatar/Avatar.module.css +117 -117
  32. package/es/Avatar/__tests__/Avatar.spec.js +1 -0
  33. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  34. package/es/AvatarTeam/AvatarTeam.js +7 -7
  35. package/es/AvatarTeam/AvatarTeam.module.css +161 -161
  36. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +1 -0
  37. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  38. package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -0
  39. package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -0
  40. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -0
  41. package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -0
  42. package/es/Button/Button.js +4 -4
  43. package/es/Button/Button.module.css +517 -517
  44. package/es/Button/__tests__/Button.spec.js +1 -0
  45. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  46. package/es/Button/docs/Button__custom.docs.js +0 -0
  47. package/es/Button/docs/Button__default.docs.js +0 -0
  48. package/es/Buttongroup/Buttongroup.js +1 -1
  49. package/es/Buttongroup/Buttongroup.module.css +89 -89
  50. package/es/Buttongroup/__test__/Buttongroup.spec.js +1 -0
  51. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  52. package/es/Card/Card.js +4 -4
  53. package/es/Card/Card.module.css +20 -20
  54. package/es/Card/docs/Card__Custom.docs.js +0 -0
  55. package/es/Card/docs/Card__Default.docs.js +0 -0
  56. package/es/Card/docs/Card__Scroll.docs.js +0 -0
  57. package/es/CheckBox/CheckBox.js +0 -0
  58. package/es/CheckBox/CheckBox.module.css +153 -153
  59. package/es/CheckBox/docs/CheckBox__custom.docs.js +0 -0
  60. package/es/CheckBox/docs/CheckBox__default.docs.js +0 -0
  61. package/es/DateTime/CalendarView.js +0 -0
  62. package/es/DateTime/DateTime.js +0 -0
  63. package/es/DateTime/DateTime.module.css +187 -187
  64. package/es/DateTime/DateWidget.js +0 -0
  65. package/es/DateTime/DateWidget.module.css +42 -46
  66. package/es/DateTime/YearView.js +0 -0
  67. package/es/DateTime/YearView.module.css +80 -80
  68. package/es/DateTime/common.js +0 -0
  69. package/es/DateTime/dateFormatUtils/dateFormat.js +2 -0
  70. package/es/DateTime/docs/DateTime__default.docs.js +0 -0
  71. package/es/DateTime/docs/DateWidget__default.docs.js +0 -0
  72. package/es/DateTime/index.js +0 -0
  73. package/es/DateTime/objectUtils.js +0 -0
  74. package/es/DateTime/typeChecker.js +0 -0
  75. package/es/DateTime/validator.js +1 -0
  76. package/es/DropBox/DropBox.js +0 -0
  77. package/es/DropBox/DropBox.module.css +406 -406
  78. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  79. package/es/DropDown/DropDown.js +0 -0
  80. package/es/DropDown/DropDown.module.css +5 -5
  81. package/es/DropDown/DropDownHeading.js +0 -0
  82. package/es/DropDown/DropDownHeading.module.css +53 -53
  83. package/es/DropDown/DropDownItem.js +0 -0
  84. package/es/DropDown/DropDownItem.module.css +94 -94
  85. package/es/DropDown/DropDownSearch.js +0 -0
  86. package/es/DropDown/DropDownSearch.module.css +14 -14
  87. package/es/DropDown/DropDownSeparator.js +0 -0
  88. package/es/DropDown/DropDownSeparator.module.css +7 -7
  89. package/es/Label/Label.js +2 -2
  90. package/es/Label/Label.module.css +52 -52
  91. package/es/Label/LabelColors.module.css +20 -20
  92. package/es/Label/__tests__/Label.spec.js +2 -0
  93. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  94. package/es/Label/docs/Label__clipped.docs.js +0 -0
  95. package/es/Label/docs/Label__custom.docs.js +0 -0
  96. package/es/Label/docs/Label__palette.docs.js +0 -0
  97. package/es/Label/docs/Label__size.docs.js +0 -0
  98. package/es/Label/docs/Label__type.docs.js +0 -0
  99. package/es/Layout/Box.js +0 -0
  100. package/es/Layout/Container.js +0 -0
  101. package/es/Layout/Layout.module.css +324 -324
  102. package/es/Layout/docs/Layout__default.docs.js +0 -0
  103. package/es/Layout/utils.js +0 -0
  104. package/es/LightNightMode/Colors.json +397 -397
  105. package/es/ListItem/ListItem.js +2 -0
  106. package/es/ListItem/ListItem.module.css +200 -200
  107. package/es/ListItem/ListItemWithAvatar.js +11 -3
  108. package/es/ListItem/ListItemWithIcon.js +14 -4
  109. package/es/MultiSelect/AdvancedGroupMultiSelect.js +12 -9
  110. package/es/MultiSelect/AdvancedMultiSelect.js +25 -10
  111. package/es/MultiSelect/AdvancedMultiSelect.module.css +127 -127
  112. package/es/MultiSelect/MultiSelect.js +13 -10
  113. package/es/MultiSelect/MultiSelect.module.css +193 -198
  114. package/es/MultiSelect/MultiSelectWithAvatar.js +6 -3
  115. package/es/MultiSelect/SelectedOptions.js +3 -2
  116. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  117. package/es/MultiSelect/Suggestions.js +11 -2
  118. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  119. package/es/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +18 -3
  120. package/es/PopOver/PopOver.module.css +8 -8
  121. package/es/Popup/Popup.js +0 -0
  122. package/es/Popup/PositionMapping.json +73 -73
  123. package/es/Provider/Config.js +2 -1
  124. package/es/Provider.js +8 -2
  125. package/es/Radio/Radio.js +1 -2
  126. package/es/Radio/Radio.module.css +110 -110
  127. package/es/Radio/docs/Radio__custom.docs.js +0 -0
  128. package/es/Radio/docs/Radio__default.docs.js +0 -0
  129. package/es/Responsive/CustomResponsive.js +0 -0
  130. package/es/Responsive/ResizeComponent.js +1 -1
  131. package/es/Responsive/docs/Responsive__Custom.docs.js +0 -0
  132. package/es/Responsive/docs/style.module.css +55 -55
  133. package/es/Ribbon/Ribbon.js +0 -0
  134. package/es/Ribbon/Ribbon.module.css +376 -376
  135. package/es/Ribbon/__tests__/Ribbon.spec.js +1 -0
  136. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  137. package/es/Ribbon/docs/Ribbon__custom.docs.js +0 -0
  138. package/es/Ribbon/docs/Ribbon__default.docs.js +0 -0
  139. package/es/RippleEffect/RippleEffect.js +7 -4
  140. package/es/RippleEffect/RippleEffect.module.css +70 -67
  141. package/es/Select/GroupSelect.js +4 -4
  142. package/es/Select/Select.js +37 -10
  143. package/es/Select/Select.module.css +100 -100
  144. package/es/Select/SelectWithAvatar.js +7 -4
  145. package/es/Select/SelectWithIcon.js +0 -0
  146. package/es/Select/__tests__/Select.spec.js +0 -0
  147. package/es/Select/docs/SelectWithIcon__default.docs.js +0 -0
  148. package/es/Select/docs/Select__default.docs.js +79 -0
  149. package/es/Stencils/Stencils.js +1 -1
  150. package/es/Stencils/Stencils.module.css +106 -106
  151. package/es/Stencils/__tests__/Stencils.spec.js +1 -0
  152. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  153. package/es/Switch/Switch.js +0 -0
  154. package/es/Switch/Switch.module.css +109 -109
  155. package/es/Switch/docs/Switch__custom.docs.js +0 -0
  156. package/es/Switch/docs/Switch__default.docs.js +0 -0
  157. package/es/Tab/Tab.module.css +101 -101
  158. package/es/Tab/TabContent.module.css +4 -4
  159. package/es/Tab/Tabs.js +31 -19
  160. package/es/Tab/Tabs.module.css +140 -140
  161. package/es/Tab/docs/Tab__default.docs.js +1 -0
  162. package/es/Tab/docs/tabdocs.module.css +29 -29
  163. package/es/Tag/Tag.js +18 -12
  164. package/es/Tag/Tag.module.css +250 -246
  165. package/es/Tag/docs/Tag__custom.docs.js +0 -0
  166. package/es/Tag/docs/Tag__default.docs.js +70 -0
  167. package/es/TextBox/TextBox.js +7 -4
  168. package/es/TextBox/TextBox.module.css +157 -157
  169. package/es/TextBox/__tests__/TextBox.spec.js +1 -0
  170. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  171. package/es/TextBox/docs/TextBox__custom.docs.js +0 -0
  172. package/es/TextBox/docs/TextBox__default.docs.js +0 -0
  173. package/es/TextBox/docs/TextBox__variant.docs.js +0 -0
  174. package/es/TextBoxIcon/TextBoxIcon.js +14 -5
  175. package/es/TextBoxIcon/TextBoxIcon.module.css +78 -75
  176. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +1 -0
  177. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  178. package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -0
  179. package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -0
  180. package/es/Textarea/Textarea.js +0 -0
  181. package/es/Textarea/Textarea.module.css +139 -139
  182. package/es/Textarea/__tests__/Textarea.spec.js +1 -0
  183. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  184. package/es/Textarea/docs/Textarea__custom.docs.js +0 -0
  185. package/es/Textarea/docs/Textarea__default.docs.js +0 -0
  186. package/es/Textarea/docs/Textarea__disabled.docs.js +0 -0
  187. package/es/Tooltip/Tooltip.js +1 -0
  188. package/es/Tooltip/Tooltip.module.css +104 -104
  189. package/es/beta/FocusRing/FocusRing.module.css +151 -151
  190. package/es/common/animation.module.css +624 -612
  191. package/es/common/avatarsizes.module.css +44 -44
  192. package/es/common/basic.module.css +33 -33
  193. package/es/common/basicReset.module.css +40 -40
  194. package/es/common/common.module.css +502 -502
  195. package/es/common/customscroll.module.css +89 -89
  196. package/es/common/docStyle.module.css +761 -761
  197. package/es/common/reset.module.css +12 -12
  198. package/es/common/transition.module.css +146 -146
  199. package/es/semantic/Button/semanticButton.module.css +9 -9
  200. package/es/utils/Common.js +2 -1
  201. package/es/utils/ContextOptimizer.js +1 -1
  202. package/es/utils/datetime/common.js +1 -0
  203. package/es/utils/dropDownUtils.js +12 -5
  204. package/es/utils/shallowEqual.js +32 -0
  205. package/externalDocsBuild.js +21 -21
  206. package/lib/AppContainer/AppContainer.js +57 -6
  207. package/lib/AppContainer/AppContainer.module.css +18 -18
  208. package/lib/Appearance/dark/mode/darkMode.module.css +393 -395
  209. package/lib/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +33 -33
  210. package/lib/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +41 -42
  211. package/lib/Appearance/dark/themes/green/greenDarkCTATheme.module.css +33 -33
  212. package/lib/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +41 -42
  213. package/lib/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +33 -33
  214. package/lib/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +41 -42
  215. package/lib/Appearance/dark/themes/red/redDarkCTATheme.module.css +33 -33
  216. package/lib/Appearance/dark/themes/red/redDarkComponentTheme.module.css +41 -42
  217. package/lib/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +33 -33
  218. package/lib/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +41 -42
  219. package/lib/Appearance/default/mode/defaultMode.module.css +395 -395
  220. package/lib/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +33 -33
  221. package/lib/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +41 -42
  222. package/lib/Appearance/default/themes/green/greenDefaultCTATheme.module.css +33 -33
  223. package/lib/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +41 -42
  224. package/lib/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +33 -33
  225. package/lib/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +41 -42
  226. package/lib/Appearance/default/themes/red/redDefaultCTATheme.module.css +33 -33
  227. package/lib/Appearance/default/themes/red/redDefaultComponentTheme.module.css +41 -42
  228. package/lib/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +33 -33
  229. package/lib/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +41 -42
  230. package/lib/Avatar/Avatar.js +9 -9
  231. package/lib/Avatar/Avatar.module.css +117 -117
  232. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  233. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  234. package/lib/AvatarTeam/AvatarTeam.module.css +161 -161
  235. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  236. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -0
  237. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -0
  238. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -0
  239. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -0
  240. package/lib/Button/Button.js +4 -4
  241. package/lib/Button/Button.module.css +517 -517
  242. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  243. package/lib/Button/docs/Button__custom.docs.js +0 -0
  244. package/lib/Button/docs/Button__default.docs.js +0 -0
  245. package/lib/Buttongroup/Buttongroup.js +1 -1
  246. package/lib/Buttongroup/Buttongroup.module.css +89 -89
  247. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  248. package/lib/Card/Card.js +4 -4
  249. package/lib/Card/Card.module.css +20 -20
  250. package/lib/Card/docs/Card__Custom.docs.js +0 -0
  251. package/lib/Card/docs/Card__Default.docs.js +0 -0
  252. package/lib/Card/docs/Card__Scroll.docs.js +0 -0
  253. package/lib/CheckBox/CheckBox.js +0 -0
  254. package/lib/CheckBox/CheckBox.module.css +153 -153
  255. package/lib/CheckBox/docs/CheckBox__custom.docs.js +0 -0
  256. package/lib/CheckBox/docs/CheckBox__default.docs.js +0 -0
  257. package/lib/DateTime/CalendarView.js +0 -0
  258. package/lib/DateTime/DateTime.js +0 -0
  259. package/lib/DateTime/DateTime.module.css +187 -187
  260. package/lib/DateTime/DateWidget.js +0 -0
  261. package/lib/DateTime/DateWidget.module.css +42 -46
  262. package/lib/DateTime/YearView.js +0 -0
  263. package/lib/DateTime/YearView.module.css +80 -80
  264. package/lib/DateTime/common.js +0 -0
  265. package/lib/DateTime/docs/DateTime__default.docs.js +0 -0
  266. package/lib/DateTime/docs/DateWidget__default.docs.js +0 -0
  267. package/lib/DateTime/index.js +0 -0
  268. package/lib/DateTime/objectUtils.js +0 -0
  269. package/lib/DateTime/typeChecker.js +0 -0
  270. package/lib/DateTime/validator.js +0 -0
  271. package/lib/DropBox/DropBox.js +0 -0
  272. package/lib/DropBox/DropBox.module.css +406 -406
  273. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  274. package/lib/DropDown/DropDown.js +0 -0
  275. package/lib/DropDown/DropDown.module.css +5 -5
  276. package/lib/DropDown/DropDownHeading.js +0 -0
  277. package/lib/DropDown/DropDownHeading.module.css +53 -53
  278. package/lib/DropDown/DropDownItem.js +0 -0
  279. package/lib/DropDown/DropDownItem.module.css +94 -94
  280. package/lib/DropDown/DropDownSearch.js +0 -0
  281. package/lib/DropDown/DropDownSearch.module.css +14 -14
  282. package/lib/DropDown/DropDownSeparator.js +0 -0
  283. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  284. package/lib/Label/Label.js +0 -0
  285. package/lib/Label/Label.module.css +52 -52
  286. package/lib/Label/LabelColors.module.css +20 -20
  287. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  288. package/lib/Label/docs/Label__clipped.docs.js +0 -0
  289. package/lib/Label/docs/Label__custom.docs.js +0 -0
  290. package/lib/Label/docs/Label__palette.docs.js +0 -0
  291. package/lib/Label/docs/Label__size.docs.js +0 -0
  292. package/lib/Label/docs/Label__type.docs.js +0 -0
  293. package/lib/Layout/Box.js +0 -0
  294. package/lib/Layout/Container.js +0 -0
  295. package/lib/Layout/Layout.module.css +324 -324
  296. package/lib/Layout/docs/Layout__default.docs.js +0 -0
  297. package/lib/Layout/utils.js +0 -0
  298. package/lib/LightNightMode/Colors.json +397 -397
  299. package/lib/ListItem/ListItem.js +0 -0
  300. package/lib/ListItem/ListItem.module.css +200 -200
  301. package/lib/ListItem/ListItemWithAvatar.js +9 -3
  302. package/lib/ListItem/ListItemWithIcon.js +11 -4
  303. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +12 -9
  304. package/lib/MultiSelect/AdvancedMultiSelect.js +24 -9
  305. package/lib/MultiSelect/AdvancedMultiSelect.module.css +127 -127
  306. package/lib/MultiSelect/MultiSelect.js +13 -10
  307. package/lib/MultiSelect/MultiSelect.module.css +193 -198
  308. package/lib/MultiSelect/MultiSelectWithAvatar.js +6 -3
  309. package/lib/MultiSelect/SelectedOptions.js +3 -2
  310. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  311. package/lib/MultiSelect/Suggestions.js +16 -2
  312. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  313. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +18 -3
  314. package/lib/PopOver/PopOver.module.css +8 -8
  315. package/lib/Popup/Popup.js +0 -0
  316. package/lib/Popup/PositionMapping.json +73 -73
  317. package/lib/Provider/Config.js +2 -1
  318. package/lib/Provider.js +9 -2
  319. package/lib/Radio/Radio.js +1 -3
  320. package/lib/Radio/Radio.module.css +110 -110
  321. package/lib/Radio/docs/Radio__custom.docs.js +0 -0
  322. package/lib/Radio/docs/Radio__default.docs.js +0 -0
  323. package/lib/Responsive/CustomResponsive.js +0 -0
  324. package/lib/Responsive/ResizeComponent.js +1 -1
  325. package/lib/Responsive/docs/Responsive__Custom.docs.js +0 -0
  326. package/lib/Responsive/docs/style.module.css +55 -55
  327. package/lib/Ribbon/Ribbon.js +0 -0
  328. package/lib/Ribbon/Ribbon.module.css +376 -376
  329. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  330. package/lib/Ribbon/docs/Ribbon__custom.docs.js +0 -0
  331. package/lib/Ribbon/docs/Ribbon__default.docs.js +0 -0
  332. package/lib/RippleEffect/RippleEffect.js +7 -4
  333. package/lib/RippleEffect/RippleEffect.module.css +70 -67
  334. package/lib/Select/GroupSelect.js +3 -3
  335. package/lib/Select/Select.js +38 -10
  336. package/lib/Select/Select.module.css +100 -100
  337. package/lib/Select/SelectWithAvatar.js +7 -4
  338. package/lib/Select/SelectWithIcon.js +0 -0
  339. package/lib/Select/__tests__/Select.spec.js +0 -0
  340. package/lib/Select/docs/SelectWithIcon__default.docs.js +0 -0
  341. package/lib/Select/docs/Select__default.docs.js +79 -0
  342. package/lib/Stencils/Stencils.js +3 -3
  343. package/lib/Stencils/Stencils.module.css +106 -106
  344. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  345. package/lib/Switch/Switch.js +0 -0
  346. package/lib/Switch/Switch.module.css +109 -109
  347. package/lib/Switch/docs/Switch__custom.docs.js +0 -0
  348. package/lib/Switch/docs/Switch__default.docs.js +0 -0
  349. package/lib/Tab/Tab.module.css +101 -101
  350. package/lib/Tab/TabContent.module.css +4 -4
  351. package/lib/Tab/Tabs.js +24 -13
  352. package/lib/Tab/Tabs.module.css +140 -140
  353. package/lib/Tab/docs/tabdocs.module.css +29 -29
  354. package/lib/Tag/Tag.js +18 -12
  355. package/lib/Tag/Tag.module.css +250 -246
  356. package/lib/Tag/docs/Tag__custom.docs.js +0 -0
  357. package/lib/Tag/docs/Tag__default.docs.js +70 -0
  358. package/lib/TextBox/TextBox.js +6 -4
  359. package/lib/TextBox/TextBox.module.css +157 -157
  360. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  361. package/lib/TextBox/docs/TextBox__custom.docs.js +0 -0
  362. package/lib/TextBox/docs/TextBox__default.docs.js +0 -0
  363. package/lib/TextBox/docs/TextBox__variant.docs.js +0 -0
  364. package/lib/TextBoxIcon/TextBoxIcon.js +13 -5
  365. package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -75
  366. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  367. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -0
  368. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -0
  369. package/lib/Textarea/Textarea.js +0 -0
  370. package/lib/Textarea/Textarea.module.css +139 -139
  371. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  372. package/lib/Textarea/docs/Textarea__custom.docs.js +0 -0
  373. package/lib/Textarea/docs/Textarea__default.docs.js +0 -0
  374. package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -0
  375. package/lib/Tooltip/Tooltip.module.css +104 -104
  376. package/lib/beta/FocusRing/FocusRing.module.css +151 -151
  377. package/lib/common/animation.module.css +624 -612
  378. package/lib/common/avatarsizes.module.css +44 -44
  379. package/lib/common/basic.module.css +33 -33
  380. package/lib/common/basicReset.module.css +40 -40
  381. package/lib/common/common.module.css +502 -502
  382. package/lib/common/customscroll.module.css +89 -89
  383. package/lib/common/docStyle.module.css +761 -761
  384. package/lib/common/reset.module.css +12 -12
  385. package/lib/common/transition.module.css +146 -146
  386. package/lib/semantic/Button/semanticButton.module.css +9 -9
  387. package/lib/utils/Common.js +1 -1
  388. package/lib/utils/ContextOptimizer.js +2 -2
  389. package/lib/utils/dropDownUtils.js +13 -4
  390. package/lib/utils/shallowEqual.js +41 -0
  391. package/package.json +72 -68
  392. package/preprocess/componentThemeColors.js +119 -0
  393. package/preprocess/ctaThemeColors.js +95 -0
  394. package/preprocess/index.js +2 -0
  395. package/preprocess/json/componentVariableJson.js +259 -0
  396. package/preprocess/json/ctaVariableJson.js +337 -0
  397. package/es/deprecated/Theme/darkTheme.module.css +0 -393
  398. package/es/deprecated/Theme/defaultTheme.module.css +0 -393
  399. package/es/deprecated/Theme/palette/darkCTAPalette.module.css +0 -116
  400. package/es/deprecated/Theme/palette/darkPalette.module.css +0 -155
  401. package/es/deprecated/Theme/palette/defaultCTAPalette.module.css +0 -116
  402. package/es/deprecated/Theme/palette/defaultPalette.module.css +0 -155
  403. package/es/deprecated/customscroll_Old.module.css +0 -46
  404. package/lib/deprecated/Theme/darkTheme.module.css +0 -393
  405. package/lib/deprecated/Theme/defaultTheme.module.css +0 -393
  406. package/lib/deprecated/Theme/palette/darkCTAPalette.module.css +0 -116
  407. package/lib/deprecated/Theme/palette/darkPalette.module.css +0 -155
  408. package/lib/deprecated/Theme/palette/defaultCTAPalette.module.css +0 -116
  409. package/lib/deprecated/Theme/palette/defaultPalette.module.css +0 -155
  410. package/lib/deprecated/customscroll_Old.module.css +0 -46
@@ -1,52 +1,52 @@
1
- .varClass {
2
- /* label default variables */
3
- --label_font_size: var(--zd_font_size14);
4
- --label_text_color: var(--zdt_label_default_text);
5
- --label_font_family: var(--zd_regular);
6
- --label_cursor: default;
7
- --label_line_height: var(--zd_size18);
8
- }
9
- .label {
10
- composes: varClass;
11
- vertical-align: middle;
12
- line-height: var(--label_line_height);
13
- font-size: var(--label_font_size);
14
- color: var(--label_text_color);
15
- font-family: var(--label_font_family);
16
- cursor: var(--label_cursor);
17
- }
18
- .xsmall {
19
- --label_font_size: var(--zd_font_size12);
20
- }
21
- .small {
22
- --label_font_size: var(--zd_font_size13);
23
- }
24
- .medium {
25
- --label_font_size: var(--zd_font_size14);
26
- }
27
- .large {
28
- --label_font_size: var(--zd_font_size26);
29
- composes: semibold from '../common/common.module.css';
30
- }
31
- .pointer {
32
- --label_cursor: pointer;
33
- }
34
- .cursor {
35
- --label_cursor: default;
36
- }
37
- .title {
38
- display: block;
39
- }
40
- .subtitle {
41
- display: inline-block;
42
- }
43
- .font_default {
44
- --label_font_family: var(--zd_regular);
45
- }
46
- .font_primary {
47
- --label_font_family: var(--zd_semibold);
48
- composes: ftsmooth from '../common/common.module.css';
49
- }
50
- .dotted {
51
- composes: dotted from '../common/common.module.css';
52
- }
1
+ .varClass {
2
+ /* label default variables */
3
+ --label_font_size: var(--zd_font_size14);
4
+ --label_text_color: var(--zdt_label_default_text);
5
+ --label_font_family: var(--zd_regular);
6
+ --label_cursor: default;
7
+ --label_line_height: var(--zd_size18);
8
+ }
9
+ .label {
10
+ composes: varClass;
11
+ vertical-align: middle;
12
+ line-height: var(--label_line_height);
13
+ font-size: var(--label_font_size);
14
+ color: var(--label_text_color);
15
+ font-family: var(--label_font_family);
16
+ cursor: var(--label_cursor);
17
+ }
18
+ .xsmall {
19
+ --label_font_size: var(--zd_font_size12);
20
+ }
21
+ .small {
22
+ --label_font_size: var(--zd_font_size13);
23
+ }
24
+ .medium {
25
+ --label_font_size: var(--zd_font_size14);
26
+ }
27
+ .large {
28
+ --label_font_size: var(--zd_font_size26);
29
+ composes: semibold from '../common/common.module.css';
30
+ }
31
+ .pointer {
32
+ --label_cursor: pointer;
33
+ }
34
+ .cursor {
35
+ --label_cursor: default;
36
+ }
37
+ .title {
38
+ display: block;
39
+ }
40
+ .subtitle {
41
+ display: inline-block;
42
+ }
43
+ .font_default {
44
+ --label_font_family: var(--zd_regular);
45
+ }
46
+ .font_primary {
47
+ --label_font_family: var(--zd_semibold);
48
+ composes: ftsmooth from '../common/common.module.css';
49
+ }
50
+ .dotted {
51
+ composes: dotted from '../common/common.module.css';
52
+ }
@@ -1,21 +1,21 @@
1
- .default {
2
- --label_text_color: var(--zdt_label_default_text);
3
- }
4
- .primary {
5
- --label_text_color: var(--zdt_label_primary_text);
6
- }
7
- .secondary {
8
- --label_text_color: var(--zdt_label_secondary_text);
9
- }
10
- .danger {
11
- --label_text_color: var(--zdt_label_danger_text);
12
- }
13
- .mandatory {
14
- --label_text_color: var(--zdt_label_mandatory_text);
15
- }
16
- .disable {
17
- --label_text_color: var(--zdt_label_disable_text);
18
- }
19
- .dark {
20
- --label_text_color: var(--zdt_label_dark_text);
1
+ .default {
2
+ --label_text_color: var(--zdt_label_default_text);
3
+ }
4
+ .primary {
5
+ --label_text_color: var(--zdt_label_primary_text);
6
+ }
7
+ .secondary {
8
+ --label_text_color: var(--zdt_label_secondary_text);
9
+ }
10
+ .danger {
11
+ --label_text_color: var(--zdt_label_danger_text);
12
+ }
13
+ .mandatory {
14
+ --label_text_color: var(--zdt_label_mandatory_text);
15
+ }
16
+ .disable {
17
+ --label_text_color: var(--zdt_label_disable_text);
18
+ }
19
+ .dark {
20
+ --label_text_color: var(--zdt_label_dark_text);
21
21
  }
@@ -1,101 +1,101 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Label Props Check should be having palette danger 1`] = `
4
- <label
5
- className="label title medium danger font_default
6
- cursor "
7
- data-id="label"
8
- >
9
- text1
10
- </label>
11
- `;
12
-
13
- exports[`Label Props Check should be having palette default 1`] = `
14
- <label
15
- className="label title medium default font_default
16
- cursor "
17
- data-id="label"
18
- >
19
- text1
20
- </label>
21
- `;
22
-
23
- exports[`Label Props Check should be having palette mandatory 1`] = `
24
- <label
25
- className="label title medium mandatory font_default
26
- cursor "
27
- data-id="label"
28
- >
29
- text1
30
- </label>
31
- `;
32
-
33
- exports[`Label Props Check should be having palette primary 1`] = `
34
- <label
35
- className="label title medium primary font_default
36
- cursor "
37
- data-id="label"
38
- >
39
- text1
40
- </label>
41
- `;
42
-
43
- exports[`Label Props Check should be having palette secondary 1`] = `
44
- <label
45
- className="label title medium secondary font_default
46
- cursor "
47
- data-id="label"
48
- >
49
- text1
50
- </label>
51
- `;
52
-
53
- exports[`Label Props Check should be having size large 1`] = `
54
- <label
55
- className="label title large default font_default
56
- cursor "
57
- data-id="label"
58
- >
59
- text1
60
- </label>
61
- `;
62
-
63
- exports[`Label Props Check should be having size medium 1`] = `
64
- <label
65
- className="label title medium default font_default
66
- cursor "
67
- data-id="label"
68
- >
69
- text1
70
- </label>
71
- `;
72
-
73
- exports[`Label Props Check should be having size small 1`] = `
74
- <label
75
- className="label title small default font_default
76
- cursor "
77
- data-id="label"
78
- >
79
- text1
80
- </label>
81
- `;
82
-
83
- exports[`Label Props Check should be having type subtitle 1`] = `
84
- <label
85
- className="label subtitle medium default font_default
86
- cursor "
87
- data-id="label"
88
- >
89
- text1
90
- </label>
91
- `;
92
-
93
- exports[`Label Props Check should be having type title 1`] = `
94
- <label
95
- className="label title medium default font_default
96
- cursor "
97
- data-id="label"
98
- >
99
- text1
100
- </label>
101
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Label Props Check should be having palette danger 1`] = `
4
+ <label
5
+ className="label title medium danger font_default
6
+ cursor "
7
+ data-id="label"
8
+ >
9
+ text1
10
+ </label>
11
+ `;
12
+
13
+ exports[`Label Props Check should be having palette default 1`] = `
14
+ <label
15
+ className="label title medium default font_default
16
+ cursor "
17
+ data-id="label"
18
+ >
19
+ text1
20
+ </label>
21
+ `;
22
+
23
+ exports[`Label Props Check should be having palette mandatory 1`] = `
24
+ <label
25
+ className="label title medium mandatory font_default
26
+ cursor "
27
+ data-id="label"
28
+ >
29
+ text1
30
+ </label>
31
+ `;
32
+
33
+ exports[`Label Props Check should be having palette primary 1`] = `
34
+ <label
35
+ className="label title medium primary font_default
36
+ cursor "
37
+ data-id="label"
38
+ >
39
+ text1
40
+ </label>
41
+ `;
42
+
43
+ exports[`Label Props Check should be having palette secondary 1`] = `
44
+ <label
45
+ className="label title medium secondary font_default
46
+ cursor "
47
+ data-id="label"
48
+ >
49
+ text1
50
+ </label>
51
+ `;
52
+
53
+ exports[`Label Props Check should be having size large 1`] = `
54
+ <label
55
+ className="label title large default font_default
56
+ cursor "
57
+ data-id="label"
58
+ >
59
+ text1
60
+ </label>
61
+ `;
62
+
63
+ exports[`Label Props Check should be having size medium 1`] = `
64
+ <label
65
+ className="label title medium default font_default
66
+ cursor "
67
+ data-id="label"
68
+ >
69
+ text1
70
+ </label>
71
+ `;
72
+
73
+ exports[`Label Props Check should be having size small 1`] = `
74
+ <label
75
+ className="label title small default font_default
76
+ cursor "
77
+ data-id="label"
78
+ >
79
+ text1
80
+ </label>
81
+ `;
82
+
83
+ exports[`Label Props Check should be having type subtitle 1`] = `
84
+ <label
85
+ className="label subtitle medium default font_default
86
+ cursor "
87
+ data-id="label"
88
+ >
89
+ text1
90
+ </label>
91
+ `;
92
+
93
+ exports[`Label Props Check should be having type title 1`] = `
94
+ <label
95
+ className="label title medium default font_default
96
+ cursor "
97
+ data-id="label"
98
+ >
99
+ text1
100
+ </label>
101
+ `;
File without changes
File without changes
File without changes
File without changes
File without changes
package/lib/Layout/Box.js CHANGED
File without changes
File without changes