@zohodesk/components 1.0.0-temp-176 → 1.0.0-temp-177

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 (428) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +1345 -1345
  5. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +29 -318
  6. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +450 -450
  7. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +1 -33
  8. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +19 -43
  9. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +450 -450
  10. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +1 -33
  11. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +19 -43
  12. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +450 -450
  13. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +1 -33
  14. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +19 -43
  15. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +450 -450
  16. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +1 -33
  17. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +19 -43
  18. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +450 -450
  19. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +1 -33
  20. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +19 -43
  21. package/assets/Appearance/light/mode/Component_LightMode.module.css +29 -318
  22. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +450 -450
  23. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +1 -33
  24. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +19 -43
  25. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +450 -450
  26. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +1 -33
  27. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +19 -43
  28. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +450 -450
  29. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +1 -33
  30. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +19 -43
  31. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +450 -450
  32. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +1 -33
  33. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +19 -43
  34. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +450 -450
  35. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +1 -33
  36. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +19 -43
  37. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +29 -318
  38. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +450 -450
  39. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +1 -33
  40. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +19 -43
  41. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +450 -450
  42. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +1 -33
  43. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +19 -43
  44. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +450 -450
  45. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +1 -33
  46. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +19 -43
  47. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +450 -450
  48. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +1 -33
  49. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +19 -43
  50. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +450 -450
  51. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +1 -33
  52. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +19 -43
  53. package/coverage/Avatar/Avatar.js.html +1 -1
  54. package/coverage/Avatar/Avatar.module.css.html +1 -1
  55. package/coverage/Avatar/index.html +1 -1
  56. package/coverage/Avatar/props/defaultProps.js.html +1 -1
  57. package/coverage/Avatar/props/index.html +1 -1
  58. package/coverage/Avatar/props/propTypes.js.html +1 -1
  59. package/coverage/AvatarTeam/AvatarTeam.js.html +1 -1
  60. package/coverage/AvatarTeam/AvatarTeam.module.css.html +1 -1
  61. package/coverage/AvatarTeam/index.html +1 -1
  62. package/coverage/AvatarTeam/props/defaultProps.js.html +1 -1
  63. package/coverage/AvatarTeam/props/index.html +1 -1
  64. package/coverage/AvatarTeam/props/propTypes.js.html +1 -1
  65. package/coverage/Button/Button.js.html +1 -1
  66. package/coverage/Button/css/Button.module.css.html +1 -1
  67. package/coverage/Button/css/cssJSLogic.js.html +1 -1
  68. package/coverage/Button/css/index.html +1 -1
  69. package/coverage/Button/index.html +1 -1
  70. package/coverage/Button/props/defaultProps.js.html +1 -1
  71. package/coverage/Button/props/index.html +1 -1
  72. package/coverage/Button/props/propTypes.js.html +1 -1
  73. package/coverage/Buttongroup/Buttongroup.js.html +1 -1
  74. package/coverage/Buttongroup/Buttongroup.module.css.html +1 -1
  75. package/coverage/Buttongroup/index.html +1 -1
  76. package/coverage/Buttongroup/props/defaultProps.js.html +1 -1
  77. package/coverage/Buttongroup/props/index.html +1 -1
  78. package/coverage/Buttongroup/props/propTypes.js.html +1 -1
  79. package/coverage/Label/Label.js.html +1 -1
  80. package/coverage/Label/Label.module.css.html +1 -1
  81. package/coverage/Label/LabelColors.module.css.html +1 -1
  82. package/coverage/Label/index.html +1 -1
  83. package/coverage/Label/props/defaultProps.js.html +1 -1
  84. package/coverage/Label/props/index.html +1 -1
  85. package/coverage/Label/props/propTypes.js.html +1 -1
  86. package/coverage/Layout/Box.js.html +1 -1
  87. package/coverage/Layout/Container.js.html +1 -1
  88. package/coverage/Layout/Layout.module.css.html +1 -1
  89. package/coverage/Layout/index.html +1 -1
  90. package/coverage/Layout/index.js.html +1 -1
  91. package/coverage/Layout/props/defaultProps.js.html +1 -1
  92. package/coverage/Layout/props/index.html +1 -1
  93. package/coverage/Layout/props/propTypes.js.html +1 -1
  94. package/coverage/Layout/utils.js.html +1 -1
  95. package/coverage/Provider/AvatarSize.js.html +1 -1
  96. package/coverage/Provider/CssProvider.js.html +1 -1
  97. package/coverage/Provider/index.html +1 -1
  98. package/coverage/Radio/Radio.js.html +1 -1
  99. package/coverage/Radio/Radio.module.css.html +1 -1
  100. package/coverage/Radio/index.html +1 -1
  101. package/coverage/Radio/props/defaultProps.js.html +1 -1
  102. package/coverage/Radio/props/index.html +1 -1
  103. package/coverage/Radio/props/propTypes.js.html +1 -1
  104. package/coverage/Ribbon/Ribbon.js.html +1 -1
  105. package/coverage/Ribbon/Ribbon.module.css.html +1 -1
  106. package/coverage/Ribbon/index.html +1 -1
  107. package/coverage/Ribbon/props/defaultProps.js.html +1 -1
  108. package/coverage/Ribbon/props/index.html +1 -1
  109. package/coverage/Ribbon/props/propTypes.js.html +1 -1
  110. package/coverage/RippleEffect/RippleEffect.js.html +1 -1
  111. package/coverage/RippleEffect/RippleEffect.module.css.html +1 -1
  112. package/coverage/RippleEffect/index.html +1 -1
  113. package/coverage/RippleEffect/props/defaultProps.js.html +1 -1
  114. package/coverage/RippleEffect/props/index.html +1 -1
  115. package/coverage/RippleEffect/props/propTypes.js.html +1 -1
  116. package/coverage/Stencils/Stencils.js.html +1 -1
  117. package/coverage/Stencils/Stencils.module.css.html +1 -1
  118. package/coverage/Stencils/index.html +1 -1
  119. package/coverage/Stencils/props/defaultProps.js.html +1 -1
  120. package/coverage/Stencils/props/index.html +1 -1
  121. package/coverage/Stencils/props/propTypes.js.html +1 -1
  122. package/coverage/Switch/Switch.js.html +1 -1
  123. package/coverage/Switch/Switch.module.css.html +1 -1
  124. package/coverage/Switch/index.html +1 -1
  125. package/coverage/Switch/props/defaultProps.js.html +1 -1
  126. package/coverage/Switch/props/index.html +1 -1
  127. package/coverage/Switch/props/propTypes.js.html +1 -1
  128. package/coverage/common/avatarsizes.module.css.html +1 -1
  129. package/coverage/common/common.module.css.html +1 -1
  130. package/coverage/common/index.html +1 -1
  131. package/coverage/coverage-final.json +55 -55
  132. package/coverage/coverage-summary.json +55 -55
  133. package/coverage/index.html +1 -1
  134. package/coverage/utils/dummyFunction.js.html +1 -1
  135. package/coverage/utils/getInitial.js.html +1 -1
  136. package/coverage/utils/index.html +1 -1
  137. package/css_error.log +1 -1
  138. package/es/AppContainer/AppContainer.module.css +18 -18
  139. package/es/Avatar/Avatar.js +9 -9
  140. package/es/Avatar/Avatar.module.css +175 -175
  141. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  142. package/es/AvatarTeam/AvatarTeam.js +7 -7
  143. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  144. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
  145. package/es/Button/Button.js +4 -4
  146. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  147. package/es/Button/css/Button.module.css +525 -525
  148. package/es/Buttongroup/Buttongroup.js +1 -1
  149. package/es/Buttongroup/Buttongroup.module.css +105 -105
  150. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  151. package/es/Card/Card.js +4 -4
  152. package/es/Card/Card.module.css +20 -20
  153. package/es/CheckBox/CheckBox.js +0 -0
  154. package/es/CheckBox/CheckBox.module.css +157 -157
  155. package/es/DateTime/CalendarView.js +0 -0
  156. package/es/DateTime/DateTime.js +0 -0
  157. package/es/DateTime/DateTime.module.css +248 -248
  158. package/es/DateTime/DateWidget.js +0 -0
  159. package/es/DateTime/DateWidget.module.css +38 -38
  160. package/es/DateTime/YearView.js +0 -0
  161. package/es/DateTime/YearView.module.css +98 -98
  162. package/es/DateTime/common.js +0 -0
  163. package/es/DateTime/index.js +0 -0
  164. package/es/DateTime/objectUtils.js +0 -0
  165. package/es/DateTime/typeChecker.js +0 -0
  166. package/es/DateTime/validator.js +0 -0
  167. package/es/DropBox/DropBox.js +0 -0
  168. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  169. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  170. package/es/DropBox/css/DropBox.module.css +58 -58
  171. package/es/DropDown/DropDown.js +0 -0
  172. package/es/DropDown/DropDown.module.css +5 -5
  173. package/es/DropDown/DropDownHeading.js +0 -0
  174. package/es/DropDown/DropDownHeading.module.css +53 -53
  175. package/es/DropDown/DropDownItem.js +0 -0
  176. package/es/DropDown/DropDownItem.module.css +94 -94
  177. package/es/DropDown/DropDownSearch.js +0 -0
  178. package/es/DropDown/DropDownSearch.module.css +14 -14
  179. package/es/DropDown/DropDownSeparator.js +0 -0
  180. package/es/DropDown/DropDownSeparator.module.css +7 -7
  181. package/es/Heading/Heading.module.css +4 -4
  182. package/es/Label/Label.js +2 -2
  183. package/es/Label/Label.module.css +52 -52
  184. package/es/Label/LabelColors.module.css +20 -20
  185. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  186. package/es/Layout/Box.js +0 -0
  187. package/es/Layout/Container.js +0 -0
  188. package/es/Layout/Layout.module.css +335 -335
  189. package/es/Layout/utils.js +0 -0
  190. package/es/ListItem/ListItem.js +0 -0
  191. package/es/ListItem/ListItem.module.css +216 -216
  192. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  193. package/es/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  194. package/es/MultiSelect/MultiSelect.js +5 -5
  195. package/es/MultiSelect/MultiSelect.module.css +204 -204
  196. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  197. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  198. package/es/PopOver/PopOver.module.css +8 -8
  199. package/es/Popup/Popup.js +0 -0
  200. package/es/Popup/PositionMapping.json +73 -73
  201. package/es/Radio/Radio.js +0 -0
  202. package/es/Radio/Radio.module.css +112 -112
  203. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  204. package/es/Responsive/CustomResponsive.js +0 -0
  205. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  206. package/es/Ribbon/Ribbon.js +0 -0
  207. package/es/Ribbon/Ribbon.module.css +454 -454
  208. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  209. package/es/RippleEffect/RippleEffect.module.css +92 -92
  210. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  211. package/es/Select/GroupSelect.js +0 -0
  212. package/es/Select/Select.js +0 -0
  213. package/es/Select/Select.module.css +108 -108
  214. package/es/Select/SelectWithAvatar.js +0 -0
  215. package/es/Select/SelectWithIcon.js +0 -0
  216. package/es/Stencils/Stencils.js +0 -0
  217. package/es/Stencils/Stencils.module.css +96 -96
  218. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  219. package/es/Switch/Switch.js +0 -0
  220. package/es/Switch/Switch.module.css +127 -127
  221. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  222. package/es/Tab/Tab.module.css +100 -100
  223. package/es/Tab/TabContent.module.css +4 -4
  224. package/es/Tab/Tabs.js +17 -17
  225. package/es/Tab/Tabs.module.css +136 -136
  226. package/es/Tag/Tag.js +8 -8
  227. package/es/Tag/Tag.module.css +254 -254
  228. package/es/TextBox/TextBox.js +0 -0
  229. package/es/TextBox/TextBox.module.css +158 -158
  230. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  231. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  232. package/es/Textarea/Textarea.js +0 -0
  233. package/es/Textarea/Textarea.module.css +139 -139
  234. package/es/Tooltip/Tooltip.module.css +140 -140
  235. package/es/common/a11y.module.css +3 -3
  236. package/es/common/animation.module.css +624 -624
  237. package/es/common/avatarsizes.module.css +48 -48
  238. package/es/common/basic.module.css +33 -33
  239. package/es/common/basicReset.module.css +40 -40
  240. package/es/common/boxShadow.module.css +33 -33
  241. package/es/common/common.module.css +524 -524
  242. package/es/common/customscroll.module.css +91 -91
  243. package/es/common/reset.module.css +13 -13
  244. package/es/common/transition.module.css +146 -146
  245. package/es/semantic/Button/semanticButton.module.css +9 -9
  246. package/es/utils/Common.js +0 -0
  247. package/es/utils/dropDownUtils.js +0 -0
  248. package/es/v1/Avatar/Avatar.js +5 -5
  249. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  250. package/es/v1/Button/Button.js +4 -4
  251. package/es/v1/Card/Card.js +4 -4
  252. package/es/v1/CheckBox/CheckBox.js +0 -0
  253. package/es/v1/DateTime/DateTime.js +0 -0
  254. package/es/v1/DateTime/DateWidget.js +0 -0
  255. package/es/v1/DateTime/YearView.js +0 -0
  256. package/es/v1/DateTime/index.js +0 -0
  257. package/es/v1/DropBox/DropBox.js +0 -0
  258. package/es/v1/DropDown/DropDown.js +0 -0
  259. package/es/v1/DropDown/DropDownHeading.js +0 -0
  260. package/es/v1/DropDown/DropDownItem.js +0 -0
  261. package/es/v1/DropDown/DropDownSearch.js +0 -0
  262. package/es/v1/DropDown/DropDownSeparator.js +0 -0
  263. package/es/v1/Layout/Box.js +0 -0
  264. package/es/v1/Layout/Container.js +0 -0
  265. package/es/v1/ListItem/ListItem.js +0 -0
  266. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  267. package/es/v1/MultiSelect/MultiSelect.js +5 -5
  268. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  269. package/es/v1/Radio/Radio.js +0 -0
  270. package/es/v1/Responsive/CustomResponsive.js +0 -0
  271. package/es/v1/Select/GroupSelect.js +0 -0
  272. package/es/v1/Select/Select.js +0 -0
  273. package/es/v1/Select/SelectWithAvatar.js +0 -0
  274. package/es/v1/Select/SelectWithIcon.js +0 -0
  275. package/es/v1/Switch/Switch.js +0 -0
  276. package/es/v1/Tab/Tabs.js +17 -17
  277. package/es/v1/Tag/Tag.js +8 -8
  278. package/es/v1/TextBox/TextBox.js +0 -0
  279. package/es/v1/Typography/css/Typography.module.css +409 -409
  280. package/install.md +10 -10
  281. package/lib/AppContainer/AppContainer.module.css +18 -18
  282. package/lib/Avatar/Avatar.js +9 -9
  283. package/lib/Avatar/Avatar.module.css +175 -175
  284. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  285. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  286. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  287. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
  288. package/lib/Button/Button.js +4 -4
  289. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  290. package/lib/Button/css/Button.module.css +525 -525
  291. package/lib/Buttongroup/Buttongroup.js +1 -1
  292. package/lib/Buttongroup/Buttongroup.module.css +105 -105
  293. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  294. package/lib/Card/Card.js +4 -4
  295. package/lib/Card/Card.module.css +20 -20
  296. package/lib/CheckBox/CheckBox.js +0 -0
  297. package/lib/CheckBox/CheckBox.module.css +157 -157
  298. package/lib/DateTime/CalendarView.js +0 -0
  299. package/lib/DateTime/DateTime.js +0 -0
  300. package/lib/DateTime/DateTime.module.css +248 -248
  301. package/lib/DateTime/DateWidget.js +0 -0
  302. package/lib/DateTime/DateWidget.module.css +38 -38
  303. package/lib/DateTime/YearView.js +0 -0
  304. package/lib/DateTime/YearView.module.css +98 -98
  305. package/lib/DateTime/common.js +0 -0
  306. package/lib/DateTime/index.js +0 -0
  307. package/lib/DateTime/objectUtils.js +0 -0
  308. package/lib/DateTime/typeChecker.js +0 -0
  309. package/lib/DateTime/validator.js +0 -0
  310. package/lib/DropBox/DropBox.js +0 -0
  311. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  312. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  313. package/lib/DropBox/css/DropBox.module.css +58 -58
  314. package/lib/DropDown/DropDown.js +0 -0
  315. package/lib/DropDown/DropDown.module.css +5 -5
  316. package/lib/DropDown/DropDownHeading.js +0 -0
  317. package/lib/DropDown/DropDownHeading.module.css +53 -53
  318. package/lib/DropDown/DropDownItem.js +0 -0
  319. package/lib/DropDown/DropDownItem.module.css +94 -94
  320. package/lib/DropDown/DropDownSearch.js +0 -0
  321. package/lib/DropDown/DropDownSearch.module.css +14 -14
  322. package/lib/DropDown/DropDownSeparator.js +0 -0
  323. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  324. package/lib/Heading/Heading.module.css +4 -4
  325. package/lib/Label/Label.js +0 -0
  326. package/lib/Label/Label.module.css +52 -52
  327. package/lib/Label/LabelColors.module.css +20 -20
  328. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  329. package/lib/Layout/Box.js +0 -0
  330. package/lib/Layout/Container.js +0 -0
  331. package/lib/Layout/Layout.module.css +335 -335
  332. package/lib/Layout/utils.js +0 -0
  333. package/lib/ListItem/ListItem.js +0 -0
  334. package/lib/ListItem/ListItem.module.css +216 -216
  335. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  336. package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  337. package/lib/MultiSelect/MultiSelect.js +5 -5
  338. package/lib/MultiSelect/MultiSelect.module.css +204 -204
  339. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  340. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  341. package/lib/PopOver/PopOver.module.css +8 -8
  342. package/lib/Popup/Popup.js +0 -0
  343. package/lib/Popup/PositionMapping.json +73 -73
  344. package/lib/Radio/Radio.js +0 -0
  345. package/lib/Radio/Radio.module.css +112 -112
  346. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  347. package/lib/Responsive/CustomResponsive.js +0 -0
  348. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  349. package/lib/Ribbon/Ribbon.js +0 -0
  350. package/lib/Ribbon/Ribbon.module.css +454 -454
  351. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  352. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  353. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  354. package/lib/Select/GroupSelect.js +0 -0
  355. package/lib/Select/Select.js +0 -0
  356. package/lib/Select/Select.module.css +108 -108
  357. package/lib/Select/SelectWithAvatar.js +0 -0
  358. package/lib/Select/SelectWithIcon.js +0 -0
  359. package/lib/Stencils/Stencils.js +0 -0
  360. package/lib/Stencils/Stencils.module.css +96 -96
  361. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  362. package/lib/Switch/Switch.js +0 -0
  363. package/lib/Switch/Switch.module.css +127 -127
  364. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  365. package/lib/Tab/Tab.module.css +100 -100
  366. package/lib/Tab/TabContent.module.css +4 -4
  367. package/lib/Tab/Tabs.js +11 -11
  368. package/lib/Tab/Tabs.module.css +136 -136
  369. package/lib/Tag/Tag.js +8 -8
  370. package/lib/Tag/Tag.module.css +254 -254
  371. package/lib/TextBox/TextBox.js +0 -0
  372. package/lib/TextBox/TextBox.module.css +158 -158
  373. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  374. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  375. package/lib/Textarea/Textarea.js +0 -0
  376. package/lib/Textarea/Textarea.module.css +139 -139
  377. package/lib/Tooltip/Tooltip.module.css +140 -140
  378. package/lib/common/a11y.module.css +3 -3
  379. package/lib/common/animation.module.css +624 -624
  380. package/lib/common/avatarsizes.module.css +48 -48
  381. package/lib/common/basic.module.css +33 -33
  382. package/lib/common/basicReset.module.css +40 -40
  383. package/lib/common/boxShadow.module.css +33 -33
  384. package/lib/common/common.module.css +524 -524
  385. package/lib/common/customscroll.module.css +91 -91
  386. package/lib/common/reset.module.css +13 -13
  387. package/lib/common/transition.module.css +146 -146
  388. package/lib/semantic/Button/semanticButton.module.css +9 -9
  389. package/lib/utils/Common.js +0 -0
  390. package/lib/utils/dropDownUtils.js +0 -0
  391. package/lib/v1/Avatar/Avatar.js +5 -5
  392. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  393. package/lib/v1/Button/Button.js +4 -4
  394. package/lib/v1/Card/Card.js +4 -4
  395. package/lib/v1/CheckBox/CheckBox.js +0 -0
  396. package/lib/v1/DateTime/DateTime.js +0 -0
  397. package/lib/v1/DateTime/DateWidget.js +0 -0
  398. package/lib/v1/DateTime/YearView.js +0 -0
  399. package/lib/v1/DateTime/index.js +0 -0
  400. package/lib/v1/DropBox/DropBox.js +0 -0
  401. package/lib/v1/DropDown/DropDown.js +0 -0
  402. package/lib/v1/DropDown/DropDownHeading.js +0 -0
  403. package/lib/v1/DropDown/DropDownItem.js +0 -0
  404. package/lib/v1/DropDown/DropDownSearch.js +0 -0
  405. package/lib/v1/DropDown/DropDownSeparator.js +0 -0
  406. package/lib/v1/Layout/Box.js +0 -0
  407. package/lib/v1/Layout/Container.js +0 -0
  408. package/lib/v1/ListItem/ListItem.js +0 -0
  409. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  410. package/lib/v1/MultiSelect/MultiSelect.js +5 -5
  411. package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  412. package/lib/v1/Radio/Radio.js +0 -0
  413. package/lib/v1/Responsive/CustomResponsive.js +0 -0
  414. package/lib/v1/Select/GroupSelect.js +0 -0
  415. package/lib/v1/Select/Select.js +0 -0
  416. package/lib/v1/Select/SelectWithAvatar.js +0 -0
  417. package/lib/v1/Select/SelectWithIcon.js +0 -0
  418. package/lib/v1/Switch/Switch.js +0 -0
  419. package/lib/v1/Tab/Tabs.js +11 -11
  420. package/lib/v1/Tag/Tag.js +8 -8
  421. package/lib/v1/TextBox/TextBox.js +0 -0
  422. package/lib/v1/Typography/css/Typography.module.css +409 -409
  423. package/package.json +92 -92
  424. package/postPublish.js +8 -8
  425. package/prePublish.js +70 -70
  426. package/react-cli.config.js +23 -23
  427. package/result.json +1 -1
  428. package/unittest/index.html +1 -1
package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap CHANGED
@@ -1,591 +1,591 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Avatar rendering BorderOnActive true 1`] = `
4
- <DocumentFragment>
5
- <div
6
- class="avatar medium medium circle primary black border borderOnActive "
7
- data-id="Avatar"
8
- data-selector-id="avatar"
9
- data-test-id="Avatar"
10
- >
11
- <span
12
- class="initial"
13
- data-id="Avatar_AvatarInitial"
14
- data-selector-id="avatar_AvatarInitial"
15
- data-test-id="Avatar_AvatarInitial"
16
- />
17
- </div>
18
- </DocumentFragment>
19
- `;
20
-
21
- exports[`Avatar rendering Name in 2 Word 1`] = `
22
- <DocumentFragment>
23
- <div
24
- class="avatar medium medium circle primary black border "
25
- data-id="Avatar"
26
- data-selector-id="avatar"
27
- data-test-id="Avatar"
28
- data-title="Gowtham Kathirvel"
29
- >
30
- <span
31
- class="initial"
32
- data-id="Avatar_AvatarInitial"
33
- data-selector-id="avatar_AvatarInitial"
34
- data-test-id="Avatar_AvatarInitial"
35
- >
36
- GK
37
- </span>
38
- </div>
39
- </DocumentFragment>
40
- `;
41
-
42
- exports[`Avatar rendering NeedBorder false 1`] = `
43
- <DocumentFragment>
44
- <div
45
- class="avatar medium medium circle primary black "
46
- data-id="Avatar"
47
- data-selector-id="avatar"
48
- data-test-id="Avatar"
49
- >
50
- <span
51
- class="initial"
52
- data-id="Avatar_AvatarInitial"
53
- data-selector-id="avatar_AvatarInitial"
54
- data-test-id="Avatar_AvatarInitial"
55
- />
56
- </div>
57
- </DocumentFragment>
58
- `;
59
-
60
- exports[`Avatar rendering alternateSrc 1`] = `
61
- <DocumentFragment>
62
- <div
63
- class="avatar medium medium circle primary black "
64
- data-id="Avatar"
65
- data-selector-id="avatar"
66
- data-test-id="Avatar"
67
- >
68
- <img
69
- class="image animate "
70
- data-id="Avatar_AvatarImg"
71
- data-selector-id="avatar_AvatarImg"
72
- data-test-id="Avatar_AvatarImg"
73
- src="https://www.w3schools.com/images/w3schools_green.jpg"
74
- />
75
- <span
76
- class="shadow black "
77
- />
78
- </div>
79
- </DocumentFragment>
80
- `;
81
-
82
- exports[`Avatar rendering borderOnHover true 1`] = `
83
- <DocumentFragment>
84
- <div
85
- class="avatar medium medium circle primary black border borderOnHover "
86
- data-id="Avatar"
87
- data-selector-id="avatar"
88
- data-test-id="Avatar"
89
- >
90
- <span
91
- class="initial"
92
- data-id="Avatar_AvatarInitial"
93
- data-selector-id="avatar_AvatarInitial"
94
- data-test-id="Avatar_AvatarInitial"
95
- />
96
- </div>
97
- </DocumentFragment>
98
- `;
99
-
100
- exports[`Avatar rendering customClass true 1`] = `
101
- <DocumentFragment>
102
- <div
103
- class="avatar medium medium circle primary black border customClassAvatar"
104
- data-id="Avatar"
105
- data-selector-id="avatar"
106
- data-test-id="Avatar"
107
- >
108
- <span
109
- class="initial"
110
- data-id="Avatar_AvatarInitial"
111
- data-selector-id="avatar_AvatarInitial"
112
- data-test-id="Avatar_AvatarInitial"
113
- />
114
- </div>
115
- </DocumentFragment>
116
- `;
117
-
118
- exports[`Avatar rendering initial 1`] = `
119
- <DocumentFragment>
120
- <div
121
- class="avatar medium medium circle primary black border "
122
- data-id="Avatar"
123
- data-selector-id="avatar"
124
- data-test-id="Avatar"
125
- >
126
- <span
127
- class="initial"
128
- data-id="Avatar_AvatarInitial"
129
- data-selector-id="avatar_AvatarInitial"
130
- data-test-id="Avatar_AvatarInitial"
131
- >
132
- AvatarTeam
133
- </span>
134
- </div>
135
- </DocumentFragment>
136
- `;
137
-
138
- exports[`Avatar rendering isAnimate is false 1`] = `
139
- <DocumentFragment>
140
- <div
141
- class="avatar medium medium circle primary black "
142
- data-id="Avatar"
143
- data-selector-id="avatar"
144
- data-test-id="Avatar"
145
- >
146
- <img
147
- class="image "
148
- data-id="Avatar_AvatarImg"
149
- data-selector-id="avatar_AvatarImg"
150
- data-test-id="Avatar_AvatarImg"
151
- src="https://www.w3schools.com/images/w3schools_green.jpg"
152
- />
153
- <span
154
- class="shadow black "
155
- />
156
- </div>
157
- </DocumentFragment>
158
- `;
159
-
160
- exports[`Avatar rendering needInnerBorder is true 1`] = `
161
- <DocumentFragment>
162
- <div
163
- class="avatar medium medium circle primary black "
164
- data-id="Avatar"
165
- data-selector-id="avatar"
166
- data-test-id="Avatar"
167
- >
168
- <img
169
- class="image innerBorder"
170
- data-id="Avatar_AvatarImg"
171
- data-selector-id="avatar_AvatarImg"
172
- data-test-id="Avatar_AvatarImg"
173
- src="https://www.w3schools.com/images/w3schools_green.jpg"
174
- />
175
- <span
176
- class="shadow black "
177
- />
178
- </div>
179
- </DocumentFragment>
180
- `;
181
-
182
- exports[`Avatar rendering needTitle 1`] = `
183
- <DocumentFragment>
184
- <div
185
- class="avatar medium medium circle primary black border "
186
- data-id="Avatar"
187
- data-selector-id="avatar"
188
- data-test-id="Avatar"
189
- data-title="AvatarNameTitile"
190
- >
191
- <span
192
- class="initial"
193
- data-id="Avatar_AvatarInitial"
194
- data-selector-id="avatar_AvatarInitial"
195
- data-test-id="Avatar_AvatarInitial"
196
- />
197
- </div>
198
- </DocumentFragment>
199
- `;
200
-
201
- exports[`Avatar rendering showAlternateAvatar is enabled border get disabled 1`] = `
202
- <DocumentFragment>
203
- <div
204
- class="avatar medium medium circle primary black "
205
- data-id="Avatar"
206
- data-selector-id="avatar"
207
- data-test-id="Avatar"
208
- >
209
- <img
210
- class="image animate "
211
- data-id="Avatar_AvatarImg"
212
- data-selector-id="avatar_AvatarImg"
213
- data-test-id="Avatar_AvatarImg"
214
- src="https://www.w3schools.com/css/img_5terre.jpg"
215
- />
216
- <span
217
- class="shadow black "
218
- />
219
- </div>
220
- </DocumentFragment>
221
- `;
222
-
223
- exports[`Avatar rendering showDefaultBorder is true 1`] = `
224
- <DocumentFragment>
225
- <div
226
- class="avatar medium medium circle primary black border "
227
- data-id="Avatar"
228
- data-selector-id="avatar"
229
- data-test-id="Avatar"
230
- >
231
- <img
232
- class="image animate "
233
- data-id="Avatar_AvatarImg"
234
- data-selector-id="avatar_AvatarImg"
235
- data-test-id="Avatar_AvatarImg"
236
- src="https://www.w3schools.com/images/w3schools_green.jpg"
237
- />
238
- </div>
239
- </DocumentFragment>
240
- `;
241
-
242
- exports[`Avatar rendering src 1`] = `
243
- <DocumentFragment>
244
- <div
245
- class="avatar medium medium circle primary black "
246
- data-id="Avatar"
247
- data-selector-id="avatar"
248
- data-test-id="Avatar"
249
- data-title="AvatarName"
250
- >
251
- <img
252
- alt="AvatarName"
253
- class="image animate "
254
- data-id="Avatar_AvatarImg"
255
- data-selector-id="avatar_AvatarImg"
256
- data-test-id="Avatar_AvatarImg"
257
- name="AvatarName"
258
- src="https://www.w3schools.com/images/w3schools_green.jpg"
259
- />
260
- <span
261
- class="shadow black "
262
- />
263
- </div>
264
- </DocumentFragment>
265
- `;
266
-
267
- exports[`Avatar rendering the Custom props 1`] = `
268
- <DocumentFragment>
269
- <div
270
- class="avatar medium medium circle primary black border "
271
- data-avatar="true"
272
- data-id="Avatar"
273
- data-selector-id="avatar"
274
- data-test-id="Avatar"
275
- >
276
- <span
277
- class="initial"
278
- data-id="Avatar_AvatarInitial"
279
- data-selector-id="avatar_AvatarInitial"
280
- data-test-id="Avatar_AvatarInitial"
281
- />
282
- </div>
283
- </DocumentFragment>
284
- `;
285
-
286
- exports[`Avatar rendering the defult props 1`] = `
287
- <DocumentFragment>
288
- <div
289
- class="avatar medium medium circle primary black border "
290
- data-id="Avatar"
291
- data-selector-id="avatar"
292
- data-test-id="Avatar"
293
- >
294
- <span
295
- class="initial"
296
- data-id="Avatar_AvatarInitial"
297
- data-selector-id="avatar_AvatarInitial"
298
- data-test-id="Avatar_AvatarInitial"
299
- />
300
- </div>
301
- </DocumentFragment>
302
- `;
303
-
304
- exports[`Avatar rendering the palette of- default 1`] = `
305
- <DocumentFragment>
306
- <div
307
- class="avatar medium medium circle default black border "
308
- data-id="Avatar"
309
- data-selector-id="avatar"
310
- data-test-id="Avatar"
311
- >
312
- <span
313
- class="initial"
314
- data-id="Avatar_AvatarInitial"
315
- data-selector-id="avatar_AvatarInitial"
316
- data-test-id="Avatar_AvatarInitial"
317
- />
318
- </div>
319
- </DocumentFragment>
320
- `;
321
-
322
- exports[`Avatar rendering the palette of- info 1`] = `
323
- <DocumentFragment>
324
- <div
325
- class="avatar medium medium circle info black border "
326
- data-id="Avatar"
327
- data-selector-id="avatar"
328
- data-test-id="Avatar"
329
- >
330
- <span
331
- class="initial"
332
- data-id="Avatar_AvatarInitial"
333
- data-selector-id="avatar_AvatarInitial"
334
- data-test-id="Avatar_AvatarInitial"
335
- />
336
- </div>
337
- </DocumentFragment>
338
- `;
339
-
340
- exports[`Avatar rendering the palette of- primary 1`] = `
341
- <DocumentFragment>
342
- <div
343
- class="avatar medium medium circle primary black border "
344
- data-id="Avatar"
345
- data-selector-id="avatar"
346
- data-test-id="Avatar"
347
- >
348
- <span
349
- class="initial"
350
- data-id="Avatar_AvatarInitial"
351
- data-selector-id="avatar_AvatarInitial"
352
- data-test-id="Avatar_AvatarInitial"
353
- />
354
- </div>
355
- </DocumentFragment>
356
- `;
357
-
358
- exports[`Avatar rendering the palette of- secondary 1`] = `
359
- <DocumentFragment>
360
- <div
361
- class="avatar medium medium circle secondary white border "
362
- data-id="Avatar"
363
- data-selector-id="avatar"
364
- data-test-id="Avatar"
365
- >
366
- <span
367
- class="initial"
368
- data-id="Avatar_AvatarInitial"
369
- data-selector-id="avatar_AvatarInitial"
370
- data-test-id="Avatar_AvatarInitial"
371
- />
372
- </div>
373
- </DocumentFragment>
374
- `;
375
-
376
- exports[`Avatar rendering the shape of- circle 1`] = `
377
- <DocumentFragment>
378
- <div
379
- class="avatar medium medium circle primary black border "
380
- data-id="Avatar"
381
- data-selector-id="avatar"
382
- data-test-id="Avatar"
383
- >
384
- <span
385
- class="initial"
386
- data-id="Avatar_AvatarInitial"
387
- data-selector-id="avatar_AvatarInitial"
388
- data-test-id="Avatar_AvatarInitial"
389
- />
390
- </div>
391
- </DocumentFragment>
392
- `;
393
-
394
- exports[`Avatar rendering the shape of- square 1`] = `
395
- <DocumentFragment>
396
- <div
397
- class="avatar medium medium square_medium primary black border "
398
- data-id="Avatar"
399
- data-selector-id="avatar"
400
- data-test-id="Avatar"
401
- >
402
- <span
403
- class="initial"
404
- data-id="Avatar_AvatarInitial"
405
- data-selector-id="avatar_AvatarInitial"
406
- data-test-id="Avatar_AvatarInitial"
407
- />
408
- </div>
409
- </DocumentFragment>
410
- `;
411
-
412
- exports[`Avatar rendering the size of- black 1`] = `
413
- <DocumentFragment>
414
- <div
415
- class="avatar medium medium circle primary black border "
416
- data-id="Avatar"
417
- data-selector-id="avatar"
418
- data-test-id="Avatar"
419
- >
420
- <span
421
- class="initial"
422
- data-id="Avatar_AvatarInitial"
423
- data-selector-id="avatar_AvatarInitial"
424
- data-test-id="Avatar_AvatarInitial"
425
- />
426
- </div>
427
- </DocumentFragment>
428
- `;
429
-
430
- exports[`Avatar rendering the size of- large 1`] = `
431
- <DocumentFragment>
432
- <div
433
- class="avatar large large circle primary black border "
434
- data-id="Avatar"
435
- data-selector-id="avatar"
436
- data-test-id="Avatar"
437
- >
438
- <span
439
- class="initial"
440
- data-id="Avatar_AvatarInitial"
441
- data-selector-id="avatar_AvatarInitial"
442
- data-test-id="Avatar_AvatarInitial"
443
- />
444
- </div>
445
- </DocumentFragment>
446
- `;
447
-
448
- exports[`Avatar rendering the size of- medium 1`] = `
449
- <DocumentFragment>
450
- <div
451
- class="avatar medium medium circle primary black border "
452
- data-id="Avatar"
453
- data-selector-id="avatar"
454
- data-test-id="Avatar"
455
- >
456
- <span
457
- class="initial"
458
- data-id="Avatar_AvatarInitial"
459
- data-selector-id="avatar_AvatarInitial"
460
- data-test-id="Avatar_AvatarInitial"
461
- />
462
- </div>
463
- </DocumentFragment>
464
- `;
465
-
466
- exports[`Avatar rendering the size of- small 1`] = `
467
- <DocumentFragment>
468
- <div
469
- class="avatar small small circle primary black border "
470
- data-id="Avatar"
471
- data-selector-id="avatar"
472
- data-test-id="Avatar"
473
- >
474
- <span
475
- class="initial"
476
- data-id="Avatar_AvatarInitial"
477
- data-selector-id="avatar_AvatarInitial"
478
- data-test-id="Avatar_AvatarInitial"
479
- />
480
- </div>
481
- </DocumentFragment>
482
- `;
483
-
484
- exports[`Avatar rendering the size of- white 1`] = `
485
- <DocumentFragment>
486
- <div
487
- class="avatar medium medium circle primary white border "
488
- data-id="Avatar"
489
- data-selector-id="avatar"
490
- data-test-id="Avatar"
491
- >
492
- <span
493
- class="initial"
494
- data-id="Avatar_AvatarInitial"
495
- data-selector-id="avatar_AvatarInitial"
496
- data-test-id="Avatar_AvatarInitial"
497
- />
498
- </div>
499
- </DocumentFragment>
500
- `;
501
-
502
- exports[`Avatar rendering the size of- xlarge 1`] = `
503
- <DocumentFragment>
504
- <div
505
- class="avatar xlarge xlarge circle primary black border "
506
- data-id="Avatar"
507
- data-selector-id="avatar"
508
- data-test-id="Avatar"
509
- >
510
- <span
511
- class="initial"
512
- data-id="Avatar_AvatarInitial"
513
- data-selector-id="avatar_AvatarInitial"
514
- data-test-id="Avatar_AvatarInitial"
515
- />
516
- </div>
517
- </DocumentFragment>
518
- `;
519
-
520
- exports[`Avatar rendering the size of- xmedium 1`] = `
521
- <DocumentFragment>
522
- <div
523
- class="avatar xmedium xmedium circle primary black border "
524
- data-id="Avatar"
525
- data-selector-id="avatar"
526
- data-test-id="Avatar"
527
- >
528
- <span
529
- class="initial"
530
- data-id="Avatar_AvatarInitial"
531
- data-selector-id="avatar_AvatarInitial"
532
- data-test-id="Avatar_AvatarInitial"
533
- />
534
- </div>
535
- </DocumentFragment>
536
- `;
537
-
538
- exports[`Avatar rendering the size of- xsmall 1`] = `
539
- <DocumentFragment>
540
- <div
541
- class="avatar xsmall xsmall circle primary black border "
542
- data-id="Avatar"
543
- data-selector-id="avatar"
544
- data-test-id="Avatar"
545
- >
546
- <span
547
- class="initial"
548
- data-id="Avatar_AvatarInitial"
549
- data-selector-id="avatar_AvatarInitial"
550
- data-test-id="Avatar_AvatarInitial"
551
- />
552
- </div>
553
- </DocumentFragment>
554
- `;
555
-
556
- exports[`Avatar rendering the size of- xxsmall 1`] = `
557
- <DocumentFragment>
558
- <div
559
- class="avatar xxsmall xxsmall circle primary black border "
560
- data-id="Avatar"
561
- data-selector-id="avatar"
562
- data-test-id="Avatar"
563
- >
564
- <span
565
- class="initial"
566
- data-id="Avatar_AvatarInitial"
567
- data-selector-id="avatar_AvatarInitial"
568
- data-test-id="Avatar_AvatarInitial"
569
- />
570
- </div>
571
- </DocumentFragment>
572
- `;
573
-
574
- exports[`Avatar rendering title 1`] = `
575
- <DocumentFragment>
576
- <div
577
- class="avatar medium medium circle primary black border "
578
- data-id="Avatar"
579
- data-selector-id="avatar"
580
- data-test-id="Avatar"
581
- data-title="AvatarNameTitile"
582
- >
583
- <span
584
- class="initial"
585
- data-id="Avatar_AvatarInitial"
586
- data-selector-id="avatar_AvatarInitial"
587
- data-test-id="Avatar_AvatarInitial"
588
- />
589
- </div>
590
- </DocumentFragment>
591
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Avatar rendering BorderOnActive true 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ class="avatar medium medium circle primary black border borderOnActive "
7
+ data-id="Avatar"
8
+ data-selector-id="avatar"
9
+ data-test-id="Avatar"
10
+ >
11
+ <span
12
+ class="initial"
13
+ data-id="Avatar_AvatarInitial"
14
+ data-selector-id="avatar_AvatarInitial"
15
+ data-test-id="Avatar_AvatarInitial"
16
+ />
17
+ </div>
18
+ </DocumentFragment>
19
+ `;
20
+
21
+ exports[`Avatar rendering Name in 2 Word 1`] = `
22
+ <DocumentFragment>
23
+ <div
24
+ class="avatar medium medium circle primary black border "
25
+ data-id="Avatar"
26
+ data-selector-id="avatar"
27
+ data-test-id="Avatar"
28
+ data-title="Gowtham Kathirvel"
29
+ >
30
+ <span
31
+ class="initial"
32
+ data-id="Avatar_AvatarInitial"
33
+ data-selector-id="avatar_AvatarInitial"
34
+ data-test-id="Avatar_AvatarInitial"
35
+ >
36
+ GK
37
+ </span>
38
+ </div>
39
+ </DocumentFragment>
40
+ `;
41
+
42
+ exports[`Avatar rendering NeedBorder false 1`] = `
43
+ <DocumentFragment>
44
+ <div
45
+ class="avatar medium medium circle primary black "
46
+ data-id="Avatar"
47
+ data-selector-id="avatar"
48
+ data-test-id="Avatar"
49
+ >
50
+ <span
51
+ class="initial"
52
+ data-id="Avatar_AvatarInitial"
53
+ data-selector-id="avatar_AvatarInitial"
54
+ data-test-id="Avatar_AvatarInitial"
55
+ />
56
+ </div>
57
+ </DocumentFragment>
58
+ `;
59
+
60
+ exports[`Avatar rendering alternateSrc 1`] = `
61
+ <DocumentFragment>
62
+ <div
63
+ class="avatar medium medium circle primary black "
64
+ data-id="Avatar"
65
+ data-selector-id="avatar"
66
+ data-test-id="Avatar"
67
+ >
68
+ <img
69
+ class="image animate "
70
+ data-id="Avatar_AvatarImg"
71
+ data-selector-id="avatar_AvatarImg"
72
+ data-test-id="Avatar_AvatarImg"
73
+ src="https://www.w3schools.com/images/w3schools_green.jpg"
74
+ />
75
+ <span
76
+ class="shadow black "
77
+ />
78
+ </div>
79
+ </DocumentFragment>
80
+ `;
81
+
82
+ exports[`Avatar rendering borderOnHover true 1`] = `
83
+ <DocumentFragment>
84
+ <div
85
+ class="avatar medium medium circle primary black border borderOnHover "
86
+ data-id="Avatar"
87
+ data-selector-id="avatar"
88
+ data-test-id="Avatar"
89
+ >
90
+ <span
91
+ class="initial"
92
+ data-id="Avatar_AvatarInitial"
93
+ data-selector-id="avatar_AvatarInitial"
94
+ data-test-id="Avatar_AvatarInitial"
95
+ />
96
+ </div>
97
+ </DocumentFragment>
98
+ `;
99
+
100
+ exports[`Avatar rendering customClass true 1`] = `
101
+ <DocumentFragment>
102
+ <div
103
+ class="avatar medium medium circle primary black border customClassAvatar"
104
+ data-id="Avatar"
105
+ data-selector-id="avatar"
106
+ data-test-id="Avatar"
107
+ >
108
+ <span
109
+ class="initial"
110
+ data-id="Avatar_AvatarInitial"
111
+ data-selector-id="avatar_AvatarInitial"
112
+ data-test-id="Avatar_AvatarInitial"
113
+ />
114
+ </div>
115
+ </DocumentFragment>
116
+ `;
117
+
118
+ exports[`Avatar rendering initial 1`] = `
119
+ <DocumentFragment>
120
+ <div
121
+ class="avatar medium medium circle primary black border "
122
+ data-id="Avatar"
123
+ data-selector-id="avatar"
124
+ data-test-id="Avatar"
125
+ >
126
+ <span
127
+ class="initial"
128
+ data-id="Avatar_AvatarInitial"
129
+ data-selector-id="avatar_AvatarInitial"
130
+ data-test-id="Avatar_AvatarInitial"
131
+ >
132
+ AvatarTeam
133
+ </span>
134
+ </div>
135
+ </DocumentFragment>
136
+ `;
137
+
138
+ exports[`Avatar rendering isAnimate is false 1`] = `
139
+ <DocumentFragment>
140
+ <div
141
+ class="avatar medium medium circle primary black "
142
+ data-id="Avatar"
143
+ data-selector-id="avatar"
144
+ data-test-id="Avatar"
145
+ >
146
+ <img
147
+ class="image "
148
+ data-id="Avatar_AvatarImg"
149
+ data-selector-id="avatar_AvatarImg"
150
+ data-test-id="Avatar_AvatarImg"
151
+ src="https://www.w3schools.com/images/w3schools_green.jpg"
152
+ />
153
+ <span
154
+ class="shadow black "
155
+ />
156
+ </div>
157
+ </DocumentFragment>
158
+ `;
159
+
160
+ exports[`Avatar rendering needInnerBorder is true 1`] = `
161
+ <DocumentFragment>
162
+ <div
163
+ class="avatar medium medium circle primary black "
164
+ data-id="Avatar"
165
+ data-selector-id="avatar"
166
+ data-test-id="Avatar"
167
+ >
168
+ <img
169
+ class="image innerBorder"
170
+ data-id="Avatar_AvatarImg"
171
+ data-selector-id="avatar_AvatarImg"
172
+ data-test-id="Avatar_AvatarImg"
173
+ src="https://www.w3schools.com/images/w3schools_green.jpg"
174
+ />
175
+ <span
176
+ class="shadow black "
177
+ />
178
+ </div>
179
+ </DocumentFragment>
180
+ `;
181
+
182
+ exports[`Avatar rendering needTitle 1`] = `
183
+ <DocumentFragment>
184
+ <div
185
+ class="avatar medium medium circle primary black border "
186
+ data-id="Avatar"
187
+ data-selector-id="avatar"
188
+ data-test-id="Avatar"
189
+ data-title="AvatarNameTitile"
190
+ >
191
+ <span
192
+ class="initial"
193
+ data-id="Avatar_AvatarInitial"
194
+ data-selector-id="avatar_AvatarInitial"
195
+ data-test-id="Avatar_AvatarInitial"
196
+ />
197
+ </div>
198
+ </DocumentFragment>
199
+ `;
200
+
201
+ exports[`Avatar rendering showAlternateAvatar is enabled border get disabled 1`] = `
202
+ <DocumentFragment>
203
+ <div
204
+ class="avatar medium medium circle primary black "
205
+ data-id="Avatar"
206
+ data-selector-id="avatar"
207
+ data-test-id="Avatar"
208
+ >
209
+ <img
210
+ class="image animate "
211
+ data-id="Avatar_AvatarImg"
212
+ data-selector-id="avatar_AvatarImg"
213
+ data-test-id="Avatar_AvatarImg"
214
+ src="https://www.w3schools.com/css/img_5terre.jpg"
215
+ />
216
+ <span
217
+ class="shadow black "
218
+ />
219
+ </div>
220
+ </DocumentFragment>
221
+ `;
222
+
223
+ exports[`Avatar rendering showDefaultBorder is true 1`] = `
224
+ <DocumentFragment>
225
+ <div
226
+ class="avatar medium medium circle primary black border "
227
+ data-id="Avatar"
228
+ data-selector-id="avatar"
229
+ data-test-id="Avatar"
230
+ >
231
+ <img
232
+ class="image animate "
233
+ data-id="Avatar_AvatarImg"
234
+ data-selector-id="avatar_AvatarImg"
235
+ data-test-id="Avatar_AvatarImg"
236
+ src="https://www.w3schools.com/images/w3schools_green.jpg"
237
+ />
238
+ </div>
239
+ </DocumentFragment>
240
+ `;
241
+
242
+ exports[`Avatar rendering src 1`] = `
243
+ <DocumentFragment>
244
+ <div
245
+ class="avatar medium medium circle primary black "
246
+ data-id="Avatar"
247
+ data-selector-id="avatar"
248
+ data-test-id="Avatar"
249
+ data-title="AvatarName"
250
+ >
251
+ <img
252
+ alt="AvatarName"
253
+ class="image animate "
254
+ data-id="Avatar_AvatarImg"
255
+ data-selector-id="avatar_AvatarImg"
256
+ data-test-id="Avatar_AvatarImg"
257
+ name="AvatarName"
258
+ src="https://www.w3schools.com/images/w3schools_green.jpg"
259
+ />
260
+ <span
261
+ class="shadow black "
262
+ />
263
+ </div>
264
+ </DocumentFragment>
265
+ `;
266
+
267
+ exports[`Avatar rendering the Custom props 1`] = `
268
+ <DocumentFragment>
269
+ <div
270
+ class="avatar medium medium circle primary black border "
271
+ data-avatar="true"
272
+ data-id="Avatar"
273
+ data-selector-id="avatar"
274
+ data-test-id="Avatar"
275
+ >
276
+ <span
277
+ class="initial"
278
+ data-id="Avatar_AvatarInitial"
279
+ data-selector-id="avatar_AvatarInitial"
280
+ data-test-id="Avatar_AvatarInitial"
281
+ />
282
+ </div>
283
+ </DocumentFragment>
284
+ `;
285
+
286
+ exports[`Avatar rendering the defult props 1`] = `
287
+ <DocumentFragment>
288
+ <div
289
+ class="avatar medium medium circle primary black border "
290
+ data-id="Avatar"
291
+ data-selector-id="avatar"
292
+ data-test-id="Avatar"
293
+ >
294
+ <span
295
+ class="initial"
296
+ data-id="Avatar_AvatarInitial"
297
+ data-selector-id="avatar_AvatarInitial"
298
+ data-test-id="Avatar_AvatarInitial"
299
+ />
300
+ </div>
301
+ </DocumentFragment>
302
+ `;
303
+
304
+ exports[`Avatar rendering the palette of- default 1`] = `
305
+ <DocumentFragment>
306
+ <div
307
+ class="avatar medium medium circle default black border "
308
+ data-id="Avatar"
309
+ data-selector-id="avatar"
310
+ data-test-id="Avatar"
311
+ >
312
+ <span
313
+ class="initial"
314
+ data-id="Avatar_AvatarInitial"
315
+ data-selector-id="avatar_AvatarInitial"
316
+ data-test-id="Avatar_AvatarInitial"
317
+ />
318
+ </div>
319
+ </DocumentFragment>
320
+ `;
321
+
322
+ exports[`Avatar rendering the palette of- info 1`] = `
323
+ <DocumentFragment>
324
+ <div
325
+ class="avatar medium medium circle info black border "
326
+ data-id="Avatar"
327
+ data-selector-id="avatar"
328
+ data-test-id="Avatar"
329
+ >
330
+ <span
331
+ class="initial"
332
+ data-id="Avatar_AvatarInitial"
333
+ data-selector-id="avatar_AvatarInitial"
334
+ data-test-id="Avatar_AvatarInitial"
335
+ />
336
+ </div>
337
+ </DocumentFragment>
338
+ `;
339
+
340
+ exports[`Avatar rendering the palette of- primary 1`] = `
341
+ <DocumentFragment>
342
+ <div
343
+ class="avatar medium medium circle primary black border "
344
+ data-id="Avatar"
345
+ data-selector-id="avatar"
346
+ data-test-id="Avatar"
347
+ >
348
+ <span
349
+ class="initial"
350
+ data-id="Avatar_AvatarInitial"
351
+ data-selector-id="avatar_AvatarInitial"
352
+ data-test-id="Avatar_AvatarInitial"
353
+ />
354
+ </div>
355
+ </DocumentFragment>
356
+ `;
357
+
358
+ exports[`Avatar rendering the palette of- secondary 1`] = `
359
+ <DocumentFragment>
360
+ <div
361
+ class="avatar medium medium circle secondary white border "
362
+ data-id="Avatar"
363
+ data-selector-id="avatar"
364
+ data-test-id="Avatar"
365
+ >
366
+ <span
367
+ class="initial"
368
+ data-id="Avatar_AvatarInitial"
369
+ data-selector-id="avatar_AvatarInitial"
370
+ data-test-id="Avatar_AvatarInitial"
371
+ />
372
+ </div>
373
+ </DocumentFragment>
374
+ `;
375
+
376
+ exports[`Avatar rendering the shape of- circle 1`] = `
377
+ <DocumentFragment>
378
+ <div
379
+ class="avatar medium medium circle primary black border "
380
+ data-id="Avatar"
381
+ data-selector-id="avatar"
382
+ data-test-id="Avatar"
383
+ >
384
+ <span
385
+ class="initial"
386
+ data-id="Avatar_AvatarInitial"
387
+ data-selector-id="avatar_AvatarInitial"
388
+ data-test-id="Avatar_AvatarInitial"
389
+ />
390
+ </div>
391
+ </DocumentFragment>
392
+ `;
393
+
394
+ exports[`Avatar rendering the shape of- square 1`] = `
395
+ <DocumentFragment>
396
+ <div
397
+ class="avatar medium medium square_medium primary black border "
398
+ data-id="Avatar"
399
+ data-selector-id="avatar"
400
+ data-test-id="Avatar"
401
+ >
402
+ <span
403
+ class="initial"
404
+ data-id="Avatar_AvatarInitial"
405
+ data-selector-id="avatar_AvatarInitial"
406
+ data-test-id="Avatar_AvatarInitial"
407
+ />
408
+ </div>
409
+ </DocumentFragment>
410
+ `;
411
+
412
+ exports[`Avatar rendering the size of- black 1`] = `
413
+ <DocumentFragment>
414
+ <div
415
+ class="avatar medium medium circle primary black border "
416
+ data-id="Avatar"
417
+ data-selector-id="avatar"
418
+ data-test-id="Avatar"
419
+ >
420
+ <span
421
+ class="initial"
422
+ data-id="Avatar_AvatarInitial"
423
+ data-selector-id="avatar_AvatarInitial"
424
+ data-test-id="Avatar_AvatarInitial"
425
+ />
426
+ </div>
427
+ </DocumentFragment>
428
+ `;
429
+
430
+ exports[`Avatar rendering the size of- large 1`] = `
431
+ <DocumentFragment>
432
+ <div
433
+ class="avatar large large circle primary black border "
434
+ data-id="Avatar"
435
+ data-selector-id="avatar"
436
+ data-test-id="Avatar"
437
+ >
438
+ <span
439
+ class="initial"
440
+ data-id="Avatar_AvatarInitial"
441
+ data-selector-id="avatar_AvatarInitial"
442
+ data-test-id="Avatar_AvatarInitial"
443
+ />
444
+ </div>
445
+ </DocumentFragment>
446
+ `;
447
+
448
+ exports[`Avatar rendering the size of- medium 1`] = `
449
+ <DocumentFragment>
450
+ <div
451
+ class="avatar medium medium circle primary black border "
452
+ data-id="Avatar"
453
+ data-selector-id="avatar"
454
+ data-test-id="Avatar"
455
+ >
456
+ <span
457
+ class="initial"
458
+ data-id="Avatar_AvatarInitial"
459
+ data-selector-id="avatar_AvatarInitial"
460
+ data-test-id="Avatar_AvatarInitial"
461
+ />
462
+ </div>
463
+ </DocumentFragment>
464
+ `;
465
+
466
+ exports[`Avatar rendering the size of- small 1`] = `
467
+ <DocumentFragment>
468
+ <div
469
+ class="avatar small small circle primary black border "
470
+ data-id="Avatar"
471
+ data-selector-id="avatar"
472
+ data-test-id="Avatar"
473
+ >
474
+ <span
475
+ class="initial"
476
+ data-id="Avatar_AvatarInitial"
477
+ data-selector-id="avatar_AvatarInitial"
478
+ data-test-id="Avatar_AvatarInitial"
479
+ />
480
+ </div>
481
+ </DocumentFragment>
482
+ `;
483
+
484
+ exports[`Avatar rendering the size of- white 1`] = `
485
+ <DocumentFragment>
486
+ <div
487
+ class="avatar medium medium circle primary white border "
488
+ data-id="Avatar"
489
+ data-selector-id="avatar"
490
+ data-test-id="Avatar"
491
+ >
492
+ <span
493
+ class="initial"
494
+ data-id="Avatar_AvatarInitial"
495
+ data-selector-id="avatar_AvatarInitial"
496
+ data-test-id="Avatar_AvatarInitial"
497
+ />
498
+ </div>
499
+ </DocumentFragment>
500
+ `;
501
+
502
+ exports[`Avatar rendering the size of- xlarge 1`] = `
503
+ <DocumentFragment>
504
+ <div
505
+ class="avatar xlarge xlarge circle primary black border "
506
+ data-id="Avatar"
507
+ data-selector-id="avatar"
508
+ data-test-id="Avatar"
509
+ >
510
+ <span
511
+ class="initial"
512
+ data-id="Avatar_AvatarInitial"
513
+ data-selector-id="avatar_AvatarInitial"
514
+ data-test-id="Avatar_AvatarInitial"
515
+ />
516
+ </div>
517
+ </DocumentFragment>
518
+ `;
519
+
520
+ exports[`Avatar rendering the size of- xmedium 1`] = `
521
+ <DocumentFragment>
522
+ <div
523
+ class="avatar xmedium xmedium circle primary black border "
524
+ data-id="Avatar"
525
+ data-selector-id="avatar"
526
+ data-test-id="Avatar"
527
+ >
528
+ <span
529
+ class="initial"
530
+ data-id="Avatar_AvatarInitial"
531
+ data-selector-id="avatar_AvatarInitial"
532
+ data-test-id="Avatar_AvatarInitial"
533
+ />
534
+ </div>
535
+ </DocumentFragment>
536
+ `;
537
+
538
+ exports[`Avatar rendering the size of- xsmall 1`] = `
539
+ <DocumentFragment>
540
+ <div
541
+ class="avatar xsmall xsmall circle primary black border "
542
+ data-id="Avatar"
543
+ data-selector-id="avatar"
544
+ data-test-id="Avatar"
545
+ >
546
+ <span
547
+ class="initial"
548
+ data-id="Avatar_AvatarInitial"
549
+ data-selector-id="avatar_AvatarInitial"
550
+ data-test-id="Avatar_AvatarInitial"
551
+ />
552
+ </div>
553
+ </DocumentFragment>
554
+ `;
555
+
556
+ exports[`Avatar rendering the size of- xxsmall 1`] = `
557
+ <DocumentFragment>
558
+ <div
559
+ class="avatar xxsmall xxsmall circle primary black border "
560
+ data-id="Avatar"
561
+ data-selector-id="avatar"
562
+ data-test-id="Avatar"
563
+ >
564
+ <span
565
+ class="initial"
566
+ data-id="Avatar_AvatarInitial"
567
+ data-selector-id="avatar_AvatarInitial"
568
+ data-test-id="Avatar_AvatarInitial"
569
+ />
570
+ </div>
571
+ </DocumentFragment>
572
+ `;
573
+
574
+ exports[`Avatar rendering title 1`] = `
575
+ <DocumentFragment>
576
+ <div
577
+ class="avatar medium medium circle primary black border "
578
+ data-id="Avatar"
579
+ data-selector-id="avatar"
580
+ data-test-id="Avatar"
581
+ data-title="AvatarNameTitile"
582
+ >
583
+ <span
584
+ class="initial"
585
+ data-id="Avatar_AvatarInitial"
586
+ data-selector-id="avatar_AvatarInitial"
587
+ data-test-id="Avatar_AvatarInitial"
588
+ />
589
+ </div>
590
+ </DocumentFragment>
591
+ `;