@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,226 +1,226 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`AvatarTeam component should display initial 1`] = `
4
- <span
5
- className="container medium primary"
6
- data-id="avatarTeamComp"
7
- >
8
- <div
9
- className="avatar medium medium circle primary text_black
10
- border"
11
- data-id="Avatar"
12
- data-title="vimalesan a"
13
- onClick={[Function]}
14
- >
15
- <span
16
- className="initial initialTxt"
17
- data-id="Avatar_AvatarInitial"
18
- >
19
- VA
20
- </span>
21
- </div>
22
- <span
23
- className="team nofill"
24
- />
25
- </span>
26
- `;
27
-
28
- exports[`AvatarTeam component should is filled 1`] = `
29
- <span
30
- className="container medium primary"
31
- data-id="avatarTeamComp"
32
- >
33
- <div
34
- className="avatar medium medium circle primary text_black
35
- border"
36
- data-id="Avatar"
37
- data-title="vimalesan a"
38
- onClick={[Function]}
39
- >
40
- <span
41
- className="initial initialTxt"
42
- data-id="Avatar_AvatarInitial"
43
- >
44
- VA
45
- </span>
46
- </div>
47
- <span
48
- className="team filled"
49
- />
50
- </span>
51
- `;
52
-
53
- exports[`AvatarTeam component should the palette is info 1`] = `
54
- <span
55
- className="container medium info"
56
- data-id="avatarTeamComp"
57
- >
58
- <div
59
- className="avatar medium medium circle info text_black
60
- border"
61
- data-id="Avatar"
62
- data-title="vimalesan a"
63
- onClick={[Function]}
64
- >
65
- <span
66
- className="initial initialTxt"
67
- data-id="Avatar_AvatarInitial"
68
- >
69
- VA
70
- </span>
71
- </div>
72
- <span
73
- className="team nofill"
74
- />
75
- </span>
76
- `;
77
-
78
- exports[`AvatarTeam component should the palette is secondary 1`] = `
79
- <span
80
- className="container medium secondary"
81
- data-id="avatarTeamComp"
82
- >
83
- <div
84
- className="avatar medium medium circle secondary text_white
85
- border"
86
- data-id="Avatar"
87
- data-title="vimalesan a"
88
- onClick={[Function]}
89
- >
90
- <span
91
- className="initial initialTxt"
92
- data-id="Avatar_AvatarInitial"
93
- >
94
- VA
95
- </span>
96
- </div>
97
- <span
98
- className="team nofill"
99
- />
100
- </span>
101
- `;
102
-
103
- exports[`AvatarTeam component should the size is large 1`] = `
104
- <span
105
- className="container large primary"
106
- data-id="avatarTeamComp"
107
- >
108
- <div
109
- className="avatar large large circle primary text_black
110
- border"
111
- data-id="Avatar"
112
- data-title="vimalesan a"
113
- onClick={[Function]}
114
- >
115
- <span
116
- className="initial initialTxt"
117
- data-id="Avatar_AvatarInitial"
118
- >
119
- VA
120
- </span>
121
- </div>
122
- <span
123
- className="team nofill"
124
- />
125
- </span>
126
- `;
127
-
128
- exports[`AvatarTeam component should the size is small 1`] = `
129
- <span
130
- className="container small primary"
131
- data-id="avatarTeamComp"
132
- >
133
- <div
134
- className="avatar small small circle primary text_black
135
- border"
136
- data-id="Avatar"
137
- data-title="vimalesan a"
138
- onClick={[Function]}
139
- >
140
- <span
141
- className="initial initialTxt"
142
- data-id="Avatar_AvatarInitial"
143
- >
144
- VA
145
- </span>
146
- </div>
147
- <span
148
- className="team nofill"
149
- />
150
- </span>
151
- `;
152
-
153
- exports[`AvatarTeam component should the size is xlarge 1`] = `
154
- <span
155
- className="container xlarge primary"
156
- data-id="avatarTeamComp"
157
- >
158
- <div
159
- className="avatar xlarge xlarge circle primary text_black
160
- border"
161
- data-id="Avatar"
162
- data-title="vimalesan a"
163
- onClick={[Function]}
164
- >
165
- <span
166
- className="initial initialTxt"
167
- data-id="Avatar_AvatarInitial"
168
- >
169
- VA
170
- </span>
171
- </div>
172
- <span
173
- className="team nofill"
174
- />
175
- </span>
176
- `;
177
-
178
- exports[`AvatarTeam component should the size is xmedium 1`] = `
179
- <span
180
- className="container xmedium primary"
181
- data-id="avatarTeamComp"
182
- >
183
- <div
184
- className="avatar xmedium xmedium circle primary text_black
185
- border"
186
- data-id="Avatar"
187
- data-title="vimalesan a"
188
- onClick={[Function]}
189
- >
190
- <span
191
- className="initial initialTxt"
192
- data-id="Avatar_AvatarInitial"
193
- >
194
- VA
195
- </span>
196
- </div>
197
- <span
198
- className="team nofill"
199
- />
200
- </span>
201
- `;
202
-
203
- exports[`AvatarTeam component should the size is xsmall 1`] = `
204
- <span
205
- className="container xsmall primary"
206
- data-id="avatarTeamComp"
207
- >
208
- <div
209
- className="avatar xsmall xsmall circle primary text_black
210
- border"
211
- data-id="Avatar"
212
- data-title="vimalesan a"
213
- onClick={[Function]}
214
- >
215
- <span
216
- className="initial initialTxt"
217
- data-id="Avatar_AvatarInitial"
218
- >
219
- VA
220
- </span>
221
- </div>
222
- <span
223
- className="team nofill"
224
- />
225
- </span>
226
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`AvatarTeam component should display initial 1`] = `
4
+ <span
5
+ className="container medium primary"
6
+ data-id="avatarTeamComp"
7
+ >
8
+ <div
9
+ className="avatar medium medium circle primary text_black
10
+ border"
11
+ data-id="Avatar"
12
+ data-title="vimalesan a"
13
+ onClick={[Function]}
14
+ >
15
+ <span
16
+ className="initial initialTxt"
17
+ data-id="Avatar_AvatarInitial"
18
+ >
19
+ VA
20
+ </span>
21
+ </div>
22
+ <span
23
+ className="team nofill"
24
+ />
25
+ </span>
26
+ `;
27
+
28
+ exports[`AvatarTeam component should is filled 1`] = `
29
+ <span
30
+ className="container medium primary"
31
+ data-id="avatarTeamComp"
32
+ >
33
+ <div
34
+ className="avatar medium medium circle primary text_black
35
+ border"
36
+ data-id="Avatar"
37
+ data-title="vimalesan a"
38
+ onClick={[Function]}
39
+ >
40
+ <span
41
+ className="initial initialTxt"
42
+ data-id="Avatar_AvatarInitial"
43
+ >
44
+ VA
45
+ </span>
46
+ </div>
47
+ <span
48
+ className="team filled"
49
+ />
50
+ </span>
51
+ `;
52
+
53
+ exports[`AvatarTeam component should the palette is info 1`] = `
54
+ <span
55
+ className="container medium info"
56
+ data-id="avatarTeamComp"
57
+ >
58
+ <div
59
+ className="avatar medium medium circle info text_black
60
+ border"
61
+ data-id="Avatar"
62
+ data-title="vimalesan a"
63
+ onClick={[Function]}
64
+ >
65
+ <span
66
+ className="initial initialTxt"
67
+ data-id="Avatar_AvatarInitial"
68
+ >
69
+ VA
70
+ </span>
71
+ </div>
72
+ <span
73
+ className="team nofill"
74
+ />
75
+ </span>
76
+ `;
77
+
78
+ exports[`AvatarTeam component should the palette is secondary 1`] = `
79
+ <span
80
+ className="container medium secondary"
81
+ data-id="avatarTeamComp"
82
+ >
83
+ <div
84
+ className="avatar medium medium circle secondary text_white
85
+ border"
86
+ data-id="Avatar"
87
+ data-title="vimalesan a"
88
+ onClick={[Function]}
89
+ >
90
+ <span
91
+ className="initial initialTxt"
92
+ data-id="Avatar_AvatarInitial"
93
+ >
94
+ VA
95
+ </span>
96
+ </div>
97
+ <span
98
+ className="team nofill"
99
+ />
100
+ </span>
101
+ `;
102
+
103
+ exports[`AvatarTeam component should the size is large 1`] = `
104
+ <span
105
+ className="container large primary"
106
+ data-id="avatarTeamComp"
107
+ >
108
+ <div
109
+ className="avatar large large circle primary text_black
110
+ border"
111
+ data-id="Avatar"
112
+ data-title="vimalesan a"
113
+ onClick={[Function]}
114
+ >
115
+ <span
116
+ className="initial initialTxt"
117
+ data-id="Avatar_AvatarInitial"
118
+ >
119
+ VA
120
+ </span>
121
+ </div>
122
+ <span
123
+ className="team nofill"
124
+ />
125
+ </span>
126
+ `;
127
+
128
+ exports[`AvatarTeam component should the size is small 1`] = `
129
+ <span
130
+ className="container small primary"
131
+ data-id="avatarTeamComp"
132
+ >
133
+ <div
134
+ className="avatar small small circle primary text_black
135
+ border"
136
+ data-id="Avatar"
137
+ data-title="vimalesan a"
138
+ onClick={[Function]}
139
+ >
140
+ <span
141
+ className="initial initialTxt"
142
+ data-id="Avatar_AvatarInitial"
143
+ >
144
+ VA
145
+ </span>
146
+ </div>
147
+ <span
148
+ className="team nofill"
149
+ />
150
+ </span>
151
+ `;
152
+
153
+ exports[`AvatarTeam component should the size is xlarge 1`] = `
154
+ <span
155
+ className="container xlarge primary"
156
+ data-id="avatarTeamComp"
157
+ >
158
+ <div
159
+ className="avatar xlarge xlarge circle primary text_black
160
+ border"
161
+ data-id="Avatar"
162
+ data-title="vimalesan a"
163
+ onClick={[Function]}
164
+ >
165
+ <span
166
+ className="initial initialTxt"
167
+ data-id="Avatar_AvatarInitial"
168
+ >
169
+ VA
170
+ </span>
171
+ </div>
172
+ <span
173
+ className="team nofill"
174
+ />
175
+ </span>
176
+ `;
177
+
178
+ exports[`AvatarTeam component should the size is xmedium 1`] = `
179
+ <span
180
+ className="container xmedium primary"
181
+ data-id="avatarTeamComp"
182
+ >
183
+ <div
184
+ className="avatar xmedium xmedium circle primary text_black
185
+ border"
186
+ data-id="Avatar"
187
+ data-title="vimalesan a"
188
+ onClick={[Function]}
189
+ >
190
+ <span
191
+ className="initial initialTxt"
192
+ data-id="Avatar_AvatarInitial"
193
+ >
194
+ VA
195
+ </span>
196
+ </div>
197
+ <span
198
+ className="team nofill"
199
+ />
200
+ </span>
201
+ `;
202
+
203
+ exports[`AvatarTeam component should the size is xsmall 1`] = `
204
+ <span
205
+ className="container xsmall primary"
206
+ data-id="avatarTeamComp"
207
+ >
208
+ <div
209
+ className="avatar xsmall xsmall circle primary text_black
210
+ border"
211
+ data-id="Avatar"
212
+ data-title="vimalesan a"
213
+ onClick={[Function]}
214
+ >
215
+ <span
216
+ className="initial initialTxt"
217
+ data-id="Avatar_AvatarInitial"
218
+ >
219
+ VA
220
+ </span>
221
+ </div>
222
+ <span
223
+ className="team nofill"
224
+ />
225
+ </span>
226
+ `;
File without changes
File without changes
@@ -53,7 +53,7 @@ var AvatarTeam__palette = /*#__PURE__*/function (_React$Component) {
53
53
  value: function render() {
54
54
  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
55
55
  style: {
56
- background: 'var(--dot_bg_black)',
56
+ background: 'var(--dot_black)',
57
57
  display: 'inline-block'
58
58
  }
59
59
  }, /*#__PURE__*/_react["default"].createElement("span", {
File without changes
@@ -37,10 +37,10 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
37
37
 
38
38
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
39
39
 
40
- /*
41
- Button text and children props?
42
- use children for both cases
43
- toLowerCase check needed?
40
+ /*
41
+ Button text and children props?
42
+ use children for both cases
43
+ toLowerCase check needed?
44
44
  */
45
45
 
46
46
  /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['small','medium','large','xlarge','button_medium','button_small','primary','primaryfilled','danger','dangerfilled','plainprimary', 'plainsecondary', 'secondary', 'secondaryfilled', 'successFilled','tertiaryFilled'] }] */