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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (428) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +1345 -1345
  5. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +29 -318
  6. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +450 -450
  7. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +1 -33
  8. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +19 -43
  9. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +450 -450
  10. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +1 -33
  11. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +19 -43
  12. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +450 -450
  13. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +1 -33
  14. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +19 -43
  15. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +450 -450
  16. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +1 -33
  17. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +19 -43
  18. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +450 -450
  19. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +1 -33
  20. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +19 -43
  21. package/assets/Appearance/light/mode/Component_LightMode.module.css +29 -318
  22. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +450 -450
  23. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +1 -33
  24. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +19 -43
  25. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +450 -450
  26. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +1 -33
  27. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +19 -43
  28. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +450 -450
  29. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +1 -33
  30. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +19 -43
  31. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +450 -450
  32. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +1 -33
  33. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +19 -43
  34. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +450 -450
  35. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +1 -33
  36. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +19 -43
  37. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +29 -318
  38. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +450 -450
  39. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +1 -33
  40. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +19 -43
  41. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +450 -450
  42. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +1 -33
  43. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +19 -43
  44. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +450 -450
  45. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +1 -33
  46. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +19 -43
  47. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +450 -450
  48. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +1 -33
  49. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +19 -43
  50. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +450 -450
  51. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +1 -33
  52. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +19 -43
  53. package/coverage/Avatar/Avatar.js.html +1 -1
  54. package/coverage/Avatar/Avatar.module.css.html +1 -1
  55. package/coverage/Avatar/index.html +1 -1
  56. package/coverage/Avatar/props/defaultProps.js.html +1 -1
  57. package/coverage/Avatar/props/index.html +1 -1
  58. package/coverage/Avatar/props/propTypes.js.html +1 -1
  59. package/coverage/AvatarTeam/AvatarTeam.js.html +1 -1
  60. package/coverage/AvatarTeam/AvatarTeam.module.css.html +1 -1
  61. package/coverage/AvatarTeam/index.html +1 -1
  62. package/coverage/AvatarTeam/props/defaultProps.js.html +1 -1
  63. package/coverage/AvatarTeam/props/index.html +1 -1
  64. package/coverage/AvatarTeam/props/propTypes.js.html +1 -1
  65. package/coverage/Button/Button.js.html +1 -1
  66. package/coverage/Button/css/Button.module.css.html +1 -1
  67. package/coverage/Button/css/cssJSLogic.js.html +1 -1
  68. package/coverage/Button/css/index.html +1 -1
  69. package/coverage/Button/index.html +1 -1
  70. package/coverage/Button/props/defaultProps.js.html +1 -1
  71. package/coverage/Button/props/index.html +1 -1
  72. package/coverage/Button/props/propTypes.js.html +1 -1
  73. package/coverage/Buttongroup/Buttongroup.js.html +1 -1
  74. package/coverage/Buttongroup/Buttongroup.module.css.html +1 -1
  75. package/coverage/Buttongroup/index.html +1 -1
  76. package/coverage/Buttongroup/props/defaultProps.js.html +1 -1
  77. package/coverage/Buttongroup/props/index.html +1 -1
  78. package/coverage/Buttongroup/props/propTypes.js.html +1 -1
  79. package/coverage/Label/Label.js.html +1 -1
  80. package/coverage/Label/Label.module.css.html +1 -1
  81. package/coverage/Label/LabelColors.module.css.html +1 -1
  82. package/coverage/Label/index.html +1 -1
  83. package/coverage/Label/props/defaultProps.js.html +1 -1
  84. package/coverage/Label/props/index.html +1 -1
  85. package/coverage/Label/props/propTypes.js.html +1 -1
  86. package/coverage/Layout/Box.js.html +1 -1
  87. package/coverage/Layout/Container.js.html +1 -1
  88. package/coverage/Layout/Layout.module.css.html +1 -1
  89. package/coverage/Layout/index.html +1 -1
  90. package/coverage/Layout/index.js.html +1 -1
  91. package/coverage/Layout/props/defaultProps.js.html +1 -1
  92. package/coverage/Layout/props/index.html +1 -1
  93. package/coverage/Layout/props/propTypes.js.html +1 -1
  94. package/coverage/Layout/utils.js.html +1 -1
  95. package/coverage/Provider/AvatarSize.js.html +1 -1
  96. package/coverage/Provider/CssProvider.js.html +1 -1
  97. package/coverage/Provider/index.html +1 -1
  98. package/coverage/Radio/Radio.js.html +1 -1
  99. package/coverage/Radio/Radio.module.css.html +1 -1
  100. package/coverage/Radio/index.html +1 -1
  101. package/coverage/Radio/props/defaultProps.js.html +1 -1
  102. package/coverage/Radio/props/index.html +1 -1
  103. package/coverage/Radio/props/propTypes.js.html +1 -1
  104. package/coverage/Ribbon/Ribbon.js.html +1 -1
  105. package/coverage/Ribbon/Ribbon.module.css.html +1 -1
  106. package/coverage/Ribbon/index.html +1 -1
  107. package/coverage/Ribbon/props/defaultProps.js.html +1 -1
  108. package/coverage/Ribbon/props/index.html +1 -1
  109. package/coverage/Ribbon/props/propTypes.js.html +1 -1
  110. package/coverage/RippleEffect/RippleEffect.js.html +1 -1
  111. package/coverage/RippleEffect/RippleEffect.module.css.html +1 -1
  112. package/coverage/RippleEffect/index.html +1 -1
  113. package/coverage/RippleEffect/props/defaultProps.js.html +1 -1
  114. package/coverage/RippleEffect/props/index.html +1 -1
  115. package/coverage/RippleEffect/props/propTypes.js.html +1 -1
  116. package/coverage/Stencils/Stencils.js.html +1 -1
  117. package/coverage/Stencils/Stencils.module.css.html +1 -1
  118. package/coverage/Stencils/index.html +1 -1
  119. package/coverage/Stencils/props/defaultProps.js.html +1 -1
  120. package/coverage/Stencils/props/index.html +1 -1
  121. package/coverage/Stencils/props/propTypes.js.html +1 -1
  122. package/coverage/Switch/Switch.js.html +1 -1
  123. package/coverage/Switch/Switch.module.css.html +1 -1
  124. package/coverage/Switch/index.html +1 -1
  125. package/coverage/Switch/props/defaultProps.js.html +1 -1
  126. package/coverage/Switch/props/index.html +1 -1
  127. package/coverage/Switch/props/propTypes.js.html +1 -1
  128. package/coverage/common/avatarsizes.module.css.html +1 -1
  129. package/coverage/common/common.module.css.html +1 -1
  130. package/coverage/common/index.html +1 -1
  131. package/coverage/coverage-final.json +55 -55
  132. package/coverage/coverage-summary.json +55 -55
  133. package/coverage/index.html +1 -1
  134. package/coverage/utils/dummyFunction.js.html +1 -1
  135. package/coverage/utils/getInitial.js.html +1 -1
  136. package/coverage/utils/index.html +1 -1
  137. package/css_error.log +1 -1
  138. package/es/AppContainer/AppContainer.module.css +18 -18
  139. package/es/Avatar/Avatar.js +9 -9
  140. package/es/Avatar/Avatar.module.css +175 -175
  141. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  142. package/es/AvatarTeam/AvatarTeam.js +7 -7
  143. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  144. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
  145. package/es/Button/Button.js +4 -4
  146. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  147. package/es/Button/css/Button.module.css +525 -525
  148. package/es/Buttongroup/Buttongroup.js +1 -1
  149. package/es/Buttongroup/Buttongroup.module.css +105 -105
  150. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  151. package/es/Card/Card.js +4 -4
  152. package/es/Card/Card.module.css +20 -20
  153. package/es/CheckBox/CheckBox.js +0 -0
  154. package/es/CheckBox/CheckBox.module.css +157 -157
  155. package/es/DateTime/CalendarView.js +0 -0
  156. package/es/DateTime/DateTime.js +0 -0
  157. package/es/DateTime/DateTime.module.css +248 -248
  158. package/es/DateTime/DateWidget.js +0 -0
  159. package/es/DateTime/DateWidget.module.css +38 -38
  160. package/es/DateTime/YearView.js +0 -0
  161. package/es/DateTime/YearView.module.css +98 -98
  162. package/es/DateTime/common.js +0 -0
  163. package/es/DateTime/index.js +0 -0
  164. package/es/DateTime/objectUtils.js +0 -0
  165. package/es/DateTime/typeChecker.js +0 -0
  166. package/es/DateTime/validator.js +0 -0
  167. package/es/DropBox/DropBox.js +0 -0
  168. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  169. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  170. package/es/DropBox/css/DropBox.module.css +58 -58
  171. package/es/DropDown/DropDown.js +0 -0
  172. package/es/DropDown/DropDown.module.css +5 -5
  173. package/es/DropDown/DropDownHeading.js +0 -0
  174. package/es/DropDown/DropDownHeading.module.css +53 -53
  175. package/es/DropDown/DropDownItem.js +0 -0
  176. package/es/DropDown/DropDownItem.module.css +94 -94
  177. package/es/DropDown/DropDownSearch.js +0 -0
  178. package/es/DropDown/DropDownSearch.module.css +14 -14
  179. package/es/DropDown/DropDownSeparator.js +0 -0
  180. package/es/DropDown/DropDownSeparator.module.css +7 -7
  181. package/es/Heading/Heading.module.css +4 -4
  182. package/es/Label/Label.js +2 -2
  183. package/es/Label/Label.module.css +52 -52
  184. package/es/Label/LabelColors.module.css +20 -20
  185. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  186. package/es/Layout/Box.js +0 -0
  187. package/es/Layout/Container.js +0 -0
  188. package/es/Layout/Layout.module.css +335 -335
  189. package/es/Layout/utils.js +0 -0
  190. package/es/ListItem/ListItem.js +0 -0
  191. package/es/ListItem/ListItem.module.css +216 -216
  192. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  193. package/es/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  194. package/es/MultiSelect/MultiSelect.js +5 -5
  195. package/es/MultiSelect/MultiSelect.module.css +204 -204
  196. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  197. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  198. package/es/PopOver/PopOver.module.css +8 -8
  199. package/es/Popup/Popup.js +0 -0
  200. package/es/Popup/PositionMapping.json +73 -73
  201. package/es/Radio/Radio.js +0 -0
  202. package/es/Radio/Radio.module.css +112 -112
  203. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  204. package/es/Responsive/CustomResponsive.js +0 -0
  205. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  206. package/es/Ribbon/Ribbon.js +0 -0
  207. package/es/Ribbon/Ribbon.module.css +454 -454
  208. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  209. package/es/RippleEffect/RippleEffect.module.css +92 -92
  210. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  211. package/es/Select/GroupSelect.js +0 -0
  212. package/es/Select/Select.js +0 -0
  213. package/es/Select/Select.module.css +108 -108
  214. package/es/Select/SelectWithAvatar.js +0 -0
  215. package/es/Select/SelectWithIcon.js +0 -0
  216. package/es/Stencils/Stencils.js +0 -0
  217. package/es/Stencils/Stencils.module.css +96 -96
  218. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  219. package/es/Switch/Switch.js +0 -0
  220. package/es/Switch/Switch.module.css +127 -127
  221. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  222. package/es/Tab/Tab.module.css +100 -100
  223. package/es/Tab/TabContent.module.css +4 -4
  224. package/es/Tab/Tabs.js +17 -17
  225. package/es/Tab/Tabs.module.css +136 -136
  226. package/es/Tag/Tag.js +8 -8
  227. package/es/Tag/Tag.module.css +254 -254
  228. package/es/TextBox/TextBox.js +0 -0
  229. package/es/TextBox/TextBox.module.css +158 -158
  230. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  231. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  232. package/es/Textarea/Textarea.js +0 -0
  233. package/es/Textarea/Textarea.module.css +139 -139
  234. package/es/Tooltip/Tooltip.module.css +140 -140
  235. package/es/common/a11y.module.css +3 -3
  236. package/es/common/animation.module.css +624 -624
  237. package/es/common/avatarsizes.module.css +48 -48
  238. package/es/common/basic.module.css +33 -33
  239. package/es/common/basicReset.module.css +40 -40
  240. package/es/common/boxShadow.module.css +33 -33
  241. package/es/common/common.module.css +524 -524
  242. package/es/common/customscroll.module.css +91 -91
  243. package/es/common/reset.module.css +13 -13
  244. package/es/common/transition.module.css +146 -146
  245. package/es/semantic/Button/semanticButton.module.css +9 -9
  246. package/es/utils/Common.js +0 -0
  247. package/es/utils/dropDownUtils.js +0 -0
  248. package/es/v1/Avatar/Avatar.js +5 -5
  249. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  250. package/es/v1/Button/Button.js +4 -4
  251. package/es/v1/Card/Card.js +4 -4
  252. package/es/v1/CheckBox/CheckBox.js +0 -0
  253. package/es/v1/DateTime/DateTime.js +0 -0
  254. package/es/v1/DateTime/DateWidget.js +0 -0
  255. package/es/v1/DateTime/YearView.js +0 -0
  256. package/es/v1/DateTime/index.js +0 -0
  257. package/es/v1/DropBox/DropBox.js +0 -0
  258. package/es/v1/DropDown/DropDown.js +0 -0
  259. package/es/v1/DropDown/DropDownHeading.js +0 -0
  260. package/es/v1/DropDown/DropDownItem.js +0 -0
  261. package/es/v1/DropDown/DropDownSearch.js +0 -0
  262. package/es/v1/DropDown/DropDownSeparator.js +0 -0
  263. package/es/v1/Layout/Box.js +0 -0
  264. package/es/v1/Layout/Container.js +0 -0
  265. package/es/v1/ListItem/ListItem.js +0 -0
  266. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  267. package/es/v1/MultiSelect/MultiSelect.js +5 -5
  268. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  269. package/es/v1/Radio/Radio.js +0 -0
  270. package/es/v1/Responsive/CustomResponsive.js +0 -0
  271. package/es/v1/Select/GroupSelect.js +0 -0
  272. package/es/v1/Select/Select.js +0 -0
  273. package/es/v1/Select/SelectWithAvatar.js +0 -0
  274. package/es/v1/Select/SelectWithIcon.js +0 -0
  275. package/es/v1/Switch/Switch.js +0 -0
  276. package/es/v1/Tab/Tabs.js +17 -17
  277. package/es/v1/Tag/Tag.js +8 -8
  278. package/es/v1/TextBox/TextBox.js +0 -0
  279. package/es/v1/Typography/css/Typography.module.css +409 -409
  280. package/install.md +10 -10
  281. package/lib/AppContainer/AppContainer.module.css +18 -18
  282. package/lib/Avatar/Avatar.js +9 -9
  283. package/lib/Avatar/Avatar.module.css +175 -175
  284. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  285. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  286. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  287. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
  288. package/lib/Button/Button.js +4 -4
  289. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  290. package/lib/Button/css/Button.module.css +525 -525
  291. package/lib/Buttongroup/Buttongroup.js +1 -1
  292. package/lib/Buttongroup/Buttongroup.module.css +105 -105
  293. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  294. package/lib/Card/Card.js +4 -4
  295. package/lib/Card/Card.module.css +20 -20
  296. package/lib/CheckBox/CheckBox.js +0 -0
  297. package/lib/CheckBox/CheckBox.module.css +157 -157
  298. package/lib/DateTime/CalendarView.js +0 -0
  299. package/lib/DateTime/DateTime.js +0 -0
  300. package/lib/DateTime/DateTime.module.css +248 -248
  301. package/lib/DateTime/DateWidget.js +0 -0
  302. package/lib/DateTime/DateWidget.module.css +38 -38
  303. package/lib/DateTime/YearView.js +0 -0
  304. package/lib/DateTime/YearView.module.css +98 -98
  305. package/lib/DateTime/common.js +0 -0
  306. package/lib/DateTime/index.js +0 -0
  307. package/lib/DateTime/objectUtils.js +0 -0
  308. package/lib/DateTime/typeChecker.js +0 -0
  309. package/lib/DateTime/validator.js +0 -0
  310. package/lib/DropBox/DropBox.js +0 -0
  311. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  312. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  313. package/lib/DropBox/css/DropBox.module.css +58 -58
  314. package/lib/DropDown/DropDown.js +0 -0
  315. package/lib/DropDown/DropDown.module.css +5 -5
  316. package/lib/DropDown/DropDownHeading.js +0 -0
  317. package/lib/DropDown/DropDownHeading.module.css +53 -53
  318. package/lib/DropDown/DropDownItem.js +0 -0
  319. package/lib/DropDown/DropDownItem.module.css +94 -94
  320. package/lib/DropDown/DropDownSearch.js +0 -0
  321. package/lib/DropDown/DropDownSearch.module.css +14 -14
  322. package/lib/DropDown/DropDownSeparator.js +0 -0
  323. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  324. package/lib/Heading/Heading.module.css +4 -4
  325. package/lib/Label/Label.js +0 -0
  326. package/lib/Label/Label.module.css +52 -52
  327. package/lib/Label/LabelColors.module.css +20 -20
  328. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  329. package/lib/Layout/Box.js +0 -0
  330. package/lib/Layout/Container.js +0 -0
  331. package/lib/Layout/Layout.module.css +335 -335
  332. package/lib/Layout/utils.js +0 -0
  333. package/lib/ListItem/ListItem.js +0 -0
  334. package/lib/ListItem/ListItem.module.css +216 -216
  335. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  336. package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  337. package/lib/MultiSelect/MultiSelect.js +5 -5
  338. package/lib/MultiSelect/MultiSelect.module.css +204 -204
  339. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  340. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  341. package/lib/PopOver/PopOver.module.css +8 -8
  342. package/lib/Popup/Popup.js +0 -0
  343. package/lib/Popup/PositionMapping.json +73 -73
  344. package/lib/Radio/Radio.js +0 -0
  345. package/lib/Radio/Radio.module.css +112 -112
  346. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  347. package/lib/Responsive/CustomResponsive.js +0 -0
  348. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  349. package/lib/Ribbon/Ribbon.js +0 -0
  350. package/lib/Ribbon/Ribbon.module.css +454 -454
  351. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  352. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  353. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  354. package/lib/Select/GroupSelect.js +0 -0
  355. package/lib/Select/Select.js +0 -0
  356. package/lib/Select/Select.module.css +108 -108
  357. package/lib/Select/SelectWithAvatar.js +0 -0
  358. package/lib/Select/SelectWithIcon.js +0 -0
  359. package/lib/Stencils/Stencils.js +0 -0
  360. package/lib/Stencils/Stencils.module.css +96 -96
  361. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  362. package/lib/Switch/Switch.js +0 -0
  363. package/lib/Switch/Switch.module.css +127 -127
  364. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  365. package/lib/Tab/Tab.module.css +100 -100
  366. package/lib/Tab/TabContent.module.css +4 -4
  367. package/lib/Tab/Tabs.js +11 -11
  368. package/lib/Tab/Tabs.module.css +136 -136
  369. package/lib/Tag/Tag.js +8 -8
  370. package/lib/Tag/Tag.module.css +254 -254
  371. package/lib/TextBox/TextBox.js +0 -0
  372. package/lib/TextBox/TextBox.module.css +158 -158
  373. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  374. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  375. package/lib/Textarea/Textarea.js +0 -0
  376. package/lib/Textarea/Textarea.module.css +139 -139
  377. package/lib/Tooltip/Tooltip.module.css +140 -140
  378. package/lib/common/a11y.module.css +3 -3
  379. package/lib/common/animation.module.css +624 -624
  380. package/lib/common/avatarsizes.module.css +48 -48
  381. package/lib/common/basic.module.css +33 -33
  382. package/lib/common/basicReset.module.css +40 -40
  383. package/lib/common/boxShadow.module.css +33 -33
  384. package/lib/common/common.module.css +524 -524
  385. package/lib/common/customscroll.module.css +91 -91
  386. package/lib/common/reset.module.css +13 -13
  387. package/lib/common/transition.module.css +146 -146
  388. package/lib/semantic/Button/semanticButton.module.css +9 -9
  389. package/lib/utils/Common.js +0 -0
  390. package/lib/utils/dropDownUtils.js +0 -0
  391. package/lib/v1/Avatar/Avatar.js +5 -5
  392. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  393. package/lib/v1/Button/Button.js +4 -4
  394. package/lib/v1/Card/Card.js +4 -4
  395. package/lib/v1/CheckBox/CheckBox.js +0 -0
  396. package/lib/v1/DateTime/DateTime.js +0 -0
  397. package/lib/v1/DateTime/DateWidget.js +0 -0
  398. package/lib/v1/DateTime/YearView.js +0 -0
  399. package/lib/v1/DateTime/index.js +0 -0
  400. package/lib/v1/DropBox/DropBox.js +0 -0
  401. package/lib/v1/DropDown/DropDown.js +0 -0
  402. package/lib/v1/DropDown/DropDownHeading.js +0 -0
  403. package/lib/v1/DropDown/DropDownItem.js +0 -0
  404. package/lib/v1/DropDown/DropDownSearch.js +0 -0
  405. package/lib/v1/DropDown/DropDownSeparator.js +0 -0
  406. package/lib/v1/Layout/Box.js +0 -0
  407. package/lib/v1/Layout/Container.js +0 -0
  408. package/lib/v1/ListItem/ListItem.js +0 -0
  409. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  410. package/lib/v1/MultiSelect/MultiSelect.js +5 -5
  411. package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  412. package/lib/v1/Radio/Radio.js +0 -0
  413. package/lib/v1/Responsive/CustomResponsive.js +0 -0
  414. package/lib/v1/Select/GroupSelect.js +0 -0
  415. package/lib/v1/Select/Select.js +0 -0
  416. package/lib/v1/Select/SelectWithAvatar.js +0 -0
  417. package/lib/v1/Select/SelectWithIcon.js +0 -0
  418. package/lib/v1/Switch/Switch.js +0 -0
  419. package/lib/v1/Tab/Tabs.js +11 -11
  420. package/lib/v1/Tag/Tag.js +8 -8
  421. package/lib/v1/TextBox/TextBox.js +0 -0
  422. package/lib/v1/Typography/css/Typography.module.css +409 -409
  423. package/package.json +92 -92
  424. package/postPublish.js +8 -8
  425. package/prePublish.js +70 -70
  426. package/react-cli.config.js +23 -23
  427. package/result.json +1 -1
  428. package/unittest/index.html +1 -1
package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap CHANGED
@@ -1,704 +1,704 @@
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
- >
256
- <span
257
- class="initial"
258
- data-id="Avatar_AvatarInitial"
259
- data-selector-id="avatar_AvatarInitial"
260
- data-test-id="Avatar_AvatarInitial"
261
- />
262
- </div>
263
- <span
264
- class="team nofill
265
- mediumteam "
266
- />
267
- </span>
268
- </DocumentFragment>
269
- `;
270
-
271
- exports[`AvatarTeam rendering the palette of- info 1`] = `
272
- <DocumentFragment>
273
- <span
274
- class="container "
275
- data-id="avatarTeamComp"
276
- data-selector-id="avatarTeam"
277
- data-test-id="avatarTeamComp"
278
- >
279
- <div
280
- class="avatar medium medium circle info black border "
281
- data-id="Avatar"
282
- data-selector-id="avatar"
283
- data-test-id="Avatar"
284
- >
285
- <span
286
- class="initial"
287
- data-id="Avatar_AvatarInitial"
288
- data-selector-id="avatar_AvatarInitial"
289
- data-test-id="Avatar_AvatarInitial"
290
- />
291
- </div>
292
- <span
293
- class="team nofill
294
- mediumteam "
295
- />
296
- </span>
297
- </DocumentFragment>
298
- `;
299
-
300
- exports[`AvatarTeam rendering the palette of- primary 1`] = `
301
- <DocumentFragment>
302
- <span
303
- class="container "
304
- data-id="avatarTeamComp"
305
- data-selector-id="avatarTeam"
306
- data-test-id="avatarTeamComp"
307
- >
308
- <div
309
- class="avatar medium medium circle primary black border "
310
- data-id="Avatar"
311
- data-selector-id="avatar"
312
- data-test-id="Avatar"
313
- >
314
- <span
315
- class="initial"
316
- data-id="Avatar_AvatarInitial"
317
- data-selector-id="avatar_AvatarInitial"
318
- data-test-id="Avatar_AvatarInitial"
319
- />
320
- </div>
321
- <span
322
- class="team nofill
323
- mediumteam "
324
- />
325
- </span>
326
- </DocumentFragment>
327
- `;
328
-
329
- exports[`AvatarTeam rendering the palette of- secondary 1`] = `
330
- <DocumentFragment>
331
- <span
332
- class="container "
333
- data-id="avatarTeamComp"
334
- data-selector-id="avatarTeam"
335
- data-test-id="avatarTeamComp"
336
- >
337
- <div
338
- class="avatar medium medium circle secondary white border "
339
- data-id="Avatar"
340
- data-selector-id="avatar"
341
- data-test-id="Avatar"
342
- >
343
- <span
344
- class="initial"
345
- data-id="Avatar_AvatarInitial"
346
- data-selector-id="avatar_AvatarInitial"
347
- data-test-id="Avatar_AvatarInitial"
348
- />
349
- </div>
350
- <span
351
- class="team nofill
352
- mediumteam "
353
- />
354
- </span>
355
- </DocumentFragment>
356
- `;
357
-
358
- exports[`AvatarTeam rendering the palette with isFilled of- info 1`] = `
359
- <DocumentFragment>
360
- <span
361
- class="container "
362
- data-id="avatarTeamComp"
363
- data-selector-id="avatarTeam"
364
- data-test-id="avatarTeamComp"
365
- >
366
- <div
367
- class="avatar medium medium circle info black border "
368
- data-id="Avatar"
369
- data-selector-id="avatar"
370
- data-test-id="Avatar"
371
- >
372
- <span
373
- class="initial"
374
- data-id="Avatar_AvatarInitial"
375
- data-selector-id="avatar_AvatarInitial"
376
- data-test-id="Avatar_AvatarInitial"
377
- />
378
- </div>
379
- <span
380
- class="team infoFilled
381
- mediumteam "
382
- />
383
- </span>
384
- </DocumentFragment>
385
- `;
386
-
387
- exports[`AvatarTeam rendering the palette with isFilled of- primary 1`] = `
388
- <DocumentFragment>
389
- <span
390
- class="container "
391
- data-id="avatarTeamComp"
392
- data-selector-id="avatarTeam"
393
- data-test-id="avatarTeamComp"
394
- >
395
- <div
396
- class="avatar medium medium circle primary black border "
397
- data-id="Avatar"
398
- data-selector-id="avatar"
399
- data-test-id="Avatar"
400
- >
401
- <span
402
- class="initial"
403
- data-id="Avatar_AvatarInitial"
404
- data-selector-id="avatar_AvatarInitial"
405
- data-test-id="Avatar_AvatarInitial"
406
- />
407
- </div>
408
- <span
409
- class="team primaryFilled
410
- mediumteam "
411
- />
412
- </span>
413
- </DocumentFragment>
414
- `;
415
-
416
- exports[`AvatarTeam rendering the palette with isFilled of- secondary 1`] = `
417
- <DocumentFragment>
418
- <span
419
- class="container "
420
- data-id="avatarTeamComp"
421
- data-selector-id="avatarTeam"
422
- data-test-id="avatarTeamComp"
423
- >
424
- <div
425
- class="avatar medium medium circle secondary white border "
426
- data-id="Avatar"
427
- data-selector-id="avatar"
428
- data-test-id="Avatar"
429
- >
430
- <span
431
- class="initial"
432
- data-id="Avatar_AvatarInitial"
433
- data-selector-id="avatar_AvatarInitial"
434
- data-test-id="Avatar_AvatarInitial"
435
- />
436
- </div>
437
- <span
438
- class="team secondaryFilled
439
- mediumteam "
440
- />
441
- </span>
442
- </DocumentFragment>
443
- `;
444
-
445
- exports[`AvatarTeam rendering the sizes of- large 1`] = `
446
- <DocumentFragment>
447
- <span
448
- class="container "
449
- data-id="avatarTeamComp"
450
- data-selector-id="avatarTeam"
451
- data-test-id="avatarTeamComp"
452
- >
453
- <div
454
- class="avatar large large circle primary black border "
455
- data-id="Avatar"
456
- data-selector-id="avatar"
457
- data-test-id="Avatar"
458
- >
459
- <span
460
- class="initial"
461
- data-id="Avatar_AvatarInitial"
462
- data-selector-id="avatar_AvatarInitial"
463
- data-test-id="Avatar_AvatarInitial"
464
- />
465
- </div>
466
- <span
467
- class="team nofill
468
- largeteam "
469
- />
470
- </span>
471
- </DocumentFragment>
472
- `;
473
-
474
- exports[`AvatarTeam rendering the sizes of- medium 1`] = `
475
- <DocumentFragment>
476
- <span
477
- class="container "
478
- data-id="avatarTeamComp"
479
- data-selector-id="avatarTeam"
480
- data-test-id="avatarTeamComp"
481
- >
482
- <div
483
- class="avatar medium medium circle primary black border "
484
- data-id="Avatar"
485
- data-selector-id="avatar"
486
- data-test-id="Avatar"
487
- >
488
- <span
489
- class="initial"
490
- data-id="Avatar_AvatarInitial"
491
- data-selector-id="avatar_AvatarInitial"
492
- data-test-id="Avatar_AvatarInitial"
493
- />
494
- </div>
495
- <span
496
- class="team nofill
497
- mediumteam "
498
- />
499
- </span>
500
- </DocumentFragment>
501
- `;
502
-
503
- exports[`AvatarTeam rendering the sizes of- small 1`] = `
504
- <DocumentFragment>
505
- <span
506
- class="container "
507
- data-id="avatarTeamComp"
508
- data-selector-id="avatarTeam"
509
- data-test-id="avatarTeamComp"
510
- >
511
- <div
512
- class="avatar small small circle primary black border "
513
- data-id="Avatar"
514
- data-selector-id="avatar"
515
- data-test-id="Avatar"
516
- >
517
- <span
518
- class="initial"
519
- data-id="Avatar_AvatarInitial"
520
- data-selector-id="avatar_AvatarInitial"
521
- data-test-id="Avatar_AvatarInitial"
522
- />
523
- </div>
524
- <span
525
- class="team nofill
526
- smallteam "
527
- />
528
- </span>
529
- </DocumentFragment>
530
- `;
531
-
532
- exports[`AvatarTeam rendering the sizes of- xlarge 1`] = `
533
- <DocumentFragment>
534
- <span
535
- class="container "
536
- data-id="avatarTeamComp"
537
- data-selector-id="avatarTeam"
538
- data-test-id="avatarTeamComp"
539
- >
540
- <div
541
- class="avatar xlarge xlarge 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
- <span
554
- class="team nofill
555
- xlargeteam "
556
- />
557
- </span>
558
- </DocumentFragment>
559
- `;
560
-
561
- exports[`AvatarTeam rendering the sizes of- xmedium 1`] = `
562
- <DocumentFragment>
563
- <span
564
- class="container "
565
- data-id="avatarTeamComp"
566
- data-selector-id="avatarTeam"
567
- data-test-id="avatarTeamComp"
568
- >
569
- <div
570
- class="avatar xmedium xmedium circle primary black border "
571
- data-id="Avatar"
572
- data-selector-id="avatar"
573
- data-test-id="Avatar"
574
- >
575
- <span
576
- class="initial"
577
- data-id="Avatar_AvatarInitial"
578
- data-selector-id="avatar_AvatarInitial"
579
- data-test-id="Avatar_AvatarInitial"
580
- />
581
- </div>
582
- <span
583
- class="team nofill
584
- xmediumteam "
585
- />
586
- </span>
587
- </DocumentFragment>
588
- `;
589
-
590
- exports[`AvatarTeam rendering the sizes of- xsmall 1`] = `
591
- <DocumentFragment>
592
- <span
593
- class="container "
594
- data-id="avatarTeamComp"
595
- data-selector-id="avatarTeam"
596
- data-test-id="avatarTeamComp"
597
- >
598
- <div
599
- class="avatar xsmall xsmall circle primary black border "
600
- data-id="Avatar"
601
- data-selector-id="avatar"
602
- data-test-id="Avatar"
603
- >
604
- <span
605
- class="initial"
606
- data-id="Avatar_AvatarInitial"
607
- data-selector-id="avatar_AvatarInitial"
608
- data-test-id="Avatar_AvatarInitial"
609
- />
610
- </div>
611
- <span
612
- class="team nofill
613
- xsmallteam "
614
- />
615
- </span>
616
- </DocumentFragment>
617
- `;
618
-
619
- exports[`AvatarTeam rendering the sizes of- xxsmall 1`] = `
620
- <DocumentFragment>
621
- <span
622
- class="container "
623
- data-id="avatarTeamComp"
624
- data-selector-id="avatarTeam"
625
- data-test-id="avatarTeamComp"
626
- >
627
- <div
628
- class="avatar xxsmall xxsmall circle primary black border "
629
- data-id="Avatar"
630
- data-selector-id="avatar"
631
- data-test-id="Avatar"
632
- >
633
- <span
634
- class="initial"
635
- data-id="Avatar_AvatarInitial"
636
- data-selector-id="avatar_AvatarInitial"
637
- data-test-id="Avatar_AvatarInitial"
638
- />
639
- </div>
640
- <span
641
- class="team nofill
642
- xxsmallteam "
643
- />
644
- </span>
645
- </DocumentFragment>
646
- `;
647
-
648
- exports[`AvatarTeam rendering the textPalette of- black 1`] = `
649
- <DocumentFragment>
650
- <span
651
- class="container "
652
- data-id="avatarTeamComp"
653
- data-selector-id="avatarTeam"
654
- data-test-id="avatarTeamComp"
655
- >
656
- <div
657
- class="avatar medium medium circle primary black border "
658
- data-id="Avatar"
659
- data-selector-id="avatar"
660
- data-test-id="Avatar"
661
- >
662
- <span
663
- class="initial"
664
- data-id="Avatar_AvatarInitial"
665
- data-selector-id="avatar_AvatarInitial"
666
- data-test-id="Avatar_AvatarInitial"
667
- />
668
- </div>
669
- <span
670
- class="team nofill
671
- mediumteam "
672
- />
673
- </span>
674
- </DocumentFragment>
675
- `;
676
-
677
- exports[`AvatarTeam rendering the textPalette of- white 1`] = `
678
- <DocumentFragment>
679
- <span
680
- class="container "
681
- data-id="avatarTeamComp"
682
- data-selector-id="avatarTeam"
683
- data-test-id="avatarTeamComp"
684
- >
685
- <div
686
- class="avatar medium medium circle primary white border "
687
- data-id="Avatar"
688
- data-selector-id="avatar"
689
- data-test-id="Avatar"
690
- >
691
- <span
692
- class="initial"
693
- data-id="Avatar_AvatarInitial"
694
- data-selector-id="avatar_AvatarInitial"
695
- data-test-id="Avatar_AvatarInitial"
696
- />
697
- </div>
698
- <span
699
- class="team nofill
700
- mediumteam "
701
- />
702
- </span>
703
- </DocumentFragment>
704
- `;
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
+ >
256
+ <span
257
+ class="initial"
258
+ data-id="Avatar_AvatarInitial"
259
+ data-selector-id="avatar_AvatarInitial"
260
+ data-test-id="Avatar_AvatarInitial"
261
+ />
262
+ </div>
263
+ <span
264
+ class="team nofill
265
+ mediumteam "
266
+ />
267
+ </span>
268
+ </DocumentFragment>
269
+ `;
270
+
271
+ exports[`AvatarTeam rendering the palette of- info 1`] = `
272
+ <DocumentFragment>
273
+ <span
274
+ class="container "
275
+ data-id="avatarTeamComp"
276
+ data-selector-id="avatarTeam"
277
+ data-test-id="avatarTeamComp"
278
+ >
279
+ <div
280
+ class="avatar medium medium circle info black border "
281
+ data-id="Avatar"
282
+ data-selector-id="avatar"
283
+ data-test-id="Avatar"
284
+ >
285
+ <span
286
+ class="initial"
287
+ data-id="Avatar_AvatarInitial"
288
+ data-selector-id="avatar_AvatarInitial"
289
+ data-test-id="Avatar_AvatarInitial"
290
+ />
291
+ </div>
292
+ <span
293
+ class="team nofill
294
+ mediumteam "
295
+ />
296
+ </span>
297
+ </DocumentFragment>
298
+ `;
299
+
300
+ exports[`AvatarTeam rendering the palette of- primary 1`] = `
301
+ <DocumentFragment>
302
+ <span
303
+ class="container "
304
+ data-id="avatarTeamComp"
305
+ data-selector-id="avatarTeam"
306
+ data-test-id="avatarTeamComp"
307
+ >
308
+ <div
309
+ class="avatar medium medium circle primary black border "
310
+ data-id="Avatar"
311
+ data-selector-id="avatar"
312
+ data-test-id="Avatar"
313
+ >
314
+ <span
315
+ class="initial"
316
+ data-id="Avatar_AvatarInitial"
317
+ data-selector-id="avatar_AvatarInitial"
318
+ data-test-id="Avatar_AvatarInitial"
319
+ />
320
+ </div>
321
+ <span
322
+ class="team nofill
323
+ mediumteam "
324
+ />
325
+ </span>
326
+ </DocumentFragment>
327
+ `;
328
+
329
+ exports[`AvatarTeam rendering the palette of- secondary 1`] = `
330
+ <DocumentFragment>
331
+ <span
332
+ class="container "
333
+ data-id="avatarTeamComp"
334
+ data-selector-id="avatarTeam"
335
+ data-test-id="avatarTeamComp"
336
+ >
337
+ <div
338
+ class="avatar medium medium circle secondary white border "
339
+ data-id="Avatar"
340
+ data-selector-id="avatar"
341
+ data-test-id="Avatar"
342
+ >
343
+ <span
344
+ class="initial"
345
+ data-id="Avatar_AvatarInitial"
346
+ data-selector-id="avatar_AvatarInitial"
347
+ data-test-id="Avatar_AvatarInitial"
348
+ />
349
+ </div>
350
+ <span
351
+ class="team nofill
352
+ mediumteam "
353
+ />
354
+ </span>
355
+ </DocumentFragment>
356
+ `;
357
+
358
+ exports[`AvatarTeam rendering the palette with isFilled of- info 1`] = `
359
+ <DocumentFragment>
360
+ <span
361
+ class="container "
362
+ data-id="avatarTeamComp"
363
+ data-selector-id="avatarTeam"
364
+ data-test-id="avatarTeamComp"
365
+ >
366
+ <div
367
+ class="avatar medium medium circle info black border "
368
+ data-id="Avatar"
369
+ data-selector-id="avatar"
370
+ data-test-id="Avatar"
371
+ >
372
+ <span
373
+ class="initial"
374
+ data-id="Avatar_AvatarInitial"
375
+ data-selector-id="avatar_AvatarInitial"
376
+ data-test-id="Avatar_AvatarInitial"
377
+ />
378
+ </div>
379
+ <span
380
+ class="team infoFilled
381
+ mediumteam "
382
+ />
383
+ </span>
384
+ </DocumentFragment>
385
+ `;
386
+
387
+ exports[`AvatarTeam rendering the palette with isFilled of- primary 1`] = `
388
+ <DocumentFragment>
389
+ <span
390
+ class="container "
391
+ data-id="avatarTeamComp"
392
+ data-selector-id="avatarTeam"
393
+ data-test-id="avatarTeamComp"
394
+ >
395
+ <div
396
+ class="avatar medium medium circle primary black border "
397
+ data-id="Avatar"
398
+ data-selector-id="avatar"
399
+ data-test-id="Avatar"
400
+ >
401
+ <span
402
+ class="initial"
403
+ data-id="Avatar_AvatarInitial"
404
+ data-selector-id="avatar_AvatarInitial"
405
+ data-test-id="Avatar_AvatarInitial"
406
+ />
407
+ </div>
408
+ <span
409
+ class="team primaryFilled
410
+ mediumteam "
411
+ />
412
+ </span>
413
+ </DocumentFragment>
414
+ `;
415
+
416
+ exports[`AvatarTeam rendering the palette with isFilled of- secondary 1`] = `
417
+ <DocumentFragment>
418
+ <span
419
+ class="container "
420
+ data-id="avatarTeamComp"
421
+ data-selector-id="avatarTeam"
422
+ data-test-id="avatarTeamComp"
423
+ >
424
+ <div
425
+ class="avatar medium medium circle secondary white border "
426
+ data-id="Avatar"
427
+ data-selector-id="avatar"
428
+ data-test-id="Avatar"
429
+ >
430
+ <span
431
+ class="initial"
432
+ data-id="Avatar_AvatarInitial"
433
+ data-selector-id="avatar_AvatarInitial"
434
+ data-test-id="Avatar_AvatarInitial"
435
+ />
436
+ </div>
437
+ <span
438
+ class="team secondaryFilled
439
+ mediumteam "
440
+ />
441
+ </span>
442
+ </DocumentFragment>
443
+ `;
444
+
445
+ exports[`AvatarTeam rendering the sizes of- large 1`] = `
446
+ <DocumentFragment>
447
+ <span
448
+ class="container "
449
+ data-id="avatarTeamComp"
450
+ data-selector-id="avatarTeam"
451
+ data-test-id="avatarTeamComp"
452
+ >
453
+ <div
454
+ class="avatar large large circle primary black border "
455
+ data-id="Avatar"
456
+ data-selector-id="avatar"
457
+ data-test-id="Avatar"
458
+ >
459
+ <span
460
+ class="initial"
461
+ data-id="Avatar_AvatarInitial"
462
+ data-selector-id="avatar_AvatarInitial"
463
+ data-test-id="Avatar_AvatarInitial"
464
+ />
465
+ </div>
466
+ <span
467
+ class="team nofill
468
+ largeteam "
469
+ />
470
+ </span>
471
+ </DocumentFragment>
472
+ `;
473
+
474
+ exports[`AvatarTeam rendering the sizes of- medium 1`] = `
475
+ <DocumentFragment>
476
+ <span
477
+ class="container "
478
+ data-id="avatarTeamComp"
479
+ data-selector-id="avatarTeam"
480
+ data-test-id="avatarTeamComp"
481
+ >
482
+ <div
483
+ class="avatar medium medium circle primary black border "
484
+ data-id="Avatar"
485
+ data-selector-id="avatar"
486
+ data-test-id="Avatar"
487
+ >
488
+ <span
489
+ class="initial"
490
+ data-id="Avatar_AvatarInitial"
491
+ data-selector-id="avatar_AvatarInitial"
492
+ data-test-id="Avatar_AvatarInitial"
493
+ />
494
+ </div>
495
+ <span
496
+ class="team nofill
497
+ mediumteam "
498
+ />
499
+ </span>
500
+ </DocumentFragment>
501
+ `;
502
+
503
+ exports[`AvatarTeam rendering the sizes of- small 1`] = `
504
+ <DocumentFragment>
505
+ <span
506
+ class="container "
507
+ data-id="avatarTeamComp"
508
+ data-selector-id="avatarTeam"
509
+ data-test-id="avatarTeamComp"
510
+ >
511
+ <div
512
+ class="avatar small small circle primary black border "
513
+ data-id="Avatar"
514
+ data-selector-id="avatar"
515
+ data-test-id="Avatar"
516
+ >
517
+ <span
518
+ class="initial"
519
+ data-id="Avatar_AvatarInitial"
520
+ data-selector-id="avatar_AvatarInitial"
521
+ data-test-id="Avatar_AvatarInitial"
522
+ />
523
+ </div>
524
+ <span
525
+ class="team nofill
526
+ smallteam "
527
+ />
528
+ </span>
529
+ </DocumentFragment>
530
+ `;
531
+
532
+ exports[`AvatarTeam rendering the sizes of- xlarge 1`] = `
533
+ <DocumentFragment>
534
+ <span
535
+ class="container "
536
+ data-id="avatarTeamComp"
537
+ data-selector-id="avatarTeam"
538
+ data-test-id="avatarTeamComp"
539
+ >
540
+ <div
541
+ class="avatar xlarge xlarge 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
+ <span
554
+ class="team nofill
555
+ xlargeteam "
556
+ />
557
+ </span>
558
+ </DocumentFragment>
559
+ `;
560
+
561
+ exports[`AvatarTeam rendering the sizes of- xmedium 1`] = `
562
+ <DocumentFragment>
563
+ <span
564
+ class="container "
565
+ data-id="avatarTeamComp"
566
+ data-selector-id="avatarTeam"
567
+ data-test-id="avatarTeamComp"
568
+ >
569
+ <div
570
+ class="avatar xmedium xmedium circle primary black border "
571
+ data-id="Avatar"
572
+ data-selector-id="avatar"
573
+ data-test-id="Avatar"
574
+ >
575
+ <span
576
+ class="initial"
577
+ data-id="Avatar_AvatarInitial"
578
+ data-selector-id="avatar_AvatarInitial"
579
+ data-test-id="Avatar_AvatarInitial"
580
+ />
581
+ </div>
582
+ <span
583
+ class="team nofill
584
+ xmediumteam "
585
+ />
586
+ </span>
587
+ </DocumentFragment>
588
+ `;
589
+
590
+ exports[`AvatarTeam rendering the sizes of- xsmall 1`] = `
591
+ <DocumentFragment>
592
+ <span
593
+ class="container "
594
+ data-id="avatarTeamComp"
595
+ data-selector-id="avatarTeam"
596
+ data-test-id="avatarTeamComp"
597
+ >
598
+ <div
599
+ class="avatar xsmall xsmall circle primary black border "
600
+ data-id="Avatar"
601
+ data-selector-id="avatar"
602
+ data-test-id="Avatar"
603
+ >
604
+ <span
605
+ class="initial"
606
+ data-id="Avatar_AvatarInitial"
607
+ data-selector-id="avatar_AvatarInitial"
608
+ data-test-id="Avatar_AvatarInitial"
609
+ />
610
+ </div>
611
+ <span
612
+ class="team nofill
613
+ xsmallteam "
614
+ />
615
+ </span>
616
+ </DocumentFragment>
617
+ `;
618
+
619
+ exports[`AvatarTeam rendering the sizes of- xxsmall 1`] = `
620
+ <DocumentFragment>
621
+ <span
622
+ class="container "
623
+ data-id="avatarTeamComp"
624
+ data-selector-id="avatarTeam"
625
+ data-test-id="avatarTeamComp"
626
+ >
627
+ <div
628
+ class="avatar xxsmall xxsmall circle primary black border "
629
+ data-id="Avatar"
630
+ data-selector-id="avatar"
631
+ data-test-id="Avatar"
632
+ >
633
+ <span
634
+ class="initial"
635
+ data-id="Avatar_AvatarInitial"
636
+ data-selector-id="avatar_AvatarInitial"
637
+ data-test-id="Avatar_AvatarInitial"
638
+ />
639
+ </div>
640
+ <span
641
+ class="team nofill
642
+ xxsmallteam "
643
+ />
644
+ </span>
645
+ </DocumentFragment>
646
+ `;
647
+
648
+ exports[`AvatarTeam rendering the textPalette of- black 1`] = `
649
+ <DocumentFragment>
650
+ <span
651
+ class="container "
652
+ data-id="avatarTeamComp"
653
+ data-selector-id="avatarTeam"
654
+ data-test-id="avatarTeamComp"
655
+ >
656
+ <div
657
+ class="avatar medium medium circle primary black border "
658
+ data-id="Avatar"
659
+ data-selector-id="avatar"
660
+ data-test-id="Avatar"
661
+ >
662
+ <span
663
+ class="initial"
664
+ data-id="Avatar_AvatarInitial"
665
+ data-selector-id="avatar_AvatarInitial"
666
+ data-test-id="Avatar_AvatarInitial"
667
+ />
668
+ </div>
669
+ <span
670
+ class="team nofill
671
+ mediumteam "
672
+ />
673
+ </span>
674
+ </DocumentFragment>
675
+ `;
676
+
677
+ exports[`AvatarTeam rendering the textPalette of- white 1`] = `
678
+ <DocumentFragment>
679
+ <span
680
+ class="container "
681
+ data-id="avatarTeamComp"
682
+ data-selector-id="avatarTeam"
683
+ data-test-id="avatarTeamComp"
684
+ >
685
+ <div
686
+ class="avatar medium medium circle primary white border "
687
+ data-id="Avatar"
688
+ data-selector-id="avatar"
689
+ data-test-id="Avatar"
690
+ >
691
+ <span
692
+ class="initial"
693
+ data-id="Avatar_AvatarInitial"
694
+ data-selector-id="avatar_AvatarInitial"
695
+ data-test-id="Avatar_AvatarInitial"
696
+ />
697
+ </div>
698
+ <span
699
+ class="team nofill
700
+ mediumteam "
701
+ />
702
+ </span>
703
+ </DocumentFragment>
704
+ `;