@zohodesk/components 1.0.0-temp-39 → 1.0.0-temp-43

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