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

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 (393) 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 +1357 -1345
  5. package/css_error.log +1 -1
  6. package/es/AppContainer/AppContainer.module.css +18 -18
  7. package/es/Avatar/Avatar.js +9 -9
  8. package/es/Avatar/Avatar.module.css +175 -175
  9. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  10. package/es/AvatarTeam/AvatarTeam.js +7 -7
  11. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  12. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
  13. package/es/Button/Button.js +4 -4
  14. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  15. package/es/Button/css/Button.module.css +525 -525
  16. package/es/Buttongroup/Buttongroup.js +1 -1
  17. package/es/Buttongroup/Buttongroup.module.css +105 -105
  18. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  19. package/es/Card/Card.js +4 -4
  20. package/es/Card/Card.module.css +20 -20
  21. package/es/CheckBox/CheckBox.js +0 -0
  22. package/es/CheckBox/CheckBox.module.css +157 -157
  23. package/es/DateTime/CalendarView.js +0 -0
  24. package/es/DateTime/DateTime.js +2 -29
  25. package/es/DateTime/DateTime.module.css +248 -248
  26. package/es/DateTime/DateWidget.js +2 -6
  27. package/es/DateTime/DateWidget.module.css +38 -38
  28. package/es/DateTime/YearView.js +0 -0
  29. package/es/DateTime/YearView.module.css +98 -98
  30. package/es/DateTime/common.js +0 -0
  31. package/es/DateTime/dateFormatUtils/dateFormat.js +8 -1
  32. package/es/DateTime/dateFormatUtils/index.js +2 -4
  33. package/es/DateTime/index.js +0 -0
  34. package/es/DateTime/objectUtils.js +0 -0
  35. package/es/DateTime/typeChecker.js +0 -0
  36. package/es/DateTime/validator.js +0 -0
  37. package/es/DropBox/DropBox.js +0 -0
  38. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  39. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  40. package/es/DropBox/css/DropBox.module.css +58 -58
  41. package/es/DropDown/DropDown.js +0 -0
  42. package/es/DropDown/DropDown.module.css +5 -5
  43. package/es/DropDown/DropDownHeading.js +0 -0
  44. package/es/DropDown/DropDownHeading.module.css +53 -53
  45. package/es/DropDown/DropDownItem.js +0 -0
  46. package/es/DropDown/DropDownItem.module.css +94 -94
  47. package/es/DropDown/DropDownSearch.js +0 -0
  48. package/es/DropDown/DropDownSearch.module.css +14 -14
  49. package/es/DropDown/DropDownSeparator.js +0 -0
  50. package/es/DropDown/DropDownSeparator.module.css +7 -7
  51. package/es/Heading/Heading.module.css +4 -4
  52. package/es/Label/Label.js +2 -2
  53. package/es/Label/Label.module.css +52 -52
  54. package/es/Label/LabelColors.module.css +20 -20
  55. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  56. package/es/Layout/Box.js +0 -0
  57. package/es/Layout/Container.js +0 -0
  58. package/es/Layout/Layout.module.css +335 -335
  59. package/es/Layout/utils.js +0 -0
  60. package/es/ListItem/ListItem.js +0 -0
  61. package/es/ListItem/ListItem.module.css +216 -216
  62. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  63. package/es/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  64. package/es/MultiSelect/MultiSelect.js +5 -5
  65. package/es/MultiSelect/MultiSelect.module.css +204 -204
  66. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  67. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  68. package/es/PopOver/PopOver.module.css +8 -8
  69. package/es/Popup/Popup.js +0 -0
  70. package/es/Popup/PositionMapping.json +73 -73
  71. package/es/Radio/Radio.js +0 -0
  72. package/es/Radio/Radio.module.css +112 -112
  73. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  74. package/es/Responsive/CustomResponsive.js +0 -0
  75. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  76. package/es/Ribbon/Ribbon.js +0 -0
  77. package/es/Ribbon/Ribbon.module.css +454 -454
  78. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  79. package/es/RippleEffect/RippleEffect.module.css +92 -92
  80. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  81. package/es/Select/GroupSelect.js +0 -0
  82. package/es/Select/Select.js +0 -0
  83. package/es/Select/Select.module.css +108 -108
  84. package/es/Select/SelectWithAvatar.js +0 -0
  85. package/es/Select/SelectWithIcon.js +0 -0
  86. package/es/Stencils/Stencils.js +0 -0
  87. package/es/Stencils/Stencils.module.css +96 -96
  88. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  89. package/es/Switch/Switch.js +0 -0
  90. package/es/Switch/Switch.module.css +127 -127
  91. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  92. package/es/Tab/Tab.module.css +100 -100
  93. package/es/Tab/TabContent.module.css +4 -4
  94. package/es/Tab/Tabs.js +17 -17
  95. package/es/Tab/Tabs.module.css +136 -136
  96. package/es/Tag/Tag.js +8 -8
  97. package/es/Tag/Tag.module.css +254 -254
  98. package/es/TextBox/TextBox.js +0 -0
  99. package/es/TextBox/TextBox.module.css +158 -158
  100. package/es/TextBox/props/defaultProps.js +0 -1
  101. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  102. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  103. package/es/Textarea/Textarea.js +0 -0
  104. package/es/Textarea/Textarea.module.css +139 -139
  105. package/es/Tooltip/Tooltip.module.css +140 -140
  106. package/es/common/a11y.module.css +3 -3
  107. package/es/common/animation.module.css +624 -624
  108. package/es/common/avatarsizes.module.css +48 -48
  109. package/es/common/basic.module.css +33 -33
  110. package/es/common/basicReset.module.css +40 -40
  111. package/es/common/boxShadow.module.css +33 -33
  112. package/es/common/common.module.css +524 -524
  113. package/es/common/customscroll.module.css +91 -91
  114. package/es/common/reset.module.css +13 -13
  115. package/es/common/transition.module.css +146 -146
  116. package/es/semantic/Button/semanticButton.module.css +9 -9
  117. package/es/utils/Common.js +0 -0
  118. package/es/utils/dropDownUtils.js +0 -0
  119. package/es/v1/Avatar/Avatar.js +5 -5
  120. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  121. package/es/v1/Button/Button.js +4 -4
  122. package/es/v1/Card/Card.js +4 -4
  123. package/es/v1/CheckBox/CheckBox.js +0 -0
  124. package/es/v1/DateTime/DateTime.js +2 -29
  125. package/es/v1/DateTime/DateWidget.js +2 -6
  126. package/es/v1/DateTime/YearView.js +0 -0
  127. package/es/v1/DateTime/index.js +0 -0
  128. package/es/v1/DropBox/DropBox.js +0 -0
  129. package/es/v1/DropDown/DropDown.js +0 -0
  130. package/es/v1/DropDown/DropDownHeading.js +0 -0
  131. package/es/v1/DropDown/DropDownItem.js +0 -0
  132. package/es/v1/DropDown/DropDownSearch.js +0 -0
  133. package/es/v1/DropDown/DropDownSeparator.js +0 -0
  134. package/es/v1/Layout/Box.js +0 -0
  135. package/es/v1/Layout/Container.js +0 -0
  136. package/es/v1/ListItem/ListItem.js +0 -0
  137. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  138. package/es/v1/MultiSelect/MultiSelect.js +5 -5
  139. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  140. package/es/v1/Radio/Radio.js +0 -0
  141. package/es/v1/Responsive/CustomResponsive.js +0 -0
  142. package/es/v1/Select/GroupSelect.js +0 -0
  143. package/es/v1/Select/Select.js +0 -0
  144. package/es/v1/Select/SelectWithAvatar.js +0 -0
  145. package/es/v1/Select/SelectWithIcon.js +0 -0
  146. package/es/v1/Switch/Switch.js +0 -0
  147. package/es/v1/Tab/Tabs.js +17 -17
  148. package/es/v1/Tag/Tag.js +8 -8
  149. package/es/v1/TextBox/TextBox.js +0 -0
  150. package/es/v1/Typography/css/Typography.module.css +409 -409
  151. package/install.md +10 -10
  152. package/lib/AppContainer/AppContainer.module.css +18 -18
  153. package/lib/Avatar/Avatar.js +9 -9
  154. package/lib/Avatar/Avatar.module.css +175 -175
  155. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  156. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  157. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  158. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
  159. package/lib/Button/Button.js +4 -4
  160. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  161. package/lib/Button/css/Button.module.css +525 -525
  162. package/lib/Buttongroup/Buttongroup.js +1 -1
  163. package/lib/Buttongroup/Buttongroup.module.css +105 -105
  164. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  165. package/lib/Card/Card.js +4 -4
  166. package/lib/Card/Card.module.css +20 -20
  167. package/lib/CheckBox/CheckBox.js +0 -0
  168. package/lib/CheckBox/CheckBox.module.css +157 -157
  169. package/lib/DateTime/CalendarView.js +0 -0
  170. package/lib/DateTime/DateTime.js +3 -30
  171. package/lib/DateTime/DateTime.module.css +248 -248
  172. package/lib/DateTime/DateWidget.js +1 -6
  173. package/lib/DateTime/DateWidget.module.css +38 -38
  174. package/lib/DateTime/YearView.js +0 -0
  175. package/lib/DateTime/YearView.module.css +98 -98
  176. package/lib/DateTime/common.js +0 -0
  177. package/lib/DateTime/dateFormatUtils/dateFormat.js +10 -1
  178. package/lib/DateTime/dateFormatUtils/index.js +2 -6
  179. package/lib/DateTime/index.js +0 -0
  180. package/lib/DateTime/objectUtils.js +0 -0
  181. package/lib/DateTime/typeChecker.js +0 -0
  182. package/lib/DateTime/validator.js +0 -0
  183. package/lib/DropBox/DropBox.js +0 -0
  184. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  185. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  186. package/lib/DropBox/css/DropBox.module.css +58 -58
  187. package/lib/DropDown/DropDown.js +0 -0
  188. package/lib/DropDown/DropDown.module.css +5 -5
  189. package/lib/DropDown/DropDownHeading.js +0 -0
  190. package/lib/DropDown/DropDownHeading.module.css +53 -53
  191. package/lib/DropDown/DropDownItem.js +0 -0
  192. package/lib/DropDown/DropDownItem.module.css +94 -94
  193. package/lib/DropDown/DropDownSearch.js +0 -0
  194. package/lib/DropDown/DropDownSearch.module.css +14 -14
  195. package/lib/DropDown/DropDownSeparator.js +0 -0
  196. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  197. package/lib/Heading/Heading.module.css +4 -4
  198. package/lib/Label/Label.js +0 -0
  199. package/lib/Label/Label.module.css +52 -52
  200. package/lib/Label/LabelColors.module.css +20 -20
  201. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  202. package/lib/Layout/Box.js +0 -0
  203. package/lib/Layout/Container.js +0 -0
  204. package/lib/Layout/Layout.module.css +335 -335
  205. package/lib/Layout/utils.js +0 -0
  206. package/lib/ListItem/ListItem.js +0 -0
  207. package/lib/ListItem/ListItem.module.css +216 -216
  208. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  209. package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  210. package/lib/MultiSelect/MultiSelect.js +5 -5
  211. package/lib/MultiSelect/MultiSelect.module.css +204 -204
  212. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  213. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  214. package/lib/PopOver/PopOver.module.css +8 -8
  215. package/lib/Popup/Popup.js +0 -0
  216. package/lib/Popup/PositionMapping.json +73 -73
  217. package/lib/Radio/Radio.js +0 -0
  218. package/lib/Radio/Radio.module.css +112 -112
  219. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  220. package/lib/Responsive/CustomResponsive.js +0 -0
  221. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  222. package/lib/Ribbon/Ribbon.js +0 -0
  223. package/lib/Ribbon/Ribbon.module.css +454 -454
  224. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  225. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  226. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  227. package/lib/Select/GroupSelect.js +0 -0
  228. package/lib/Select/Select.js +0 -0
  229. package/lib/Select/Select.module.css +108 -108
  230. package/lib/Select/SelectWithAvatar.js +0 -0
  231. package/lib/Select/SelectWithIcon.js +0 -0
  232. package/lib/Stencils/Stencils.js +0 -0
  233. package/lib/Stencils/Stencils.module.css +96 -96
  234. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  235. package/lib/Switch/Switch.js +0 -0
  236. package/lib/Switch/Switch.module.css +127 -127
  237. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  238. package/lib/Tab/Tab.module.css +100 -100
  239. package/lib/Tab/TabContent.module.css +4 -4
  240. package/lib/Tab/Tabs.js +11 -11
  241. package/lib/Tab/Tabs.module.css +136 -136
  242. package/lib/Tag/Tag.js +8 -8
  243. package/lib/Tag/Tag.module.css +254 -254
  244. package/lib/TextBox/TextBox.js +0 -0
  245. package/lib/TextBox/TextBox.module.css +158 -158
  246. package/lib/TextBox/props/defaultProps.js +0 -1
  247. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  248. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  249. package/lib/Textarea/Textarea.js +0 -0
  250. package/lib/Textarea/Textarea.module.css +139 -139
  251. package/lib/Tooltip/Tooltip.module.css +140 -140
  252. package/lib/common/a11y.module.css +3 -3
  253. package/lib/common/animation.module.css +624 -624
  254. package/lib/common/avatarsizes.module.css +48 -48
  255. package/lib/common/basic.module.css +33 -33
  256. package/lib/common/basicReset.module.css +40 -40
  257. package/lib/common/boxShadow.module.css +33 -33
  258. package/lib/common/common.module.css +524 -524
  259. package/lib/common/customscroll.module.css +91 -91
  260. package/lib/common/reset.module.css +13 -13
  261. package/lib/common/transition.module.css +146 -146
  262. package/lib/semantic/Button/semanticButton.module.css +9 -9
  263. package/lib/utils/Common.js +0 -0
  264. package/lib/utils/dropDownUtils.js +0 -0
  265. package/lib/v1/Avatar/Avatar.js +5 -5
  266. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  267. package/lib/v1/Button/Button.js +4 -4
  268. package/lib/v1/Card/Card.js +4 -4
  269. package/lib/v1/CheckBox/CheckBox.js +0 -0
  270. package/lib/v1/DateTime/DateTime.js +3 -30
  271. package/lib/v1/DateTime/DateWidget.js +1 -6
  272. package/lib/v1/DateTime/YearView.js +0 -0
  273. package/lib/v1/DateTime/index.js +0 -0
  274. package/lib/v1/DropBox/DropBox.js +0 -0
  275. package/lib/v1/DropDown/DropDown.js +0 -0
  276. package/lib/v1/DropDown/DropDownHeading.js +0 -0
  277. package/lib/v1/DropDown/DropDownItem.js +0 -0
  278. package/lib/v1/DropDown/DropDownSearch.js +0 -0
  279. package/lib/v1/DropDown/DropDownSeparator.js +0 -0
  280. package/lib/v1/Layout/Box.js +0 -0
  281. package/lib/v1/Layout/Container.js +0 -0
  282. package/lib/v1/ListItem/ListItem.js +0 -0
  283. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  284. package/lib/v1/MultiSelect/MultiSelect.js +5 -5
  285. package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  286. package/lib/v1/Radio/Radio.js +0 -0
  287. package/lib/v1/Responsive/CustomResponsive.js +0 -0
  288. package/lib/v1/Select/GroupSelect.js +0 -0
  289. package/lib/v1/Select/Select.js +0 -0
  290. package/lib/v1/Select/SelectWithAvatar.js +0 -0
  291. package/lib/v1/Select/SelectWithIcon.js +0 -0
  292. package/lib/v1/Switch/Switch.js +0 -0
  293. package/lib/v1/Tab/Tabs.js +11 -11
  294. package/lib/v1/Tag/Tag.js +8 -8
  295. package/lib/v1/TextBox/TextBox.js +0 -0
  296. package/lib/v1/Typography/css/Typography.module.css +409 -409
  297. package/package.json +93 -93
  298. package/postPublish.js +8 -8
  299. package/prePublish.js +70 -70
  300. package/react-cli.config.js +23 -23
  301. package/result.json +1 -1
  302. package/coverage/Avatar/Avatar.js.html +0 -649
  303. package/coverage/Avatar/Avatar.module.css.html +0 -556
  304. package/coverage/Avatar/index.html +0 -131
  305. package/coverage/Avatar/props/defaultProps.js.html +0 -136
  306. package/coverage/Avatar/props/index.html +0 -131
  307. package/coverage/Avatar/props/propTypes.js.html +0 -166
  308. package/coverage/AvatarTeam/AvatarTeam.js.html +0 -340
  309. package/coverage/AvatarTeam/AvatarTeam.module.css.html +0 -610
  310. package/coverage/AvatarTeam/index.html +0 -131
  311. package/coverage/AvatarTeam/props/defaultProps.js.html +0 -136
  312. package/coverage/AvatarTeam/props/index.html +0 -131
  313. package/coverage/AvatarTeam/props/propTypes.js.html +0 -169
  314. package/coverage/Button/Button.js.html +0 -313
  315. package/coverage/Button/css/Button.module.css.html +0 -1441
  316. package/coverage/Button/css/cssJSLogic.js.html +0 -214
  317. package/coverage/Button/css/index.html +0 -131
  318. package/coverage/Button/index.html +0 -116
  319. package/coverage/Button/props/defaultProps.js.html +0 -142
  320. package/coverage/Button/props/index.html +0 -131
  321. package/coverage/Button/props/propTypes.js.html +0 -208
  322. package/coverage/Buttongroup/Buttongroup.js.html +0 -220
  323. package/coverage/Buttongroup/Buttongroup.module.css.html +0 -298
  324. package/coverage/Buttongroup/index.html +0 -131
  325. package/coverage/Buttongroup/props/defaultProps.js.html +0 -103
  326. package/coverage/Buttongroup/props/index.html +0 -131
  327. package/coverage/Buttongroup/props/propTypes.js.html +0 -115
  328. package/coverage/Label/Label.js.html +0 -253
  329. package/coverage/Label/Label.module.css.html +0 -241
  330. package/coverage/Label/LabelColors.module.css.html +0 -145
  331. package/coverage/Label/index.html +0 -146
  332. package/coverage/Label/props/defaultProps.js.html +0 -118
  333. package/coverage/Label/props/index.html +0 -131
  334. package/coverage/Label/props/propTypes.js.html +0 -145
  335. package/coverage/Layout/Box.js.html +0 -367
  336. package/coverage/Layout/Container.js.html +0 -439
  337. package/coverage/Layout/Layout.module.css.html +0 -1090
  338. package/coverage/Layout/index.html +0 -176
  339. package/coverage/Layout/index.js.html +0 -118
  340. package/coverage/Layout/props/defaultProps.js.html +0 -136
  341. package/coverage/Layout/props/index.html +0 -131
  342. package/coverage/Layout/props/propTypes.js.html +0 -262
  343. package/coverage/Layout/utils.js.html +0 -199
  344. package/coverage/Provider/AvatarSize.js.html +0 -124
  345. package/coverage/Provider/CssProvider.js.html +0 -133
  346. package/coverage/Provider/index.html +0 -131
  347. package/coverage/Radio/Radio.js.html +0 -415
  348. package/coverage/Radio/Radio.module.css.html +0 -403
  349. package/coverage/Radio/index.html +0 -131
  350. package/coverage/Radio/props/defaultProps.js.html +0 -127
  351. package/coverage/Radio/props/index.html +0 -131
  352. package/coverage/Radio/props/propTypes.js.html +0 -187
  353. package/coverage/Ribbon/Ribbon.js.html +0 -229
  354. package/coverage/Ribbon/Ribbon.module.css.html +0 -1210
  355. package/coverage/Ribbon/index.html +0 -131
  356. package/coverage/Ribbon/props/defaultProps.js.html +0 -112
  357. package/coverage/Ribbon/props/index.html +0 -131
  358. package/coverage/Ribbon/props/propTypes.js.html +0 -121
  359. package/coverage/RippleEffect/RippleEffect.js.html +0 -172
  360. package/coverage/RippleEffect/RippleEffect.module.css.html +0 -415
  361. package/coverage/RippleEffect/index.html +0 -131
  362. package/coverage/RippleEffect/props/defaultProps.js.html +0 -112
  363. package/coverage/RippleEffect/props/index.html +0 -131
  364. package/coverage/RippleEffect/props/propTypes.js.html +0 -121
  365. package/coverage/Stencils/Stencils.js.html +0 -163
  366. package/coverage/Stencils/Stencils.module.css.html +0 -319
  367. package/coverage/Stencils/index.html +0 -131
  368. package/coverage/Stencils/props/defaultProps.js.html +0 -103
  369. package/coverage/Stencils/props/index.html +0 -131
  370. package/coverage/Stencils/props/propTypes.js.html +0 -109
  371. package/coverage/Switch/Switch.js.html +0 -379
  372. package/coverage/Switch/Switch.module.css.html +0 -481
  373. package/coverage/Switch/index.html +0 -131
  374. package/coverage/Switch/props/defaultProps.js.html +0 -118
  375. package/coverage/Switch/props/index.html +0 -131
  376. package/coverage/Switch/props/propTypes.js.html +0 -172
  377. package/coverage/base.css +0 -224
  378. package/coverage/block-navigation.js +0 -87
  379. package/coverage/common/avatarsizes.module.css.html +0 -229
  380. package/coverage/common/common.module.css.html +0 -1519
  381. package/coverage/common/index.html +0 -131
  382. package/coverage/coverage-final.json +0 -56
  383. package/coverage/coverage-summary.json +0 -57
  384. package/coverage/favicon.png +0 -0
  385. package/coverage/index.html +0 -491
  386. package/coverage/prettify.css +0 -1
  387. package/coverage/prettify.js +0 -2
  388. package/coverage/sort-arrow-sprite.png +0 -0
  389. package/coverage/sorter.js +0 -196
  390. package/coverage/utils/dummyFunction.js.html +0 -88
  391. package/coverage/utils/getInitial.js.html +0 -139
  392. package/coverage/utils/index.html +0 -131
  393. package/unittest/index.html +0 -37
package/lib/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
+ `;