@zohodesk/components 1.0.0-temp-135 → 1.0.0-temp-136

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 (329) hide show
  1. package/README.md +1164 -1168
  2. package/assets/Appearance/dark/mode/darkMode.module.css +184 -185
  3. package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +30 -30
  4. package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +30 -30
  5. package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +30 -30
  6. package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +30 -30
  7. package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +30 -30
  8. package/assets/Appearance/default/mode/defaultMode.module.css +180 -181
  9. package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +30 -30
  10. package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +30 -30
  11. package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +30 -30
  12. package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +30 -30
  13. package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +30 -30
  14. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +185 -186
  15. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +30 -30
  16. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +30 -30
  17. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +30 -30
  18. package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +30 -30
  19. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +30 -30
  20. package/docs/external/active-line.js +72 -72
  21. package/docs/external/autorefresh.js +47 -47
  22. package/docs/external/codemirror.js +9681 -9681
  23. package/docs/external/css/hopscotch.css +576 -576
  24. package/docs/external/css/styleGuide.css +1100 -1100
  25. package/docs/external/css.js +466 -466
  26. package/docs/external/designTokens.js +1 -1
  27. package/docs/external/foldcode.js +151 -151
  28. package/docs/external/format.js +129 -129
  29. package/docs/external/htmlmixed.js +84 -84
  30. package/docs/external/index.html +127 -127
  31. package/docs/external/javascript.js +422 -422
  32. package/docs/external/jsx.js +147 -147
  33. package/docs/external/matchbrackets.js +145 -145
  34. package/docs/external/xml.js +322 -322
  35. package/docs/package.json +41 -41
  36. package/docs/src/index.js +1311 -1311
  37. package/es/AppContainer/AppContainer.js +0 -1
  38. package/es/AppContainer/AppContainer.module.css +18 -18
  39. package/es/Avatar/Avatar.js +9 -9
  40. package/es/Avatar/Avatar.module.css +141 -176
  41. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  42. package/es/AvatarTeam/AvatarTeam.js +7 -7
  43. package/es/AvatarTeam/AvatarTeam.module.css +188 -188
  44. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  45. package/es/Button/Button.js +4 -4
  46. package/es/Button/Button.module.css +525 -543
  47. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  48. package/es/Buttongroup/Buttongroup.js +1 -1
  49. package/es/Buttongroup/Buttongroup.module.css +89 -107
  50. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  51. package/es/Card/Card.js +4 -4
  52. package/es/Card/Card.module.css +20 -20
  53. package/es/CheckBox/CheckBox.js +0 -0
  54. package/es/CheckBox/CheckBox.module.css +157 -157
  55. package/es/DateTime/CalendarView.js +0 -0
  56. package/es/DateTime/DateTime.js +0 -0
  57. package/es/DateTime/DateTime.module.css +235 -235
  58. package/es/DateTime/DateWidget.js +0 -0
  59. package/es/DateTime/DateWidget.module.css +38 -38
  60. package/es/DateTime/YearView.js +0 -0
  61. package/es/DateTime/YearView.module.css +98 -98
  62. package/es/DateTime/common.js +0 -0
  63. package/es/DateTime/index.js +0 -0
  64. package/es/DateTime/objectUtils.js +0 -0
  65. package/es/DateTime/typeChecker.js +0 -0
  66. package/es/DateTime/validator.js +0 -0
  67. package/es/DropBox/DropBox.js +0 -0
  68. package/es/DropBox/DropBox.module.css +405 -489
  69. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  70. package/es/DropDown/DropDown.js +0 -0
  71. package/es/DropDown/DropDown.module.css +5 -5
  72. package/es/DropDown/DropDownHeading.js +0 -0
  73. package/es/DropDown/DropDownHeading.module.css +53 -53
  74. package/es/DropDown/DropDownItem.js +0 -0
  75. package/es/DropDown/DropDownItem.module.css +94 -94
  76. package/es/DropDown/DropDownSearch.js +0 -0
  77. package/es/DropDown/DropDownSearch.module.css +14 -14
  78. package/es/DropDown/DropDownSeparator.js +0 -0
  79. package/es/DropDown/DropDownSeparator.module.css +7 -7
  80. package/es/Heading/Heading.module.css +4 -4
  81. package/es/Label/Label.js +2 -2
  82. package/es/Label/Label.module.css +52 -52
  83. package/es/Label/LabelColors.module.css +20 -20
  84. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  85. package/es/Layout/Box.js +0 -0
  86. package/es/Layout/Container.js +0 -0
  87. package/es/Layout/Layout.module.css +335 -335
  88. package/es/Layout/utils.js +0 -0
  89. package/es/ListItem/ListItem.js +3 -2
  90. package/es/ListItem/ListItem.module.css +213 -209
  91. package/es/ListItem/ListItemWithAvatar.js +3 -2
  92. package/es/ListItem/ListItemWithCheckBox.js +3 -2
  93. package/es/ListItem/ListItemWithIcon.js +3 -2
  94. package/es/ListItem/ListItemWithRadio.js +3 -2
  95. package/es/ListItem/props/defaultProps.js +12 -6
  96. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  97. package/es/MultiSelect/MultiSelect.js +5 -5
  98. package/es/MultiSelect/MultiSelect.module.css +205 -205
  99. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  100. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  101. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  102. package/es/PopOver/PopOver.module.css +8 -8
  103. package/es/Popup/Popup.js +0 -0
  104. package/es/Popup/PositionMapping.json +73 -73
  105. package/es/Radio/Radio.js +0 -0
  106. package/es/Radio/Radio.module.css +112 -112
  107. package/es/Responsive/CustomResponsive.js +0 -0
  108. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  109. package/es/Ribbon/Ribbon.js +0 -0
  110. package/es/Ribbon/Ribbon.module.css +376 -454
  111. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  112. package/es/RippleEffect/RippleEffect.module.css +92 -92
  113. package/es/Select/GroupSelect.js +0 -0
  114. package/es/Select/Select.js +0 -0
  115. package/es/Select/Select.module.css +108 -108
  116. package/es/Select/SelectWithAvatar.js +0 -0
  117. package/es/Select/SelectWithIcon.js +0 -0
  118. package/es/Select/__tests__/Select.spec.js +0 -0
  119. package/es/Stencils/Stencils.js +0 -0
  120. package/es/Stencils/Stencils.module.css +96 -96
  121. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  122. package/es/Switch/Switch.js +0 -0
  123. package/es/Switch/Switch.module.css +110 -127
  124. package/es/Tab/Tab.module.css +100 -100
  125. package/es/Tab/TabContent.module.css +4 -4
  126. package/es/Tab/Tabs.js +17 -17
  127. package/es/Tab/Tabs.module.css +139 -143
  128. package/es/Tag/Tag.js +8 -8
  129. package/es/Tag/Tag.module.css +254 -254
  130. package/es/TextBox/TextBox.js +0 -0
  131. package/es/TextBox/TextBox.module.css +157 -157
  132. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  133. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  134. package/es/TextBoxIcon/TextBoxIcon.module.css +78 -78
  135. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  136. package/es/Textarea/Textarea.js +0 -0
  137. package/es/Textarea/Textarea.module.css +139 -139
  138. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  139. package/es/Tooltip/Tooltip.module.css +109 -134
  140. package/es/common/a11y.module.css +3 -3
  141. package/es/common/animation.module.css +624 -624
  142. package/es/common/avatarsizes.module.css +48 -48
  143. package/es/common/basic.module.css +33 -33
  144. package/es/common/basicReset.module.css +40 -40
  145. package/es/common/common.module.css +524 -524
  146. package/es/common/customscroll.module.css +89 -89
  147. package/es/common/reset.module.css +12 -12
  148. package/es/common/transition.module.css +146 -146
  149. package/es/deprecated/AdvancedMultiSelect.module.css +126 -126
  150. package/es/semantic/Button/semanticButton.module.css +9 -9
  151. package/es/utils/Common.js +0 -0
  152. package/es/utils/dropDownUtils.js +0 -0
  153. package/install.md +10 -10
  154. package/lib/Accordion/Accordion.js +3 -1
  155. package/lib/Accordion/AccordionItem.js +3 -1
  156. package/lib/Animation/Animation.js +3 -1
  157. package/lib/AppContainer/AppContainer.js +3 -2
  158. package/lib/AppContainer/AppContainer.module.css +18 -18
  159. package/lib/Avatar/Avatar.js +13 -11
  160. package/lib/Avatar/Avatar.module.css +141 -176
  161. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  162. package/lib/AvatarTeam/AvatarTeam.js +10 -8
  163. package/lib/AvatarTeam/AvatarTeam.module.css +188 -188
  164. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  165. package/lib/Button/Button.js +7 -5
  166. package/lib/Button/Button.module.css +525 -543
  167. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  168. package/lib/Buttongroup/Buttongroup.js +6 -3
  169. package/lib/Buttongroup/Buttongroup.module.css +89 -107
  170. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  171. package/lib/Card/Card.js +7 -5
  172. package/lib/Card/Card.module.css +20 -20
  173. package/lib/CheckBox/CheckBox.js +3 -1
  174. package/lib/CheckBox/CheckBox.module.css +157 -157
  175. package/lib/DateTime/CalendarView.js +5 -2
  176. package/lib/DateTime/DateTime.js +5 -3
  177. package/lib/DateTime/DateTime.module.css +235 -235
  178. package/lib/DateTime/DateTimePopupFooter.js +3 -1
  179. package/lib/DateTime/DateTimePopupHeader.js +3 -1
  180. package/lib/DateTime/DateWidget.js +3 -1
  181. package/lib/DateTime/DateWidget.module.css +38 -38
  182. package/lib/DateTime/DaysRow.js +3 -1
  183. package/lib/DateTime/Time.js +3 -1
  184. package/lib/DateTime/YearView.js +3 -1
  185. package/lib/DateTime/YearView.module.css +98 -98
  186. package/lib/DateTime/common.js +0 -0
  187. package/lib/DateTime/dateFormatUtils/timeChange.js +2 -2
  188. package/lib/DateTime/index.js +0 -0
  189. package/lib/DateTime/objectUtils.js +0 -0
  190. package/lib/DateTime/typeChecker.js +0 -0
  191. package/lib/DateTime/validator.js +4 -4
  192. package/lib/DropBox/DropBox.js +3 -1
  193. package/lib/DropBox/DropBox.module.css +405 -489
  194. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  195. package/lib/DropDown/DropDown.js +5 -2
  196. package/lib/DropDown/DropDown.module.css +5 -5
  197. package/lib/DropDown/DropDownHeading.js +3 -1
  198. package/lib/DropDown/DropDownHeading.module.css +53 -53
  199. package/lib/DropDown/DropDownItem.js +3 -1
  200. package/lib/DropDown/DropDownItem.module.css +94 -94
  201. package/lib/DropDown/DropDownSearch.js +5 -2
  202. package/lib/DropDown/DropDownSearch.module.css +14 -14
  203. package/lib/DropDown/DropDownSeparator.js +3 -1
  204. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  205. package/lib/DropDown/props/propTypes.js +4 -1
  206. package/lib/Heading/Heading.js +4 -2
  207. package/lib/Heading/Heading.module.css +4 -4
  208. package/lib/Label/Label.js +3 -1
  209. package/lib/Label/Label.module.css +52 -52
  210. package/lib/Label/LabelColors.module.css +20 -20
  211. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  212. package/lib/Layout/Box.js +0 -0
  213. package/lib/Layout/Container.js +0 -0
  214. package/lib/Layout/Layout.module.css +335 -335
  215. package/lib/Layout/utils.js +0 -0
  216. package/lib/ListItem/ListItem.js +6 -3
  217. package/lib/ListItem/ListItem.module.css +213 -209
  218. package/lib/ListItem/ListItemWithAvatar.js +6 -3
  219. package/lib/ListItem/ListItemWithCheckBox.js +6 -3
  220. package/lib/ListItem/ListItemWithIcon.js +6 -3
  221. package/lib/ListItem/ListItemWithRadio.js +6 -3
  222. package/lib/ListItem/props/defaultProps.js +12 -6
  223. package/lib/ListItem/props/propTypes.js +4 -1
  224. package/lib/Modal/Modal.js +3 -1
  225. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +11 -9
  226. package/lib/MultiSelect/AdvancedMultiSelect.js +4 -2
  227. package/lib/MultiSelect/EmptyState.js +3 -1
  228. package/lib/MultiSelect/MultiSelect.js +10 -8
  229. package/lib/MultiSelect/MultiSelect.module.css +205 -205
  230. package/lib/MultiSelect/MultiSelectHeader.js +3 -1
  231. package/lib/MultiSelect/MultiSelectWithAvatar.js +3 -1
  232. package/lib/MultiSelect/SelectedOptions.js +5 -2
  233. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  234. package/lib/MultiSelect/Suggestions.js +4 -2
  235. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  236. package/lib/PopOver/PopOver.js +3 -1
  237. package/lib/PopOver/PopOver.module.css +8 -8
  238. package/lib/Popup/Popup.js +4 -2
  239. package/lib/Popup/PositionMapping.json +73 -73
  240. package/lib/Popup/__tests__/Popup.spec.js +3 -1
  241. package/lib/Provider/LibraryContext.js +5 -3
  242. package/lib/Provider/NumberGenerator/NumberGenerator.js +1 -1
  243. package/lib/Radio/Radio.js +3 -1
  244. package/lib/Radio/Radio.module.css +112 -112
  245. package/lib/Responsive/CustomResponsive.js +6 -4
  246. package/lib/Responsive/RefWrapper.js +4 -2
  247. package/lib/Responsive/ResizeComponent.js +9 -4
  248. package/lib/Responsive/ResizeObserver.js +4 -1
  249. package/lib/Responsive/Responsive.js +6 -4
  250. package/lib/Responsive/sizeObservers.js +4 -2
  251. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +3 -1
  252. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  253. package/lib/Ribbon/Ribbon.js +3 -1
  254. package/lib/Ribbon/Ribbon.module.css +376 -454
  255. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  256. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  257. package/lib/Select/GroupSelect.js +5 -3
  258. package/lib/Select/Select.js +3 -1
  259. package/lib/Select/Select.module.css +108 -108
  260. package/lib/Select/SelectWithAvatar.js +3 -1
  261. package/lib/Select/SelectWithIcon.js +3 -1
  262. package/lib/Select/__tests__/Select.spec.js +2 -2
  263. package/lib/Select/props/defaultProps.js +4 -1
  264. package/lib/Stencils/Stencils.js +3 -1
  265. package/lib/Stencils/Stencils.module.css +96 -96
  266. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  267. package/lib/Switch/Switch.js +3 -1
  268. package/lib/Switch/Switch.module.css +110 -127
  269. package/lib/Tab/Tab.module.css +100 -100
  270. package/lib/Tab/TabContent.module.css +4 -4
  271. package/lib/Tab/TabWrapper.js +2 -2
  272. package/lib/Tab/Tabs.js +15 -13
  273. package/lib/Tab/Tabs.module.css +139 -143
  274. package/lib/Tag/Tag.js +11 -9
  275. package/lib/Tag/Tag.module.css +254 -254
  276. package/lib/TextBox/TextBox.js +3 -1
  277. package/lib/TextBox/TextBox.module.css +157 -157
  278. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  279. package/lib/TextBox/props/propTypes.js +4 -1
  280. package/lib/TextBoxIcon/TextBoxIcon.js +5 -2
  281. package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -78
  282. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  283. package/lib/Textarea/Textarea.js +3 -1
  284. package/lib/Textarea/Textarea.module.css +139 -139
  285. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  286. package/lib/Tooltip/Tooltip.js +3 -1
  287. package/lib/Tooltip/Tooltip.module.css +109 -134
  288. package/lib/Tooltip/__tests__/Tooltip.spec.js +3 -1
  289. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -1
  290. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +4 -2
  291. package/lib/common/a11y.module.css +3 -3
  292. package/lib/common/animation.module.css +624 -624
  293. package/lib/common/avatarsizes.module.css +48 -48
  294. package/lib/common/basic.module.css +33 -33
  295. package/lib/common/basicReset.module.css +40 -40
  296. package/lib/common/common.module.css +524 -524
  297. package/lib/common/customscroll.module.css +89 -89
  298. package/lib/common/reset.module.css +12 -12
  299. package/lib/common/transition.module.css +146 -146
  300. package/lib/deprecated/AdvancedMultiSelect.module.css +126 -126
  301. package/lib/deprecated/PortalLayer/PortalLayer.js +3 -1
  302. package/lib/semantic/Button/Button.js +3 -1
  303. package/lib/semantic/Button/semanticButton.module.css +9 -9
  304. package/lib/utils/Common.js +0 -0
  305. package/lib/utils/constructFullName.js +2 -2
  306. package/lib/utils/css/mergeStyle.js +4 -1
  307. package/lib/utils/dropDownUtils.js +5 -3
  308. package/package.json +102 -102
  309. package/assets/Appearance/dark/themes/blue/blueDarkCTAModifyCategory.module.css +0 -102
  310. package/assets/Appearance/dark/themes/green/greenDarkCTAModifyCategory.module.css +0 -102
  311. package/assets/Appearance/dark/themes/orange/orangeDarkCTAModifyCategory.module.css +0 -102
  312. package/assets/Appearance/dark/themes/red/redDarkCTAModifyCategory.module.css +0 -102
  313. package/assets/Appearance/dark/themes/yellow/yellowDarkCTAModifyCategory.module.css +0 -102
  314. package/assets/Appearance/default/themes/blue/blueDefaultCTAModifyCategory.module.css +0 -102
  315. package/assets/Appearance/default/themes/green/greenDefaultCTAModifyCategory.module.css +0 -102
  316. package/assets/Appearance/default/themes/orange/orangeDefaultCTAModifyCategory.module.css +0 -102
  317. package/assets/Appearance/default/themes/red/redDefaultCTAModifyCategory.module.css +0 -102
  318. package/assets/Appearance/default/themes/yellow/yellowDefaultCTAModifyCategory.module.css +0 -102
  319. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTAModifyCategory.module.css +0 -102
  320. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTAModifyCategory.module.css +0 -102
  321. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTAModifyCategory.module.css +0 -102
  322. package/assets/Appearance/pureDark/themes/red/redPureDarkCTAModifyCategory.module.css +0 -102
  323. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTAModifyCategory.module.css +0 -102
  324. package/assets/Contrast/darkContrastLightness.module.css +0 -33
  325. package/assets/Contrast/defaultContrastLightness.module.css +0 -33
  326. package/assets/Contrast/pureDarkContrastLightness.module.css +0 -33
  327. package/css_error.log +0 -1
  328. package/es/common/boxShadow.module.css +0 -71
  329. package/lib/common/boxShadow.module.css +0 -71
@@ -1,226 +1,226 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`AvatarTeam component should display initial 1`] = `
4
- <span
5
- className="container medium primary"
6
- data-id="avatarTeamComp"
7
- >
8
- <div
9
- className="avatar medium medium circle primary text_black
10
- border"
11
- data-id="Avatar"
12
- data-title="vimalesan a"
13
- onClick={[Function]}
14
- >
15
- <span
16
- className="initial initialTxt"
17
- data-id="Avatar_AvatarInitial"
18
- >
19
- VA
20
- </span>
21
- </div>
22
- <span
23
- className="team nofill"
24
- />
25
- </span>
26
- `;
27
-
28
- exports[`AvatarTeam component should is filled 1`] = `
29
- <span
30
- className="container medium primary"
31
- data-id="avatarTeamComp"
32
- >
33
- <div
34
- className="avatar medium medium circle primary text_black
35
- border"
36
- data-id="Avatar"
37
- data-title="vimalesan a"
38
- onClick={[Function]}
39
- >
40
- <span
41
- className="initial initialTxt"
42
- data-id="Avatar_AvatarInitial"
43
- >
44
- VA
45
- </span>
46
- </div>
47
- <span
48
- className="team filled"
49
- />
50
- </span>
51
- `;
52
-
53
- exports[`AvatarTeam component should the palette is info 1`] = `
54
- <span
55
- className="container medium info"
56
- data-id="avatarTeamComp"
57
- >
58
- <div
59
- className="avatar medium medium circle info text_black
60
- border"
61
- data-id="Avatar"
62
- data-title="vimalesan a"
63
- onClick={[Function]}
64
- >
65
- <span
66
- className="initial initialTxt"
67
- data-id="Avatar_AvatarInitial"
68
- >
69
- VA
70
- </span>
71
- </div>
72
- <span
73
- className="team nofill"
74
- />
75
- </span>
76
- `;
77
-
78
- exports[`AvatarTeam component should the palette is secondary 1`] = `
79
- <span
80
- className="container medium secondary"
81
- data-id="avatarTeamComp"
82
- >
83
- <div
84
- className="avatar medium medium circle secondary text_white
85
- border"
86
- data-id="Avatar"
87
- data-title="vimalesan a"
88
- onClick={[Function]}
89
- >
90
- <span
91
- className="initial initialTxt"
92
- data-id="Avatar_AvatarInitial"
93
- >
94
- VA
95
- </span>
96
- </div>
97
- <span
98
- className="team nofill"
99
- />
100
- </span>
101
- `;
102
-
103
- exports[`AvatarTeam component should the size is large 1`] = `
104
- <span
105
- className="container large primary"
106
- data-id="avatarTeamComp"
107
- >
108
- <div
109
- className="avatar large large circle primary text_black
110
- border"
111
- data-id="Avatar"
112
- data-title="vimalesan a"
113
- onClick={[Function]}
114
- >
115
- <span
116
- className="initial initialTxt"
117
- data-id="Avatar_AvatarInitial"
118
- >
119
- VA
120
- </span>
121
- </div>
122
- <span
123
- className="team nofill"
124
- />
125
- </span>
126
- `;
127
-
128
- exports[`AvatarTeam component should the size is small 1`] = `
129
- <span
130
- className="container small primary"
131
- data-id="avatarTeamComp"
132
- >
133
- <div
134
- className="avatar small small circle primary text_black
135
- border"
136
- data-id="Avatar"
137
- data-title="vimalesan a"
138
- onClick={[Function]}
139
- >
140
- <span
141
- className="initial initialTxt"
142
- data-id="Avatar_AvatarInitial"
143
- >
144
- VA
145
- </span>
146
- </div>
147
- <span
148
- className="team nofill"
149
- />
150
- </span>
151
- `;
152
-
153
- exports[`AvatarTeam component should the size is xlarge 1`] = `
154
- <span
155
- className="container xlarge primary"
156
- data-id="avatarTeamComp"
157
- >
158
- <div
159
- className="avatar xlarge xlarge circle primary text_black
160
- border"
161
- data-id="Avatar"
162
- data-title="vimalesan a"
163
- onClick={[Function]}
164
- >
165
- <span
166
- className="initial initialTxt"
167
- data-id="Avatar_AvatarInitial"
168
- >
169
- VA
170
- </span>
171
- </div>
172
- <span
173
- className="team nofill"
174
- />
175
- </span>
176
- `;
177
-
178
- exports[`AvatarTeam component should the size is xmedium 1`] = `
179
- <span
180
- className="container xmedium primary"
181
- data-id="avatarTeamComp"
182
- >
183
- <div
184
- className="avatar xmedium xmedium circle primary text_black
185
- border"
186
- data-id="Avatar"
187
- data-title="vimalesan a"
188
- onClick={[Function]}
189
- >
190
- <span
191
- className="initial initialTxt"
192
- data-id="Avatar_AvatarInitial"
193
- >
194
- VA
195
- </span>
196
- </div>
197
- <span
198
- className="team nofill"
199
- />
200
- </span>
201
- `;
202
-
203
- exports[`AvatarTeam component should the size is xsmall 1`] = `
204
- <span
205
- className="container xsmall primary"
206
- data-id="avatarTeamComp"
207
- >
208
- <div
209
- className="avatar xsmall xsmall circle primary text_black
210
- border"
211
- data-id="Avatar"
212
- data-title="vimalesan a"
213
- onClick={[Function]}
214
- >
215
- <span
216
- className="initial initialTxt"
217
- data-id="Avatar_AvatarInitial"
218
- >
219
- VA
220
- </span>
221
- </div>
222
- <span
223
- className="team nofill"
224
- />
225
- </span>
226
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`AvatarTeam component should display initial 1`] = `
4
+ <span
5
+ className="container medium primary"
6
+ data-id="avatarTeamComp"
7
+ >
8
+ <div
9
+ className="avatar medium medium circle primary text_black
10
+ border"
11
+ data-id="Avatar"
12
+ data-title="vimalesan a"
13
+ onClick={[Function]}
14
+ >
15
+ <span
16
+ className="initial initialTxt"
17
+ data-id="Avatar_AvatarInitial"
18
+ >
19
+ VA
20
+ </span>
21
+ </div>
22
+ <span
23
+ className="team nofill"
24
+ />
25
+ </span>
26
+ `;
27
+
28
+ exports[`AvatarTeam component should is filled 1`] = `
29
+ <span
30
+ className="container medium primary"
31
+ data-id="avatarTeamComp"
32
+ >
33
+ <div
34
+ className="avatar medium medium circle primary text_black
35
+ border"
36
+ data-id="Avatar"
37
+ data-title="vimalesan a"
38
+ onClick={[Function]}
39
+ >
40
+ <span
41
+ className="initial initialTxt"
42
+ data-id="Avatar_AvatarInitial"
43
+ >
44
+ VA
45
+ </span>
46
+ </div>
47
+ <span
48
+ className="team filled"
49
+ />
50
+ </span>
51
+ `;
52
+
53
+ exports[`AvatarTeam component should the palette is info 1`] = `
54
+ <span
55
+ className="container medium info"
56
+ data-id="avatarTeamComp"
57
+ >
58
+ <div
59
+ className="avatar medium medium circle info text_black
60
+ border"
61
+ data-id="Avatar"
62
+ data-title="vimalesan a"
63
+ onClick={[Function]}
64
+ >
65
+ <span
66
+ className="initial initialTxt"
67
+ data-id="Avatar_AvatarInitial"
68
+ >
69
+ VA
70
+ </span>
71
+ </div>
72
+ <span
73
+ className="team nofill"
74
+ />
75
+ </span>
76
+ `;
77
+
78
+ exports[`AvatarTeam component should the palette is secondary 1`] = `
79
+ <span
80
+ className="container medium secondary"
81
+ data-id="avatarTeamComp"
82
+ >
83
+ <div
84
+ className="avatar medium medium circle secondary text_white
85
+ border"
86
+ data-id="Avatar"
87
+ data-title="vimalesan a"
88
+ onClick={[Function]}
89
+ >
90
+ <span
91
+ className="initial initialTxt"
92
+ data-id="Avatar_AvatarInitial"
93
+ >
94
+ VA
95
+ </span>
96
+ </div>
97
+ <span
98
+ className="team nofill"
99
+ />
100
+ </span>
101
+ `;
102
+
103
+ exports[`AvatarTeam component should the size is large 1`] = `
104
+ <span
105
+ className="container large primary"
106
+ data-id="avatarTeamComp"
107
+ >
108
+ <div
109
+ className="avatar large large circle primary text_black
110
+ border"
111
+ data-id="Avatar"
112
+ data-title="vimalesan a"
113
+ onClick={[Function]}
114
+ >
115
+ <span
116
+ className="initial initialTxt"
117
+ data-id="Avatar_AvatarInitial"
118
+ >
119
+ VA
120
+ </span>
121
+ </div>
122
+ <span
123
+ className="team nofill"
124
+ />
125
+ </span>
126
+ `;
127
+
128
+ exports[`AvatarTeam component should the size is small 1`] = `
129
+ <span
130
+ className="container small primary"
131
+ data-id="avatarTeamComp"
132
+ >
133
+ <div
134
+ className="avatar small small circle primary text_black
135
+ border"
136
+ data-id="Avatar"
137
+ data-title="vimalesan a"
138
+ onClick={[Function]}
139
+ >
140
+ <span
141
+ className="initial initialTxt"
142
+ data-id="Avatar_AvatarInitial"
143
+ >
144
+ VA
145
+ </span>
146
+ </div>
147
+ <span
148
+ className="team nofill"
149
+ />
150
+ </span>
151
+ `;
152
+
153
+ exports[`AvatarTeam component should the size is xlarge 1`] = `
154
+ <span
155
+ className="container xlarge primary"
156
+ data-id="avatarTeamComp"
157
+ >
158
+ <div
159
+ className="avatar xlarge xlarge circle primary text_black
160
+ border"
161
+ data-id="Avatar"
162
+ data-title="vimalesan a"
163
+ onClick={[Function]}
164
+ >
165
+ <span
166
+ className="initial initialTxt"
167
+ data-id="Avatar_AvatarInitial"
168
+ >
169
+ VA
170
+ </span>
171
+ </div>
172
+ <span
173
+ className="team nofill"
174
+ />
175
+ </span>
176
+ `;
177
+
178
+ exports[`AvatarTeam component should the size is xmedium 1`] = `
179
+ <span
180
+ className="container xmedium primary"
181
+ data-id="avatarTeamComp"
182
+ >
183
+ <div
184
+ className="avatar xmedium xmedium circle primary text_black
185
+ border"
186
+ data-id="Avatar"
187
+ data-title="vimalesan a"
188
+ onClick={[Function]}
189
+ >
190
+ <span
191
+ className="initial initialTxt"
192
+ data-id="Avatar_AvatarInitial"
193
+ >
194
+ VA
195
+ </span>
196
+ </div>
197
+ <span
198
+ className="team nofill"
199
+ />
200
+ </span>
201
+ `;
202
+
203
+ exports[`AvatarTeam component should the size is xsmall 1`] = `
204
+ <span
205
+ className="container xsmall primary"
206
+ data-id="avatarTeamComp"
207
+ >
208
+ <div
209
+ className="avatar xsmall xsmall circle primary text_black
210
+ border"
211
+ data-id="Avatar"
212
+ data-title="vimalesan a"
213
+ onClick={[Function]}
214
+ >
215
+ <span
216
+ className="initial initialTxt"
217
+ data-id="Avatar_AvatarInitial"
218
+ >
219
+ VA
220
+ </span>
221
+ </div>
222
+ <span
223
+ className="team nofill"
224
+ />
225
+ </span>
226
+ `;
@@ -3,10 +3,10 @@ import React from 'react';
3
3
  import { defaultProps } from './props/defaultProps';
4
4
  import { propTypes } from './props/propTypes';
5
5
  import style from './Button.module.css';
6
- /*
7
- Button text and children props?
8
- use children for both cases
9
- toLowerCase check needed?
6
+ /*
7
+ Button text and children props?
8
+ use children for both cases
9
+ toLowerCase check needed?
10
10
  */
11
11
  /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['small','medium','large','xlarge','button_medium','button_small','primary','primaryfilled','danger','dangerfilled','plainprimary', 'plainsecondary', 'secondary', 'secondaryfilled', 'successFilled','tertiaryFilled'] }] */
12
12
  export default class Button extends React.Component {