@zohodesk/components 1.0.0-temp-180 → 1.0.0-temp-181

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 (305) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/PropUnificationExcludeFilesArray.js +230 -230
  3. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  4. package/.cli/propValidation_report.html +1 -1
  5. package/README.md +1363 -1363
  6. package/css_error.log +1 -1
  7. package/es/AppContainer/AppContainer.module.css +18 -18
  8. package/es/Avatar/Avatar.js +10 -11
  9. package/es/Avatar/Avatar.module.css +187 -187
  10. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  11. package/es/AvatarTeam/AvatarTeam.js +7 -7
  12. package/es/AvatarTeam/AvatarTeam.module.css +191 -191
  13. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -705
  14. package/es/Button/Button.js +4 -4
  15. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  16. package/es/Button/css/Button.module.css +533 -533
  17. package/es/Buttongroup/Buttongroup.js +1 -1
  18. package/es/Buttongroup/Buttongroup.module.css +107 -106
  19. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  20. package/es/Card/Card.js +4 -4
  21. package/es/Card/Card.module.css +20 -20
  22. package/es/CheckBox/CheckBox.js +0 -0
  23. package/es/CheckBox/CheckBox.module.css +159 -159
  24. package/es/DateTime/CalendarView.js +0 -0
  25. package/es/DateTime/DateTime.js +0 -0
  26. package/es/DateTime/DateTime.module.css +249 -249
  27. package/es/DateTime/DateWidget.js +0 -0
  28. package/es/DateTime/DateWidget.module.css +38 -38
  29. package/es/DateTime/YearView.js +0 -0
  30. package/es/DateTime/YearView.module.css +98 -98
  31. package/es/DateTime/common.js +0 -0
  32. package/es/DateTime/index.js +0 -0
  33. package/es/DateTime/objectUtils.js +0 -0
  34. package/es/DateTime/typeChecker.js +0 -0
  35. package/es/DateTime/validator.js +0 -0
  36. package/es/DropBox/DropBox.js +0 -0
  37. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +441 -438
  38. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  39. package/es/DropBox/css/DropBox.module.css +59 -59
  40. package/es/DropDown/DropDown.js +0 -0
  41. package/es/DropDown/DropDown.module.css +5 -5
  42. package/es/DropDown/DropDownHeading.js +0 -0
  43. package/es/DropDown/DropDownHeading.module.css +59 -59
  44. package/es/DropDown/DropDownItem.js +0 -0
  45. package/es/DropDown/DropDownItem.module.css +97 -97
  46. package/es/DropDown/DropDownSearch.js +0 -0
  47. package/es/DropDown/DropDownSearch.module.css +14 -14
  48. package/es/DropDown/DropDownSeparator.js +0 -0
  49. package/es/DropDown/DropDownSeparator.module.css +7 -7
  50. package/es/Heading/Heading.module.css +4 -4
  51. package/es/Label/Label.js +2 -2
  52. package/es/Label/Label.module.css +53 -53
  53. package/es/Label/LabelColors.module.css +20 -20
  54. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  55. package/es/Layout/Box.js +0 -0
  56. package/es/Layout/Container.js +0 -0
  57. package/es/Layout/Layout.module.css +335 -335
  58. package/es/Layout/utils.js +0 -0
  59. package/es/ListItem/ListContainer.js +1 -1
  60. package/es/ListItem/ListItem.js +0 -0
  61. package/es/ListItem/ListItem.module.css +237 -226
  62. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  63. package/es/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  64. package/es/MultiSelect/MultiSelect.js +5 -5
  65. package/es/MultiSelect/MultiSelect.module.css +204 -204
  66. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  67. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  68. package/es/MultiSelect/Suggestions.js +1 -2
  69. package/es/PopOver/PopOver.module.css +9 -9
  70. package/es/Popup/Popup.js +0 -0
  71. package/es/Popup/PositionMapping.json +73 -73
  72. package/es/Radio/Radio.js +0 -0
  73. package/es/Radio/Radio.module.css +113 -113
  74. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  75. package/es/Responsive/CustomResponsive.js +0 -0
  76. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  77. package/es/Ribbon/Ribbon.js +0 -0
  78. package/es/Ribbon/Ribbon.module.css +458 -457
  79. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  80. package/es/RippleEffect/RippleEffect.module.css +92 -92
  81. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  82. package/es/Select/GroupSelect.js +0 -0
  83. package/es/Select/Select.js +2 -3
  84. package/es/Select/Select.module.css +108 -108
  85. package/es/Select/SelectWithAvatar.js +0 -0
  86. package/es/Select/SelectWithIcon.js +0 -0
  87. package/es/Stencils/Stencils.js +0 -0
  88. package/es/Stencils/Stencils.module.css +96 -96
  89. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  90. package/es/Switch/Switch.js +2 -2
  91. package/es/Switch/Switch.module.css +129 -129
  92. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  93. package/es/Tab/Tab.module.css +100 -100
  94. package/es/Tab/TabContent.module.css +4 -4
  95. package/es/Tab/Tabs.js +17 -17
  96. package/es/Tab/Tabs.module.css +136 -136
  97. package/es/Tag/Tag.js +8 -8
  98. package/es/Tag/Tag.module.css +260 -259
  99. package/es/TextBox/TextBox.js +0 -0
  100. package/es/TextBox/TextBox.module.css +178 -178
  101. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  102. package/es/TextBoxIcon/TextBoxIcon.module.css +84 -84
  103. package/es/Textarea/Textarea.js +0 -0
  104. package/es/Textarea/Textarea.module.css +145 -145
  105. package/es/Tooltip/Tooltip.module.css +144 -144
  106. package/es/common/a11y.module.css +3 -3
  107. package/es/common/animation.module.css +624 -624
  108. package/es/common/avatarsizes.module.css +48 -48
  109. package/es/common/basic.module.css +33 -33
  110. package/es/common/basicReset.module.css +40 -40
  111. package/es/common/boxShadow.module.css +33 -33
  112. package/es/common/common.module.css +524 -524
  113. package/es/common/customscroll.module.css +128 -128
  114. package/es/common/reset.module.css +13 -13
  115. package/es/common/transition.module.css +146 -146
  116. package/es/semantic/Button/semanticButton.module.css +9 -9
  117. package/es/utils/Common.js +0 -0
  118. package/es/utils/dropDownUtils.js +0 -0
  119. package/es/v1/Avatar/Avatar.js +6 -7
  120. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  121. package/es/v1/Button/Button.js +4 -4
  122. package/es/v1/Card/Card.js +4 -4
  123. package/es/v1/CheckBox/CheckBox.js +0 -0
  124. package/es/v1/DateTime/DateTime.js +0 -0
  125. package/es/v1/DateTime/DateWidget.js +0 -0
  126. package/es/v1/DateTime/YearView.js +0 -0
  127. package/es/v1/DateTime/index.js +0 -0
  128. package/es/v1/DropBox/DropBox.js +0 -0
  129. package/es/v1/DropDown/DropDown.js +0 -0
  130. package/es/v1/DropDown/DropDownHeading.js +0 -0
  131. package/es/v1/DropDown/DropDownItem.js +0 -0
  132. package/es/v1/DropDown/DropDownSearch.js +0 -0
  133. package/es/v1/DropDown/DropDownSeparator.js +0 -0
  134. package/es/v1/Layout/Box.js +0 -0
  135. package/es/v1/Layout/Container.js +0 -0
  136. package/es/v1/ListItem/ListContainer.js +1 -1
  137. package/es/v1/ListItem/ListItem.js +0 -0
  138. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  139. package/es/v1/MultiSelect/MultiSelect.js +5 -5
  140. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  141. package/es/v1/MultiSelect/Suggestions.js +1 -2
  142. package/es/v1/Radio/Radio.js +0 -0
  143. package/es/v1/Responsive/CustomResponsive.js +0 -0
  144. package/es/v1/Select/GroupSelect.js +0 -0
  145. package/es/v1/Select/Select.js +2 -3
  146. package/es/v1/Select/SelectWithAvatar.js +0 -0
  147. package/es/v1/Select/SelectWithIcon.js +0 -0
  148. package/es/v1/Switch/Switch.js +2 -2
  149. package/es/v1/Tab/Tabs.js +17 -17
  150. package/es/v1/Tag/Tag.js +8 -8
  151. package/es/v1/TextBox/TextBox.js +0 -0
  152. package/es/v1/Typography/css/Typography.module.css +380 -380
  153. package/install.md +10 -10
  154. package/lib/AppContainer/AppContainer.module.css +18 -18
  155. package/lib/Avatar/Avatar.js +10 -11
  156. package/lib/Avatar/Avatar.module.css +187 -187
  157. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  158. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  159. package/lib/AvatarTeam/AvatarTeam.module.css +191 -191
  160. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -705
  161. package/lib/Button/Button.js +4 -4
  162. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  163. package/lib/Button/css/Button.module.css +533 -533
  164. package/lib/Buttongroup/Buttongroup.js +1 -1
  165. package/lib/Buttongroup/Buttongroup.module.css +107 -106
  166. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  167. package/lib/Card/Card.js +4 -4
  168. package/lib/Card/Card.module.css +20 -20
  169. package/lib/CheckBox/CheckBox.js +0 -0
  170. package/lib/CheckBox/CheckBox.module.css +159 -159
  171. package/lib/DateTime/CalendarView.js +0 -0
  172. package/lib/DateTime/DateTime.js +0 -0
  173. package/lib/DateTime/DateTime.module.css +249 -249
  174. package/lib/DateTime/DateWidget.js +0 -0
  175. package/lib/DateTime/DateWidget.module.css +38 -38
  176. package/lib/DateTime/YearView.js +0 -0
  177. package/lib/DateTime/YearView.module.css +98 -98
  178. package/lib/DateTime/common.js +0 -0
  179. package/lib/DateTime/index.js +0 -0
  180. package/lib/DateTime/objectUtils.js +0 -0
  181. package/lib/DateTime/typeChecker.js +0 -0
  182. package/lib/DateTime/validator.js +0 -0
  183. package/lib/DropBox/DropBox.js +0 -0
  184. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +441 -438
  185. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  186. package/lib/DropBox/css/DropBox.module.css +59 -59
  187. package/lib/DropDown/DropDown.js +0 -0
  188. package/lib/DropDown/DropDown.module.css +5 -5
  189. package/lib/DropDown/DropDownHeading.js +0 -0
  190. package/lib/DropDown/DropDownHeading.module.css +59 -59
  191. package/lib/DropDown/DropDownItem.js +0 -0
  192. package/lib/DropDown/DropDownItem.module.css +97 -97
  193. package/lib/DropDown/DropDownSearch.js +0 -0
  194. package/lib/DropDown/DropDownSearch.module.css +14 -14
  195. package/lib/DropDown/DropDownSeparator.js +0 -0
  196. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  197. package/lib/Heading/Heading.module.css +4 -4
  198. package/lib/Label/Label.js +0 -0
  199. package/lib/Label/Label.module.css +53 -53
  200. package/lib/Label/LabelColors.module.css +20 -20
  201. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  202. package/lib/Layout/Box.js +0 -0
  203. package/lib/Layout/Container.js +0 -0
  204. package/lib/Layout/Layout.module.css +335 -335
  205. package/lib/Layout/utils.js +0 -0
  206. package/lib/ListItem/ListContainer.js +1 -1
  207. package/lib/ListItem/ListItem.js +0 -0
  208. package/lib/ListItem/ListItem.module.css +237 -226
  209. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  210. package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  211. package/lib/MultiSelect/MultiSelect.js +5 -5
  212. package/lib/MultiSelect/MultiSelect.module.css +204 -204
  213. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  214. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  215. package/lib/MultiSelect/Suggestions.js +1 -2
  216. package/lib/PopOver/PopOver.module.css +9 -9
  217. package/lib/Popup/Popup.js +0 -0
  218. package/lib/Popup/PositionMapping.json +73 -73
  219. package/lib/Radio/Radio.js +0 -0
  220. package/lib/Radio/Radio.module.css +113 -113
  221. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  222. package/lib/Responsive/CustomResponsive.js +0 -0
  223. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  224. package/lib/Ribbon/Ribbon.js +0 -0
  225. package/lib/Ribbon/Ribbon.module.css +458 -457
  226. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  227. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  228. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  229. package/lib/Select/GroupSelect.js +0 -0
  230. package/lib/Select/Select.js +2 -3
  231. package/lib/Select/Select.module.css +108 -108
  232. package/lib/Select/SelectWithAvatar.js +0 -0
  233. package/lib/Select/SelectWithIcon.js +0 -0
  234. package/lib/Stencils/Stencils.js +0 -0
  235. package/lib/Stencils/Stencils.module.css +96 -96
  236. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  237. package/lib/Switch/Switch.js +2 -2
  238. package/lib/Switch/Switch.module.css +129 -129
  239. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  240. package/lib/Tab/Tab.module.css +100 -100
  241. package/lib/Tab/TabContent.module.css +4 -4
  242. package/lib/Tab/Tabs.js +11 -11
  243. package/lib/Tab/Tabs.module.css +136 -136
  244. package/lib/Tag/Tag.js +8 -8
  245. package/lib/Tag/Tag.module.css +260 -259
  246. package/lib/TextBox/TextBox.js +0 -0
  247. package/lib/TextBox/TextBox.module.css +178 -178
  248. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  249. package/lib/TextBoxIcon/TextBoxIcon.module.css +84 -84
  250. package/lib/Textarea/Textarea.js +0 -0
  251. package/lib/Textarea/Textarea.module.css +145 -145
  252. package/lib/Tooltip/Tooltip.module.css +144 -144
  253. package/lib/common/a11y.module.css +3 -3
  254. package/lib/common/animation.module.css +624 -624
  255. package/lib/common/avatarsizes.module.css +48 -48
  256. package/lib/common/basic.module.css +33 -33
  257. package/lib/common/basicReset.module.css +40 -40
  258. package/lib/common/boxShadow.module.css +33 -33
  259. package/lib/common/common.module.css +524 -524
  260. package/lib/common/customscroll.module.css +128 -128
  261. package/lib/common/reset.module.css +13 -13
  262. package/lib/common/transition.module.css +146 -146
  263. package/lib/semantic/Button/semanticButton.module.css +9 -9
  264. package/lib/utils/Common.js +0 -0
  265. package/lib/utils/dropDownUtils.js +0 -0
  266. package/lib/v1/Avatar/Avatar.js +6 -7
  267. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  268. package/lib/v1/Button/Button.js +4 -4
  269. package/lib/v1/Card/Card.js +4 -4
  270. package/lib/v1/CheckBox/CheckBox.js +0 -0
  271. package/lib/v1/DateTime/DateTime.js +0 -0
  272. package/lib/v1/DateTime/DateWidget.js +0 -0
  273. package/lib/v1/DateTime/YearView.js +0 -0
  274. package/lib/v1/DateTime/index.js +0 -0
  275. package/lib/v1/DropBox/DropBox.js +0 -0
  276. package/lib/v1/DropDown/DropDown.js +0 -0
  277. package/lib/v1/DropDown/DropDownHeading.js +0 -0
  278. package/lib/v1/DropDown/DropDownItem.js +0 -0
  279. package/lib/v1/DropDown/DropDownSearch.js +0 -0
  280. package/lib/v1/DropDown/DropDownSeparator.js +0 -0
  281. package/lib/v1/Layout/Box.js +0 -0
  282. package/lib/v1/Layout/Container.js +0 -0
  283. package/lib/v1/ListItem/ListContainer.js +1 -1
  284. package/lib/v1/ListItem/ListItem.js +0 -0
  285. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  286. package/lib/v1/MultiSelect/MultiSelect.js +5 -5
  287. package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  288. package/lib/v1/MultiSelect/Suggestions.js +1 -2
  289. package/lib/v1/Radio/Radio.js +0 -0
  290. package/lib/v1/Responsive/CustomResponsive.js +0 -0
  291. package/lib/v1/Select/GroupSelect.js +0 -0
  292. package/lib/v1/Select/Select.js +2 -3
  293. package/lib/v1/Select/SelectWithAvatar.js +0 -0
  294. package/lib/v1/Select/SelectWithIcon.js +0 -0
  295. package/lib/v1/Switch/Switch.js +2 -2
  296. package/lib/v1/Tab/Tabs.js +11 -11
  297. package/lib/v1/Tag/Tag.js +8 -8
  298. package/lib/v1/TextBox/TextBox.js +0 -0
  299. package/lib/v1/Typography/css/Typography.module.css +380 -380
  300. package/package.json +95 -95
  301. package/postPublish.js +8 -8
  302. package/prePublish.js +70 -70
  303. package/propValidationArg.json +7 -7
  304. package/react-cli.config.js +23 -23
  305. package/result.json +1 -1
package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap CHANGED
@@ -1,440 +1,440 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Button component Should be render with the basic set customButtonclass with buttonClass 1`] = `
4
- <DocumentFragment>
5
- <button
6
- class="customButtonClass bold primary medium"
7
- data-id="buttonComp"
8
- data-selector-id="button"
9
- data-test-id="buttonComp"
10
- type="button"
11
- >
12
- Button
13
- </button>
14
- </DocumentFragment>
15
- `;
16
-
17
- exports[`Button component Should be render with the basic set customstatusSize props with buttonClass 1`] = `
18
- <DocumentFragment>
19
- <button
20
- class="bold primary medium"
21
- data-id="buttonComp"
22
- data-selector-id="button"
23
- data-test-id="buttonComp"
24
- type="button"
25
- >
26
- Button
27
- </button>
28
- </DocumentFragment>
29
- `;
30
-
31
- exports[`Button component Should be render with the basic set customstyle 1`] = `
32
- <DocumentFragment>
33
- <button
34
- class="bold buttonBold primary medium"
35
- data-id="buttonComp"
36
- data-selector-id="button"
37
- data-test-id="buttonComp"
38
- type="button"
39
- >
40
- Button
41
- </button>
42
- </DocumentFragment>
43
- `;
44
-
45
- exports[`Button component Should be render with the basic set of default props 1`] = `
46
- <DocumentFragment>
47
- <button
48
- class="bold primary medium"
49
- data-id="buttonComp"
50
- data-selector-id="button"
51
- data-test-id="buttonComp"
52
- type="button"
53
- >
54
- Button
55
- </button>
56
- </DocumentFragment>
57
- `;
58
-
59
- exports[`Button component Should be render with the basic set of default props with disabled is true 1`] = `
60
- <DocumentFragment>
61
- <button
62
- class="bold primary medium"
63
- data-id="buttonComp_disabled"
64
- data-selector-id="button"
65
- data-test-id="buttonComp_disabled"
66
- disabled=""
67
- type="button"
68
- >
69
- Button
70
- </button>
71
- </DocumentFragment>
72
- `;
73
-
74
- exports[`Button component Should be render with the basic set of default props with isBold is false 1`] = `
75
- <DocumentFragment>
76
- <button
77
- class="primary medium"
78
- data-id="buttonComp"
79
- data-selector-id="button"
80
- data-test-id="buttonComp"
81
- type="button"
82
- >
83
- Button
84
- </button>
85
- </DocumentFragment>
86
- `;
87
-
88
- exports[`Button component Should be render with the basic set of default props with needAppearance is false 1`] = `
89
- <DocumentFragment>
90
- <button
91
- class="bold"
92
- data-id="buttonComp"
93
- data-selector-id="button"
94
- data-test-id="buttonComp"
95
- type="button"
96
- >
97
- Button
98
- </button>
99
- </DocumentFragment>
100
- `;
101
-
102
- exports[`Button component Should be render with the basic set of default props with rounded is true 1`] = `
103
- <DocumentFragment>
104
- <button
105
- class="bold primary rounded medium"
106
- data-id="buttonComp"
107
- data-selector-id="button"
108
- data-test-id="buttonComp"
109
- type="button"
110
- >
111
- Button
112
- </button>
113
- </DocumentFragment>
114
- `;
115
-
116
- exports[`Button component Should be render with the customstyle with medium 1`] = `
117
- <DocumentFragment>
118
- <button
119
- class="bold primary buttonMedium"
120
- data-id="buttonComp"
121
- data-selector-id="button"
122
- data-test-id="buttonComp"
123
- type="button"
124
- >
125
- Button
126
- </button>
127
- </DocumentFragment>
128
- `;
129
-
130
- exports[`Button component Should render CustomStatusclassname of buttons - loading 1`] = `
131
- <DocumentFragment>
132
- <button
133
- class="bold primary medium loader"
134
- data-id="buttonComp"
135
- data-selector-id="button"
136
- data-test-id="buttonComp"
137
- disabled=""
138
- type="button"
139
- >
140
- Button
141
- <div
142
- class="overlay"
143
- >
144
- <div
145
- class="loading mediumloading"
146
- >
147
- <div
148
- class="customStautusClassName loadingelement primaryelement"
149
- />
150
- </div>
151
- </div>
152
- </button>
153
- </DocumentFragment>
154
- `;
155
-
156
- exports[`Button component Should render CustomStatusclassname of buttons - success 1`] = `
157
- <DocumentFragment>
158
- <button
159
- class="bold primary medium loader"
160
- data-id="buttonComp"
161
- data-selector-id="button"
162
- data-test-id="buttonComp"
163
- type="button"
164
- >
165
- Button
166
- <div
167
- class="overlay"
168
- >
169
- <div
170
- class="success"
171
- >
172
- <div
173
- class="customStautusClassName successelement primarysuccess"
174
- />
175
- </div>
176
- </div>
177
- </button>
178
- </DocumentFragment>
179
- `;
180
-
181
- exports[`Button component Should render Sizes of buttons - large 1`] = `
182
- <DocumentFragment>
183
- <button
184
- class="bold primary large"
185
- data-id="buttonComp"
186
- data-selector-id="button"
187
- data-test-id="buttonComp"
188
- type="button"
189
- >
190
- Button
191
- </button>
192
- </DocumentFragment>
193
- `;
194
-
195
- exports[`Button component Should render Sizes of buttons - medium 1`] = `
196
- <DocumentFragment>
197
- <button
198
- class="bold primary medium"
199
- data-id="buttonComp"
200
- data-selector-id="button"
201
- data-test-id="buttonComp"
202
- type="button"
203
- >
204
- Button
205
- </button>
206
- </DocumentFragment>
207
- `;
208
-
209
- exports[`Button component Should render Sizes of buttons - small 1`] = `
210
- <DocumentFragment>
211
- <button
212
- class="bold primary small"
213
- data-id="buttonComp"
214
- data-selector-id="button"
215
- data-test-id="buttonComp"
216
- type="button"
217
- >
218
- Button
219
- </button>
220
- </DocumentFragment>
221
- `;
222
-
223
- exports[`Button component Should render Sizes of buttons - xlarge 1`] = `
224
- <DocumentFragment>
225
- <button
226
- class="bold primary xlarge"
227
- data-id="buttonComp"
228
- data-selector-id="button"
229
- data-test-id="buttonComp"
230
- type="button"
231
- >
232
- Button
233
- </button>
234
- </DocumentFragment>
235
- `;
236
-
237
- exports[`Button component Should render Status of buttons - loading 1`] = `
238
- <DocumentFragment>
239
- <button
240
- class="bold primary medium loader"
241
- data-id="buttonComp"
242
- data-selector-id="button"
243
- data-test-id="buttonComp"
244
- disabled=""
245
- type="button"
246
- >
247
- Button
248
- <div
249
- class="overlay"
250
- >
251
- <div
252
- class="loading mediumloading"
253
- >
254
- <div
255
- class="loadingelement primaryelement"
256
- />
257
- </div>
258
- </div>
259
- </button>
260
- </DocumentFragment>
261
- `;
262
-
263
- exports[`Button component Should render Status of buttons - none 1`] = `
264
- <DocumentFragment>
265
- <button
266
- class="bold primary medium"
267
- data-id="buttonComp"
268
- data-selector-id="button"
269
- data-test-id="buttonComp"
270
- type="button"
271
- >
272
- Button
273
- </button>
274
- </DocumentFragment>
275
- `;
276
-
277
- exports[`Button component Should render Status of buttons - success 1`] = `
278
- <DocumentFragment>
279
- <button
280
- class="bold primary medium loader"
281
- data-id="buttonComp"
282
- data-selector-id="button"
283
- data-test-id="buttonComp"
284
- type="button"
285
- >
286
- Button
287
- <div
288
- class="overlay"
289
- >
290
- <div
291
- class="success"
292
- >
293
- <div
294
- class="successelement primarysuccess"
295
- />
296
- </div>
297
- </div>
298
- </button>
299
- </DocumentFragment>
300
- `;
301
-
302
- exports[`Button component Should render palette of buttons - dangerFilled 1`] = `
303
- <DocumentFragment>
304
- <button
305
- class="bold dangerfilled medium"
306
- data-id="buttonComp"
307
- data-selector-id="button"
308
- data-test-id="buttonComp"
309
- type="button"
310
- >
311
- Button
312
- </button>
313
- </DocumentFragment>
314
- `;
315
-
316
- exports[`Button component Should render palette of buttons - info 1`] = `
317
- <DocumentFragment>
318
- <button
319
- class="bold medium"
320
- data-id="buttonComp"
321
- data-selector-id="button"
322
- data-test-id="buttonComp"
323
- type="button"
324
- >
325
- Button
326
- </button>
327
- </DocumentFragment>
328
- `;
329
-
330
- exports[`Button component Should render palette of buttons - plainPrimary 1`] = `
331
- <DocumentFragment>
332
- <button
333
- class="bold plainprimary medium"
334
- data-id="buttonComp"
335
- data-selector-id="button"
336
- data-test-id="buttonComp"
337
- type="button"
338
- >
339
- Button
340
- </button>
341
- </DocumentFragment>
342
- `;
343
-
344
- exports[`Button component Should render palette of buttons - plainSecondary 1`] = `
345
- <DocumentFragment>
346
- <button
347
- class="bold plainsecondary medium"
348
- data-id="buttonComp"
349
- data-selector-id="button"
350
- data-test-id="buttonComp"
351
- type="button"
352
- >
353
- Button
354
- </button>
355
- </DocumentFragment>
356
- `;
357
-
358
- exports[`Button component Should render palette of buttons - primary 1`] = `
359
- <DocumentFragment>
360
- <button
361
- class="bold primary medium"
362
- data-id="buttonComp"
363
- data-selector-id="button"
364
- data-test-id="buttonComp"
365
- type="button"
366
- >
367
- Button
368
- </button>
369
- </DocumentFragment>
370
- `;
371
-
372
- exports[`Button component Should render palette of buttons - primaryFilled 1`] = `
373
- <DocumentFragment>
374
- <button
375
- class="bold primaryfilled medium"
376
- data-id="buttonComp"
377
- data-selector-id="button"
378
- data-test-id="buttonComp"
379
- type="button"
380
- >
381
- Button
382
- </button>
383
- </DocumentFragment>
384
- `;
385
-
386
- exports[`Button component Should render palette of buttons - secondary 1`] = `
387
- <DocumentFragment>
388
- <button
389
- class="bold secondary medium"
390
- data-id="buttonComp"
391
- data-selector-id="button"
392
- data-test-id="buttonComp"
393
- type="button"
394
- >
395
- Button
396
- </button>
397
- </DocumentFragment>
398
- `;
399
-
400
- exports[`Button component Should render palette of buttons - secondaryFilled 1`] = `
401
- <DocumentFragment>
402
- <button
403
- class="bold secondaryfilled medium"
404
- data-id="buttonComp"
405
- data-selector-id="button"
406
- data-test-id="buttonComp"
407
- type="button"
408
- >
409
- Button
410
- </button>
411
- </DocumentFragment>
412
- `;
413
-
414
- exports[`Button component Should render palette of buttons - successFilled 1`] = `
415
- <DocumentFragment>
416
- <button
417
- class="bold successfilled medium"
418
- data-id="buttonComp"
419
- data-selector-id="button"
420
- data-test-id="buttonComp"
421
- type="button"
422
- >
423
- Button
424
- </button>
425
- </DocumentFragment>
426
- `;
427
-
428
- exports[`Button component Should render palette of buttons - tertiaryFilled 1`] = `
429
- <DocumentFragment>
430
- <button
431
- class="bold tertiaryfilled medium"
432
- data-id="buttonComp"
433
- data-selector-id="button"
434
- data-test-id="buttonComp"
435
- type="button"
436
- >
437
- Button
438
- </button>
439
- </DocumentFragment>
440
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Button component Should be render with the basic set customButtonclass with buttonClass 1`] = `
4
+ <DocumentFragment>
5
+ <button
6
+ class="customButtonClass bold primary medium"
7
+ data-id="buttonComp"
8
+ data-selector-id="button"
9
+ data-test-id="buttonComp"
10
+ type="button"
11
+ >
12
+ Button
13
+ </button>
14
+ </DocumentFragment>
15
+ `;
16
+
17
+ exports[`Button component Should be render with the basic set customstatusSize props with buttonClass 1`] = `
18
+ <DocumentFragment>
19
+ <button
20
+ class="bold primary medium"
21
+ data-id="buttonComp"
22
+ data-selector-id="button"
23
+ data-test-id="buttonComp"
24
+ type="button"
25
+ >
26
+ Button
27
+ </button>
28
+ </DocumentFragment>
29
+ `;
30
+
31
+ exports[`Button component Should be render with the basic set customstyle 1`] = `
32
+ <DocumentFragment>
33
+ <button
34
+ class="bold buttonBold primary medium"
35
+ data-id="buttonComp"
36
+ data-selector-id="button"
37
+ data-test-id="buttonComp"
38
+ type="button"
39
+ >
40
+ Button
41
+ </button>
42
+ </DocumentFragment>
43
+ `;
44
+
45
+ exports[`Button component Should be render with the basic set of default props 1`] = `
46
+ <DocumentFragment>
47
+ <button
48
+ class="bold primary medium"
49
+ data-id="buttonComp"
50
+ data-selector-id="button"
51
+ data-test-id="buttonComp"
52
+ type="button"
53
+ >
54
+ Button
55
+ </button>
56
+ </DocumentFragment>
57
+ `;
58
+
59
+ exports[`Button component Should be render with the basic set of default props with disabled is true 1`] = `
60
+ <DocumentFragment>
61
+ <button
62
+ class="bold primary medium"
63
+ data-id="buttonComp_disabled"
64
+ data-selector-id="button"
65
+ data-test-id="buttonComp_disabled"
66
+ disabled=""
67
+ type="button"
68
+ >
69
+ Button
70
+ </button>
71
+ </DocumentFragment>
72
+ `;
73
+
74
+ exports[`Button component Should be render with the basic set of default props with isBold is false 1`] = `
75
+ <DocumentFragment>
76
+ <button
77
+ class="primary medium"
78
+ data-id="buttonComp"
79
+ data-selector-id="button"
80
+ data-test-id="buttonComp"
81
+ type="button"
82
+ >
83
+ Button
84
+ </button>
85
+ </DocumentFragment>
86
+ `;
87
+
88
+ exports[`Button component Should be render with the basic set of default props with needAppearance is false 1`] = `
89
+ <DocumentFragment>
90
+ <button
91
+ class="bold"
92
+ data-id="buttonComp"
93
+ data-selector-id="button"
94
+ data-test-id="buttonComp"
95
+ type="button"
96
+ >
97
+ Button
98
+ </button>
99
+ </DocumentFragment>
100
+ `;
101
+
102
+ exports[`Button component Should be render with the basic set of default props with rounded is true 1`] = `
103
+ <DocumentFragment>
104
+ <button
105
+ class="bold primary rounded medium"
106
+ data-id="buttonComp"
107
+ data-selector-id="button"
108
+ data-test-id="buttonComp"
109
+ type="button"
110
+ >
111
+ Button
112
+ </button>
113
+ </DocumentFragment>
114
+ `;
115
+
116
+ exports[`Button component Should be render with the customstyle with medium 1`] = `
117
+ <DocumentFragment>
118
+ <button
119
+ class="bold primary buttonMedium"
120
+ data-id="buttonComp"
121
+ data-selector-id="button"
122
+ data-test-id="buttonComp"
123
+ type="button"
124
+ >
125
+ Button
126
+ </button>
127
+ </DocumentFragment>
128
+ `;
129
+
130
+ exports[`Button component Should render CustomStatusclassname of buttons - loading 1`] = `
131
+ <DocumentFragment>
132
+ <button
133
+ class="bold primary medium loader"
134
+ data-id="buttonComp"
135
+ data-selector-id="button"
136
+ data-test-id="buttonComp"
137
+ disabled=""
138
+ type="button"
139
+ >
140
+ Button
141
+ <div
142
+ class="overlay"
143
+ >
144
+ <div
145
+ class="loading mediumloading"
146
+ >
147
+ <div
148
+ class="customStautusClassName loadingelement primaryelement"
149
+ />
150
+ </div>
151
+ </div>
152
+ </button>
153
+ </DocumentFragment>
154
+ `;
155
+
156
+ exports[`Button component Should render CustomStatusclassname of buttons - success 1`] = `
157
+ <DocumentFragment>
158
+ <button
159
+ class="bold primary medium loader"
160
+ data-id="buttonComp"
161
+ data-selector-id="button"
162
+ data-test-id="buttonComp"
163
+ type="button"
164
+ >
165
+ Button
166
+ <div
167
+ class="overlay"
168
+ >
169
+ <div
170
+ class="success"
171
+ >
172
+ <div
173
+ class="customStautusClassName successelement primarysuccess"
174
+ />
175
+ </div>
176
+ </div>
177
+ </button>
178
+ </DocumentFragment>
179
+ `;
180
+
181
+ exports[`Button component Should render Sizes of buttons - large 1`] = `
182
+ <DocumentFragment>
183
+ <button
184
+ class="bold primary large"
185
+ data-id="buttonComp"
186
+ data-selector-id="button"
187
+ data-test-id="buttonComp"
188
+ type="button"
189
+ >
190
+ Button
191
+ </button>
192
+ </DocumentFragment>
193
+ `;
194
+
195
+ exports[`Button component Should render Sizes of buttons - medium 1`] = `
196
+ <DocumentFragment>
197
+ <button
198
+ class="bold primary medium"
199
+ data-id="buttonComp"
200
+ data-selector-id="button"
201
+ data-test-id="buttonComp"
202
+ type="button"
203
+ >
204
+ Button
205
+ </button>
206
+ </DocumentFragment>
207
+ `;
208
+
209
+ exports[`Button component Should render Sizes of buttons - small 1`] = `
210
+ <DocumentFragment>
211
+ <button
212
+ class="bold primary small"
213
+ data-id="buttonComp"
214
+ data-selector-id="button"
215
+ data-test-id="buttonComp"
216
+ type="button"
217
+ >
218
+ Button
219
+ </button>
220
+ </DocumentFragment>
221
+ `;
222
+
223
+ exports[`Button component Should render Sizes of buttons - xlarge 1`] = `
224
+ <DocumentFragment>
225
+ <button
226
+ class="bold primary xlarge"
227
+ data-id="buttonComp"
228
+ data-selector-id="button"
229
+ data-test-id="buttonComp"
230
+ type="button"
231
+ >
232
+ Button
233
+ </button>
234
+ </DocumentFragment>
235
+ `;
236
+
237
+ exports[`Button component Should render Status of buttons - loading 1`] = `
238
+ <DocumentFragment>
239
+ <button
240
+ class="bold primary medium loader"
241
+ data-id="buttonComp"
242
+ data-selector-id="button"
243
+ data-test-id="buttonComp"
244
+ disabled=""
245
+ type="button"
246
+ >
247
+ Button
248
+ <div
249
+ class="overlay"
250
+ >
251
+ <div
252
+ class="loading mediumloading"
253
+ >
254
+ <div
255
+ class="loadingelement primaryelement"
256
+ />
257
+ </div>
258
+ </div>
259
+ </button>
260
+ </DocumentFragment>
261
+ `;
262
+
263
+ exports[`Button component Should render Status of buttons - none 1`] = `
264
+ <DocumentFragment>
265
+ <button
266
+ class="bold primary medium"
267
+ data-id="buttonComp"
268
+ data-selector-id="button"
269
+ data-test-id="buttonComp"
270
+ type="button"
271
+ >
272
+ Button
273
+ </button>
274
+ </DocumentFragment>
275
+ `;
276
+
277
+ exports[`Button component Should render Status of buttons - success 1`] = `
278
+ <DocumentFragment>
279
+ <button
280
+ class="bold primary medium loader"
281
+ data-id="buttonComp"
282
+ data-selector-id="button"
283
+ data-test-id="buttonComp"
284
+ type="button"
285
+ >
286
+ Button
287
+ <div
288
+ class="overlay"
289
+ >
290
+ <div
291
+ class="success"
292
+ >
293
+ <div
294
+ class="successelement primarysuccess"
295
+ />
296
+ </div>
297
+ </div>
298
+ </button>
299
+ </DocumentFragment>
300
+ `;
301
+
302
+ exports[`Button component Should render palette of buttons - dangerFilled 1`] = `
303
+ <DocumentFragment>
304
+ <button
305
+ class="bold dangerfilled medium"
306
+ data-id="buttonComp"
307
+ data-selector-id="button"
308
+ data-test-id="buttonComp"
309
+ type="button"
310
+ >
311
+ Button
312
+ </button>
313
+ </DocumentFragment>
314
+ `;
315
+
316
+ exports[`Button component Should render palette of buttons - info 1`] = `
317
+ <DocumentFragment>
318
+ <button
319
+ class="bold medium"
320
+ data-id="buttonComp"
321
+ data-selector-id="button"
322
+ data-test-id="buttonComp"
323
+ type="button"
324
+ >
325
+ Button
326
+ </button>
327
+ </DocumentFragment>
328
+ `;
329
+
330
+ exports[`Button component Should render palette of buttons - plainPrimary 1`] = `
331
+ <DocumentFragment>
332
+ <button
333
+ class="bold plainprimary medium"
334
+ data-id="buttonComp"
335
+ data-selector-id="button"
336
+ data-test-id="buttonComp"
337
+ type="button"
338
+ >
339
+ Button
340
+ </button>
341
+ </DocumentFragment>
342
+ `;
343
+
344
+ exports[`Button component Should render palette of buttons - plainSecondary 1`] = `
345
+ <DocumentFragment>
346
+ <button
347
+ class="bold plainsecondary medium"
348
+ data-id="buttonComp"
349
+ data-selector-id="button"
350
+ data-test-id="buttonComp"
351
+ type="button"
352
+ >
353
+ Button
354
+ </button>
355
+ </DocumentFragment>
356
+ `;
357
+
358
+ exports[`Button component Should render palette of buttons - primary 1`] = `
359
+ <DocumentFragment>
360
+ <button
361
+ class="bold primary medium"
362
+ data-id="buttonComp"
363
+ data-selector-id="button"
364
+ data-test-id="buttonComp"
365
+ type="button"
366
+ >
367
+ Button
368
+ </button>
369
+ </DocumentFragment>
370
+ `;
371
+
372
+ exports[`Button component Should render palette of buttons - primaryFilled 1`] = `
373
+ <DocumentFragment>
374
+ <button
375
+ class="bold primaryfilled medium"
376
+ data-id="buttonComp"
377
+ data-selector-id="button"
378
+ data-test-id="buttonComp"
379
+ type="button"
380
+ >
381
+ Button
382
+ </button>
383
+ </DocumentFragment>
384
+ `;
385
+
386
+ exports[`Button component Should render palette of buttons - secondary 1`] = `
387
+ <DocumentFragment>
388
+ <button
389
+ class="bold secondary medium"
390
+ data-id="buttonComp"
391
+ data-selector-id="button"
392
+ data-test-id="buttonComp"
393
+ type="button"
394
+ >
395
+ Button
396
+ </button>
397
+ </DocumentFragment>
398
+ `;
399
+
400
+ exports[`Button component Should render palette of buttons - secondaryFilled 1`] = `
401
+ <DocumentFragment>
402
+ <button
403
+ class="bold secondaryfilled medium"
404
+ data-id="buttonComp"
405
+ data-selector-id="button"
406
+ data-test-id="buttonComp"
407
+ type="button"
408
+ >
409
+ Button
410
+ </button>
411
+ </DocumentFragment>
412
+ `;
413
+
414
+ exports[`Button component Should render palette of buttons - successFilled 1`] = `
415
+ <DocumentFragment>
416
+ <button
417
+ class="bold successfilled medium"
418
+ data-id="buttonComp"
419
+ data-selector-id="button"
420
+ data-test-id="buttonComp"
421
+ type="button"
422
+ >
423
+ Button
424
+ </button>
425
+ </DocumentFragment>
426
+ `;
427
+
428
+ exports[`Button component Should render palette of buttons - tertiaryFilled 1`] = `
429
+ <DocumentFragment>
430
+ <button
431
+ class="bold tertiaryfilled medium"
432
+ data-id="buttonComp"
433
+ data-selector-id="button"
434
+ data-test-id="buttonComp"
435
+ type="button"
436
+ >
437
+ Button
438
+ </button>
439
+ </DocumentFragment>
440
+ `;