@zohodesk/components 1.0.0-temp-36 → 1.0.0-temp-40

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