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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (428) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +1345 -1345
  5. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +29 -318
  6. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +450 -450
  7. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +1 -33
  8. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +19 -43
  9. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +450 -450
  10. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +1 -33
  11. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +19 -43
  12. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +450 -450
  13. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +1 -33
  14. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +19 -43
  15. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +450 -450
  16. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +1 -33
  17. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +19 -43
  18. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +450 -450
  19. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +1 -33
  20. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +19 -43
  21. package/assets/Appearance/light/mode/Component_LightMode.module.css +29 -318
  22. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +450 -450
  23. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +1 -33
  24. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +19 -43
  25. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +450 -450
  26. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +1 -33
  27. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +19 -43
  28. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +450 -450
  29. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +1 -33
  30. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +19 -43
  31. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +450 -450
  32. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +1 -33
  33. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +19 -43
  34. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +450 -450
  35. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +1 -33
  36. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +19 -43
  37. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +29 -318
  38. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +450 -450
  39. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +1 -33
  40. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +19 -43
  41. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +450 -450
  42. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +1 -33
  43. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +19 -43
  44. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +450 -450
  45. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +1 -33
  46. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +19 -43
  47. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +450 -450
  48. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +1 -33
  49. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +19 -43
  50. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +450 -450
  51. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +1 -33
  52. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +19 -43
  53. package/coverage/Avatar/Avatar.js.html +1 -1
  54. package/coverage/Avatar/Avatar.module.css.html +1 -1
  55. package/coverage/Avatar/index.html +1 -1
  56. package/coverage/Avatar/props/defaultProps.js.html +1 -1
  57. package/coverage/Avatar/props/index.html +1 -1
  58. package/coverage/Avatar/props/propTypes.js.html +1 -1
  59. package/coverage/AvatarTeam/AvatarTeam.js.html +1 -1
  60. package/coverage/AvatarTeam/AvatarTeam.module.css.html +1 -1
  61. package/coverage/AvatarTeam/index.html +1 -1
  62. package/coverage/AvatarTeam/props/defaultProps.js.html +1 -1
  63. package/coverage/AvatarTeam/props/index.html +1 -1
  64. package/coverage/AvatarTeam/props/propTypes.js.html +1 -1
  65. package/coverage/Button/Button.js.html +1 -1
  66. package/coverage/Button/css/Button.module.css.html +1 -1
  67. package/coverage/Button/css/cssJSLogic.js.html +1 -1
  68. package/coverage/Button/css/index.html +1 -1
  69. package/coverage/Button/index.html +1 -1
  70. package/coverage/Button/props/defaultProps.js.html +1 -1
  71. package/coverage/Button/props/index.html +1 -1
  72. package/coverage/Button/props/propTypes.js.html +1 -1
  73. package/coverage/Buttongroup/Buttongroup.js.html +1 -1
  74. package/coverage/Buttongroup/Buttongroup.module.css.html +1 -1
  75. package/coverage/Buttongroup/index.html +1 -1
  76. package/coverage/Buttongroup/props/defaultProps.js.html +1 -1
  77. package/coverage/Buttongroup/props/index.html +1 -1
  78. package/coverage/Buttongroup/props/propTypes.js.html +1 -1
  79. package/coverage/Label/Label.js.html +1 -1
  80. package/coverage/Label/Label.module.css.html +1 -1
  81. package/coverage/Label/LabelColors.module.css.html +1 -1
  82. package/coverage/Label/index.html +1 -1
  83. package/coverage/Label/props/defaultProps.js.html +1 -1
  84. package/coverage/Label/props/index.html +1 -1
  85. package/coverage/Label/props/propTypes.js.html +1 -1
  86. package/coverage/Layout/Box.js.html +1 -1
  87. package/coverage/Layout/Container.js.html +1 -1
  88. package/coverage/Layout/Layout.module.css.html +1 -1
  89. package/coverage/Layout/index.html +1 -1
  90. package/coverage/Layout/index.js.html +1 -1
  91. package/coverage/Layout/props/defaultProps.js.html +1 -1
  92. package/coverage/Layout/props/index.html +1 -1
  93. package/coverage/Layout/props/propTypes.js.html +1 -1
  94. package/coverage/Layout/utils.js.html +1 -1
  95. package/coverage/Provider/AvatarSize.js.html +1 -1
  96. package/coverage/Provider/CssProvider.js.html +1 -1
  97. package/coverage/Provider/index.html +1 -1
  98. package/coverage/Radio/Radio.js.html +1 -1
  99. package/coverage/Radio/Radio.module.css.html +1 -1
  100. package/coverage/Radio/index.html +1 -1
  101. package/coverage/Radio/props/defaultProps.js.html +1 -1
  102. package/coverage/Radio/props/index.html +1 -1
  103. package/coverage/Radio/props/propTypes.js.html +1 -1
  104. package/coverage/Ribbon/Ribbon.js.html +1 -1
  105. package/coverage/Ribbon/Ribbon.module.css.html +1 -1
  106. package/coverage/Ribbon/index.html +1 -1
  107. package/coverage/Ribbon/props/defaultProps.js.html +1 -1
  108. package/coverage/Ribbon/props/index.html +1 -1
  109. package/coverage/Ribbon/props/propTypes.js.html +1 -1
  110. package/coverage/RippleEffect/RippleEffect.js.html +1 -1
  111. package/coverage/RippleEffect/RippleEffect.module.css.html +1 -1
  112. package/coverage/RippleEffect/index.html +1 -1
  113. package/coverage/RippleEffect/props/defaultProps.js.html +1 -1
  114. package/coverage/RippleEffect/props/index.html +1 -1
  115. package/coverage/RippleEffect/props/propTypes.js.html +1 -1
  116. package/coverage/Stencils/Stencils.js.html +1 -1
  117. package/coverage/Stencils/Stencils.module.css.html +1 -1
  118. package/coverage/Stencils/index.html +1 -1
  119. package/coverage/Stencils/props/defaultProps.js.html +1 -1
  120. package/coverage/Stencils/props/index.html +1 -1
  121. package/coverage/Stencils/props/propTypes.js.html +1 -1
  122. package/coverage/Switch/Switch.js.html +1 -1
  123. package/coverage/Switch/Switch.module.css.html +1 -1
  124. package/coverage/Switch/index.html +1 -1
  125. package/coverage/Switch/props/defaultProps.js.html +1 -1
  126. package/coverage/Switch/props/index.html +1 -1
  127. package/coverage/Switch/props/propTypes.js.html +1 -1
  128. package/coverage/common/avatarsizes.module.css.html +1 -1
  129. package/coverage/common/common.module.css.html +1 -1
  130. package/coverage/common/index.html +1 -1
  131. package/coverage/coverage-final.json +55 -55
  132. package/coverage/coverage-summary.json +55 -55
  133. package/coverage/index.html +1 -1
  134. package/coverage/utils/dummyFunction.js.html +1 -1
  135. package/coverage/utils/getInitial.js.html +1 -1
  136. package/coverage/utils/index.html +1 -1
  137. package/css_error.log +1 -1
  138. package/es/AppContainer/AppContainer.module.css +18 -18
  139. package/es/Avatar/Avatar.js +9 -9
  140. package/es/Avatar/Avatar.module.css +175 -175
  141. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  142. package/es/AvatarTeam/AvatarTeam.js +7 -7
  143. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  144. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
  145. package/es/Button/Button.js +4 -4
  146. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  147. package/es/Button/css/Button.module.css +525 -525
  148. package/es/Buttongroup/Buttongroup.js +1 -1
  149. package/es/Buttongroup/Buttongroup.module.css +105 -105
  150. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  151. package/es/Card/Card.js +4 -4
  152. package/es/Card/Card.module.css +20 -20
  153. package/es/CheckBox/CheckBox.js +0 -0
  154. package/es/CheckBox/CheckBox.module.css +157 -157
  155. package/es/DateTime/CalendarView.js +0 -0
  156. package/es/DateTime/DateTime.js +0 -0
  157. package/es/DateTime/DateTime.module.css +248 -248
  158. package/es/DateTime/DateWidget.js +0 -0
  159. package/es/DateTime/DateWidget.module.css +38 -38
  160. package/es/DateTime/YearView.js +0 -0
  161. package/es/DateTime/YearView.module.css +98 -98
  162. package/es/DateTime/common.js +0 -0
  163. package/es/DateTime/index.js +0 -0
  164. package/es/DateTime/objectUtils.js +0 -0
  165. package/es/DateTime/typeChecker.js +0 -0
  166. package/es/DateTime/validator.js +0 -0
  167. package/es/DropBox/DropBox.js +0 -0
  168. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  169. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  170. package/es/DropBox/css/DropBox.module.css +58 -58
  171. package/es/DropDown/DropDown.js +0 -0
  172. package/es/DropDown/DropDown.module.css +5 -5
  173. package/es/DropDown/DropDownHeading.js +0 -0
  174. package/es/DropDown/DropDownHeading.module.css +53 -53
  175. package/es/DropDown/DropDownItem.js +0 -0
  176. package/es/DropDown/DropDownItem.module.css +94 -94
  177. package/es/DropDown/DropDownSearch.js +0 -0
  178. package/es/DropDown/DropDownSearch.module.css +14 -14
  179. package/es/DropDown/DropDownSeparator.js +0 -0
  180. package/es/DropDown/DropDownSeparator.module.css +7 -7
  181. package/es/Heading/Heading.module.css +4 -4
  182. package/es/Label/Label.js +2 -2
  183. package/es/Label/Label.module.css +52 -52
  184. package/es/Label/LabelColors.module.css +20 -20
  185. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  186. package/es/Layout/Box.js +0 -0
  187. package/es/Layout/Container.js +0 -0
  188. package/es/Layout/Layout.module.css +335 -335
  189. package/es/Layout/utils.js +0 -0
  190. package/es/ListItem/ListItem.js +0 -0
  191. package/es/ListItem/ListItem.module.css +216 -216
  192. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  193. package/es/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  194. package/es/MultiSelect/MultiSelect.js +5 -5
  195. package/es/MultiSelect/MultiSelect.module.css +204 -204
  196. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  197. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  198. package/es/PopOver/PopOver.module.css +8 -8
  199. package/es/Popup/Popup.js +0 -0
  200. package/es/Popup/PositionMapping.json +73 -73
  201. package/es/Radio/Radio.js +0 -0
  202. package/es/Radio/Radio.module.css +112 -112
  203. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  204. package/es/Responsive/CustomResponsive.js +0 -0
  205. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  206. package/es/Ribbon/Ribbon.js +0 -0
  207. package/es/Ribbon/Ribbon.module.css +454 -454
  208. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  209. package/es/RippleEffect/RippleEffect.module.css +92 -92
  210. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  211. package/es/Select/GroupSelect.js +0 -0
  212. package/es/Select/Select.js +0 -0
  213. package/es/Select/Select.module.css +108 -108
  214. package/es/Select/SelectWithAvatar.js +0 -0
  215. package/es/Select/SelectWithIcon.js +0 -0
  216. package/es/Stencils/Stencils.js +0 -0
  217. package/es/Stencils/Stencils.module.css +96 -96
  218. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  219. package/es/Switch/Switch.js +0 -0
  220. package/es/Switch/Switch.module.css +127 -127
  221. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  222. package/es/Tab/Tab.module.css +100 -100
  223. package/es/Tab/TabContent.module.css +4 -4
  224. package/es/Tab/Tabs.js +17 -17
  225. package/es/Tab/Tabs.module.css +136 -136
  226. package/es/Tag/Tag.js +8 -8
  227. package/es/Tag/Tag.module.css +254 -254
  228. package/es/TextBox/TextBox.js +0 -0
  229. package/es/TextBox/TextBox.module.css +158 -158
  230. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  231. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  232. package/es/Textarea/Textarea.js +0 -0
  233. package/es/Textarea/Textarea.module.css +139 -139
  234. package/es/Tooltip/Tooltip.module.css +140 -140
  235. package/es/common/a11y.module.css +3 -3
  236. package/es/common/animation.module.css +624 -624
  237. package/es/common/avatarsizes.module.css +48 -48
  238. package/es/common/basic.module.css +33 -33
  239. package/es/common/basicReset.module.css +40 -40
  240. package/es/common/boxShadow.module.css +33 -33
  241. package/es/common/common.module.css +524 -524
  242. package/es/common/customscroll.module.css +91 -91
  243. package/es/common/reset.module.css +13 -13
  244. package/es/common/transition.module.css +146 -146
  245. package/es/semantic/Button/semanticButton.module.css +9 -9
  246. package/es/utils/Common.js +0 -0
  247. package/es/utils/dropDownUtils.js +0 -0
  248. package/es/v1/Avatar/Avatar.js +5 -5
  249. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  250. package/es/v1/Button/Button.js +4 -4
  251. package/es/v1/Card/Card.js +4 -4
  252. package/es/v1/CheckBox/CheckBox.js +0 -0
  253. package/es/v1/DateTime/DateTime.js +0 -0
  254. package/es/v1/DateTime/DateWidget.js +0 -0
  255. package/es/v1/DateTime/YearView.js +0 -0
  256. package/es/v1/DateTime/index.js +0 -0
  257. package/es/v1/DropBox/DropBox.js +0 -0
  258. package/es/v1/DropDown/DropDown.js +0 -0
  259. package/es/v1/DropDown/DropDownHeading.js +0 -0
  260. package/es/v1/DropDown/DropDownItem.js +0 -0
  261. package/es/v1/DropDown/DropDownSearch.js +0 -0
  262. package/es/v1/DropDown/DropDownSeparator.js +0 -0
  263. package/es/v1/Layout/Box.js +0 -0
  264. package/es/v1/Layout/Container.js +0 -0
  265. package/es/v1/ListItem/ListItem.js +0 -0
  266. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  267. package/es/v1/MultiSelect/MultiSelect.js +5 -5
  268. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  269. package/es/v1/Radio/Radio.js +0 -0
  270. package/es/v1/Responsive/CustomResponsive.js +0 -0
  271. package/es/v1/Select/GroupSelect.js +0 -0
  272. package/es/v1/Select/Select.js +0 -0
  273. package/es/v1/Select/SelectWithAvatar.js +0 -0
  274. package/es/v1/Select/SelectWithIcon.js +0 -0
  275. package/es/v1/Switch/Switch.js +0 -0
  276. package/es/v1/Tab/Tabs.js +17 -17
  277. package/es/v1/Tag/Tag.js +8 -8
  278. package/es/v1/TextBox/TextBox.js +0 -0
  279. package/es/v1/Typography/css/Typography.module.css +409 -409
  280. package/install.md +10 -10
  281. package/lib/AppContainer/AppContainer.module.css +18 -18
  282. package/lib/Avatar/Avatar.js +9 -9
  283. package/lib/Avatar/Avatar.module.css +175 -175
  284. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  285. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  286. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  287. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
  288. package/lib/Button/Button.js +4 -4
  289. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
  290. package/lib/Button/css/Button.module.css +525 -525
  291. package/lib/Buttongroup/Buttongroup.js +1 -1
  292. package/lib/Buttongroup/Buttongroup.module.css +105 -105
  293. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  294. package/lib/Card/Card.js +4 -4
  295. package/lib/Card/Card.module.css +20 -20
  296. package/lib/CheckBox/CheckBox.js +0 -0
  297. package/lib/CheckBox/CheckBox.module.css +157 -157
  298. package/lib/DateTime/CalendarView.js +0 -0
  299. package/lib/DateTime/DateTime.js +0 -0
  300. package/lib/DateTime/DateTime.module.css +248 -248
  301. package/lib/DateTime/DateWidget.js +0 -0
  302. package/lib/DateTime/DateWidget.module.css +38 -38
  303. package/lib/DateTime/YearView.js +0 -0
  304. package/lib/DateTime/YearView.module.css +98 -98
  305. package/lib/DateTime/common.js +0 -0
  306. package/lib/DateTime/index.js +0 -0
  307. package/lib/DateTime/objectUtils.js +0 -0
  308. package/lib/DateTime/typeChecker.js +0 -0
  309. package/lib/DateTime/validator.js +0 -0
  310. package/lib/DropBox/DropBox.js +0 -0
  311. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  312. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  313. package/lib/DropBox/css/DropBox.module.css +58 -58
  314. package/lib/DropDown/DropDown.js +0 -0
  315. package/lib/DropDown/DropDown.module.css +5 -5
  316. package/lib/DropDown/DropDownHeading.js +0 -0
  317. package/lib/DropDown/DropDownHeading.module.css +53 -53
  318. package/lib/DropDown/DropDownItem.js +0 -0
  319. package/lib/DropDown/DropDownItem.module.css +94 -94
  320. package/lib/DropDown/DropDownSearch.js +0 -0
  321. package/lib/DropDown/DropDownSearch.module.css +14 -14
  322. package/lib/DropDown/DropDownSeparator.js +0 -0
  323. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  324. package/lib/Heading/Heading.module.css +4 -4
  325. package/lib/Label/Label.js +0 -0
  326. package/lib/Label/Label.module.css +52 -52
  327. package/lib/Label/LabelColors.module.css +20 -20
  328. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  329. package/lib/Layout/Box.js +0 -0
  330. package/lib/Layout/Container.js +0 -0
  331. package/lib/Layout/Layout.module.css +335 -335
  332. package/lib/Layout/utils.js +0 -0
  333. package/lib/ListItem/ListItem.js +0 -0
  334. package/lib/ListItem/ListItem.module.css +216 -216
  335. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  336. package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
  337. package/lib/MultiSelect/MultiSelect.js +5 -5
  338. package/lib/MultiSelect/MultiSelect.module.css +204 -204
  339. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  340. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  341. package/lib/PopOver/PopOver.module.css +8 -8
  342. package/lib/Popup/Popup.js +0 -0
  343. package/lib/Popup/PositionMapping.json +73 -73
  344. package/lib/Radio/Radio.js +0 -0
  345. package/lib/Radio/Radio.module.css +112 -112
  346. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
  347. package/lib/Responsive/CustomResponsive.js +0 -0
  348. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  349. package/lib/Ribbon/Ribbon.js +0 -0
  350. package/lib/Ribbon/Ribbon.module.css +454 -454
  351. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  352. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  353. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
  354. package/lib/Select/GroupSelect.js +0 -0
  355. package/lib/Select/Select.js +0 -0
  356. package/lib/Select/Select.module.css +108 -108
  357. package/lib/Select/SelectWithAvatar.js +0 -0
  358. package/lib/Select/SelectWithIcon.js +0 -0
  359. package/lib/Stencils/Stencils.js +0 -0
  360. package/lib/Stencils/Stencils.module.css +96 -96
  361. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  362. package/lib/Switch/Switch.js +0 -0
  363. package/lib/Switch/Switch.module.css +127 -127
  364. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  365. package/lib/Tab/Tab.module.css +100 -100
  366. package/lib/Tab/TabContent.module.css +4 -4
  367. package/lib/Tab/Tabs.js +11 -11
  368. package/lib/Tab/Tabs.module.css +136 -136
  369. package/lib/Tag/Tag.js +8 -8
  370. package/lib/Tag/Tag.module.css +254 -254
  371. package/lib/TextBox/TextBox.js +0 -0
  372. package/lib/TextBox/TextBox.module.css +158 -158
  373. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  374. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  375. package/lib/Textarea/Textarea.js +0 -0
  376. package/lib/Textarea/Textarea.module.css +139 -139
  377. package/lib/Tooltip/Tooltip.module.css +140 -140
  378. package/lib/common/a11y.module.css +3 -3
  379. package/lib/common/animation.module.css +624 -624
  380. package/lib/common/avatarsizes.module.css +48 -48
  381. package/lib/common/basic.module.css +33 -33
  382. package/lib/common/basicReset.module.css +40 -40
  383. package/lib/common/boxShadow.module.css +33 -33
  384. package/lib/common/common.module.css +524 -524
  385. package/lib/common/customscroll.module.css +91 -91
  386. package/lib/common/reset.module.css +13 -13
  387. package/lib/common/transition.module.css +146 -146
  388. package/lib/semantic/Button/semanticButton.module.css +9 -9
  389. package/lib/utils/Common.js +0 -0
  390. package/lib/utils/dropDownUtils.js +0 -0
  391. package/lib/v1/Avatar/Avatar.js +5 -5
  392. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  393. package/lib/v1/Button/Button.js +4 -4
  394. package/lib/v1/Card/Card.js +4 -4
  395. package/lib/v1/CheckBox/CheckBox.js +0 -0
  396. package/lib/v1/DateTime/DateTime.js +0 -0
  397. package/lib/v1/DateTime/DateWidget.js +0 -0
  398. package/lib/v1/DateTime/YearView.js +0 -0
  399. package/lib/v1/DateTime/index.js +0 -0
  400. package/lib/v1/DropBox/DropBox.js +0 -0
  401. package/lib/v1/DropDown/DropDown.js +0 -0
  402. package/lib/v1/DropDown/DropDownHeading.js +0 -0
  403. package/lib/v1/DropDown/DropDownItem.js +0 -0
  404. package/lib/v1/DropDown/DropDownSearch.js +0 -0
  405. package/lib/v1/DropDown/DropDownSeparator.js +0 -0
  406. package/lib/v1/Layout/Box.js +0 -0
  407. package/lib/v1/Layout/Container.js +0 -0
  408. package/lib/v1/ListItem/ListItem.js +0 -0
  409. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  410. package/lib/v1/MultiSelect/MultiSelect.js +5 -5
  411. package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
  412. package/lib/v1/Radio/Radio.js +0 -0
  413. package/lib/v1/Responsive/CustomResponsive.js +0 -0
  414. package/lib/v1/Select/GroupSelect.js +0 -0
  415. package/lib/v1/Select/Select.js +0 -0
  416. package/lib/v1/Select/SelectWithAvatar.js +0 -0
  417. package/lib/v1/Select/SelectWithIcon.js +0 -0
  418. package/lib/v1/Switch/Switch.js +0 -0
  419. package/lib/v1/Tab/Tabs.js +11 -11
  420. package/lib/v1/Tag/Tag.js +8 -8
  421. package/lib/v1/TextBox/TextBox.js +0 -0
  422. package/lib/v1/Typography/css/Typography.module.css +409 -409
  423. package/package.json +92 -92
  424. package/postPublish.js +8 -8
  425. package/prePublish.js +70 -70
  426. package/react-cli.config.js +23 -23
  427. package/result.json +1 -1
  428. package/unittest/index.html +1 -1
package/lib/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
+ `;