@zohodesk/components 1.0.0-temp-148 → 1.0.0-temp-150

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 (306) hide show
  1. package/README.md +1195 -1191
  2. package/assets/Appearance/dark/mode/darkMode.module.css +38 -38
  3. package/assets/Appearance/dark/themes/blue/blueDarkCTAModifyCategory.module.css +120 -0
  4. package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +7 -7
  5. package/assets/Appearance/dark/themes/green/greenDarkCTAModifyCategory.module.css +120 -0
  6. package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +7 -7
  7. package/assets/Appearance/dark/themes/orange/orangeDarkCTAModifyCategory.module.css +120 -0
  8. package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +7 -7
  9. package/assets/Appearance/dark/themes/red/redDarkCTAModifyCategory.module.css +120 -0
  10. package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +7 -7
  11. package/assets/Appearance/dark/themes/yellow/yellowDarkCTAModifyCategory.module.css +120 -0
  12. package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +7 -7
  13. package/assets/Appearance/default/mode/defaultMode.module.css +38 -38
  14. package/assets/Appearance/default/themes/blue/blueDefaultCTAModifyCategory.module.css +120 -0
  15. package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +7 -7
  16. package/assets/Appearance/default/themes/green/greenDefaultCTAModifyCategory.module.css +120 -0
  17. package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +7 -7
  18. package/assets/Appearance/default/themes/orange/orangeDefaultCTAModifyCategory.module.css +120 -0
  19. package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +7 -7
  20. package/assets/Appearance/default/themes/red/redDefaultCTAModifyCategory.module.css +120 -0
  21. package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +7 -7
  22. package/assets/Appearance/default/themes/yellow/yellowDefaultCTAModifyCategory.module.css +120 -0
  23. package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +7 -7
  24. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +39 -39
  25. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTAModifyCategory.module.css +120 -0
  26. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +7 -7
  27. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTAModifyCategory.module.css +120 -0
  28. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +7 -7
  29. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTAModifyCategory.module.css +120 -0
  30. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +7 -7
  31. package/assets/Appearance/pureDark/themes/red/redPureDarkCTAModifyCategory.module.css +120 -0
  32. package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +7 -7
  33. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTAModifyCategory.module.css +120 -0
  34. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +7 -7
  35. package/assets/Contrast/darkContrastLightness.module.css +10 -4
  36. package/assets/Contrast/defaultContrastLightness.module.css +11 -5
  37. package/assets/Contrast/pureDarkContrastLightness.module.css +10 -4
  38. package/es/AppContainer/AppContainer.module.css +18 -18
  39. package/es/Avatar/Avatar.js +9 -9
  40. package/es/Avatar/Avatar.module.css +175 -175
  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 +48 -51
  46. package/es/Button/{Button.module.css → css/Button.module.css} +525 -543
  47. package/es/Button/css/cssJSLogic.js +53 -0
  48. package/es/Button/index.js +2 -0
  49. package/es/Button/props/propTypes.js +3 -1
  50. package/es/Buttongroup/Buttongroup.js +1 -1
  51. package/es/Buttongroup/Buttongroup.module.css +106 -106
  52. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  53. package/es/Card/Card.js +4 -4
  54. package/es/Card/Card.module.css +20 -20
  55. package/es/CheckBox/CheckBox.js +0 -0
  56. package/es/CheckBox/CheckBox.module.css +157 -157
  57. package/es/DateTime/CalendarView.js +0 -0
  58. package/es/DateTime/DateTime.js +5 -25
  59. package/es/DateTime/DateTime.module.css +235 -235
  60. package/es/DateTime/DateWidget.js +0 -0
  61. package/es/DateTime/DateWidget.module.css +38 -38
  62. package/es/DateTime/YearView.js +0 -0
  63. package/es/DateTime/YearView.module.css +98 -98
  64. package/es/DateTime/common.js +0 -0
  65. package/es/DateTime/dateFormatUtils/dateFormats.js +3 -2
  66. package/es/DateTime/dateFormatUtils/index.js +27 -0
  67. package/es/DateTime/index.js +0 -0
  68. package/es/DateTime/objectUtils.js +0 -0
  69. package/es/DateTime/typeChecker.js +0 -0
  70. package/es/DateTime/validator.js +0 -0
  71. package/es/DropBox/DropBox.js +3 -5
  72. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +427 -427
  73. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  74. package/es/DropBox/css/DropBox.module.css +58 -58
  75. package/es/DropDown/DropDown.js +0 -0
  76. package/es/DropDown/DropDown.module.css +5 -5
  77. package/es/DropDown/DropDownHeading.js +0 -0
  78. package/es/DropDown/DropDownHeading.module.css +53 -53
  79. package/es/DropDown/DropDownItem.js +0 -0
  80. package/es/DropDown/DropDownItem.module.css +94 -94
  81. package/es/DropDown/DropDownSearch.js +0 -0
  82. package/es/DropDown/DropDownSearch.module.css +14 -14
  83. package/es/DropDown/DropDownSeparator.js +0 -0
  84. package/es/DropDown/DropDownSeparator.module.css +7 -7
  85. package/es/Heading/Heading.module.css +4 -4
  86. package/es/Label/Label.js +2 -2
  87. package/es/Label/Label.module.css +52 -52
  88. package/es/Label/LabelColors.module.css +20 -20
  89. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  90. package/es/Layout/Box.js +0 -0
  91. package/es/Layout/Container.js +0 -0
  92. package/es/Layout/Layout.module.css +335 -335
  93. package/es/Layout/utils.js +0 -0
  94. package/es/ListItem/ListItem.js +0 -0
  95. package/es/ListItem/ListItem.module.css +216 -216
  96. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  97. package/es/MultiSelect/AdvancedMultiSelect.js +0 -2
  98. package/es/MultiSelect/MultiSelect.js +5 -8
  99. package/es/MultiSelect/MultiSelect.module.css +205 -205
  100. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  101. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  102. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  103. package/es/PopOver/PopOver.module.css +8 -8
  104. package/es/Popup/Popup.js +2 -3
  105. package/es/Popup/PositionMapping.json +73 -73
  106. package/es/Radio/Radio.js +0 -0
  107. package/es/Radio/Radio.module.css +112 -112
  108. package/es/Responsive/CustomResponsive.js +0 -0
  109. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  110. package/es/Ribbon/Ribbon.js +0 -0
  111. package/es/Ribbon/Ribbon.module.css +454 -454
  112. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  113. package/es/RippleEffect/RippleEffect.module.css +92 -92
  114. package/es/Select/GroupSelect.js +0 -0
  115. package/es/Select/Select.js +0 -0
  116. package/es/Select/Select.module.css +108 -108
  117. package/es/Select/SelectWithAvatar.js +0 -0
  118. package/es/Select/SelectWithIcon.js +0 -0
  119. package/es/Select/__tests__/Select.spec.js +0 -0
  120. package/es/Stencils/Stencils.js +0 -0
  121. package/es/Stencils/Stencils.module.css +96 -96
  122. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  123. package/es/Switch/Switch.js +0 -0
  124. package/es/Switch/Switch.module.css +127 -127
  125. package/es/Tab/Tab.module.css +100 -100
  126. package/es/Tab/TabContent.module.css +4 -4
  127. package/es/Tab/Tabs.js +19 -19
  128. package/es/Tab/Tabs.module.css +143 -143
  129. package/es/Tag/Tag.js +8 -8
  130. package/es/Tag/Tag.module.css +254 -254
  131. package/es/Text/Text.js +37 -0
  132. package/es/Text/Text.module.css +21 -0
  133. package/es/Text/props/defaultProps.js +7 -0
  134. package/es/Text/props/propTypes.js +11 -0
  135. package/es/TextBox/TextBox.js +0 -0
  136. package/es/TextBox/TextBox.module.css +157 -157
  137. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  138. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  139. package/es/TextBoxIcon/TextBoxIcon.module.css +78 -78
  140. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  141. package/es/Textarea/Textarea.js +0 -0
  142. package/es/Textarea/Textarea.module.css +139 -139
  143. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  144. package/es/Tooltip/Tooltip.module.css +133 -133
  145. package/es/common/a11y.module.css +3 -3
  146. package/es/common/animation.module.css +624 -624
  147. package/es/common/avatarsizes.module.css +48 -48
  148. package/es/common/basic.module.css +33 -33
  149. package/es/common/basicReset.module.css +40 -40
  150. package/es/common/boxShadow.module.css +33 -33
  151. package/es/common/common.module.css +524 -524
  152. package/es/common/customscroll.module.css +89 -89
  153. package/es/common/reset.module.css +12 -12
  154. package/es/common/transition.module.css +146 -146
  155. package/es/deprecated/AdvancedMultiSelect.module.css +126 -126
  156. package/es/index.js +2 -1
  157. package/es/semantic/Button/semanticButton.module.css +9 -9
  158. package/es/utils/Common.js +4 -0
  159. package/es/utils/dropDownUtils.js +0 -0
  160. package/install.md +10 -10
  161. package/lib/AppContainer/AppContainer.module.css +18 -18
  162. package/lib/Avatar/Avatar.js +9 -9
  163. package/lib/Avatar/Avatar.module.css +175 -175
  164. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  165. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  166. package/lib/AvatarTeam/AvatarTeam.module.css +188 -188
  167. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  168. package/lib/Button/Button.js +47 -76
  169. package/lib/Button/{Button.module.css → css/Button.module.css} +525 -543
  170. package/lib/Button/css/cssJSLogic.js +40 -0
  171. package/lib/Button/index.js +20 -0
  172. package/lib/Button/props/propTypes.js +5 -2
  173. package/lib/Buttongroup/Buttongroup.js +1 -1
  174. package/lib/Buttongroup/Buttongroup.module.css +106 -106
  175. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  176. package/lib/Card/Card.js +4 -4
  177. package/lib/Card/Card.module.css +20 -20
  178. package/lib/CheckBox/CheckBox.js +0 -0
  179. package/lib/CheckBox/CheckBox.module.css +157 -157
  180. package/lib/DateTime/CalendarView.js +0 -0
  181. package/lib/DateTime/DateTime.js +5 -24
  182. package/lib/DateTime/DateTime.module.css +235 -235
  183. package/lib/DateTime/DateTimePopupFooter.js +1 -1
  184. package/lib/DateTime/DateTimePopupHeader.js +1 -1
  185. package/lib/DateTime/DateWidget.js +1 -1
  186. package/lib/DateTime/DateWidget.module.css +38 -38
  187. package/lib/DateTime/DaysRow.js +1 -1
  188. package/lib/DateTime/Time.js +1 -1
  189. package/lib/DateTime/YearView.js +1 -1
  190. package/lib/DateTime/YearView.module.css +98 -98
  191. package/lib/DateTime/common.js +0 -0
  192. package/lib/DateTime/dateFormatUtils/dateFormats.js +3 -2
  193. package/lib/DateTime/dateFormatUtils/index.js +31 -3
  194. package/lib/DateTime/dateFormatUtils/timeChange.js +1 -1
  195. package/lib/DateTime/index.js +0 -0
  196. package/lib/DateTime/objectUtils.js +0 -0
  197. package/lib/DateTime/typeChecker.js +0 -0
  198. package/lib/DateTime/validator.js +0 -0
  199. package/lib/DropBox/DropBox.js +3 -5
  200. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +427 -427
  201. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  202. package/lib/DropBox/css/DropBox.module.css +58 -58
  203. package/lib/DropDown/DropDown.js +0 -0
  204. package/lib/DropDown/DropDown.module.css +5 -5
  205. package/lib/DropDown/DropDownHeading.js +0 -0
  206. package/lib/DropDown/DropDownHeading.module.css +53 -53
  207. package/lib/DropDown/DropDownItem.js +0 -0
  208. package/lib/DropDown/DropDownItem.module.css +94 -94
  209. package/lib/DropDown/DropDownSearch.js +0 -0
  210. package/lib/DropDown/DropDownSearch.module.css +14 -14
  211. package/lib/DropDown/DropDownSeparator.js +0 -0
  212. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  213. package/lib/Heading/Heading.module.css +4 -4
  214. package/lib/Label/Label.js +3 -1
  215. package/lib/Label/Label.module.css +52 -52
  216. package/lib/Label/LabelColors.module.css +20 -20
  217. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  218. package/lib/Layout/Box.js +0 -0
  219. package/lib/Layout/Container.js +0 -0
  220. package/lib/Layout/Layout.module.css +335 -335
  221. package/lib/Layout/utils.js +0 -0
  222. package/lib/ListItem/ListContainer.js +1 -1
  223. package/lib/ListItem/ListItem.js +1 -1
  224. package/lib/ListItem/ListItem.module.css +216 -216
  225. package/lib/ListItem/ListItemWithAvatar.js +1 -1
  226. package/lib/ListItem/ListItemWithIcon.js +1 -1
  227. package/lib/Modal/Modal.js +1 -1
  228. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +6 -6
  229. package/lib/MultiSelect/AdvancedMultiSelect.js +1 -3
  230. package/lib/MultiSelect/EmptyState.js +1 -1
  231. package/lib/MultiSelect/MultiSelect.js +6 -9
  232. package/lib/MultiSelect/MultiSelect.module.css +205 -205
  233. package/lib/MultiSelect/MultiSelectHeader.js +1 -1
  234. package/lib/MultiSelect/MultiSelectWithAvatar.js +1 -1
  235. package/lib/MultiSelect/SelectedOptions.js +1 -1
  236. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  237. package/lib/MultiSelect/Suggestions.js +1 -1
  238. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  239. package/lib/PopOver/PopOver.module.css +8 -8
  240. package/lib/Popup/Popup.js +2 -3
  241. package/lib/Popup/PositionMapping.json +73 -73
  242. package/lib/Popup/__tests__/Popup.spec.js +1 -1
  243. package/lib/Radio/Radio.js +1 -1
  244. package/lib/Radio/Radio.module.css +112 -112
  245. package/lib/Responsive/CustomResponsive.js +0 -1
  246. package/lib/Responsive/ResizeComponent.js +3 -1
  247. package/lib/Responsive/Responsive.js +1 -1
  248. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  249. package/lib/Ribbon/Ribbon.js +1 -1
  250. package/lib/Ribbon/Ribbon.module.css +454 -454
  251. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  252. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  253. package/lib/Select/GroupSelect.js +1 -1
  254. package/lib/Select/Select.js +1 -2
  255. package/lib/Select/Select.module.css +108 -108
  256. package/lib/Select/SelectWithAvatar.js +1 -1
  257. package/lib/Select/SelectWithIcon.js +1 -1
  258. package/lib/Select/__tests__/Select.spec.js +1 -1
  259. package/lib/Stencils/Stencils.js +1 -1
  260. package/lib/Stencils/Stencils.module.css +96 -96
  261. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  262. package/lib/Switch/Switch.js +0 -0
  263. package/lib/Switch/Switch.module.css +127 -127
  264. package/lib/Tab/Tab.js +1 -1
  265. package/lib/Tab/Tab.module.css +100 -100
  266. package/lib/Tab/TabContent.module.css +4 -4
  267. package/lib/Tab/Tabs.js +19 -13
  268. package/lib/Tab/Tabs.module.css +143 -143
  269. package/lib/Tag/Tag.js +8 -8
  270. package/lib/Tag/Tag.module.css +254 -254
  271. package/lib/Text/Text.js +65 -0
  272. package/lib/Text/Text.module.css +21 -0
  273. package/lib/Text/props/defaultProps.js +14 -0
  274. package/lib/Text/props/propTypes.js +19 -0
  275. package/lib/TextBox/TextBox.js +1 -1
  276. package/lib/TextBox/TextBox.module.css +157 -157
  277. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  278. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  279. package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -78
  280. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -1
  281. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  282. package/lib/Textarea/Textarea.js +1 -1
  283. package/lib/Textarea/Textarea.module.css +139 -139
  284. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  285. package/lib/Tooltip/Tooltip.module.css +133 -133
  286. package/lib/common/a11y.module.css +3 -3
  287. package/lib/common/animation.module.css +624 -624
  288. package/lib/common/avatarsizes.module.css +48 -48
  289. package/lib/common/basic.module.css +33 -33
  290. package/lib/common/basicReset.module.css +40 -40
  291. package/lib/common/boxShadow.module.css +33 -33
  292. package/lib/common/common.module.css +524 -524
  293. package/lib/common/customscroll.module.css +89 -89
  294. package/lib/common/reset.module.css +12 -12
  295. package/lib/common/transition.module.css +146 -146
  296. package/lib/deprecated/AdvancedMultiSelect.module.css +126 -126
  297. package/lib/deprecated/PortalLayer/PortalLayer.js +1 -1
  298. package/lib/index.js +9 -1
  299. package/lib/semantic/Button/semanticButton.module.css +9 -9
  300. package/lib/utils/Common.js +7 -1
  301. package/lib/utils/dropDownUtils.js +1 -1
  302. package/package.json +102 -102
  303. package/es/Button/__tests__/Button.spec.js +0 -190
  304. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +0 -191
  305. package/lib/Button/__tests__/Button.spec.js +0 -193
  306. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +0 -191
@@ -1,191 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Button component should is not bold 1`] = `
4
- <button
5
- className=" primary medium "
6
- data-id="buttonComp"
7
- disabled={false}
8
- onClick={[Function]}
9
- type="button"
10
- >
11
- secondaryFilled
12
- </button>
13
- `;
14
-
15
- exports[`Button component should is rounded 1`] = `
16
- <button
17
- className=" primary rounded medium bold "
18
- data-id="buttonComp"
19
- disabled={false}
20
- onClick={[Function]}
21
- type="button"
22
- >
23
- secondaryFilled
24
- </button>
25
- `;
26
-
27
- exports[`Button component should the palette is danger 1`] = `
28
- <button
29
- className=" danger medium bold "
30
- data-id="buttonComp"
31
- disabled={false}
32
- onClick={[Function]}
33
- type="button"
34
- >
35
- danger
36
- </button>
37
- `;
38
-
39
- exports[`Button component should the palette is dangerFilled 1`] = `
40
- <button
41
- className=" dangerfilled medium bold "
42
- data-id="buttonComp"
43
- disabled={false}
44
- onClick={[Function]}
45
- type="button"
46
- >
47
- dangerFilled
48
- </button>
49
- `;
50
-
51
- exports[`Button component should the palette is plainPrimary 1`] = `
52
- <button
53
- className=" plainprimary medium bold "
54
- data-id="buttonComp"
55
- disabled={false}
56
- onClick={[Function]}
57
- type="button"
58
- >
59
- primary
60
- </button>
61
- `;
62
-
63
- exports[`Button component should the palette is plainSecondary 1`] = `
64
- <button
65
- className=" plainsecondary medium bold "
66
- data-id="buttonComp"
67
- disabled={false}
68
- onClick={[Function]}
69
- type="button"
70
- >
71
- plainSecondary
72
- </button>
73
- `;
74
-
75
- exports[`Button component should the palette is primaryFilled 1`] = `
76
- <button
77
- className=" primaryfilled medium bold "
78
- data-id="buttonComp"
79
- disabled={false}
80
- onClick={[Function]}
81
- type="button"
82
- >
83
- primaryFilled
84
- </button>
85
- `;
86
-
87
- exports[`Button component should the palette is secondary 1`] = `
88
- <button
89
- className=" secondary medium bold "
90
- data-id="buttonComp"
91
- disabled={false}
92
- onClick={[Function]}
93
- type="button"
94
- >
95
- secondary
96
- </button>
97
- `;
98
-
99
- exports[`Button component should the palette is secondaryFilled 1`] = `
100
- <button
101
- className=" secondaryfilled medium bold "
102
- data-id="buttonComp"
103
- disabled={false}
104
- onClick={[Function]}
105
- type="button"
106
- >
107
- secondaryFilled
108
- </button>
109
- `;
110
-
111
- exports[`Button component should the size is large 1`] = `
112
- <button
113
- className=" primary rounded large bold "
114
- data-id="buttonComp"
115
- disabled={false}
116
- onClick={[Function]}
117
- type="button"
118
- >
119
- large
120
- </button>
121
- `;
122
-
123
- exports[`Button component should the size is small 1`] = `
124
- <button
125
- className=" primary rounded small bold "
126
- data-id="buttonComp"
127
- disabled={false}
128
- onClick={[Function]}
129
- type="button"
130
- >
131
- small
132
- </button>
133
- `;
134
-
135
- exports[`Button component should the size is xlarge 1`] = `
136
- <button
137
- className=" primary rounded xlarge bold "
138
- data-id="buttonComp"
139
- disabled={false}
140
- onClick={[Function]}
141
- type="button"
142
- >
143
- xlarge
144
- </button>
145
- `;
146
-
147
- exports[`Button component should the status is loading 1`] = `
148
- <button
149
- className=" primary rounded medium bold "
150
- data-id="buttonComp"
151
- disabled={true}
152
- onClick={[Function]}
153
- type="button"
154
- >
155
- secondaryFilled
156
- <div
157
- className="overlay"
158
- >
159
- <div
160
- className="loading"
161
- >
162
- <div
163
- className="element"
164
- />
165
- </div>
166
- </div>
167
- </button>
168
- `;
169
-
170
- exports[`Button component should the status is success 1`] = `
171
- <button
172
- className=" primary rounded medium bold "
173
- data-id="buttonComp"
174
- disabled={false}
175
- onClick={[Function]}
176
- type="button"
177
- >
178
- secondaryFilled
179
- <div
180
- className="overlay"
181
- >
182
- <div
183
- className="success"
184
- >
185
- <div
186
- className="element"
187
- />
188
- </div>
189
- </div>
190
- </button>
191
- `;