@zohodesk/components 1.0.0-temp-199 → 1.0.0-temp-200

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 (388) hide show
  1. package/.cli/PropUnificationExcludeFilesArray.js +230 -230
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  3. package/.cli/propValidation_report.html +1 -1
  4. package/css_error.log +1 -1
  5. package/es/Accordion/__tests__/Accordion.spec.js +11 -0
  6. package/es/Accordion/__tests__/AccordionItem.spec.js +16 -0
  7. package/es/Accordion/__tests__/__snapshots__/Accordion.spec.js.snap +12 -0
  8. package/es/Accordion/__tests__/__snapshots__/AccordionItem.spec.js.snap +23 -0
  9. package/es/Animation/__tests__/Animation.spec.js +14 -0
  10. package/es/Animation/__tests__/__snapshots__/Animation.spec.js.snap +11 -0
  11. package/es/AppContainer/AppContainer.module.css +18 -18
  12. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  13. package/es/AvatarTeam/AvatarTeam.js +7 -7
  14. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
  15. package/es/Button/Button.js +4 -4
  16. package/es/Buttongroup/Buttongroup.js +1 -1
  17. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  18. package/es/Card/Card.js +4 -4
  19. package/es/Card/Card.module.css +20 -20
  20. package/es/Card/__tests__/Card.spec.js +11 -0
  21. package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +12 -0
  22. package/es/DateTime/DateWidget.module.css +38 -38
  23. package/es/DateTime/__tests__/CalendarView.spec.js +13 -0
  24. package/es/DateTime/__tests__/DateTime.spec.js +21 -0
  25. package/es/DateTime/__tests__/DateTimePopupFooter.spec.js +11 -0
  26. package/es/DateTime/__tests__/DateTimePopupHeader.spec.js +11 -0
  27. package/es/DateTime/__tests__/DateWidget.spec.js +11 -0
  28. package/es/DateTime/__tests__/DaysRow.spec.js +13 -0
  29. package/es/DateTime/__tests__/Time.spec.js +11 -0
  30. package/es/DateTime/__tests__/YearView.spec.js +11 -0
  31. package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +312 -0
  32. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +938 -0
  33. package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +34 -0
  34. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +72 -0
  35. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +79 -0
  36. package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +12 -0
  37. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +310 -0
  38. package/es/DateTime/__tests__/__snapshots__/YearView.spec.js.snap +61 -0
  39. package/es/DropBox/DropBoxElement/__tests__/DropBoxElement.spec.js +11 -0
  40. package/es/DropBox/DropBoxElement/__tests__/__snapshots__/DropBoxElement.spec.js.snap +33 -0
  41. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  42. package/es/DropBox/__tests__/DropBox.spec.js +11 -0
  43. package/es/DropBox/__tests__/__snapshots__/DropBox.spec.js.snap +33 -0
  44. package/es/DropDown/DropDown.module.css +5 -5
  45. package/es/DropDown/DropDownSearch.js +4 -2
  46. package/es/DropDown/DropDownSearch.module.css +14 -14
  47. package/es/DropDown/DropDownSeparator.module.css +7 -7
  48. package/es/DropDown/__tests__/DropDown.spec.js +11 -0
  49. package/es/DropDown/__tests__/DropDownHeading.spec.js +11 -0
  50. package/es/DropDown/__tests__/DropDownItem.spec.js +11 -0
  51. package/es/DropDown/__tests__/DropDownSearch.spec.js +11 -0
  52. package/es/DropDown/__tests__/DropDownSeparator.spec.js +11 -0
  53. package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +51 -0
  54. package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +12 -0
  55. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +11 -0
  56. package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +19 -0
  57. package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +9 -0
  58. package/es/DropDown/props/defaultProps.js +2 -1
  59. package/es/DropDown/props/propTypes.js +2 -1
  60. package/es/Heading/Heading.module.css +4 -4
  61. package/es/Heading/__tests__/Heading.spec.js +11 -0
  62. package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +9 -0
  63. package/es/Label/Label.js +2 -2
  64. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  65. package/es/Layout/Layout.module.css +335 -335
  66. package/es/Layout/__tests__/Box.spec.js +11 -0
  67. package/es/Layout/__tests__/Container.spec.js +11 -0
  68. package/es/Layout/__tests__/__snapshots__/Box.spec.js.snap +16 -0
  69. package/es/Layout/__tests__/__snapshots__/Container.spec.js.snap +16 -0
  70. package/es/ListItem/ListItem.js +2 -2
  71. package/es/ListItem/ListItem.module.css +18 -85
  72. package/es/ListItem/ListItemWithAvatar.js +3 -3
  73. package/es/ListItem/ListItemWithCheckBox.js +2 -1
  74. package/es/ListItem/ListItemWithIcon.js +2 -2
  75. package/es/ListItem/ListItemWithRadio.js +2 -1
  76. package/es/ListItem/__tests__/ListContainer.spec.js +11 -0
  77. package/es/ListItem/__tests__/ListItem.spec.js +11 -0
  78. package/es/ListItem/__tests__/ListItemWithAvatar.spec.js +11 -0
  79. package/es/ListItem/__tests__/ListItemWithCheckBox.spec.js +11 -0
  80. package/es/ListItem/__tests__/ListItemWithIcon.spec.js +11 -0
  81. package/es/ListItem/__tests__/ListItemWithRadio.spec.js +11 -0
  82. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +14 -0
  83. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +15 -0
  84. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +24 -0
  85. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +69 -0
  86. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +24 -0
  87. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +70 -0
  88. package/es/Modal/__tests__/Modal.spec.js +15 -0
  89. package/es/Modal/__tests__/__snapshots__/Modal.spec.js.snap +26 -0
  90. package/es/MultiSelect/AdvancedGroupMultiSelect.js +6 -8
  91. package/es/MultiSelect/AdvancedMultiSelect.js +6 -4
  92. package/es/MultiSelect/MobileHeader/__tests__/MobileHeader.spec.js +11 -0
  93. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +39 -0
  94. package/es/MultiSelect/MultiSelect.js +6 -9
  95. package/es/MultiSelect/MultiSelectWithAvatar.js +2 -1
  96. package/es/MultiSelect/SelectedOptions.js +10 -5
  97. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  98. package/es/MultiSelect/Suggestions.js +4 -8
  99. package/es/MultiSelect/__tests__/AdvancedGroupMultiSelect.spec.js +12 -0
  100. package/es/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +12 -0
  101. package/es/MultiSelect/__tests__/EmptyState.spec.js +15 -0
  102. package/es/MultiSelect/__tests__/MultiSelect.spec.js +11 -0
  103. package/es/MultiSelect/__tests__/MultiSelectHeader.spec.js +21 -0
  104. package/es/MultiSelect/__tests__/MultiSelectWithAvatar.spec.js +11 -0
  105. package/es/MultiSelect/__tests__/SelectedOptions.spec.js +28 -0
  106. package/es/MultiSelect/__tests__/Suggestions.spec.js +13 -0
  107. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +74 -0
  108. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +74 -0
  109. package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +12 -0
  110. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +86 -0
  111. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +42 -0
  112. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +85 -0
  113. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +80 -0
  114. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +20 -0
  115. package/es/MultiSelect/props/defaultProps.js +7 -9
  116. package/es/MultiSelect/props/propTypes.js +5 -7
  117. package/es/PopOver/__tests__/PopOver.spec.js +11 -0
  118. package/es/PopOver/__tests__/__snapshots__/PopOver.spec.js.snap +13 -0
  119. package/es/Popup/PositionMapping.json +73 -73
  120. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  121. package/es/ResponsiveDropBox/__tests__/ResponsiveDropBox.spec.js +11 -0
  122. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +39 -0
  123. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  124. package/es/RippleEffect/RippleEffect.module.css +92 -92
  125. package/es/Select/GroupSelect.js +2 -7
  126. package/es/Select/Select.module.css +134 -134
  127. package/es/Select/SelectWithAvatar.js +7 -9
  128. package/es/Select/SelectWithIcon.js +2 -7
  129. package/es/Select/__tests__/GroupSelect.spec.js +19 -0
  130. package/es/Select/__tests__/Select.spec.js +12 -0
  131. package/es/Select/__tests__/SelectWithAvatar.spec.js +12 -0
  132. package/es/Select/__tests__/SelectWithIcon.spec.js +12 -0
  133. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +90 -0
  134. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +97 -0
  135. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +45 -0
  136. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +108 -0
  137. package/es/Select/props/defaultProps.js +3 -6
  138. package/es/Select/props/propTypes.js +3 -6
  139. package/es/Stencils/Stencils.module.css +96 -96
  140. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  141. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  142. package/es/Tab/TabContent.module.css +4 -4
  143. package/es/Tab/Tabs.js +21 -19
  144. package/es/Tab/__tests__/Tab.spec.js +11 -0
  145. package/es/Tab/__tests__/TabContent.spec.js +11 -0
  146. package/es/Tab/__tests__/TabContentWrapper.spec.js +11 -0
  147. package/es/Tab/__tests__/TabWrapper.spec.js +11 -0
  148. package/es/Tab/__tests__/Tabs.spec.js +11 -0
  149. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +22 -0
  150. package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +19 -0
  151. package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +12 -0
  152. package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +20 -0
  153. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +33 -0
  154. package/es/Tag/Tag.js +8 -8
  155. package/es/Tag/__tests__/Tag.spec.js +3 -3
  156. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +162 -162
  157. package/es/Tooltip/Tooltip.module.css +140 -140
  158. package/es/VelocityAnimation/VelocityAnimation/__tests__/VelocityAnimation.spec.js +11 -0
  159. package/es/VelocityAnimation/VelocityAnimation/__tests__/__snapshots__/VelocityAnimation.spec.js.snap +9 -0
  160. package/es/VelocityAnimation/VelocityAnimationGroup/__tests__/VelocityAnimationGroup.spec.js +19 -0
  161. package/es/VelocityAnimation/VelocityAnimationGroup/__tests__/__snapshots__/VelocityAnimationGroup.spec.js.snap +11 -0
  162. package/es/common/a11y.module.css +3 -3
  163. package/es/common/animation.module.css +624 -624
  164. package/es/common/avatarsizes.module.css +48 -48
  165. package/es/common/basic.module.css +33 -33
  166. package/es/common/basicReset.module.css +40 -40
  167. package/es/common/boxShadow.module.css +33 -33
  168. package/es/common/common.module.css +524 -524
  169. package/es/common/reset.module.css +13 -13
  170. package/es/common/transition.module.css +146 -146
  171. package/es/semantic/Button/__tests__/Button.spec.js +11 -0
  172. package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +15 -0
  173. package/es/semantic/Button/semanticButton.module.css +9 -9
  174. package/es/v1/Avatar/Avatar.js +5 -5
  175. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  176. package/es/v1/Button/Button.js +4 -4
  177. package/es/v1/DropDown/DropDownSearch.js +4 -2
  178. package/es/v1/DropDown/props/defaultProps.js +2 -1
  179. package/es/v1/DropDown/props/propTypes.js +2 -1
  180. package/es/v1/ListItem/ListItemWithCheckBox.js +2 -1
  181. package/es/v1/ListItem/ListItemWithRadio.js +2 -1
  182. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +6 -3
  183. package/es/v1/MultiSelect/AdvancedMultiSelect.js +5 -1
  184. package/es/v1/MultiSelect/MultiSelect.js +9 -7
  185. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +2 -1
  186. package/es/v1/MultiSelect/SelectedOptions.js +4 -2
  187. package/es/v1/MultiSelect/props/defaultProps.js +2 -1
  188. package/es/v1/MultiSelect/props/propTypes.js +2 -1
  189. package/es/v1/Select/SelectWithAvatar.js +5 -2
  190. package/es/v1/Tab/Tabs.js +4 -2
  191. package/es/v1/Tab/v1TabContent.module.css +4 -4
  192. package/es/v1/Tag/Tag.js +8 -8
  193. package/es/v1/Typography/css/Typography.module.css +380 -380
  194. package/install.md +10 -10
  195. package/lib/Accordion/__tests__/Accordion.spec.js +18 -0
  196. package/lib/Accordion/__tests__/AccordionItem.spec.js +24 -0
  197. package/lib/Accordion/__tests__/__snapshots__/Accordion.spec.js.snap +12 -0
  198. package/lib/Accordion/__tests__/__snapshots__/AccordionItem.spec.js.snap +23 -0
  199. package/lib/Animation/__tests__/Animation.spec.js +21 -0
  200. package/lib/Animation/__tests__/__snapshots__/Animation.spec.js.snap +11 -0
  201. package/lib/AppContainer/AppContainer.module.css +18 -18
  202. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  203. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  204. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
  205. package/lib/Button/Button.js +4 -4
  206. package/lib/Buttongroup/Buttongroup.js +1 -1
  207. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  208. package/lib/Card/Card.js +4 -4
  209. package/lib/Card/Card.module.css +20 -20
  210. package/lib/Card/__tests__/Card.spec.js +18 -0
  211. package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +12 -0
  212. package/lib/DateTime/DateWidget.module.css +38 -38
  213. package/lib/DateTime/__tests__/CalendarView.spec.js +20 -0
  214. package/lib/DateTime/__tests__/DateTime.spec.js +28 -0
  215. package/lib/DateTime/__tests__/DateTimePopupFooter.spec.js +18 -0
  216. package/lib/DateTime/__tests__/DateTimePopupHeader.spec.js +18 -0
  217. package/lib/DateTime/__tests__/DateWidget.spec.js +18 -0
  218. package/lib/DateTime/__tests__/DaysRow.spec.js +20 -0
  219. package/lib/DateTime/__tests__/Time.spec.js +18 -0
  220. package/lib/DateTime/__tests__/YearView.spec.js +18 -0
  221. package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +312 -0
  222. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +938 -0
  223. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +34 -0
  224. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +72 -0
  225. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +79 -0
  226. package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +12 -0
  227. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +310 -0
  228. package/lib/DateTime/__tests__/__snapshots__/YearView.spec.js.snap +61 -0
  229. package/lib/DropBox/DropBoxElement/__tests__/DropBoxElement.spec.js +18 -0
  230. package/lib/DropBox/DropBoxElement/__tests__/__snapshots__/DropBoxElement.spec.js.snap +33 -0
  231. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  232. package/lib/DropBox/__tests__/DropBox.spec.js +18 -0
  233. package/lib/DropBox/__tests__/__snapshots__/DropBox.spec.js.snap +33 -0
  234. package/lib/DropDown/DropDown.module.css +5 -5
  235. package/lib/DropDown/DropDownSearch.js +4 -2
  236. package/lib/DropDown/DropDownSearch.module.css +14 -14
  237. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  238. package/lib/DropDown/__tests__/DropDown.spec.js +18 -0
  239. package/lib/DropDown/__tests__/DropDownHeading.spec.js +18 -0
  240. package/lib/DropDown/__tests__/DropDownItem.spec.js +18 -0
  241. package/lib/DropDown/__tests__/DropDownSearch.spec.js +18 -0
  242. package/lib/DropDown/__tests__/DropDownSeparator.spec.js +18 -0
  243. package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +51 -0
  244. package/lib/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +12 -0
  245. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +11 -0
  246. package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +19 -0
  247. package/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +9 -0
  248. package/lib/DropDown/props/defaultProps.js +2 -1
  249. package/lib/DropDown/props/propTypes.js +1 -1
  250. package/lib/Heading/Heading.module.css +4 -4
  251. package/lib/Heading/__tests__/Heading.spec.js +18 -0
  252. package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +9 -0
  253. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  254. package/lib/Layout/Layout.module.css +335 -335
  255. package/lib/Layout/__tests__/Box.spec.js +18 -0
  256. package/lib/Layout/__tests__/Container.spec.js +18 -0
  257. package/lib/Layout/__tests__/__snapshots__/Box.spec.js.snap +16 -0
  258. package/lib/Layout/__tests__/__snapshots__/Container.spec.js.snap +16 -0
  259. package/lib/ListItem/ListItem.js +2 -2
  260. package/lib/ListItem/ListItem.module.css +18 -85
  261. package/lib/ListItem/ListItemWithAvatar.js +3 -3
  262. package/lib/ListItem/ListItemWithCheckBox.js +2 -1
  263. package/lib/ListItem/ListItemWithIcon.js +2 -2
  264. package/lib/ListItem/ListItemWithRadio.js +2 -1
  265. package/lib/ListItem/__tests__/ListContainer.spec.js +18 -0
  266. package/lib/ListItem/__tests__/ListItem.spec.js +18 -0
  267. package/lib/ListItem/__tests__/ListItemWithAvatar.spec.js +18 -0
  268. package/lib/ListItem/__tests__/ListItemWithCheckBox.spec.js +18 -0
  269. package/lib/ListItem/__tests__/ListItemWithIcon.spec.js +18 -0
  270. package/lib/ListItem/__tests__/ListItemWithRadio.spec.js +18 -0
  271. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +14 -0
  272. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +15 -0
  273. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +24 -0
  274. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +69 -0
  275. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +24 -0
  276. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +70 -0
  277. package/lib/Modal/__tests__/Modal.spec.js +22 -0
  278. package/lib/Modal/__tests__/__snapshots__/Modal.spec.js.snap +26 -0
  279. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +9 -10
  280. package/lib/MultiSelect/AdvancedMultiSelect.js +7 -6
  281. package/lib/MultiSelect/MobileHeader/__tests__/MobileHeader.spec.js +18 -0
  282. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +39 -0
  283. package/lib/MultiSelect/MultiSelect.js +7 -10
  284. package/lib/MultiSelect/MultiSelectWithAvatar.js +2 -1
  285. package/lib/MultiSelect/SelectedOptions.js +10 -5
  286. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  287. package/lib/MultiSelect/Suggestions.js +4 -8
  288. package/lib/MultiSelect/__tests__/AdvancedGroupMultiSelect.spec.js +20 -0
  289. package/lib/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +20 -0
  290. package/lib/MultiSelect/__tests__/EmptyState.spec.js +22 -0
  291. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +18 -0
  292. package/lib/MultiSelect/__tests__/MultiSelectHeader.spec.js +28 -0
  293. package/lib/MultiSelect/__tests__/MultiSelectWithAvatar.spec.js +18 -0
  294. package/lib/MultiSelect/__tests__/SelectedOptions.spec.js +35 -0
  295. package/lib/MultiSelect/__tests__/Suggestions.spec.js +20 -0
  296. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +74 -0
  297. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +74 -0
  298. package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +12 -0
  299. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +86 -0
  300. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +42 -0
  301. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +85 -0
  302. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +80 -0
  303. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +20 -0
  304. package/lib/MultiSelect/props/defaultProps.js +7 -9
  305. package/lib/MultiSelect/props/propTypes.js +8 -9
  306. package/lib/PopOver/__tests__/PopOver.spec.js +18 -0
  307. package/lib/PopOver/__tests__/__snapshots__/PopOver.spec.js.snap +13 -0
  308. package/lib/Popup/PositionMapping.json +73 -73
  309. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  310. package/lib/ResponsiveDropBox/__tests__/ResponsiveDropBox.spec.js +18 -0
  311. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +39 -0
  312. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  313. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  314. package/lib/Select/GroupSelect.js +3 -8
  315. package/lib/Select/Select.module.css +134 -134
  316. package/lib/Select/SelectWithAvatar.js +8 -10
  317. package/lib/Select/SelectWithIcon.js +3 -8
  318. package/lib/Select/__tests__/GroupSelect.spec.js +27 -0
  319. package/lib/Select/__tests__/Select.spec.js +20 -0
  320. package/lib/Select/__tests__/SelectWithAvatar.spec.js +20 -0
  321. package/lib/Select/__tests__/SelectWithIcon.spec.js +20 -0
  322. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +90 -0
  323. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +97 -0
  324. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +45 -0
  325. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +108 -0
  326. package/lib/Select/props/defaultProps.js +3 -5
  327. package/lib/Select/props/propTypes.js +3 -6
  328. package/lib/Stencils/Stencils.module.css +96 -96
  329. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  330. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  331. package/lib/Tab/TabContent.module.css +4 -4
  332. package/lib/Tab/Tabs.js +15 -13
  333. package/lib/Tab/__tests__/Tab.spec.js +18 -0
  334. package/lib/Tab/__tests__/TabContent.spec.js +18 -0
  335. package/lib/Tab/__tests__/TabContentWrapper.spec.js +18 -0
  336. package/lib/Tab/__tests__/TabWrapper.spec.js +18 -0
  337. package/lib/Tab/__tests__/Tabs.spec.js +18 -0
  338. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +22 -0
  339. package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +19 -0
  340. package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +12 -0
  341. package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +20 -0
  342. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +33 -0
  343. package/lib/Tag/Tag.js +8 -8
  344. package/lib/Tag/__tests__/Tag.spec.js +3 -3
  345. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +162 -162
  346. package/lib/Tooltip/Tooltip.module.css +140 -140
  347. package/lib/VelocityAnimation/VelocityAnimation/__tests__/VelocityAnimation.spec.js +18 -0
  348. package/lib/VelocityAnimation/VelocityAnimation/__tests__/__snapshots__/VelocityAnimation.spec.js.snap +9 -0
  349. package/lib/VelocityAnimation/VelocityAnimationGroup/__tests__/VelocityAnimationGroup.spec.js +26 -0
  350. package/lib/VelocityAnimation/VelocityAnimationGroup/__tests__/__snapshots__/VelocityAnimationGroup.spec.js.snap +11 -0
  351. package/lib/common/a11y.module.css +3 -3
  352. package/lib/common/animation.module.css +624 -624
  353. package/lib/common/avatarsizes.module.css +48 -48
  354. package/lib/common/basic.module.css +33 -33
  355. package/lib/common/basicReset.module.css +40 -40
  356. package/lib/common/boxShadow.module.css +33 -33
  357. package/lib/common/common.module.css +524 -524
  358. package/lib/common/reset.module.css +13 -13
  359. package/lib/common/transition.module.css +146 -146
  360. package/lib/semantic/Button/__tests__/Button.spec.js +18 -0
  361. package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +15 -0
  362. package/lib/semantic/Button/semanticButton.module.css +9 -9
  363. package/lib/v1/Avatar/Avatar.js +5 -5
  364. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  365. package/lib/v1/Button/Button.js +4 -4
  366. package/lib/v1/DropDown/DropDownSearch.js +4 -2
  367. package/lib/v1/DropDown/props/defaultProps.js +2 -1
  368. package/lib/v1/DropDown/props/propTypes.js +1 -1
  369. package/lib/v1/ListItem/ListItemWithCheckBox.js +2 -1
  370. package/lib/v1/ListItem/ListItemWithRadio.js +2 -1
  371. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +6 -3
  372. package/lib/v1/MultiSelect/AdvancedMultiSelect.js +7 -3
  373. package/lib/v1/MultiSelect/MultiSelect.js +9 -7
  374. package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +2 -1
  375. package/lib/v1/MultiSelect/SelectedOptions.js +4 -2
  376. package/lib/v1/MultiSelect/props/defaultProps.js +2 -1
  377. package/lib/v1/MultiSelect/props/propTypes.js +2 -1
  378. package/lib/v1/Select/SelectWithAvatar.js +5 -2
  379. package/lib/v1/Tab/Tabs.js +4 -2
  380. package/lib/v1/Tab/v1TabContent.module.css +4 -4
  381. package/lib/v1/Tag/Tag.js +8 -8
  382. package/lib/v1/Typography/css/Typography.module.css +380 -380
  383. package/package.json +3 -3
  384. package/postPublish.js +8 -8
  385. package/prePublish.js +70 -70
  386. package/propValidationArg.json +11 -11
  387. package/react-cli.config.js +23 -23
  388. package/result.json +1 -1
package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap CHANGED
@@ -1,705 +1,705 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`AvatarTeam rendering CustomClass - customAvatar 1`] = `
4
- <DocumentFragment>
5
- <span
6
- class="container "
7
- data-id="avatarTeamComp"
8
- data-selector-id="avatarTeam"
9
- data-test-id="avatarTeamComp"
10
- >
11
- <div
12
- class="avatar medium medium circle primary black border TeamCustomClass"
13
- data-id="Avatar"
14
- data-selector-id="avatar"
15
- data-test-id="Avatar"
16
- >
17
- <span
18
- class="initial"
19
- data-id="Avatar_AvatarInitial"
20
- data-selector-id="avatar_AvatarInitial"
21
- data-test-id="Avatar_AvatarInitial"
22
- />
23
- </div>
24
- <span
25
- class="team nofill
26
- mediumteam "
27
- />
28
- </span>
29
- </DocumentFragment>
30
- `;
31
-
32
- exports[`AvatarTeam rendering CustomClass - customAvatarTeam 1`] = `
33
- <DocumentFragment>
34
- <span
35
- class="container "
36
- data-id="avatarTeamComp"
37
- data-selector-id="avatarTeam"
38
- data-test-id="avatarTeamComp"
39
- >
40
- <div
41
- class="avatar medium medium circle primary black border "
42
- data-id="Avatar"
43
- data-selector-id="avatar"
44
- data-test-id="Avatar"
45
- >
46
- <span
47
- class="initial"
48
- data-id="Avatar_AvatarInitial"
49
- data-selector-id="avatar_AvatarInitial"
50
- data-test-id="Avatar_AvatarInitial"
51
- />
52
- </div>
53
- <span
54
- class="team nofill
55
- mediumteam AvatarTeamCustomAvatar"
56
- />
57
- </span>
58
- </DocumentFragment>
59
- `;
60
-
61
- exports[`AvatarTeam rendering border is true 1`] = `
62
- <DocumentFragment>
63
- <span
64
- class="container borderOnHover "
65
- data-id="avatarTeamComp"
66
- data-selector-id="avatarTeam"
67
- data-test-id="avatarTeamComp"
68
- >
69
- <div
70
- class="avatar medium medium circle primary black border borderOnHover "
71
- data-id="Avatar"
72
- data-selector-id="avatar"
73
- data-test-id="Avatar"
74
- >
75
- <span
76
- class="initial"
77
- data-id="Avatar_AvatarInitial"
78
- data-selector-id="avatar_AvatarInitial"
79
- data-test-id="Avatar_AvatarInitial"
80
- />
81
- </div>
82
- <span
83
- class="team nofill
84
- mediumteam "
85
- />
86
- </span>
87
- </DocumentFragment>
88
- `;
89
-
90
- exports[`AvatarTeam rendering borderOnActive 1`] = `
91
- <DocumentFragment>
92
- <span
93
- class="container borderOnActive "
94
- data-id="avatarTeamComp"
95
- data-selector-id="avatarTeam"
96
- data-test-id="avatarTeamComp"
97
- >
98
- <div
99
- class="avatar medium medium circle primary black border borderOnActive "
100
- data-id="Avatar"
101
- data-selector-id="avatar"
102
- data-test-id="Avatar"
103
- >
104
- <span
105
- class="initial"
106
- data-id="Avatar_AvatarInitial"
107
- data-selector-id="avatar_AvatarInitial"
108
- data-test-id="Avatar_AvatarInitial"
109
- />
110
- </div>
111
- <span
112
- class="team nofill
113
- mediumteam "
114
- />
115
- </span>
116
- </DocumentFragment>
117
- `;
118
-
119
- exports[`AvatarTeam rendering customProps - AvatarProps 1`] = `
120
- <DocumentFragment>
121
- <span
122
- class="container "
123
- data-id="avatarTeamComp"
124
- data-selector-id="avatarTeam"
125
- data-test-id="avatarTeamComp"
126
- >
127
- <div
128
- class="avatar small small circle primary black border "
129
- data-id="Avatar"
130
- data-selector-id="avatar"
131
- data-test-id="Avatar"
132
- >
133
- <img
134
- class="image innerBorder"
135
- data-id="Avatar_AvatarImg"
136
- data-selector-id="avatar_AvatarImg"
137
- data-test-id="Avatar_AvatarImg"
138
- src="https://www.w3schools.com/images/w3schools_green.jpg"
139
- />
140
- </div>
141
- <span
142
- class="team nofill
143
- mediumteam "
144
- />
145
- </span>
146
- </DocumentFragment>
147
- `;
148
-
149
- exports[`AvatarTeam rendering customProps - AvatarTeamProps 1`] = `
150
- <DocumentFragment>
151
- <span
152
- class="container "
153
- data-id="avatarTeamComp"
154
- data-selector-id="avatarTeam"
155
- data-team-avatar="true"
156
- data-test-id="avatarTeamComp"
157
- isbold="Prakash the King maker"
158
- >
159
- <div
160
- class="avatar medium medium circle primary black border "
161
- data-id="Avatar"
162
- data-selector-id="avatar"
163
- data-test-id="Avatar"
164
- >
165
- <span
166
- class="initial"
167
- data-id="Avatar_AvatarInitial"
168
- data-selector-id="avatar_AvatarInitial"
169
- data-test-id="Avatar_AvatarInitial"
170
- />
171
- </div>
172
- <span
173
- class="team nofill
174
- mediumteam "
175
- />
176
- </span>
177
- </DocumentFragment>
178
- `;
179
-
180
- exports[`AvatarTeam rendering the Props of Avatar 1`] = `
181
- <DocumentFragment>
182
- <span
183
- class="container borderOnActive "
184
- data-id="avatarTeamComp"
185
- data-selector-id="avatarTeam"
186
- data-test-id="avatarTeamComp"
187
- >
188
- <div
189
- class="avatar medium medium circle primary black border borderOnActive "
190
- data-id="Avatar"
191
- data-selector-id="avatar"
192
- data-test-id="Avatar"
193
- data-title="AvatarTeam"
194
- >
195
- <img
196
- alt="AvatarTeamName"
197
- class="image animate innerBorder"
198
- data-id="Avatar_AvatarImg"
199
- data-selector-id="avatar_AvatarImg"
200
- data-test-id="Avatar_AvatarImg"
201
- name="AvatarTeamName"
202
- src="https://www.w3schools.com/images/w3schools_green.jpg"
203
- />
204
- </div>
205
- <span
206
- class="team nofill
207
- mediumteam "
208
- />
209
- </span>
210
- </DocumentFragment>
211
- `;
212
-
213
- exports[`AvatarTeam rendering the defult props 1`] = `
214
- <DocumentFragment>
215
- <span
216
- class="container "
217
- data-id="avatarTeamComp"
218
- data-selector-id="avatarTeam"
219
- data-test-id="avatarTeamComp"
220
- >
221
- <div
222
- class="avatar medium medium circle primary black border "
223
- data-id="Avatar"
224
- data-selector-id="avatar"
225
- data-test-id="Avatar"
226
- >
227
- <span
228
- class="initial"
229
- data-id="Avatar_AvatarInitial"
230
- data-selector-id="avatar_AvatarInitial"
231
- data-test-id="Avatar_AvatarInitial"
232
- />
233
- </div>
234
- <span
235
- class="team nofill
236
- mediumteam "
237
- />
238
- </span>
239
- </DocumentFragment>
240
- `;
241
-
242
- exports[`AvatarTeam rendering the onClick prop with asFragment and toMatchSnapshot 1`] = `
243
- <DocumentFragment>
244
- <span
245
- class="container borderOnHover "
246
- data-id="avatarTeamComp"
247
- data-selector-id="avatarTeam"
248
- data-test-id="avatarTeamComp"
249
- >
250
- <div
251
- class="avatar medium medium circle primary black border borderOnHover "
252
- data-id="Avatar"
253
- data-selector-id="avatar"
254
- data-test-id="Avatar"
255
- tabindex="0"
256
- >
257
- <span
258
- class="initial"
259
- data-id="Avatar_AvatarInitial"
260
- data-selector-id="avatar_AvatarInitial"
261
- data-test-id="Avatar_AvatarInitial"
262
- />
263
- </div>
264
- <span
265
- class="team nofill
266
- mediumteam "
267
- />
268
- </span>
269
- </DocumentFragment>
270
- `;
271
-
272
- exports[`AvatarTeam rendering the palette of- info 1`] = `
273
- <DocumentFragment>
274
- <span
275
- class="container "
276
- data-id="avatarTeamComp"
277
- data-selector-id="avatarTeam"
278
- data-test-id="avatarTeamComp"
279
- >
280
- <div
281
- class="avatar medium medium circle info black border "
282
- data-id="Avatar"
283
- data-selector-id="avatar"
284
- data-test-id="Avatar"
285
- >
286
- <span
287
- class="initial"
288
- data-id="Avatar_AvatarInitial"
289
- data-selector-id="avatar_AvatarInitial"
290
- data-test-id="Avatar_AvatarInitial"
291
- />
292
- </div>
293
- <span
294
- class="team nofill
295
- mediumteam "
296
- />
297
- </span>
298
- </DocumentFragment>
299
- `;
300
-
301
- exports[`AvatarTeam rendering the palette of- primary 1`] = `
302
- <DocumentFragment>
303
- <span
304
- class="container "
305
- data-id="avatarTeamComp"
306
- data-selector-id="avatarTeam"
307
- data-test-id="avatarTeamComp"
308
- >
309
- <div
310
- class="avatar medium medium circle primary black border "
311
- data-id="Avatar"
312
- data-selector-id="avatar"
313
- data-test-id="Avatar"
314
- >
315
- <span
316
- class="initial"
317
- data-id="Avatar_AvatarInitial"
318
- data-selector-id="avatar_AvatarInitial"
319
- data-test-id="Avatar_AvatarInitial"
320
- />
321
- </div>
322
- <span
323
- class="team nofill
324
- mediumteam "
325
- />
326
- </span>
327
- </DocumentFragment>
328
- `;
329
-
330
- exports[`AvatarTeam rendering the palette of- secondary 1`] = `
331
- <DocumentFragment>
332
- <span
333
- class="container "
334
- data-id="avatarTeamComp"
335
- data-selector-id="avatarTeam"
336
- data-test-id="avatarTeamComp"
337
- >
338
- <div
339
- class="avatar medium medium circle secondary white border "
340
- data-id="Avatar"
341
- data-selector-id="avatar"
342
- data-test-id="Avatar"
343
- >
344
- <span
345
- class="initial"
346
- data-id="Avatar_AvatarInitial"
347
- data-selector-id="avatar_AvatarInitial"
348
- data-test-id="Avatar_AvatarInitial"
349
- />
350
- </div>
351
- <span
352
- class="team nofill
353
- mediumteam "
354
- />
355
- </span>
356
- </DocumentFragment>
357
- `;
358
-
359
- exports[`AvatarTeam rendering the palette with isFilled of- info 1`] = `
360
- <DocumentFragment>
361
- <span
362
- class="container "
363
- data-id="avatarTeamComp"
364
- data-selector-id="avatarTeam"
365
- data-test-id="avatarTeamComp"
366
- >
367
- <div
368
- class="avatar medium medium circle info black border "
369
- data-id="Avatar"
370
- data-selector-id="avatar"
371
- data-test-id="Avatar"
372
- >
373
- <span
374
- class="initial"
375
- data-id="Avatar_AvatarInitial"
376
- data-selector-id="avatar_AvatarInitial"
377
- data-test-id="Avatar_AvatarInitial"
378
- />
379
- </div>
380
- <span
381
- class="team infoFilled
382
- mediumteam "
383
- />
384
- </span>
385
- </DocumentFragment>
386
- `;
387
-
388
- exports[`AvatarTeam rendering the palette with isFilled of- primary 1`] = `
389
- <DocumentFragment>
390
- <span
391
- class="container "
392
- data-id="avatarTeamComp"
393
- data-selector-id="avatarTeam"
394
- data-test-id="avatarTeamComp"
395
- >
396
- <div
397
- class="avatar medium medium circle 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
- <span
410
- class="team primaryFilled
411
- mediumteam "
412
- />
413
- </span>
414
- </DocumentFragment>
415
- `;
416
-
417
- exports[`AvatarTeam rendering the palette with isFilled of- secondary 1`] = `
418
- <DocumentFragment>
419
- <span
420
- class="container "
421
- data-id="avatarTeamComp"
422
- data-selector-id="avatarTeam"
423
- data-test-id="avatarTeamComp"
424
- >
425
- <div
426
- class="avatar medium medium circle secondary white border "
427
- data-id="Avatar"
428
- data-selector-id="avatar"
429
- data-test-id="Avatar"
430
- >
431
- <span
432
- class="initial"
433
- data-id="Avatar_AvatarInitial"
434
- data-selector-id="avatar_AvatarInitial"
435
- data-test-id="Avatar_AvatarInitial"
436
- />
437
- </div>
438
- <span
439
- class="team secondaryFilled
440
- mediumteam "
441
- />
442
- </span>
443
- </DocumentFragment>
444
- `;
445
-
446
- exports[`AvatarTeam rendering the sizes of- large 1`] = `
447
- <DocumentFragment>
448
- <span
449
- class="container "
450
- data-id="avatarTeamComp"
451
- data-selector-id="avatarTeam"
452
- data-test-id="avatarTeamComp"
453
- >
454
- <div
455
- class="avatar large large circle primary black border "
456
- data-id="Avatar"
457
- data-selector-id="avatar"
458
- data-test-id="Avatar"
459
- >
460
- <span
461
- class="initial"
462
- data-id="Avatar_AvatarInitial"
463
- data-selector-id="avatar_AvatarInitial"
464
- data-test-id="Avatar_AvatarInitial"
465
- />
466
- </div>
467
- <span
468
- class="team nofill
469
- largeteam "
470
- />
471
- </span>
472
- </DocumentFragment>
473
- `;
474
-
475
- exports[`AvatarTeam rendering the sizes of- medium 1`] = `
476
- <DocumentFragment>
477
- <span
478
- class="container "
479
- data-id="avatarTeamComp"
480
- data-selector-id="avatarTeam"
481
- data-test-id="avatarTeamComp"
482
- >
483
- <div
484
- class="avatar medium medium circle primary black border "
485
- data-id="Avatar"
486
- data-selector-id="avatar"
487
- data-test-id="Avatar"
488
- >
489
- <span
490
- class="initial"
491
- data-id="Avatar_AvatarInitial"
492
- data-selector-id="avatar_AvatarInitial"
493
- data-test-id="Avatar_AvatarInitial"
494
- />
495
- </div>
496
- <span
497
- class="team nofill
498
- mediumteam "
499
- />
500
- </span>
501
- </DocumentFragment>
502
- `;
503
-
504
- exports[`AvatarTeam rendering the sizes of- small 1`] = `
505
- <DocumentFragment>
506
- <span
507
- class="container "
508
- data-id="avatarTeamComp"
509
- data-selector-id="avatarTeam"
510
- data-test-id="avatarTeamComp"
511
- >
512
- <div
513
- class="avatar small small circle primary black border "
514
- data-id="Avatar"
515
- data-selector-id="avatar"
516
- data-test-id="Avatar"
517
- >
518
- <span
519
- class="initial"
520
- data-id="Avatar_AvatarInitial"
521
- data-selector-id="avatar_AvatarInitial"
522
- data-test-id="Avatar_AvatarInitial"
523
- />
524
- </div>
525
- <span
526
- class="team nofill
527
- smallteam "
528
- />
529
- </span>
530
- </DocumentFragment>
531
- `;
532
-
533
- exports[`AvatarTeam rendering the sizes of- xlarge 1`] = `
534
- <DocumentFragment>
535
- <span
536
- class="container "
537
- data-id="avatarTeamComp"
538
- data-selector-id="avatarTeam"
539
- data-test-id="avatarTeamComp"
540
- >
541
- <div
542
- class="avatar xlarge xlarge circle primary black border "
543
- data-id="Avatar"
544
- data-selector-id="avatar"
545
- data-test-id="Avatar"
546
- >
547
- <span
548
- class="initial"
549
- data-id="Avatar_AvatarInitial"
550
- data-selector-id="avatar_AvatarInitial"
551
- data-test-id="Avatar_AvatarInitial"
552
- />
553
- </div>
554
- <span
555
- class="team nofill
556
- xlargeteam "
557
- />
558
- </span>
559
- </DocumentFragment>
560
- `;
561
-
562
- exports[`AvatarTeam rendering the sizes of- xmedium 1`] = `
563
- <DocumentFragment>
564
- <span
565
- class="container "
566
- data-id="avatarTeamComp"
567
- data-selector-id="avatarTeam"
568
- data-test-id="avatarTeamComp"
569
- >
570
- <div
571
- class="avatar xmedium xmedium circle primary black border "
572
- data-id="Avatar"
573
- data-selector-id="avatar"
574
- data-test-id="Avatar"
575
- >
576
- <span
577
- class="initial"
578
- data-id="Avatar_AvatarInitial"
579
- data-selector-id="avatar_AvatarInitial"
580
- data-test-id="Avatar_AvatarInitial"
581
- />
582
- </div>
583
- <span
584
- class="team nofill
585
- xmediumteam "
586
- />
587
- </span>
588
- </DocumentFragment>
589
- `;
590
-
591
- exports[`AvatarTeam rendering the sizes of- xsmall 1`] = `
592
- <DocumentFragment>
593
- <span
594
- class="container "
595
- data-id="avatarTeamComp"
596
- data-selector-id="avatarTeam"
597
- data-test-id="avatarTeamComp"
598
- >
599
- <div
600
- class="avatar xsmall xsmall circle primary black border "
601
- data-id="Avatar"
602
- data-selector-id="avatar"
603
- data-test-id="Avatar"
604
- >
605
- <span
606
- class="initial"
607
- data-id="Avatar_AvatarInitial"
608
- data-selector-id="avatar_AvatarInitial"
609
- data-test-id="Avatar_AvatarInitial"
610
- />
611
- </div>
612
- <span
613
- class="team nofill
614
- xsmallteam "
615
- />
616
- </span>
617
- </DocumentFragment>
618
- `;
619
-
620
- exports[`AvatarTeam rendering the sizes of- xxsmall 1`] = `
621
- <DocumentFragment>
622
- <span
623
- class="container "
624
- data-id="avatarTeamComp"
625
- data-selector-id="avatarTeam"
626
- data-test-id="avatarTeamComp"
627
- >
628
- <div
629
- class="avatar xxsmall xxsmall circle primary black border "
630
- data-id="Avatar"
631
- data-selector-id="avatar"
632
- data-test-id="Avatar"
633
- >
634
- <span
635
- class="initial"
636
- data-id="Avatar_AvatarInitial"
637
- data-selector-id="avatar_AvatarInitial"
638
- data-test-id="Avatar_AvatarInitial"
639
- />
640
- </div>
641
- <span
642
- class="team nofill
643
- xxsmallteam "
644
- />
645
- </span>
646
- </DocumentFragment>
647
- `;
648
-
649
- exports[`AvatarTeam rendering the textPalette of- black 1`] = `
650
- <DocumentFragment>
651
- <span
652
- class="container "
653
- data-id="avatarTeamComp"
654
- data-selector-id="avatarTeam"
655
- data-test-id="avatarTeamComp"
656
- >
657
- <div
658
- class="avatar medium medium circle primary black border "
659
- data-id="Avatar"
660
- data-selector-id="avatar"
661
- data-test-id="Avatar"
662
- >
663
- <span
664
- class="initial"
665
- data-id="Avatar_AvatarInitial"
666
- data-selector-id="avatar_AvatarInitial"
667
- data-test-id="Avatar_AvatarInitial"
668
- />
669
- </div>
670
- <span
671
- class="team nofill
672
- mediumteam "
673
- />
674
- </span>
675
- </DocumentFragment>
676
- `;
677
-
678
- exports[`AvatarTeam rendering the textPalette of- white 1`] = `
679
- <DocumentFragment>
680
- <span
681
- class="container "
682
- data-id="avatarTeamComp"
683
- data-selector-id="avatarTeam"
684
- data-test-id="avatarTeamComp"
685
- >
686
- <div
687
- class="avatar medium medium circle primary white border "
688
- data-id="Avatar"
689
- data-selector-id="avatar"
690
- data-test-id="Avatar"
691
- >
692
- <span
693
- class="initial"
694
- data-id="Avatar_AvatarInitial"
695
- data-selector-id="avatar_AvatarInitial"
696
- data-test-id="Avatar_AvatarInitial"
697
- />
698
- </div>
699
- <span
700
- class="team nofill
701
- mediumteam "
702
- />
703
- </span>
704
- </DocumentFragment>
705
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`AvatarTeam rendering CustomClass - customAvatar 1`] = `
4
+ <DocumentFragment>
5
+ <span
6
+ class="container "
7
+ data-id="avatarTeamComp"
8
+ data-selector-id="avatarTeam"
9
+ data-test-id="avatarTeamComp"
10
+ >
11
+ <div
12
+ class="avatar medium medium circle primary black border TeamCustomClass"
13
+ data-id="Avatar"
14
+ data-selector-id="avatar"
15
+ data-test-id="Avatar"
16
+ >
17
+ <span
18
+ class="initial"
19
+ data-id="Avatar_AvatarInitial"
20
+ data-selector-id="avatar_AvatarInitial"
21
+ data-test-id="Avatar_AvatarInitial"
22
+ />
23
+ </div>
24
+ <span
25
+ class="team nofill
26
+ mediumteam "
27
+ />
28
+ </span>
29
+ </DocumentFragment>
30
+ `;
31
+
32
+ exports[`AvatarTeam rendering CustomClass - customAvatarTeam 1`] = `
33
+ <DocumentFragment>
34
+ <span
35
+ class="container "
36
+ data-id="avatarTeamComp"
37
+ data-selector-id="avatarTeam"
38
+ data-test-id="avatarTeamComp"
39
+ >
40
+ <div
41
+ class="avatar medium medium circle primary black border "
42
+ data-id="Avatar"
43
+ data-selector-id="avatar"
44
+ data-test-id="Avatar"
45
+ >
46
+ <span
47
+ class="initial"
48
+ data-id="Avatar_AvatarInitial"
49
+ data-selector-id="avatar_AvatarInitial"
50
+ data-test-id="Avatar_AvatarInitial"
51
+ />
52
+ </div>
53
+ <span
54
+ class="team nofill
55
+ mediumteam AvatarTeamCustomAvatar"
56
+ />
57
+ </span>
58
+ </DocumentFragment>
59
+ `;
60
+
61
+ exports[`AvatarTeam rendering border is true 1`] = `
62
+ <DocumentFragment>
63
+ <span
64
+ class="container borderOnHover "
65
+ data-id="avatarTeamComp"
66
+ data-selector-id="avatarTeam"
67
+ data-test-id="avatarTeamComp"
68
+ >
69
+ <div
70
+ class="avatar medium medium circle primary black border borderOnHover "
71
+ data-id="Avatar"
72
+ data-selector-id="avatar"
73
+ data-test-id="Avatar"
74
+ >
75
+ <span
76
+ class="initial"
77
+ data-id="Avatar_AvatarInitial"
78
+ data-selector-id="avatar_AvatarInitial"
79
+ data-test-id="Avatar_AvatarInitial"
80
+ />
81
+ </div>
82
+ <span
83
+ class="team nofill
84
+ mediumteam "
85
+ />
86
+ </span>
87
+ </DocumentFragment>
88
+ `;
89
+
90
+ exports[`AvatarTeam rendering borderOnActive 1`] = `
91
+ <DocumentFragment>
92
+ <span
93
+ class="container borderOnActive "
94
+ data-id="avatarTeamComp"
95
+ data-selector-id="avatarTeam"
96
+ data-test-id="avatarTeamComp"
97
+ >
98
+ <div
99
+ class="avatar medium medium circle primary black border borderOnActive "
100
+ data-id="Avatar"
101
+ data-selector-id="avatar"
102
+ data-test-id="Avatar"
103
+ >
104
+ <span
105
+ class="initial"
106
+ data-id="Avatar_AvatarInitial"
107
+ data-selector-id="avatar_AvatarInitial"
108
+ data-test-id="Avatar_AvatarInitial"
109
+ />
110
+ </div>
111
+ <span
112
+ class="team nofill
113
+ mediumteam "
114
+ />
115
+ </span>
116
+ </DocumentFragment>
117
+ `;
118
+
119
+ exports[`AvatarTeam rendering customProps - AvatarProps 1`] = `
120
+ <DocumentFragment>
121
+ <span
122
+ class="container "
123
+ data-id="avatarTeamComp"
124
+ data-selector-id="avatarTeam"
125
+ data-test-id="avatarTeamComp"
126
+ >
127
+ <div
128
+ class="avatar small small circle primary black border "
129
+ data-id="Avatar"
130
+ data-selector-id="avatar"
131
+ data-test-id="Avatar"
132
+ >
133
+ <img
134
+ class="image innerBorder"
135
+ data-id="Avatar_AvatarImg"
136
+ data-selector-id="avatar_AvatarImg"
137
+ data-test-id="Avatar_AvatarImg"
138
+ src="https://www.w3schools.com/images/w3schools_green.jpg"
139
+ />
140
+ </div>
141
+ <span
142
+ class="team nofill
143
+ mediumteam "
144
+ />
145
+ </span>
146
+ </DocumentFragment>
147
+ `;
148
+
149
+ exports[`AvatarTeam rendering customProps - AvatarTeamProps 1`] = `
150
+ <DocumentFragment>
151
+ <span
152
+ class="container "
153
+ data-id="avatarTeamComp"
154
+ data-selector-id="avatarTeam"
155
+ data-team-avatar="true"
156
+ data-test-id="avatarTeamComp"
157
+ isbold="Prakash the King maker"
158
+ >
159
+ <div
160
+ class="avatar medium medium circle primary black border "
161
+ data-id="Avatar"
162
+ data-selector-id="avatar"
163
+ data-test-id="Avatar"
164
+ >
165
+ <span
166
+ class="initial"
167
+ data-id="Avatar_AvatarInitial"
168
+ data-selector-id="avatar_AvatarInitial"
169
+ data-test-id="Avatar_AvatarInitial"
170
+ />
171
+ </div>
172
+ <span
173
+ class="team nofill
174
+ mediumteam "
175
+ />
176
+ </span>
177
+ </DocumentFragment>
178
+ `;
179
+
180
+ exports[`AvatarTeam rendering the Props of Avatar 1`] = `
181
+ <DocumentFragment>
182
+ <span
183
+ class="container borderOnActive "
184
+ data-id="avatarTeamComp"
185
+ data-selector-id="avatarTeam"
186
+ data-test-id="avatarTeamComp"
187
+ >
188
+ <div
189
+ class="avatar medium medium circle primary black border borderOnActive "
190
+ data-id="Avatar"
191
+ data-selector-id="avatar"
192
+ data-test-id="Avatar"
193
+ data-title="AvatarTeam"
194
+ >
195
+ <img
196
+ alt="AvatarTeamName"
197
+ class="image animate innerBorder"
198
+ data-id="Avatar_AvatarImg"
199
+ data-selector-id="avatar_AvatarImg"
200
+ data-test-id="Avatar_AvatarImg"
201
+ name="AvatarTeamName"
202
+ src="https://www.w3schools.com/images/w3schools_green.jpg"
203
+ />
204
+ </div>
205
+ <span
206
+ class="team nofill
207
+ mediumteam "
208
+ />
209
+ </span>
210
+ </DocumentFragment>
211
+ `;
212
+
213
+ exports[`AvatarTeam rendering the defult props 1`] = `
214
+ <DocumentFragment>
215
+ <span
216
+ class="container "
217
+ data-id="avatarTeamComp"
218
+ data-selector-id="avatarTeam"
219
+ data-test-id="avatarTeamComp"
220
+ >
221
+ <div
222
+ class="avatar medium medium circle primary black border "
223
+ data-id="Avatar"
224
+ data-selector-id="avatar"
225
+ data-test-id="Avatar"
226
+ >
227
+ <span
228
+ class="initial"
229
+ data-id="Avatar_AvatarInitial"
230
+ data-selector-id="avatar_AvatarInitial"
231
+ data-test-id="Avatar_AvatarInitial"
232
+ />
233
+ </div>
234
+ <span
235
+ class="team nofill
236
+ mediumteam "
237
+ />
238
+ </span>
239
+ </DocumentFragment>
240
+ `;
241
+
242
+ exports[`AvatarTeam rendering the onClick prop with asFragment and toMatchSnapshot 1`] = `
243
+ <DocumentFragment>
244
+ <span
245
+ class="container borderOnHover "
246
+ data-id="avatarTeamComp"
247
+ data-selector-id="avatarTeam"
248
+ data-test-id="avatarTeamComp"
249
+ >
250
+ <div
251
+ class="avatar medium medium circle primary black border borderOnHover "
252
+ data-id="Avatar"
253
+ data-selector-id="avatar"
254
+ data-test-id="Avatar"
255
+ tabindex="0"
256
+ >
257
+ <span
258
+ class="initial"
259
+ data-id="Avatar_AvatarInitial"
260
+ data-selector-id="avatar_AvatarInitial"
261
+ data-test-id="Avatar_AvatarInitial"
262
+ />
263
+ </div>
264
+ <span
265
+ class="team nofill
266
+ mediumteam "
267
+ />
268
+ </span>
269
+ </DocumentFragment>
270
+ `;
271
+
272
+ exports[`AvatarTeam rendering the palette of- info 1`] = `
273
+ <DocumentFragment>
274
+ <span
275
+ class="container "
276
+ data-id="avatarTeamComp"
277
+ data-selector-id="avatarTeam"
278
+ data-test-id="avatarTeamComp"
279
+ >
280
+ <div
281
+ class="avatar medium medium circle info black border "
282
+ data-id="Avatar"
283
+ data-selector-id="avatar"
284
+ data-test-id="Avatar"
285
+ >
286
+ <span
287
+ class="initial"
288
+ data-id="Avatar_AvatarInitial"
289
+ data-selector-id="avatar_AvatarInitial"
290
+ data-test-id="Avatar_AvatarInitial"
291
+ />
292
+ </div>
293
+ <span
294
+ class="team nofill
295
+ mediumteam "
296
+ />
297
+ </span>
298
+ </DocumentFragment>
299
+ `;
300
+
301
+ exports[`AvatarTeam rendering the palette of- primary 1`] = `
302
+ <DocumentFragment>
303
+ <span
304
+ class="container "
305
+ data-id="avatarTeamComp"
306
+ data-selector-id="avatarTeam"
307
+ data-test-id="avatarTeamComp"
308
+ >
309
+ <div
310
+ class="avatar medium medium circle primary black border "
311
+ data-id="Avatar"
312
+ data-selector-id="avatar"
313
+ data-test-id="Avatar"
314
+ >
315
+ <span
316
+ class="initial"
317
+ data-id="Avatar_AvatarInitial"
318
+ data-selector-id="avatar_AvatarInitial"
319
+ data-test-id="Avatar_AvatarInitial"
320
+ />
321
+ </div>
322
+ <span
323
+ class="team nofill
324
+ mediumteam "
325
+ />
326
+ </span>
327
+ </DocumentFragment>
328
+ `;
329
+
330
+ exports[`AvatarTeam rendering the palette of- secondary 1`] = `
331
+ <DocumentFragment>
332
+ <span
333
+ class="container "
334
+ data-id="avatarTeamComp"
335
+ data-selector-id="avatarTeam"
336
+ data-test-id="avatarTeamComp"
337
+ >
338
+ <div
339
+ class="avatar medium medium circle secondary white border "
340
+ data-id="Avatar"
341
+ data-selector-id="avatar"
342
+ data-test-id="Avatar"
343
+ >
344
+ <span
345
+ class="initial"
346
+ data-id="Avatar_AvatarInitial"
347
+ data-selector-id="avatar_AvatarInitial"
348
+ data-test-id="Avatar_AvatarInitial"
349
+ />
350
+ </div>
351
+ <span
352
+ class="team nofill
353
+ mediumteam "
354
+ />
355
+ </span>
356
+ </DocumentFragment>
357
+ `;
358
+
359
+ exports[`AvatarTeam rendering the palette with isFilled of- info 1`] = `
360
+ <DocumentFragment>
361
+ <span
362
+ class="container "
363
+ data-id="avatarTeamComp"
364
+ data-selector-id="avatarTeam"
365
+ data-test-id="avatarTeamComp"
366
+ >
367
+ <div
368
+ class="avatar medium medium circle info black border "
369
+ data-id="Avatar"
370
+ data-selector-id="avatar"
371
+ data-test-id="Avatar"
372
+ >
373
+ <span
374
+ class="initial"
375
+ data-id="Avatar_AvatarInitial"
376
+ data-selector-id="avatar_AvatarInitial"
377
+ data-test-id="Avatar_AvatarInitial"
378
+ />
379
+ </div>
380
+ <span
381
+ class="team infoFilled
382
+ mediumteam "
383
+ />
384
+ </span>
385
+ </DocumentFragment>
386
+ `;
387
+
388
+ exports[`AvatarTeam rendering the palette with isFilled of- primary 1`] = `
389
+ <DocumentFragment>
390
+ <span
391
+ class="container "
392
+ data-id="avatarTeamComp"
393
+ data-selector-id="avatarTeam"
394
+ data-test-id="avatarTeamComp"
395
+ >
396
+ <div
397
+ class="avatar medium medium circle 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
+ <span
410
+ class="team primaryFilled
411
+ mediumteam "
412
+ />
413
+ </span>
414
+ </DocumentFragment>
415
+ `;
416
+
417
+ exports[`AvatarTeam rendering the palette with isFilled of- secondary 1`] = `
418
+ <DocumentFragment>
419
+ <span
420
+ class="container "
421
+ data-id="avatarTeamComp"
422
+ data-selector-id="avatarTeam"
423
+ data-test-id="avatarTeamComp"
424
+ >
425
+ <div
426
+ class="avatar medium medium circle secondary white border "
427
+ data-id="Avatar"
428
+ data-selector-id="avatar"
429
+ data-test-id="Avatar"
430
+ >
431
+ <span
432
+ class="initial"
433
+ data-id="Avatar_AvatarInitial"
434
+ data-selector-id="avatar_AvatarInitial"
435
+ data-test-id="Avatar_AvatarInitial"
436
+ />
437
+ </div>
438
+ <span
439
+ class="team secondaryFilled
440
+ mediumteam "
441
+ />
442
+ </span>
443
+ </DocumentFragment>
444
+ `;
445
+
446
+ exports[`AvatarTeam rendering the sizes of- large 1`] = `
447
+ <DocumentFragment>
448
+ <span
449
+ class="container "
450
+ data-id="avatarTeamComp"
451
+ data-selector-id="avatarTeam"
452
+ data-test-id="avatarTeamComp"
453
+ >
454
+ <div
455
+ class="avatar large large circle primary black border "
456
+ data-id="Avatar"
457
+ data-selector-id="avatar"
458
+ data-test-id="Avatar"
459
+ >
460
+ <span
461
+ class="initial"
462
+ data-id="Avatar_AvatarInitial"
463
+ data-selector-id="avatar_AvatarInitial"
464
+ data-test-id="Avatar_AvatarInitial"
465
+ />
466
+ </div>
467
+ <span
468
+ class="team nofill
469
+ largeteam "
470
+ />
471
+ </span>
472
+ </DocumentFragment>
473
+ `;
474
+
475
+ exports[`AvatarTeam rendering the sizes of- medium 1`] = `
476
+ <DocumentFragment>
477
+ <span
478
+ class="container "
479
+ data-id="avatarTeamComp"
480
+ data-selector-id="avatarTeam"
481
+ data-test-id="avatarTeamComp"
482
+ >
483
+ <div
484
+ class="avatar medium medium circle primary black border "
485
+ data-id="Avatar"
486
+ data-selector-id="avatar"
487
+ data-test-id="Avatar"
488
+ >
489
+ <span
490
+ class="initial"
491
+ data-id="Avatar_AvatarInitial"
492
+ data-selector-id="avatar_AvatarInitial"
493
+ data-test-id="Avatar_AvatarInitial"
494
+ />
495
+ </div>
496
+ <span
497
+ class="team nofill
498
+ mediumteam "
499
+ />
500
+ </span>
501
+ </DocumentFragment>
502
+ `;
503
+
504
+ exports[`AvatarTeam rendering the sizes of- small 1`] = `
505
+ <DocumentFragment>
506
+ <span
507
+ class="container "
508
+ data-id="avatarTeamComp"
509
+ data-selector-id="avatarTeam"
510
+ data-test-id="avatarTeamComp"
511
+ >
512
+ <div
513
+ class="avatar small small circle primary black border "
514
+ data-id="Avatar"
515
+ data-selector-id="avatar"
516
+ data-test-id="Avatar"
517
+ >
518
+ <span
519
+ class="initial"
520
+ data-id="Avatar_AvatarInitial"
521
+ data-selector-id="avatar_AvatarInitial"
522
+ data-test-id="Avatar_AvatarInitial"
523
+ />
524
+ </div>
525
+ <span
526
+ class="team nofill
527
+ smallteam "
528
+ />
529
+ </span>
530
+ </DocumentFragment>
531
+ `;
532
+
533
+ exports[`AvatarTeam rendering the sizes of- xlarge 1`] = `
534
+ <DocumentFragment>
535
+ <span
536
+ class="container "
537
+ data-id="avatarTeamComp"
538
+ data-selector-id="avatarTeam"
539
+ data-test-id="avatarTeamComp"
540
+ >
541
+ <div
542
+ class="avatar xlarge xlarge circle primary black border "
543
+ data-id="Avatar"
544
+ data-selector-id="avatar"
545
+ data-test-id="Avatar"
546
+ >
547
+ <span
548
+ class="initial"
549
+ data-id="Avatar_AvatarInitial"
550
+ data-selector-id="avatar_AvatarInitial"
551
+ data-test-id="Avatar_AvatarInitial"
552
+ />
553
+ </div>
554
+ <span
555
+ class="team nofill
556
+ xlargeteam "
557
+ />
558
+ </span>
559
+ </DocumentFragment>
560
+ `;
561
+
562
+ exports[`AvatarTeam rendering the sizes of- xmedium 1`] = `
563
+ <DocumentFragment>
564
+ <span
565
+ class="container "
566
+ data-id="avatarTeamComp"
567
+ data-selector-id="avatarTeam"
568
+ data-test-id="avatarTeamComp"
569
+ >
570
+ <div
571
+ class="avatar xmedium xmedium circle primary black border "
572
+ data-id="Avatar"
573
+ data-selector-id="avatar"
574
+ data-test-id="Avatar"
575
+ >
576
+ <span
577
+ class="initial"
578
+ data-id="Avatar_AvatarInitial"
579
+ data-selector-id="avatar_AvatarInitial"
580
+ data-test-id="Avatar_AvatarInitial"
581
+ />
582
+ </div>
583
+ <span
584
+ class="team nofill
585
+ xmediumteam "
586
+ />
587
+ </span>
588
+ </DocumentFragment>
589
+ `;
590
+
591
+ exports[`AvatarTeam rendering the sizes of- xsmall 1`] = `
592
+ <DocumentFragment>
593
+ <span
594
+ class="container "
595
+ data-id="avatarTeamComp"
596
+ data-selector-id="avatarTeam"
597
+ data-test-id="avatarTeamComp"
598
+ >
599
+ <div
600
+ class="avatar xsmall xsmall circle primary black border "
601
+ data-id="Avatar"
602
+ data-selector-id="avatar"
603
+ data-test-id="Avatar"
604
+ >
605
+ <span
606
+ class="initial"
607
+ data-id="Avatar_AvatarInitial"
608
+ data-selector-id="avatar_AvatarInitial"
609
+ data-test-id="Avatar_AvatarInitial"
610
+ />
611
+ </div>
612
+ <span
613
+ class="team nofill
614
+ xsmallteam "
615
+ />
616
+ </span>
617
+ </DocumentFragment>
618
+ `;
619
+
620
+ exports[`AvatarTeam rendering the sizes of- xxsmall 1`] = `
621
+ <DocumentFragment>
622
+ <span
623
+ class="container "
624
+ data-id="avatarTeamComp"
625
+ data-selector-id="avatarTeam"
626
+ data-test-id="avatarTeamComp"
627
+ >
628
+ <div
629
+ class="avatar xxsmall xxsmall circle primary black border "
630
+ data-id="Avatar"
631
+ data-selector-id="avatar"
632
+ data-test-id="Avatar"
633
+ >
634
+ <span
635
+ class="initial"
636
+ data-id="Avatar_AvatarInitial"
637
+ data-selector-id="avatar_AvatarInitial"
638
+ data-test-id="Avatar_AvatarInitial"
639
+ />
640
+ </div>
641
+ <span
642
+ class="team nofill
643
+ xxsmallteam "
644
+ />
645
+ </span>
646
+ </DocumentFragment>
647
+ `;
648
+
649
+ exports[`AvatarTeam rendering the textPalette of- black 1`] = `
650
+ <DocumentFragment>
651
+ <span
652
+ class="container "
653
+ data-id="avatarTeamComp"
654
+ data-selector-id="avatarTeam"
655
+ data-test-id="avatarTeamComp"
656
+ >
657
+ <div
658
+ class="avatar medium medium circle primary black border "
659
+ data-id="Avatar"
660
+ data-selector-id="avatar"
661
+ data-test-id="Avatar"
662
+ >
663
+ <span
664
+ class="initial"
665
+ data-id="Avatar_AvatarInitial"
666
+ data-selector-id="avatar_AvatarInitial"
667
+ data-test-id="Avatar_AvatarInitial"
668
+ />
669
+ </div>
670
+ <span
671
+ class="team nofill
672
+ mediumteam "
673
+ />
674
+ </span>
675
+ </DocumentFragment>
676
+ `;
677
+
678
+ exports[`AvatarTeam rendering the textPalette of- white 1`] = `
679
+ <DocumentFragment>
680
+ <span
681
+ class="container "
682
+ data-id="avatarTeamComp"
683
+ data-selector-id="avatarTeam"
684
+ data-test-id="avatarTeamComp"
685
+ >
686
+ <div
687
+ class="avatar medium medium circle primary white border "
688
+ data-id="Avatar"
689
+ data-selector-id="avatar"
690
+ data-test-id="Avatar"
691
+ >
692
+ <span
693
+ class="initial"
694
+ data-id="Avatar_AvatarInitial"
695
+ data-selector-id="avatar_AvatarInitial"
696
+ data-test-id="Avatar_AvatarInitial"
697
+ />
698
+ </div>
699
+ <span
700
+ class="team nofill
701
+ mediumteam "
702
+ />
703
+ </span>
704
+ </DocumentFragment>
705
+ `;