@zohodesk/components 1.0.0-temp-168 → 1.0.0-temp-170

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