@zohodesk/components 1.0.0-temp-175 → 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 (427) 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 -1344
  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/es/AppContainer/AppContainer.module.css +18 -18
  138. package/es/Avatar/Avatar.js +9 -9
  139. package/es/Avatar/Avatar.module.css +175 -175
  140. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  141. package/es/AvatarTeam/AvatarTeam.js +7 -7
  142. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  143. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
  144. package/es/Button/Button.js +4 -4
  145. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  146. package/es/Button/css/Button.module.css +525 -525
  147. package/es/Buttongroup/Buttongroup.js +1 -1
  148. package/es/Buttongroup/Buttongroup.module.css +105 -105
  149. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  150. package/es/Card/Card.js +4 -4
  151. package/es/Card/Card.module.css +20 -20
  152. package/es/CheckBox/CheckBox.js +0 -0
  153. package/es/CheckBox/CheckBox.module.css +157 -157
  154. package/es/DateTime/CalendarView.js +0 -0
  155. package/es/DateTime/DateTime.js +0 -0
  156. package/es/DateTime/DateTime.module.css +248 -248
  157. package/es/DateTime/DateWidget.js +0 -0
  158. package/es/DateTime/DateWidget.module.css +38 -38
  159. package/es/DateTime/YearView.js +0 -0
  160. package/es/DateTime/YearView.module.css +98 -98
  161. package/es/DateTime/common.js +0 -0
  162. package/es/DateTime/index.js +0 -0
  163. package/es/DateTime/objectUtils.js +0 -0
  164. package/es/DateTime/typeChecker.js +0 -0
  165. package/es/DateTime/validator.js +0 -0
  166. package/es/DropBox/DropBox.js +0 -0
  167. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  168. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  169. package/es/DropBox/css/DropBox.module.css +58 -58
  170. package/es/DropDown/DropDown.js +0 -0
  171. package/es/DropDown/DropDown.module.css +5 -5
  172. package/es/DropDown/DropDownHeading.js +0 -0
  173. package/es/DropDown/DropDownHeading.module.css +53 -53
  174. package/es/DropDown/DropDownItem.js +0 -0
  175. package/es/DropDown/DropDownItem.module.css +94 -94
  176. package/es/DropDown/DropDownSearch.js +0 -0
  177. package/es/DropDown/DropDownSearch.module.css +14 -14
  178. package/es/DropDown/DropDownSeparator.js +0 -0
  179. package/es/DropDown/DropDownSeparator.module.css +7 -7
  180. package/es/Heading/Heading.module.css +4 -4
  181. package/es/Label/Label.js +2 -2
  182. package/es/Label/Label.module.css +52 -52
  183. package/es/Label/LabelColors.module.css +20 -20
  184. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  185. package/es/Layout/Box.js +0 -0
  186. package/es/Layout/Container.js +0 -0
  187. package/es/Layout/Layout.module.css +335 -335
  188. package/es/Layout/utils.js +0 -0
  189. package/es/ListItem/ListItem.js +0 -0
  190. package/es/ListItem/ListItem.module.css +216 -216
  191. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  192. package/es/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  193. package/es/MultiSelect/MultiSelect.js +5 -5
  194. package/es/MultiSelect/MultiSelect.module.css +204 -204
  195. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  196. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  197. package/es/PopOver/PopOver.module.css +8 -8
  198. package/es/Popup/Popup.js +0 -0
  199. package/es/Popup/PositionMapping.json +73 -73
  200. package/es/Radio/Radio.js +0 -0
  201. package/es/Radio/Radio.module.css +112 -112
  202. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  203. package/es/Responsive/CustomResponsive.js +0 -0
  204. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  205. package/es/Ribbon/Ribbon.js +0 -0
  206. package/es/Ribbon/Ribbon.module.css +454 -454
  207. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  208. package/es/RippleEffect/RippleEffect.module.css +92 -92
  209. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  210. package/es/Select/GroupSelect.js +0 -0
  211. package/es/Select/Select.js +0 -0
  212. package/es/Select/Select.module.css +108 -108
  213. package/es/Select/SelectWithAvatar.js +0 -0
  214. package/es/Select/SelectWithIcon.js +0 -0
  215. package/es/Stencils/Stencils.js +0 -0
  216. package/es/Stencils/Stencils.module.css +96 -96
  217. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  218. package/es/Switch/Switch.js +0 -0
  219. package/es/Switch/Switch.module.css +127 -127
  220. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  221. package/es/Tab/Tab.module.css +100 -100
  222. package/es/Tab/TabContent.module.css +4 -4
  223. package/es/Tab/Tabs.js +17 -17
  224. package/es/Tab/Tabs.module.css +136 -136
  225. package/es/Tag/Tag.js +8 -8
  226. package/es/Tag/Tag.module.css +254 -254
  227. package/es/TextBox/TextBox.js +0 -0
  228. package/es/TextBox/TextBox.module.css +158 -158
  229. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  230. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  231. package/es/Textarea/Textarea.js +0 -0
  232. package/es/Textarea/Textarea.module.css +139 -139
  233. package/es/Tooltip/Tooltip.module.css +140 -140
  234. package/es/common/a11y.module.css +3 -3
  235. package/es/common/animation.module.css +624 -624
  236. package/es/common/avatarsizes.module.css +48 -48
  237. package/es/common/basic.module.css +33 -33
  238. package/es/common/basicReset.module.css +40 -40
  239. package/es/common/boxShadow.module.css +33 -33
  240. package/es/common/common.module.css +524 -524
  241. package/es/common/customscroll.module.css +91 -91
  242. package/es/common/reset.module.css +13 -13
  243. package/es/common/transition.module.css +146 -146
  244. package/es/semantic/Button/semanticButton.module.css +9 -9
  245. package/es/utils/Common.js +0 -0
  246. package/es/utils/dropDownUtils.js +0 -0
  247. package/es/v1/Avatar/Avatar.js +5 -5
  248. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  249. package/es/v1/Button/Button.js +4 -4
  250. package/es/v1/Card/Card.js +4 -4
  251. package/es/v1/CheckBox/CheckBox.js +0 -0
  252. package/es/v1/DateTime/DateTime.js +0 -0
  253. package/es/v1/DateTime/DateWidget.js +0 -0
  254. package/es/v1/DateTime/YearView.js +0 -0
  255. package/es/v1/DateTime/index.js +0 -0
  256. package/es/v1/DropBox/DropBox.js +0 -0
  257. package/es/v1/DropDown/DropDown.js +0 -0
  258. package/es/v1/DropDown/DropDownHeading.js +0 -0
  259. package/es/v1/DropDown/DropDownItem.js +0 -0
  260. package/es/v1/DropDown/DropDownSearch.js +0 -0
  261. package/es/v1/DropDown/DropDownSeparator.js +0 -0
  262. package/es/v1/Layout/Box.js +0 -0
  263. package/es/v1/Layout/Container.js +0 -0
  264. package/es/v1/ListItem/ListItem.js +0 -0
  265. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  266. package/es/v1/MultiSelect/MultiSelect.js +5 -5
  267. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  268. package/es/v1/Radio/Radio.js +0 -0
  269. package/es/v1/Responsive/CustomResponsive.js +0 -0
  270. package/es/v1/Select/GroupSelect.js +0 -0
  271. package/es/v1/Select/Select.js +0 -0
  272. package/es/v1/Select/SelectWithAvatar.js +0 -0
  273. package/es/v1/Select/SelectWithIcon.js +0 -0
  274. package/es/v1/Switch/Switch.js +0 -0
  275. package/es/v1/Tab/Tabs.js +17 -17
  276. package/es/v1/Tag/Tag.js +8 -8
  277. package/es/v1/TextBox/TextBox.js +0 -0
  278. package/es/v1/Typography/css/Typography.module.css +409 -409
  279. package/install.md +10 -10
  280. package/lib/AppContainer/AppContainer.module.css +18 -18
  281. package/lib/Avatar/Avatar.js +9 -9
  282. package/lib/Avatar/Avatar.module.css +175 -175
  283. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  284. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  285. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  286. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
  287. package/lib/Button/Button.js +4 -4
  288. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  289. package/lib/Button/css/Button.module.css +525 -525
  290. package/lib/Buttongroup/Buttongroup.js +1 -1
  291. package/lib/Buttongroup/Buttongroup.module.css +105 -105
  292. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  293. package/lib/Card/Card.js +4 -4
  294. package/lib/Card/Card.module.css +20 -20
  295. package/lib/CheckBox/CheckBox.js +0 -0
  296. package/lib/CheckBox/CheckBox.module.css +157 -157
  297. package/lib/DateTime/CalendarView.js +0 -0
  298. package/lib/DateTime/DateTime.js +0 -0
  299. package/lib/DateTime/DateTime.module.css +248 -248
  300. package/lib/DateTime/DateWidget.js +0 -0
  301. package/lib/DateTime/DateWidget.module.css +38 -38
  302. package/lib/DateTime/YearView.js +0 -0
  303. package/lib/DateTime/YearView.module.css +98 -98
  304. package/lib/DateTime/common.js +0 -0
  305. package/lib/DateTime/index.js +0 -0
  306. package/lib/DateTime/objectUtils.js +0 -0
  307. package/lib/DateTime/typeChecker.js +0 -0
  308. package/lib/DateTime/validator.js +0 -0
  309. package/lib/DropBox/DropBox.js +0 -0
  310. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  311. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  312. package/lib/DropBox/css/DropBox.module.css +58 -58
  313. package/lib/DropDown/DropDown.js +0 -0
  314. package/lib/DropDown/DropDown.module.css +5 -5
  315. package/lib/DropDown/DropDownHeading.js +0 -0
  316. package/lib/DropDown/DropDownHeading.module.css +53 -53
  317. package/lib/DropDown/DropDownItem.js +0 -0
  318. package/lib/DropDown/DropDownItem.module.css +94 -94
  319. package/lib/DropDown/DropDownSearch.js +0 -0
  320. package/lib/DropDown/DropDownSearch.module.css +14 -14
  321. package/lib/DropDown/DropDownSeparator.js +0 -0
  322. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  323. package/lib/Heading/Heading.module.css +4 -4
  324. package/lib/Label/Label.js +0 -0
  325. package/lib/Label/Label.module.css +52 -52
  326. package/lib/Label/LabelColors.module.css +20 -20
  327. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  328. package/lib/Layout/Box.js +0 -0
  329. package/lib/Layout/Container.js +0 -0
  330. package/lib/Layout/Layout.module.css +335 -335
  331. package/lib/Layout/utils.js +0 -0
  332. package/lib/ListItem/ListItem.js +0 -0
  333. package/lib/ListItem/ListItem.module.css +216 -216
  334. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  335. package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  336. package/lib/MultiSelect/MultiSelect.js +5 -5
  337. package/lib/MultiSelect/MultiSelect.module.css +204 -204
  338. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  339. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  340. package/lib/PopOver/PopOver.module.css +8 -8
  341. package/lib/Popup/Popup.js +0 -0
  342. package/lib/Popup/PositionMapping.json +73 -73
  343. package/lib/Radio/Radio.js +0 -0
  344. package/lib/Radio/Radio.module.css +112 -112
  345. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  346. package/lib/Responsive/CustomResponsive.js +0 -0
  347. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  348. package/lib/Ribbon/Ribbon.js +0 -0
  349. package/lib/Ribbon/Ribbon.module.css +454 -454
  350. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  351. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  352. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  353. package/lib/Select/GroupSelect.js +0 -0
  354. package/lib/Select/Select.js +0 -0
  355. package/lib/Select/Select.module.css +108 -108
  356. package/lib/Select/SelectWithAvatar.js +0 -0
  357. package/lib/Select/SelectWithIcon.js +0 -0
  358. package/lib/Stencils/Stencils.js +0 -0
  359. package/lib/Stencils/Stencils.module.css +96 -96
  360. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  361. package/lib/Switch/Switch.js +0 -0
  362. package/lib/Switch/Switch.module.css +127 -127
  363. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  364. package/lib/Tab/Tab.module.css +100 -100
  365. package/lib/Tab/TabContent.module.css +4 -4
  366. package/lib/Tab/Tabs.js +11 -11
  367. package/lib/Tab/Tabs.module.css +136 -136
  368. package/lib/Tag/Tag.js +8 -8
  369. package/lib/Tag/Tag.module.css +254 -254
  370. package/lib/TextBox/TextBox.js +0 -0
  371. package/lib/TextBox/TextBox.module.css +158 -158
  372. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  373. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  374. package/lib/Textarea/Textarea.js +0 -0
  375. package/lib/Textarea/Textarea.module.css +139 -139
  376. package/lib/Tooltip/Tooltip.module.css +140 -140
  377. package/lib/common/a11y.module.css +3 -3
  378. package/lib/common/animation.module.css +624 -624
  379. package/lib/common/avatarsizes.module.css +48 -48
  380. package/lib/common/basic.module.css +33 -33
  381. package/lib/common/basicReset.module.css +40 -40
  382. package/lib/common/boxShadow.module.css +33 -33
  383. package/lib/common/common.module.css +524 -524
  384. package/lib/common/customscroll.module.css +91 -91
  385. package/lib/common/reset.module.css +13 -13
  386. package/lib/common/transition.module.css +146 -146
  387. package/lib/semantic/Button/semanticButton.module.css +9 -9
  388. package/lib/utils/Common.js +0 -0
  389. package/lib/utils/dropDownUtils.js +0 -0
  390. package/lib/v1/Avatar/Avatar.js +5 -5
  391. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  392. package/lib/v1/Button/Button.js +4 -4
  393. package/lib/v1/Card/Card.js +4 -4
  394. package/lib/v1/CheckBox/CheckBox.js +0 -0
  395. package/lib/v1/DateTime/DateTime.js +0 -0
  396. package/lib/v1/DateTime/DateWidget.js +0 -0
  397. package/lib/v1/DateTime/YearView.js +0 -0
  398. package/lib/v1/DateTime/index.js +0 -0
  399. package/lib/v1/DropBox/DropBox.js +0 -0
  400. package/lib/v1/DropDown/DropDown.js +0 -0
  401. package/lib/v1/DropDown/DropDownHeading.js +0 -0
  402. package/lib/v1/DropDown/DropDownItem.js +0 -0
  403. package/lib/v1/DropDown/DropDownSearch.js +0 -0
  404. package/lib/v1/DropDown/DropDownSeparator.js +0 -0
  405. package/lib/v1/Layout/Box.js +0 -0
  406. package/lib/v1/Layout/Container.js +0 -0
  407. package/lib/v1/ListItem/ListItem.js +0 -0
  408. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  409. package/lib/v1/MultiSelect/MultiSelect.js +5 -5
  410. package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  411. package/lib/v1/Radio/Radio.js +0 -0
  412. package/lib/v1/Responsive/CustomResponsive.js +0 -0
  413. package/lib/v1/Select/GroupSelect.js +0 -0
  414. package/lib/v1/Select/Select.js +0 -0
  415. package/lib/v1/Select/SelectWithAvatar.js +0 -0
  416. package/lib/v1/Select/SelectWithIcon.js +0 -0
  417. package/lib/v1/Switch/Switch.js +0 -0
  418. package/lib/v1/Tab/Tabs.js +11 -11
  419. package/lib/v1/Tag/Tag.js +8 -8
  420. package/lib/v1/TextBox/TextBox.js +0 -0
  421. package/lib/v1/Typography/css/Typography.module.css +409 -409
  422. package/package.json +92 -92
  423. package/postPublish.js +8 -8
  424. package/prePublish.js +70 -70
  425. package/react-cli.config.js +23 -23
  426. package/result.json +1 -1
  427. package/unittest/index.html +1 -1
package/es/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
+ `;