@zohodesk/components 1.0.0-temp-199.25 → 1.0.0-temp-250

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 (1018) hide show
  1. package/README.md +44 -12
  2. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +330 -321
  3. package/assets/Appearance/dark/mode/Component_v1_DarkMode.module.css +13 -13
  4. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +33 -29
  5. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +33 -29
  6. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +33 -29
  7. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +33 -29
  8. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +33 -29
  9. package/assets/Appearance/light/mode/Component_LightMode.module.css +330 -321
  10. package/assets/Appearance/light/mode/Component_v1_LightMode.module.css +13 -13
  11. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +33 -29
  12. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +33 -29
  13. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +33 -29
  14. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +33 -29
  15. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +33 -29
  16. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +330 -321
  17. package/assets/Appearance/pureDark/mode/Component_v1_PureDarkMode.module.css +13 -13
  18. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +33 -29
  19. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +33 -29
  20. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +33 -29
  21. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +33 -29
  22. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +33 -29
  23. package/es/Accordion/Accordion.js +85 -0
  24. package/es/Accordion/AccordionItem.js +63 -0
  25. package/es/Accordion/__tests__/Accordion.spec.js +11 -0
  26. package/es/Accordion/__tests__/AccordionItem.spec.js +16 -0
  27. package/es/Accordion/__tests__/__snapshots__/Accordion.spec.js.snap +12 -0
  28. package/es/Accordion/__tests__/__snapshots__/AccordionItem.spec.js.snap +23 -0
  29. package/es/Accordion/index.js +2 -0
  30. package/es/Accordion/props/defaultProps.js +12 -0
  31. package/es/Accordion/props/propTypes.js +33 -0
  32. package/es/Animation/Animation.js +52 -0
  33. package/es/Animation/__tests__/Animation.spec.js +14 -0
  34. package/es/Animation/__tests__/__snapshots__/Animation.spec.js.snap +11 -0
  35. package/es/Animation/props/defaultProps.js +7 -0
  36. package/es/Animation/props/propTypes.js +12 -0
  37. package/es/Animation/utils.js +83 -0
  38. package/es/AppContainer/AppContainer.js +139 -0
  39. package/es/AppContainer/AppContainer.module.css +19 -0
  40. package/es/AppContainer/__tests__/AppContainer.spec.js +82 -0
  41. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +201 -0
  42. package/es/AppContainer/props/defaultProps.js +10 -0
  43. package/es/AppContainer/props/propTypes.js +17 -0
  44. package/es/Avatar/Avatar.js +196 -0
  45. package/es/Avatar/Avatar.module.css +176 -0
  46. package/es/Avatar/__tests__/Avatar.spec.js +181 -0
  47. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -0
  48. package/es/Avatar/props/defaultProps.js +17 -0
  49. package/es/Avatar/props/propTypes.js +26 -0
  50. package/es/AvatarTeam/AvatarTeam.js +84 -0
  51. package/es/AvatarTeam/AvatarTeam.module.css +189 -0
  52. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +138 -0
  53. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -0
  54. package/es/AvatarTeam/props/defaultProps.js +17 -0
  55. package/es/AvatarTeam/props/propTypes.js +28 -0
  56. package/es/Button/Button.js +77 -0
  57. package/es/Button/__tests__/Button.spec.js +242 -0
  58. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +412 -0
  59. package/es/Button/css/Button.module.css +676 -0
  60. package/es/Button/css/cssJSLogic.js +58 -0
  61. package/es/Button/index.js +2 -0
  62. package/es/Button/props/defaultProps.js +18 -0
  63. package/es/Button/props/propTypes.js +28 -0
  64. package/es/Buttongroup/Buttongroup.js +50 -0
  65. package/es/Buttongroup/Buttongroup.module.css +107 -0
  66. package/es/Buttongroup/__tests__/Buttongroup.spec.js +37 -0
  67. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -0
  68. package/es/Buttongroup/props/defaultProps.js +6 -0
  69. package/es/Buttongroup/props/propTypes.js +9 -0
  70. package/es/Card/Card.js +305 -0
  71. package/es/Card/Card.module.css +20 -0
  72. package/es/Card/__tests__/Card.spec.js +138 -0
  73. package/es/Card/__tests__/CardContent.spec.js +61 -0
  74. package/es/Card/__tests__/CardHeader.spec.js +33 -0
  75. package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +181 -0
  76. package/es/Card/__tests__/__snapshots__/CardContent.spec.js.snap +177 -0
  77. package/es/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +51 -0
  78. package/es/Card/index.js +4 -0
  79. package/es/Card/props/defaultProps.js +26 -0
  80. package/es/Card/props/propTypes.js +49 -0
  81. package/es/CheckBox/CheckBox.js +183 -0
  82. package/es/CheckBox/CheckBox.module.css +175 -0
  83. package/es/CheckBox/__tests__/CheckBox.spec.js +249 -0
  84. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +1947 -0
  85. package/es/CheckBox/props/defaultProps.js +18 -0
  86. package/es/CheckBox/props/propTypes.js +45 -0
  87. package/es/ColorSelect/ColorMultiSelect.js +40 -0
  88. package/es/ColorSelect/ColorSelect.module.css +3 -0
  89. package/es/ColorSelect/ColorSingleSelect.js +84 -0
  90. package/es/ColorSelect/__tests__/ColorMultiSelect.spec.js +71 -0
  91. package/es/ColorSelect/__tests__/ColorSingleSelect.spec.js +80 -0
  92. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +536 -0
  93. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +422 -0
  94. package/es/ColorSelect/_shared/ColorIndicator/ColorIndicator.js +34 -0
  95. package/es/ColorSelect/_shared/ColorIndicator/ColorIndicator.module.css +21 -0
  96. package/es/ColorSelect/_shared/ColorIndicator/__tests__/ColorIndicator.spec.js +79 -0
  97. package/es/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +106 -0
  98. package/es/ColorSelect/_shared/ColorIndicator/props/defaultProps.js +8 -0
  99. package/es/ColorSelect/_shared/ColorIndicator/props/propTypes.js +10 -0
  100. package/es/ColorSelect/_shared/ColoredTag/ColoredTag.js +35 -0
  101. package/es/ColorSelect/_shared/ColoredTag/__tests__/ColoredTag.spec.js +50 -0
  102. package/es/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +101 -0
  103. package/es/ColorSelect/_shared/ColoredTag/props/propTypes.js +10 -0
  104. package/es/ColorSelect/_shared/helpers/renderHelpers.js +45 -0
  105. package/es/ColorSelect/props/defaultProps.js +12 -0
  106. package/es/ColorSelect/props/propTypes.js +17 -0
  107. package/es/DateTime/CalendarView.js +223 -0
  108. package/es/DateTime/DateTime.js +780 -0
  109. package/es/DateTime/DateTime.module.css +252 -0
  110. package/es/DateTime/DateTimePopupFooter.js +47 -0
  111. package/es/DateTime/DateTimePopupHeader.js +105 -0
  112. package/es/DateTime/DateWidget.js +1143 -0
  113. package/es/DateTime/DateWidget.module.css +39 -0
  114. package/es/DateTime/DaysRow.js +32 -0
  115. package/es/DateTime/Time.js +180 -0
  116. package/es/DateTime/YearView.js +264 -0
  117. package/es/DateTime/YearView.module.css +99 -0
  118. package/es/DateTime/__tests__/CalendarView.spec.js +13 -0
  119. package/es/DateTime/__tests__/DateTime.spec.js +21 -0
  120. package/es/DateTime/__tests__/DateTimePopupFooter.spec.js +11 -0
  121. package/es/DateTime/__tests__/DateTimePopupHeader.spec.js +11 -0
  122. package/es/DateTime/__tests__/DateWidget.spec.js +11 -0
  123. package/es/DateTime/__tests__/DaysRow.spec.js +13 -0
  124. package/es/DateTime/__tests__/Time.spec.js +11 -0
  125. package/es/DateTime/__tests__/YearView.spec.js +10 -0
  126. package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +312 -0
  127. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +923 -0
  128. package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +34 -0
  129. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +72 -0
  130. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +74 -0
  131. package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +12 -0
  132. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +295 -0
  133. package/es/DateTime/common.js +25 -0
  134. package/es/DateTime/constants.js +57 -0
  135. package/es/DateTime/dateFormatUtils/dateFormat.js +616 -0
  136. package/es/DateTime/dateFormatUtils/dateFormats.js +42 -0
  137. package/es/DateTime/dateFormatUtils/dayChange.js +83 -0
  138. package/es/DateTime/dateFormatUtils/index.js +267 -0
  139. package/es/DateTime/dateFormatUtils/monthChange.js +90 -0
  140. package/es/DateTime/dateFormatUtils/timeChange.js +228 -0
  141. package/es/DateTime/dateFormatUtils/yearChange.js +121 -0
  142. package/es/DateTime/index.js +1 -0
  143. package/es/DateTime/objectUtils.js +55 -0
  144. package/es/DateTime/props/defaultProps.js +65 -0
  145. package/es/DateTime/props/propTypes.js +203 -0
  146. package/es/DateTime/typeChecker.js +19 -0
  147. package/es/DateTime/validator.js +327 -0
  148. package/es/DropBox/DropBox.js +81 -0
  149. package/es/DropBox/DropBoxElement/DropBoxElement.js +137 -0
  150. package/es/DropBox/DropBoxElement/__tests__/DropBoxElement.spec.js +28 -0
  151. package/es/DropBox/DropBoxElement/__tests__/__snapshots__/DropBoxElement.spec.js.snap +95 -0
  152. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +445 -0
  153. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +91 -0
  154. package/es/DropBox/DropBoxElement/props/defaultProps.js +18 -0
  155. package/es/DropBox/DropBoxElement/props/propTypes.js +51 -0
  156. package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +54 -0
  157. package/es/DropBox/__tests__/DropBox.spec.js +11 -0
  158. package/es/DropBox/__tests__/__snapshots__/DropBox.spec.js.snap +36 -0
  159. package/es/DropBox/css/DropBox.module.css +59 -0
  160. package/es/DropBox/css/cssJSLogic.js +14 -0
  161. package/es/DropBox/props/defaultProps.js +14 -0
  162. package/es/DropBox/props/propTypes.js +16 -0
  163. package/es/DropBox/utils/isMobilePopover.js +6 -0
  164. package/es/DropDown/DropDown.js +75 -0
  165. package/es/DropDown/DropDown.module.css +5 -0
  166. package/es/DropDown/DropDownHeading.js +44 -0
  167. package/es/DropDown/DropDownHeading.module.css +53 -0
  168. package/es/DropDown/DropDownItem.js +76 -0
  169. package/es/DropDown/DropDownItem.module.css +94 -0
  170. package/es/DropDown/DropDownSearch.js +68 -0
  171. package/es/DropDown/DropDownSearch.module.css +14 -0
  172. package/es/DropDown/DropDownSeparator.js +15 -0
  173. package/es/DropDown/DropDownSeparator.module.css +7 -0
  174. package/es/DropDown/__tests__/DropDown.spec.js +11 -0
  175. package/es/DropDown/__tests__/DropDownHeading.spec.js +11 -0
  176. package/es/DropDown/__tests__/DropDownItem.spec.js +11 -0
  177. package/es/DropDown/__tests__/DropDownSearch.spec.js +11 -0
  178. package/es/DropDown/__tests__/DropDownSeparator.spec.js +11 -0
  179. package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +54 -0
  180. package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +12 -0
  181. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +11 -0
  182. package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +20 -0
  183. package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +9 -0
  184. package/es/DropDown/index.js +7 -0
  185. package/es/DropDown/props/defaultProps.js +21 -0
  186. package/es/DropDown/props/propTypes.js +66 -0
  187. package/es/Heading/Heading.js +38 -0
  188. package/es/Heading/Heading.module.css +5 -0
  189. package/es/Heading/__tests__/Heading.spec.js +20 -0
  190. package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +63 -0
  191. package/es/Heading/props/defaultProps.js +5 -0
  192. package/es/Heading/props/propTypes.js +12 -0
  193. package/es/Label/Label.js +69 -0
  194. package/es/Label/Label.module.css +57 -0
  195. package/es/Label/LabelColors.module.css +21 -0
  196. package/es/Label/__tests__/Label.spec.js +157 -0
  197. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +378 -0
  198. package/es/Label/props/defaultProps.js +12 -0
  199. package/es/Label/props/propTypes.js +25 -0
  200. package/es/Layout/Box.js +115 -0
  201. package/es/Layout/Container.js +132 -0
  202. package/es/Layout/Layout.module.css +336 -0
  203. package/es/Layout/__tests__/Box.spec.js +11 -0
  204. package/es/Layout/__tests__/Container.spec.js +11 -0
  205. package/es/Layout/__tests__/__snapshots__/Box.spec.js.snap +16 -0
  206. package/es/Layout/__tests__/__snapshots__/Container.spec.js.snap +16 -0
  207. package/es/Layout/index.js +10 -0
  208. package/es/Layout/props/defaultProps.js +16 -0
  209. package/es/Layout/props/propTypes.js +46 -0
  210. package/es/Layout/utils.js +30 -0
  211. package/es/ListItem/ListContainer.js +104 -0
  212. package/es/ListItem/ListItem.js +165 -0
  213. package/es/ListItem/ListItem.module.css +307 -0
  214. package/es/ListItem/ListItemWithAvatar.js +188 -0
  215. package/es/ListItem/ListItemWithCheckBox.js +148 -0
  216. package/es/ListItem/ListItemWithIcon.js +171 -0
  217. package/es/ListItem/ListItemWithRadio.js +150 -0
  218. package/es/ListItem/__tests__/ListContainer.spec.js +19 -0
  219. package/es/ListItem/__tests__/ListItem.spec.js +38 -0
  220. package/es/ListItem/__tests__/ListItemWithAvatar.spec.js +65 -0
  221. package/es/ListItem/__tests__/ListItemWithCheckBox.spec.js +65 -0
  222. package/es/ListItem/__tests__/ListItemWithIcon.spec.js +63 -0
  223. package/es/ListItem/__tests__/ListItemWithRadio.spec.js +65 -0
  224. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +27 -0
  225. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +154 -0
  226. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +365 -0
  227. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +736 -0
  228. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +365 -0
  229. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +729 -0
  230. package/es/ListItem/index.js +6 -0
  231. package/es/ListItem/props/defaultProps.js +108 -0
  232. package/es/ListItem/props/propTypes.js +235 -0
  233. package/es/Modal/Modal.js +175 -0
  234. package/es/Modal/Portal/Portal.js +34 -0
  235. package/es/Modal/Portal/__tests__/Portal.spec.js +28 -0
  236. package/es/Modal/Portal/__tests__/__snapshots__/Portal.spec.js.snap +30 -0
  237. package/es/Modal/Portal/props/defaultProps.js +3 -0
  238. package/es/Modal/Portal/props/propTypes.js +5 -0
  239. package/es/Modal/__tests__/Modal.spec.js +15 -0
  240. package/es/Modal/__tests__/__snapshots__/Modal.spec.js.snap +26 -0
  241. package/es/Modal/props/defaultProps.js +3 -0
  242. package/es/Modal/props/propTypes.js +7 -0
  243. package/es/MultiSelect/AdvancedGroupMultiSelect.js +1120 -0
  244. package/es/MultiSelect/AdvancedMultiSelect.js +607 -0
  245. package/es/MultiSelect/EmptyState.js +79 -0
  246. package/es/MultiSelect/MobileHeader/MobileHeader.js +50 -0
  247. package/es/MultiSelect/MobileHeader/MobileHeader.module.css +16 -0
  248. package/es/MultiSelect/MobileHeader/__tests__/MobileHeader.spec.js +11 -0
  249. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +39 -0
  250. package/es/MultiSelect/MobileHeader/props/defaultProps.js +7 -0
  251. package/es/MultiSelect/MobileHeader/props/propTypes.js +7 -0
  252. package/es/MultiSelect/MultiSelect.js +1226 -0
  253. package/es/MultiSelect/MultiSelect.module.css +216 -0
  254. package/es/MultiSelect/MultiSelectHeader.js +32 -0
  255. package/es/MultiSelect/MultiSelectWithAvatar.js +221 -0
  256. package/es/MultiSelect/SelectedOptions.js +111 -0
  257. package/es/MultiSelect/SelectedOptions.module.css +15 -0
  258. package/es/MultiSelect/Suggestions.js +236 -0
  259. package/es/MultiSelect/__tests__/AdvancedGroupMultiSelect.spec.js +12 -0
  260. package/es/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +47 -0
  261. package/es/MultiSelect/__tests__/EmptyState.spec.js +15 -0
  262. package/es/MultiSelect/__tests__/MultiSelect.spec.js +74 -0
  263. package/es/MultiSelect/__tests__/MultiSelectHeader.spec.js +21 -0
  264. package/es/MultiSelect/__tests__/MultiSelectWithAvatar.spec.js +11 -0
  265. package/es/MultiSelect/__tests__/SelectedOptions.spec.js +41 -0
  266. package/es/MultiSelect/__tests__/Suggestions.spec.js +83 -0
  267. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +72 -0
  268. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +528 -0
  269. package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +12 -0
  270. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +418 -0
  271. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +69 -0
  272. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +83 -0
  273. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +95 -0
  274. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +429 -0
  275. package/es/MultiSelect/constants.js +6 -0
  276. package/es/MultiSelect/index.js +4 -0
  277. package/es/MultiSelect/props/defaultProps.js +175 -0
  278. package/es/MultiSelect/props/propTypes.js +316 -0
  279. package/es/PopOver/PopOver.js +211 -0
  280. package/es/PopOver/PopOver.module.css +9 -0
  281. package/es/PopOver/__tests__/PopOver.spec.js +11 -0
  282. package/es/PopOver/__tests__/__snapshots__/PopOver.spec.js.snap +13 -0
  283. package/es/PopOver/index.js +3 -0
  284. package/es/PopOver/props/defaultProps.js +7 -0
  285. package/es/PopOver/props/propTypes.js +53 -0
  286. package/es/Popup/Popup.js +47 -0
  287. package/es/Popup/props/propTypes.js +30 -0
  288. package/es/Provider/AvatarSize.js +13 -0
  289. package/es/Provider/Config.js +21 -0
  290. package/es/Provider/CssProvider.js +16 -0
  291. package/es/Provider/IdProvider.js +66 -0
  292. package/es/Provider/LibraryContext.js +65 -0
  293. package/es/Provider/LibraryContextInit.js +3 -0
  294. package/es/Provider/NumberGenerator/NumberGenerator.js +136 -0
  295. package/es/Provider/ZindexProvider.js +57 -0
  296. package/es/Provider/index.js +4 -0
  297. package/es/Radio/Radio.js +149 -0
  298. package/es/Radio/Radio.module.css +149 -0
  299. package/es/Radio/__tests__/Radio.spec.js +248 -0
  300. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1989 -0
  301. package/es/Radio/props/defaultProps.js +15 -0
  302. package/es/Radio/props/propTypes.js +44 -0
  303. package/es/Responsive/CustomResponsive.js +195 -0
  304. package/es/Responsive/RefWrapper.js +38 -0
  305. package/es/Responsive/ResizeComponent.js +197 -0
  306. package/es/Responsive/ResizeObserver.js +76 -0
  307. package/es/Responsive/ResizeObserverWithPolyfill.js +140 -0
  308. package/es/Responsive/Responsive.js +194 -0
  309. package/es/Responsive/index.js +9 -0
  310. package/es/Responsive/props/defaultProps.js +13 -0
  311. package/es/Responsive/props/propTypes.js +25 -0
  312. package/es/Responsive/sizeObservers.js +141 -0
  313. package/es/Responsive/utils/index.js +52 -0
  314. package/es/Responsive/utils/shallowCompare.js +28 -0
  315. package/es/Responsive/windowResizeObserver.js +51 -0
  316. package/es/ResponsiveDropBox/ResponsiveDropBox.js +67 -0
  317. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -0
  318. package/es/ResponsiveDropBox/__tests__/ResponsiveDropBox.spec.js +11 -0
  319. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +42 -0
  320. package/es/ResponsiveDropBox/props/defaultProps.js +4 -0
  321. package/es/ResponsiveDropBox/props/propTypes.js +8 -0
  322. package/es/Ribbon/Ribbon.js +51 -0
  323. package/es/Ribbon/Ribbon.module.css +505 -0
  324. package/es/Ribbon/__tests__/Ribbon.spec.js +52 -0
  325. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -0
  326. package/es/Ribbon/props/defaultProps.js +9 -0
  327. package/es/Ribbon/props/propTypes.js +11 -0
  328. package/es/RippleEffect/RippleEffect.js +30 -0
  329. package/es/RippleEffect/RippleEffect.module.css +109 -0
  330. package/es/RippleEffect/__tests__/RippleEffect.spec.js +69 -0
  331. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +161 -0
  332. package/es/RippleEffect/props/defaultProps.js +10 -0
  333. package/es/RippleEffect/props/propTypes.js +12 -0
  334. package/es/Select/GroupSelect.js +836 -0
  335. package/es/Select/Select.js +1119 -0
  336. package/es/Select/Select.module.css +138 -0
  337. package/es/Select/SelectWithAvatar.js +380 -0
  338. package/es/Select/SelectWithIcon.js +583 -0
  339. package/es/Select/__tests__/GroupSelect.spec.js +19 -0
  340. package/es/Select/__tests__/Select.spec.js +1168 -0
  341. package/es/Select/__tests__/SelectWithAvatar.spec.js +12 -0
  342. package/es/Select/__tests__/SelectWithIcon.spec.js +12 -0
  343. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +85 -0
  344. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +10106 -0
  345. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +45 -0
  346. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +103 -0
  347. package/es/Select/index.js +4 -0
  348. package/es/Select/props/defaultProps.js +140 -0
  349. package/es/Select/props/propTypes.js +344 -0
  350. package/es/Stencils/Stencils.js +24 -0
  351. package/es/Stencils/Stencils.module.css +100 -0
  352. package/es/Stencils/__tests__/Stencils.spec.js +54 -0
  353. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +105 -0
  354. package/es/Stencils/props/defaultProps.js +7 -0
  355. package/es/Stencils/props/propTypes.js +8 -0
  356. package/es/Switch/Switch.js +99 -0
  357. package/es/Switch/Switch.module.css +128 -0
  358. package/es/Switch/__tests__/Switch.spec.js +156 -0
  359. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -0
  360. package/es/Switch/props/defaultProps.js +11 -0
  361. package/es/Switch/props/propTypes.js +28 -0
  362. package/es/Tab/Tab.js +111 -0
  363. package/es/Tab/Tab.module.css +100 -0
  364. package/es/Tab/TabContent.js +30 -0
  365. package/es/Tab/TabContent.module.css +4 -0
  366. package/es/Tab/TabContentWrapper.js +34 -0
  367. package/es/Tab/TabWrapper.js +58 -0
  368. package/es/Tab/Tabs.js +722 -0
  369. package/es/Tab/Tabs.module.css +167 -0
  370. package/es/Tab/__tests__/Tab.spec.js +11 -0
  371. package/es/Tab/__tests__/TabContent.spec.js +11 -0
  372. package/es/Tab/__tests__/TabContentWrapper.spec.js +11 -0
  373. package/es/Tab/__tests__/TabLayout.spec.js +34 -0
  374. package/es/Tab/__tests__/TabWrapper.spec.js +11 -0
  375. package/es/Tab/__tests__/Tabs.spec.js +11 -0
  376. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +22 -0
  377. package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +19 -0
  378. package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +12 -0
  379. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +341 -0
  380. package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +20 -0
  381. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +33 -0
  382. package/es/Tab/index.js +5 -0
  383. package/es/Tab/props/defaultProps.js +51 -0
  384. package/es/Tab/props/propTypes.js +117 -0
  385. package/es/Tab/utils/tabConfigs.js +18 -0
  386. package/es/Tag/Tag.js +165 -0
  387. package/es/Tag/Tag.module.css +255 -0
  388. package/es/Tag/__tests__/Tag.spec.js +252 -0
  389. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +3074 -0
  390. package/es/Tag/props/defaultProps.js +16 -0
  391. package/es/Tag/props/propTypes.js +44 -0
  392. package/es/TextBox/TextBox.js +189 -0
  393. package/es/TextBox/TextBox.module.css +197 -0
  394. package/es/TextBox/__tests__/TextBox.spec.js +327 -0
  395. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +615 -0
  396. package/es/TextBox/props/defaultProps.js +20 -0
  397. package/es/TextBox/props/propTypes.js +53 -0
  398. package/es/TextBoxIcon/TextBoxIcon.js +209 -0
  399. package/es/TextBoxIcon/TextBoxIcon.module.css +38 -0
  400. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +275 -0
  401. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +1638 -0
  402. package/es/TextBoxIcon/props/defaultProps.js +24 -0
  403. package/es/TextBoxIcon/props/propTypes.js +54 -0
  404. package/es/Textarea/Textarea.js +126 -0
  405. package/es/Textarea/Textarea.module.css +148 -0
  406. package/es/Textarea/__tests__/Textarea.spec.js +266 -0
  407. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +525 -0
  408. package/es/Textarea/props/defaultProps.js +18 -0
  409. package/es/Textarea/props/propTypes.js +35 -0
  410. package/es/Tooltip/Tooltip.js +530 -0
  411. package/es/Tooltip/Tooltip.module.css +133 -0
  412. package/es/Tooltip/props/defaultProps.js +4 -0
  413. package/es/Tooltip/props/propTypes.js +5 -0
  414. package/es/Typography/Typography.js +45 -0
  415. package/es/Typography/__tests__/Typography.spec.js +652 -0
  416. package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap +1732 -0
  417. package/es/Typography/css/Typography.module.css +489 -0
  418. package/es/Typography/css/cssJSLogic.js +56 -0
  419. package/es/Typography/props/defaultProps.js +9 -0
  420. package/es/Typography/props/propTypes.js +46 -0
  421. package/es/Typography/utils/index.js +50 -0
  422. package/es/Typography/utils/textHighlighter.js +139 -0
  423. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +77 -0
  424. package/es/VelocityAnimation/VelocityAnimation/__tests__/VelocityAnimation.spec.js +11 -0
  425. package/es/VelocityAnimation/VelocityAnimation/__tests__/__snapshots__/VelocityAnimation.spec.js.snap +9 -0
  426. package/es/VelocityAnimation/VelocityAnimation/props/defaultProps.js +7 -0
  427. package/es/VelocityAnimation/VelocityAnimation/props/propTypes.js +12 -0
  428. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +145 -0
  429. package/es/VelocityAnimation/VelocityAnimationGroup/__tests__/VelocityAnimationGroup.spec.js +19 -0
  430. package/es/VelocityAnimation/VelocityAnimationGroup/__tests__/__snapshots__/VelocityAnimationGroup.spec.js.snap +11 -0
  431. package/es/VelocityAnimation/VelocityAnimationGroup/props/defaultProps.js +15 -0
  432. package/es/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +22 -0
  433. package/es/VelocityAnimation/index.js +2 -0
  434. package/es/common/a11y.module.css +4 -0
  435. package/es/common/animation.module.css +624 -0
  436. package/es/common/avatarsizes.module.css +49 -0
  437. package/es/common/basic.module.css +64 -0
  438. package/es/common/basicReset.module.css +40 -0
  439. package/es/common/boxShadow.module.css +34 -0
  440. package/es/common/common.module.css +566 -0
  441. package/es/common/customscroll.module.css +142 -0
  442. package/es/common/reset.module.css +13 -0
  443. package/es/common/transition.module.css +146 -0
  444. package/es/components_layer.module.css +1 -0
  445. package/es/css.js +41 -0
  446. package/es/deprecated/PortalLayer/PortalLayer.js +106 -0
  447. package/es/deprecated/PortalLayer/props/defaultProps.js +5 -0
  448. package/es/deprecated/PortalLayer/props/propTypes.js +20 -0
  449. package/es/deprecated/Switch/Switch.js +94 -0
  450. package/es/deprecated/Switch/props/defaultProps.js +11 -0
  451. package/es/deprecated/Switch/props/propTypes.js +28 -0
  452. package/es/index.js +42 -0
  453. package/es/semantic/Button/Button.js +60 -0
  454. package/es/semantic/Button/__tests__/Button.spec.js +11 -0
  455. package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +15 -0
  456. package/es/semantic/Button/props/defaultProps.js +12 -0
  457. package/es/semantic/Button/props/propTypes.js +22 -0
  458. package/es/semantic/Button/semanticButton.module.css +9 -0
  459. package/es/semantic/index.js +1 -0
  460. package/es/shared/ArrowIcon/ArrowIcon.js +51 -0
  461. package/es/shared/ArrowIcon/ArrowIcon.module.css +42 -0
  462. package/es/shared/ArrowIcon/__tests__/ArrowIcon.spec.js +100 -0
  463. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +221 -0
  464. package/es/shared/ArrowIcon/props/defaultProps.js +11 -0
  465. package/es/shared/ArrowIcon/props/propTypes.js +17 -0
  466. package/es/shared/InputFieldLine/InputFieldLine.js +46 -0
  467. package/es/shared/InputFieldLine/InputFieldLine.module.css +94 -0
  468. package/es/shared/InputFieldLine/__tests__/InputFieldLine.spec.js +114 -0
  469. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +194 -0
  470. package/es/shared/InputFieldLine/props/defaultProps.js +16 -0
  471. package/es/shared/InputFieldLine/props/propTypes.js +22 -0
  472. package/es/utils/Common.js +418 -0
  473. package/es/utils/ContextOptimizer.js +38 -0
  474. package/es/utils/constant.js +2 -0
  475. package/es/utils/constructFullName.js +13 -0
  476. package/es/utils/cssUtils.js +11 -0
  477. package/es/utils/datetime/GMTZones.js +48 -0
  478. package/es/utils/datetime/common.js +204 -0
  479. package/es/utils/debounce.js +23 -0
  480. package/es/utils/dropDownUtils.js +525 -0
  481. package/es/utils/dummyFunction.js +1 -0
  482. package/es/utils/getHTMLFontSize.js +4 -0
  483. package/es/utils/getInitial.js +24 -0
  484. package/es/utils/index.js +1 -0
  485. package/es/utils/scrollTo.js +13 -0
  486. package/es/utils/shallowEqual.js +32 -0
  487. package/es/v1/Label/Label.js +105 -0
  488. package/es/v1/Label/__tests__/Label.spec.js +214 -0
  489. package/es/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +457 -0
  490. package/es/v1/Label/constants/index.js +8 -0
  491. package/es/v1/Label/css/Label_v1.module.css +42 -0
  492. package/es/v1/Label/css/cssJSLogic.js +44 -0
  493. package/es/v1/Label/props/defaultProps.js +16 -0
  494. package/es/v1/Label/props/propTypes.js +39 -0
  495. package/es/v1/Switch/Switch.js +139 -0
  496. package/es/v1/Switch/__tests__/Switch.spec.js +65 -0
  497. package/es/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +306 -0
  498. package/es/v1/Switch/contants/index.js +24 -0
  499. package/es/v1/Switch/css/Switch_v1.module.css +140 -0
  500. package/es/v1/Switch/css/cssJSLogic.js +48 -0
  501. package/es/v1/Switch/props/defaultProps.js +11 -0
  502. package/es/v1/Switch/props/propTypes.js +36 -0
  503. package/es/v1/Switch/useSwitch.js +33 -0
  504. package/lib/Accordion/Accordion.js +134 -0
  505. package/lib/Accordion/AccordionItem.js +111 -0
  506. package/lib/Accordion/__tests__/Accordion.spec.js +18 -0
  507. package/lib/Accordion/__tests__/AccordionItem.spec.js +24 -0
  508. package/lib/Accordion/__tests__/__snapshots__/Accordion.spec.js.snap +12 -0
  509. package/lib/Accordion/__tests__/__snapshots__/AccordionItem.spec.js.snap +23 -0
  510. package/lib/Accordion/index.js +23 -0
  511. package/lib/Accordion/props/defaultProps.js +20 -0
  512. package/lib/Accordion/props/propTypes.js +45 -0
  513. package/lib/Animation/Animation.js +102 -0
  514. package/lib/Animation/__tests__/Animation.spec.js +21 -0
  515. package/lib/Animation/__tests__/__snapshots__/Animation.spec.js.snap +11 -0
  516. package/lib/Animation/props/defaultProps.js +14 -0
  517. package/lib/Animation/props/propTypes.js +23 -0
  518. package/lib/Animation/utils.js +94 -0
  519. package/lib/AppContainer/AppContainer.js +212 -0
  520. package/lib/AppContainer/AppContainer.module.css +19 -0
  521. package/lib/AppContainer/__tests__/AppContainer.spec.js +90 -0
  522. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +201 -0
  523. package/lib/AppContainer/props/defaultProps.js +17 -0
  524. package/lib/AppContainer/props/propTypes.js +28 -0
  525. package/lib/Avatar/Avatar.js +253 -0
  526. package/lib/Avatar/Avatar.module.css +176 -0
  527. package/lib/Avatar/__tests__/Avatar.spec.js +188 -0
  528. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -0
  529. package/lib/Avatar/props/defaultProps.js +24 -0
  530. package/lib/Avatar/props/propTypes.js +37 -0
  531. package/lib/AvatarTeam/AvatarTeam.js +133 -0
  532. package/lib/AvatarTeam/AvatarTeam.module.css +189 -0
  533. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +145 -0
  534. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -0
  535. package/lib/AvatarTeam/props/defaultProps.js +24 -0
  536. package/lib/AvatarTeam/props/propTypes.js +40 -0
  537. package/lib/Button/Button.js +91 -0
  538. package/lib/Button/__tests__/Button.spec.js +256 -0
  539. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +412 -0
  540. package/lib/Button/css/Button.module.css +676 -0
  541. package/lib/Button/css/cssJSLogic.js +45 -0
  542. package/lib/Button/index.js +23 -0
  543. package/lib/Button/props/defaultProps.js +27 -0
  544. package/lib/Button/props/propTypes.js +40 -0
  545. package/lib/Buttongroup/Buttongroup.js +100 -0
  546. package/lib/Buttongroup/Buttongroup.module.css +107 -0
  547. package/lib/Buttongroup/__tests__/Buttongroup.spec.js +44 -0
  548. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -0
  549. package/lib/Buttongroup/props/defaultProps.js +13 -0
  550. package/lib/Buttongroup/props/propTypes.js +20 -0
  551. package/lib/Card/Card.js +399 -0
  552. package/lib/Card/Card.module.css +20 -0
  553. package/lib/Card/__tests__/Card.spec.js +183 -0
  554. package/lib/Card/__tests__/CardContent.spec.js +68 -0
  555. package/lib/Card/__tests__/CardHeader.spec.js +40 -0
  556. package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +181 -0
  557. package/lib/Card/__tests__/__snapshots__/CardContent.spec.js.snap +177 -0
  558. package/lib/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +51 -0
  559. package/lib/Card/index.js +37 -0
  560. package/lib/Card/props/defaultProps.js +36 -0
  561. package/lib/Card/props/propTypes.js +63 -0
  562. package/lib/CheckBox/CheckBox.js +237 -0
  563. package/lib/CheckBox/CheckBox.module.css +175 -0
  564. package/lib/CheckBox/__tests__/CheckBox.spec.js +257 -0
  565. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +1947 -0
  566. package/lib/CheckBox/props/defaultProps.js +25 -0
  567. package/lib/CheckBox/props/propTypes.js +57 -0
  568. package/lib/ColorSelect/ColorMultiSelect.js +71 -0
  569. package/lib/ColorSelect/ColorSelect.module.css +3 -0
  570. package/lib/ColorSelect/ColorSingleSelect.js +110 -0
  571. package/lib/ColorSelect/__tests__/ColorMultiSelect.spec.js +82 -0
  572. package/lib/ColorSelect/__tests__/ColorSingleSelect.spec.js +91 -0
  573. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +536 -0
  574. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +422 -0
  575. package/lib/ColorSelect/_shared/ColorIndicator/ColorIndicator.js +47 -0
  576. package/lib/ColorSelect/_shared/ColorIndicator/ColorIndicator.module.css +21 -0
  577. package/lib/ColorSelect/_shared/ColorIndicator/__tests__/ColorIndicator.spec.js +86 -0
  578. package/lib/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +106 -0
  579. package/lib/ColorSelect/_shared/ColorIndicator/props/defaultProps.js +15 -0
  580. package/lib/ColorSelect/_shared/ColorIndicator/props/propTypes.js +21 -0
  581. package/lib/ColorSelect/_shared/ColoredTag/ColoredTag.js +69 -0
  582. package/lib/ColorSelect/_shared/ColoredTag/__tests__/ColoredTag.spec.js +58 -0
  583. package/lib/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +101 -0
  584. package/lib/ColorSelect/_shared/ColoredTag/props/propTypes.js +29 -0
  585. package/lib/ColorSelect/_shared/helpers/renderHelpers.js +63 -0
  586. package/lib/ColorSelect/props/defaultProps.js +32 -0
  587. package/lib/ColorSelect/props/propTypes.js +39 -0
  588. package/lib/DateTime/CalendarView.js +290 -0
  589. package/lib/DateTime/DateTime.js +879 -0
  590. package/lib/DateTime/DateTime.module.css +252 -0
  591. package/lib/DateTime/DateTimePopupFooter.js +96 -0
  592. package/lib/DateTime/DateTimePopupHeader.js +166 -0
  593. package/lib/DateTime/DateWidget.js +1173 -0
  594. package/lib/DateTime/DateWidget.module.css +39 -0
  595. package/lib/DateTime/DaysRow.js +81 -0
  596. package/lib/DateTime/Time.js +270 -0
  597. package/lib/DateTime/YearView.js +325 -0
  598. package/lib/DateTime/YearView.module.css +99 -0
  599. package/lib/DateTime/__tests__/CalendarView.spec.js +20 -0
  600. package/lib/DateTime/__tests__/DateTime.spec.js +28 -0
  601. package/lib/DateTime/__tests__/DateTimePopupFooter.spec.js +18 -0
  602. package/lib/DateTime/__tests__/DateTimePopupHeader.spec.js +18 -0
  603. package/lib/DateTime/__tests__/DateWidget.spec.js +18 -0
  604. package/lib/DateTime/__tests__/DaysRow.spec.js +20 -0
  605. package/lib/DateTime/__tests__/Time.spec.js +18 -0
  606. package/lib/DateTime/__tests__/YearView.spec.js +17 -0
  607. package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +312 -0
  608. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +923 -0
  609. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +34 -0
  610. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +72 -0
  611. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +74 -0
  612. package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +12 -0
  613. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +295 -0
  614. package/lib/DateTime/common.js +36 -0
  615. package/lib/DateTime/constants.js +77 -0
  616. package/lib/DateTime/dateFormatUtils/dateFormat.js +627 -0
  617. package/lib/DateTime/dateFormatUtils/dateFormats.js +50 -0
  618. package/lib/DateTime/dateFormatUtils/dayChange.js +83 -0
  619. package/lib/DateTime/dateFormatUtils/index.js +307 -0
  620. package/lib/DateTime/dateFormatUtils/monthChange.js +96 -0
  621. package/lib/DateTime/dateFormatUtils/timeChange.js +240 -0
  622. package/lib/DateTime/dateFormatUtils/yearChange.js +121 -0
  623. package/lib/DateTime/index.js +15 -0
  624. package/lib/DateTime/objectUtils.js +76 -0
  625. package/lib/DateTime/props/defaultProps.js +78 -0
  626. package/lib/DateTime/props/propTypes.js +235 -0
  627. package/lib/DateTime/typeChecker.js +26 -0
  628. package/lib/DateTime/validator.js +353 -0
  629. package/lib/DropBox/DropBox.js +109 -0
  630. package/lib/DropBox/DropBoxElement/DropBoxElement.js +150 -0
  631. package/lib/DropBox/DropBoxElement/__tests__/DropBoxElement.spec.js +35 -0
  632. package/lib/DropBox/DropBoxElement/__tests__/__snapshots__/DropBoxElement.spec.js.snap +95 -0
  633. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +445 -0
  634. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +81 -0
  635. package/lib/DropBox/DropBoxElement/props/defaultProps.js +25 -0
  636. package/lib/DropBox/DropBoxElement/props/propTypes.js +62 -0
  637. package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +60 -0
  638. package/lib/DropBox/__tests__/DropBox.spec.js +18 -0
  639. package/lib/DropBox/__tests__/__snapshots__/DropBox.spec.js.snap +36 -0
  640. package/lib/DropBox/css/DropBox.module.css +59 -0
  641. package/lib/DropBox/css/cssJSLogic.js +20 -0
  642. package/lib/DropBox/props/defaultProps.js +30 -0
  643. package/lib/DropBox/props/propTypes.js +35 -0
  644. package/lib/DropBox/utils/isMobilePopover.js +15 -0
  645. package/lib/DropDown/DropDown.js +171 -0
  646. package/lib/DropDown/DropDown.module.css +5 -0
  647. package/lib/DropDown/DropDownHeading.js +93 -0
  648. package/lib/DropDown/DropDownHeading.module.css +53 -0
  649. package/lib/DropDown/DropDownItem.js +127 -0
  650. package/lib/DropDown/DropDownItem.module.css +94 -0
  651. package/lib/DropDown/DropDownSearch.js +117 -0
  652. package/lib/DropDown/DropDownSearch.module.css +14 -0
  653. package/lib/DropDown/DropDownSeparator.js +64 -0
  654. package/lib/DropDown/DropDownSeparator.module.css +7 -0
  655. package/lib/DropDown/__tests__/DropDown.spec.js +18 -0
  656. package/lib/DropDown/__tests__/DropDownHeading.spec.js +18 -0
  657. package/lib/DropDown/__tests__/DropDownItem.spec.js +18 -0
  658. package/lib/DropDown/__tests__/DropDownSearch.spec.js +18 -0
  659. package/lib/DropDown/__tests__/DropDownSeparator.spec.js +18 -0
  660. package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +54 -0
  661. package/lib/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +12 -0
  662. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +11 -0
  663. package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +20 -0
  664. package/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +9 -0
  665. package/lib/DropDown/index.js +65 -0
  666. package/lib/DropDown/props/defaultProps.js +31 -0
  667. package/lib/DropDown/props/propTypes.js +87 -0
  668. package/lib/Heading/Heading.js +94 -0
  669. package/lib/Heading/Heading.module.css +5 -0
  670. package/lib/Heading/__tests__/Heading.spec.js +27 -0
  671. package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +63 -0
  672. package/lib/Heading/props/defaultProps.js +12 -0
  673. package/lib/Heading/props/propTypes.js +23 -0
  674. package/lib/Label/Label.js +117 -0
  675. package/lib/Label/Label.module.css +57 -0
  676. package/lib/Label/LabelColors.module.css +21 -0
  677. package/lib/Label/__tests__/Label.spec.js +164 -0
  678. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +378 -0
  679. package/lib/Label/props/defaultProps.js +19 -0
  680. package/lib/Label/props/propTypes.js +37 -0
  681. package/lib/Layout/Box.js +128 -0
  682. package/lib/Layout/Container.js +145 -0
  683. package/lib/Layout/Layout.module.css +336 -0
  684. package/lib/Layout/__tests__/Box.spec.js +18 -0
  685. package/lib/Layout/__tests__/Container.spec.js +18 -0
  686. package/lib/Layout/__tests__/__snapshots__/Box.spec.js.snap +16 -0
  687. package/lib/Layout/__tests__/__snapshots__/Container.spec.js.snap +16 -0
  688. package/lib/Layout/index.js +23 -0
  689. package/lib/Layout/props/defaultProps.js +24 -0
  690. package/lib/Layout/props/propTypes.js +58 -0
  691. package/lib/Layout/utils.js +59 -0
  692. package/lib/ListItem/ListContainer.js +129 -0
  693. package/lib/ListItem/ListItem.js +218 -0
  694. package/lib/ListItem/ListItem.module.css +307 -0
  695. package/lib/ListItem/ListItemWithAvatar.js +245 -0
  696. package/lib/ListItem/ListItemWithCheckBox.js +210 -0
  697. package/lib/ListItem/ListItemWithIcon.js +224 -0
  698. package/lib/ListItem/ListItemWithRadio.js +212 -0
  699. package/lib/ListItem/__tests__/ListContainer.spec.js +26 -0
  700. package/lib/ListItem/__tests__/ListItem.spec.js +49 -0
  701. package/lib/ListItem/__tests__/ListItemWithAvatar.spec.js +76 -0
  702. package/lib/ListItem/__tests__/ListItemWithCheckBox.spec.js +76 -0
  703. package/lib/ListItem/__tests__/ListItemWithIcon.spec.js +74 -0
  704. package/lib/ListItem/__tests__/ListItemWithRadio.spec.js +76 -0
  705. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +27 -0
  706. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +154 -0
  707. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +365 -0
  708. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +736 -0
  709. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +365 -0
  710. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +729 -0
  711. package/lib/ListItem/index.js +55 -0
  712. package/lib/ListItem/props/defaultProps.js +120 -0
  713. package/lib/ListItem/props/propTypes.js +228 -0
  714. package/lib/Modal/Modal.js +236 -0
  715. package/lib/Modal/Portal/Portal.js +53 -0
  716. package/lib/Modal/Portal/__tests__/Portal.spec.js +37 -0
  717. package/lib/Modal/Portal/__tests__/__snapshots__/Portal.spec.js.snap +30 -0
  718. package/lib/Modal/Portal/props/defaultProps.js +10 -0
  719. package/lib/Modal/Portal/props/propTypes.js +16 -0
  720. package/lib/Modal/__tests__/Modal.spec.js +22 -0
  721. package/lib/Modal/__tests__/__snapshots__/Modal.spec.js.snap +26 -0
  722. package/lib/Modal/props/defaultProps.js +10 -0
  723. package/lib/Modal/props/propTypes.js +18 -0
  724. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +1207 -0
  725. package/lib/MultiSelect/AdvancedMultiSelect.js +675 -0
  726. package/lib/MultiSelect/EmptyState.js +129 -0
  727. package/lib/MultiSelect/MobileHeader/MobileHeader.js +62 -0
  728. package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +16 -0
  729. package/lib/MultiSelect/MobileHeader/__tests__/MobileHeader.spec.js +18 -0
  730. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +39 -0
  731. package/lib/MultiSelect/MobileHeader/props/defaultProps.js +14 -0
  732. package/lib/MultiSelect/MobileHeader/props/propTypes.js +18 -0
  733. package/lib/MultiSelect/MultiSelect.js +1303 -0
  734. package/lib/MultiSelect/MultiSelect.module.css +216 -0
  735. package/lib/MultiSelect/MultiSelectHeader.js +78 -0
  736. package/lib/MultiSelect/MultiSelectWithAvatar.js +278 -0
  737. package/lib/MultiSelect/SelectedOptions.js +155 -0
  738. package/lib/MultiSelect/SelectedOptions.module.css +15 -0
  739. package/lib/MultiSelect/Suggestions.js +288 -0
  740. package/lib/MultiSelect/__tests__/AdvancedGroupMultiSelect.spec.js +20 -0
  741. package/lib/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +56 -0
  742. package/lib/MultiSelect/__tests__/EmptyState.spec.js +22 -0
  743. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +83 -0
  744. package/lib/MultiSelect/__tests__/MultiSelectHeader.spec.js +28 -0
  745. package/lib/MultiSelect/__tests__/MultiSelectWithAvatar.spec.js +18 -0
  746. package/lib/MultiSelect/__tests__/SelectedOptions.spec.js +50 -0
  747. package/lib/MultiSelect/__tests__/Suggestions.spec.js +92 -0
  748. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +72 -0
  749. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +528 -0
  750. package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +12 -0
  751. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +418 -0
  752. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +69 -0
  753. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +83 -0
  754. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +95 -0
  755. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +429 -0
  756. package/lib/MultiSelect/constants.js +13 -0
  757. package/lib/MultiSelect/index.js +39 -0
  758. package/lib/MultiSelect/props/defaultProps.js +191 -0
  759. package/lib/MultiSelect/props/propTypes.js +341 -0
  760. package/lib/PopOver/PopOver.js +293 -0
  761. package/lib/PopOver/PopOver.module.css +9 -0
  762. package/lib/PopOver/__tests__/PopOver.spec.js +18 -0
  763. package/lib/PopOver/__tests__/__snapshots__/PopOver.spec.js.snap +13 -0
  764. package/lib/PopOver/index.js +31 -0
  765. package/lib/PopOver/props/defaultProps.js +15 -0
  766. package/lib/PopOver/props/propTypes.js +66 -0
  767. package/lib/Popup/Popup.js +66 -0
  768. package/lib/Popup/props/propTypes.js +51 -0
  769. package/lib/Provider/AvatarSize.js +24 -0
  770. package/lib/Provider/Config.js +30 -0
  771. package/lib/Provider/CssProvider.js +27 -0
  772. package/lib/Provider/IdProvider.js +80 -0
  773. package/lib/Provider/LibraryContext.js +102 -0
  774. package/lib/Provider/LibraryContextInit.js +15 -0
  775. package/lib/Provider/NumberGenerator/NumberGenerator.js +174 -0
  776. package/lib/Provider/ZindexProvider.js +69 -0
  777. package/lib/Provider/index.js +81 -0
  778. package/lib/Radio/Radio.js +203 -0
  779. package/lib/Radio/Radio.module.css +149 -0
  780. package/lib/Radio/__tests__/Radio.spec.js +256 -0
  781. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1989 -0
  782. package/lib/Radio/props/defaultProps.js +22 -0
  783. package/lib/Radio/props/propTypes.js +56 -0
  784. package/lib/Responsive/CustomResponsive.js +242 -0
  785. package/lib/Responsive/RefWrapper.js +56 -0
  786. package/lib/Responsive/ResizeComponent.js +268 -0
  787. package/lib/Responsive/ResizeObserver.js +100 -0
  788. package/lib/Responsive/ResizeObserverWithPolyfill.js +168 -0
  789. package/lib/Responsive/Responsive.js +274 -0
  790. package/lib/Responsive/index.js +55 -0
  791. package/lib/Responsive/props/defaultProps.js +23 -0
  792. package/lib/Responsive/props/propTypes.js +39 -0
  793. package/lib/Responsive/sizeObservers.js +214 -0
  794. package/lib/Responsive/utils/index.js +70 -0
  795. package/lib/Responsive/utils/shallowCompare.js +38 -0
  796. package/lib/Responsive/windowResizeObserver.js +63 -0
  797. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +124 -0
  798. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -0
  799. package/lib/ResponsiveDropBox/__tests__/ResponsiveDropBox.spec.js +18 -0
  800. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +42 -0
  801. package/lib/ResponsiveDropBox/props/defaultProps.js +11 -0
  802. package/lib/ResponsiveDropBox/props/propTypes.js +27 -0
  803. package/lib/Ribbon/Ribbon.js +98 -0
  804. package/lib/Ribbon/Ribbon.module.css +505 -0
  805. package/lib/Ribbon/__tests__/Ribbon.spec.js +59 -0
  806. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -0
  807. package/lib/Ribbon/props/defaultProps.js +16 -0
  808. package/lib/Ribbon/props/propTypes.js +22 -0
  809. package/lib/RippleEffect/RippleEffect.js +45 -0
  810. package/lib/RippleEffect/RippleEffect.module.css +109 -0
  811. package/lib/RippleEffect/__tests__/RippleEffect.spec.js +76 -0
  812. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +161 -0
  813. package/lib/RippleEffect/props/defaultProps.js +17 -0
  814. package/lib/RippleEffect/props/propTypes.js +23 -0
  815. package/lib/Select/GroupSelect.js +913 -0
  816. package/lib/Select/Select.js +1168 -0
  817. package/lib/Select/Select.module.css +138 -0
  818. package/lib/Select/SelectWithAvatar.js +429 -0
  819. package/lib/Select/SelectWithIcon.js +653 -0
  820. package/lib/Select/__tests__/GroupSelect.spec.js +27 -0
  821. package/lib/Select/__tests__/Select.spec.js +1415 -0
  822. package/lib/Select/__tests__/SelectWithAvatar.spec.js +20 -0
  823. package/lib/Select/__tests__/SelectWithIcon.spec.js +20 -0
  824. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +85 -0
  825. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +10106 -0
  826. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +45 -0
  827. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +103 -0
  828. package/lib/Select/index.js +39 -0
  829. package/lib/Select/props/defaultProps.js +134 -0
  830. package/lib/Select/props/propTypes.js +366 -0
  831. package/lib/Stencils/Stencils.js +72 -0
  832. package/lib/Stencils/Stencils.module.css +100 -0
  833. package/lib/Stencils/__tests__/Stencils.spec.js +61 -0
  834. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +105 -0
  835. package/lib/Stencils/props/defaultProps.js +14 -0
  836. package/lib/Stencils/props/propTypes.js +19 -0
  837. package/lib/Switch/Switch.js +152 -0
  838. package/lib/Switch/Switch.module.css +128 -0
  839. package/lib/Switch/__tests__/Switch.spec.js +163 -0
  840. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -0
  841. package/lib/Switch/props/defaultProps.js +18 -0
  842. package/lib/Switch/props/propTypes.js +39 -0
  843. package/lib/Tab/Tab.js +134 -0
  844. package/lib/Tab/Tab.module.css +100 -0
  845. package/lib/Tab/TabContent.js +42 -0
  846. package/lib/Tab/TabContent.module.css +4 -0
  847. package/lib/Tab/TabContentWrapper.js +47 -0
  848. package/lib/Tab/TabWrapper.js +91 -0
  849. package/lib/Tab/Tabs.js +787 -0
  850. package/lib/Tab/Tabs.module.css +167 -0
  851. package/lib/Tab/__tests__/Tab.spec.js +18 -0
  852. package/lib/Tab/__tests__/TabContent.spec.js +18 -0
  853. package/lib/Tab/__tests__/TabContentWrapper.spec.js +18 -0
  854. package/lib/Tab/__tests__/TabLayout.spec.js +41 -0
  855. package/lib/Tab/__tests__/TabWrapper.spec.js +18 -0
  856. package/lib/Tab/__tests__/Tabs.spec.js +18 -0
  857. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +22 -0
  858. package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +19 -0
  859. package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +12 -0
  860. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +341 -0
  861. package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +20 -0
  862. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +33 -0
  863. package/lib/Tab/index.js +47 -0
  864. package/lib/Tab/props/defaultProps.js +62 -0
  865. package/lib/Tab/props/propTypes.js +132 -0
  866. package/lib/Tab/utils/tabConfigs.js +27 -0
  867. package/lib/Tag/Tag.js +223 -0
  868. package/lib/Tag/Tag.module.css +255 -0
  869. package/lib/Tag/__tests__/Tag.spec.js +270 -0
  870. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +3074 -0
  871. package/lib/Tag/props/defaultProps.js +23 -0
  872. package/lib/Tag/props/propTypes.js +57 -0
  873. package/lib/TextBox/TextBox.js +233 -0
  874. package/lib/TextBox/TextBox.module.css +197 -0
  875. package/lib/TextBox/__tests__/TextBox.spec.js +334 -0
  876. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +615 -0
  877. package/lib/TextBox/props/defaultProps.js +27 -0
  878. package/lib/TextBox/props/propTypes.js +64 -0
  879. package/lib/TextBoxIcon/TextBoxIcon.js +257 -0
  880. package/lib/TextBoxIcon/TextBoxIcon.module.css +38 -0
  881. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +286 -0
  882. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +1638 -0
  883. package/lib/TextBoxIcon/props/defaultProps.js +31 -0
  884. package/lib/TextBoxIcon/props/propTypes.js +73 -0
  885. package/lib/Textarea/Textarea.js +168 -0
  886. package/lib/Textarea/Textarea.module.css +148 -0
  887. package/lib/Textarea/__tests__/Textarea.spec.js +273 -0
  888. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +525 -0
  889. package/lib/Textarea/props/defaultProps.js +25 -0
  890. package/lib/Textarea/props/propTypes.js +46 -0
  891. package/lib/Tooltip/Tooltip.js +599 -0
  892. package/lib/Tooltip/Tooltip.module.css +133 -0
  893. package/lib/Tooltip/props/defaultProps.js +11 -0
  894. package/lib/Tooltip/props/propTypes.js +16 -0
  895. package/lib/Typography/Typography.js +63 -0
  896. package/lib/Typography/__tests__/Typography.spec.js +668 -0
  897. package/lib/Typography/__tests__/__snapshots__/Typography.spec.js.snap +1732 -0
  898. package/lib/Typography/css/Typography.module.css +489 -0
  899. package/lib/Typography/css/cssJSLogic.js +48 -0
  900. package/lib/Typography/props/defaultProps.js +16 -0
  901. package/lib/Typography/props/propTypes.js +63 -0
  902. package/lib/Typography/utils/index.js +59 -0
  903. package/lib/Typography/utils/textHighlighter.js +160 -0
  904. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +126 -0
  905. package/lib/VelocityAnimation/VelocityAnimation/__tests__/VelocityAnimation.spec.js +18 -0
  906. package/lib/VelocityAnimation/VelocityAnimation/__tests__/__snapshots__/VelocityAnimation.spec.js.snap +9 -0
  907. package/lib/VelocityAnimation/VelocityAnimation/props/defaultProps.js +14 -0
  908. package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +23 -0
  909. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +216 -0
  910. package/lib/VelocityAnimation/VelocityAnimationGroup/__tests__/VelocityAnimationGroup.spec.js +26 -0
  911. package/lib/VelocityAnimation/VelocityAnimationGroup/__tests__/__snapshots__/VelocityAnimationGroup.spec.js.snap +11 -0
  912. package/lib/VelocityAnimation/VelocityAnimationGroup/props/defaultProps.js +22 -0
  913. package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +33 -0
  914. package/lib/VelocityAnimation/index.js +23 -0
  915. package/lib/common/a11y.module.css +4 -0
  916. package/lib/common/animation.module.css +624 -0
  917. package/lib/common/avatarsizes.module.css +49 -0
  918. package/lib/common/basic.module.css +64 -0
  919. package/lib/common/basicReset.module.css +40 -0
  920. package/lib/common/boxShadow.module.css +34 -0
  921. package/lib/common/common.module.css +566 -0
  922. package/lib/common/customscroll.module.css +142 -0
  923. package/lib/common/reset.module.css +13 -0
  924. package/lib/common/transition.module.css +146 -0
  925. package/lib/components_layer.module.css +1 -0
  926. package/lib/css.js +83 -0
  927. package/lib/deprecated/PortalLayer/PortalLayer.js +153 -0
  928. package/lib/deprecated/PortalLayer/props/defaultProps.js +12 -0
  929. package/lib/deprecated/PortalLayer/props/propTypes.js +32 -0
  930. package/lib/deprecated/Switch/Switch.js +108 -0
  931. package/lib/deprecated/Switch/props/defaultProps.js +18 -0
  932. package/lib/deprecated/Switch/props/propTypes.js +39 -0
  933. package/lib/index.js +417 -0
  934. package/lib/semantic/Button/Button.js +104 -0
  935. package/lib/semantic/Button/__tests__/Button.spec.js +18 -0
  936. package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +15 -0
  937. package/lib/semantic/Button/props/defaultProps.js +19 -0
  938. package/lib/semantic/Button/props/propTypes.js +33 -0
  939. package/lib/semantic/Button/semanticButton.module.css +9 -0
  940. package/lib/semantic/index.js +15 -0
  941. package/lib/shared/ArrowIcon/ArrowIcon.js +65 -0
  942. package/lib/shared/ArrowIcon/ArrowIcon.module.css +42 -0
  943. package/lib/shared/ArrowIcon/__tests__/ArrowIcon.spec.js +107 -0
  944. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +221 -0
  945. package/lib/shared/ArrowIcon/props/defaultProps.js +18 -0
  946. package/lib/shared/ArrowIcon/props/propTypes.js +28 -0
  947. package/lib/shared/InputFieldLine/InputFieldLine.js +58 -0
  948. package/lib/shared/InputFieldLine/InputFieldLine.module.css +94 -0
  949. package/lib/shared/InputFieldLine/__tests__/InputFieldLine.spec.js +122 -0
  950. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +194 -0
  951. package/lib/shared/InputFieldLine/props/defaultProps.js +23 -0
  952. package/lib/shared/InputFieldLine/props/propTypes.js +39 -0
  953. package/lib/utils/Common.js +525 -0
  954. package/lib/utils/ContextOptimizer.js +49 -0
  955. package/lib/utils/constant.js +10 -0
  956. package/lib/utils/constructFullName.js +34 -0
  957. package/lib/utils/cssUtils.js +22 -0
  958. package/lib/utils/datetime/GMTZones.js +55 -0
  959. package/lib/utils/datetime/common.js +251 -0
  960. package/lib/utils/debounce.js +30 -0
  961. package/lib/utils/dropDownUtils.js +713 -0
  962. package/lib/utils/dummyFunction.js +10 -0
  963. package/lib/utils/getHTMLFontSize.js +11 -0
  964. package/lib/utils/getInitial.js +33 -0
  965. package/lib/utils/index.js +103 -0
  966. package/lib/utils/scrollTo.js +22 -0
  967. package/lib/utils/shallowEqual.js +41 -0
  968. package/lib/v1/Label/Label.js +119 -0
  969. package/lib/v1/Label/__tests__/Label.spec.js +221 -0
  970. package/lib/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +457 -0
  971. package/lib/v1/Label/constants/index.js +16 -0
  972. package/lib/v1/Label/css/Label_v1.module.css +42 -0
  973. package/lib/v1/Label/css/cssJSLogic.js +38 -0
  974. package/lib/v1/Label/props/defaultProps.js +23 -0
  975. package/lib/v1/Label/props/propTypes.js +50 -0
  976. package/lib/v1/Switch/Switch.js +159 -0
  977. package/lib/v1/Switch/__tests__/Switch.spec.js +72 -0
  978. package/lib/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +306 -0
  979. package/lib/v1/Switch/contants/index.js +34 -0
  980. package/lib/v1/Switch/css/Switch_v1.module.css +140 -0
  981. package/lib/v1/Switch/css/cssJSLogic.js +37 -0
  982. package/lib/v1/Switch/props/defaultProps.js +18 -0
  983. package/lib/v1/Switch/props/propTypes.js +47 -0
  984. package/lib/v1/Switch/useSwitch.js +56 -0
  985. package/package.json +15 -14
  986. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +0 -467
  987. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +0 -36
  988. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +0 -467
  989. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +0 -36
  990. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +0 -467
  991. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +0 -36
  992. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +0 -467
  993. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +0 -36
  994. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +0 -467
  995. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +0 -36
  996. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +0 -467
  997. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +0 -36
  998. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +0 -467
  999. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +0 -36
  1000. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +0 -467
  1001. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +0 -36
  1002. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +0 -467
  1003. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +0 -36
  1004. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +0 -467
  1005. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +0 -36
  1006. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +0 -467
  1007. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +0 -36
  1008. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +0 -467
  1009. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +0 -36
  1010. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +0 -467
  1011. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +0 -36
  1012. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +0 -467
  1013. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +0 -36
  1014. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +0 -467
  1015. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +0 -36
  1016. package/assets/Contrast/darkContrastLightness.module.css +0 -39
  1017. package/assets/Contrast/lightContrastLightness.module.css +0 -39
  1018. package/assets/Contrast/pureDarkContrastLightness.module.css +0 -39
package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap ADDED
@@ -0,0 +1,1947 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`CheckBox component Should be disable 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ aria-checked="true"
7
+ class="container disabled
8
+ checkedprimary flex rowdir vCenter"
9
+ data-id="checkBox"
10
+ data-selector-id="container"
11
+ data-test-id="checkBox"
12
+ role="checkbox"
13
+ tabindex="-1"
14
+ >
15
+ <div
16
+ class="boxContainer medium filled disabled shrinkOff"
17
+ data-id="boxComponent"
18
+ data-selector-id="box"
19
+ data-test-id="boxComponent"
20
+ >
21
+ <input
22
+ type="hidden"
23
+ />
24
+ <label
25
+ class="checkbox disabled medium "
26
+ >
27
+ <svg
28
+ viewBox="0 0 40 40"
29
+ xmlns="http://www.w3.org/2000/svg"
30
+ >
31
+ <path
32
+ class="cbBox"
33
+ d="M39,20V35a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V5A4,4,0,0,1,5,1H28.44"
34
+ xmlns="http://www.w3.org/2000/svg"
35
+ />
36
+ </svg>
37
+ <svg
38
+ class="tick mediumtick disabled"
39
+ viewBox="0 0 44 44"
40
+ xmlns="http://www.w3.org/2000/svg"
41
+ >
42
+ <polyline
43
+ class="tickPath checkedtickPath"
44
+ points="12.56 19 19.61 26.06 40.39 5.28"
45
+ />
46
+ </svg>
47
+ </label>
48
+ </div>
49
+ <div
50
+ class="labelContainer grow basis shrinkOff"
51
+ data-id="boxComponent"
52
+ data-selector-id="box"
53
+ data-test-id="boxComponent"
54
+ >
55
+ <label
56
+ class="label title medium disable font_default
57
+ dotted cursor
58
+
59
+ disabled "
60
+ data-id="label"
61
+ data-selector-id="label"
62
+ data-test-id="label"
63
+ data-title="checkboxDisable"
64
+ >
65
+ checkboxDisable
66
+ </label>
67
+ </div>
68
+ </div>
69
+ </DocumentFragment>
70
+ `;
71
+
72
+ exports[`CheckBox component Should be isReadOnly 1`] = `
73
+ <DocumentFragment>
74
+ <div
75
+ aria-checked="false"
76
+ class="container readonly
77
+ inflex rowdir vCenter"
78
+ data-id="checkBox"
79
+ data-selector-id="container"
80
+ data-test-id="checkBox"
81
+ role="checkbox"
82
+ tabindex="-1"
83
+ >
84
+ <div
85
+ class="boxContainer medium filled disabled shrinkOff"
86
+ data-id="boxComponent"
87
+ data-selector-id="box"
88
+ data-test-id="boxComponent"
89
+ >
90
+ <input
91
+ type="hidden"
92
+ />
93
+ <label
94
+ class="checkbox readonly medium "
95
+ >
96
+ <svg
97
+ viewBox="0 0 40 40"
98
+ xmlns="http://www.w3.org/2000/svg"
99
+ >
100
+ <rect
101
+ class="cbBox"
102
+ height="38"
103
+ rx="4"
104
+ width="38"
105
+ x="1"
106
+ xmlns="http://www.w3.org/2000/svg"
107
+ y="1"
108
+ />
109
+ </svg>
110
+ </label>
111
+ </div>
112
+ </div>
113
+ </DocumentFragment>
114
+ `;
115
+
116
+ exports[`CheckBox component Should be render ID 1`] = `
117
+ <DocumentFragment>
118
+ <div
119
+ aria-checked="false"
120
+ class="container pointer primary
121
+ flex rowdir vCenter"
122
+ data-id="checkBox"
123
+ data-selector-id="checkBoxId"
124
+ data-test-id="checkBox"
125
+ role="checkbox"
126
+ tabindex="0"
127
+ >
128
+ <div
129
+ class="boxContainer medium filled shrinkOff"
130
+ data-id="boxComponent"
131
+ data-selector-id="box"
132
+ data-test-id="boxComponent"
133
+ >
134
+ <input
135
+ id="checkBoxId"
136
+ type="hidden"
137
+ />
138
+ <label
139
+ class="checkbox pointer medium "
140
+ >
141
+ <svg
142
+ viewBox="0 0 40 40"
143
+ xmlns="http://www.w3.org/2000/svg"
144
+ >
145
+ <rect
146
+ class="cbBox"
147
+ height="38"
148
+ rx="4"
149
+ width="38"
150
+ x="1"
151
+ xmlns="http://www.w3.org/2000/svg"
152
+ y="1"
153
+ />
154
+ </svg>
155
+ </label>
156
+ </div>
157
+ <div
158
+ class="labelContainer grow basis shrinkOff"
159
+ data-id="boxComponent"
160
+ data-selector-id="box"
161
+ data-test-id="boxComponent"
162
+ >
163
+ <label
164
+ class="label title medium default font_default
165
+ dotted cursor
166
+
167
+ pointer "
168
+ data-id="label"
169
+ data-selector-id="label"
170
+ data-test-id="label"
171
+ data-title="checkBoxText"
172
+ id="checkBoxId"
173
+ >
174
+ checkBoxText
175
+ </label>
176
+ </div>
177
+ </div>
178
+ </DocumentFragment>
179
+ `;
180
+
181
+ exports[`CheckBox component Should be render activeStyle is minus 1`] = `
182
+ <DocumentFragment>
183
+ <div
184
+ aria-checked="false"
185
+ class="container pointer primary
186
+ inflex rowdir vCenter"
187
+ data-id="checkBox"
188
+ data-selector-id="container"
189
+ data-test-id="checkBox"
190
+ role="checkbox"
191
+ tabindex="0"
192
+ >
193
+ <div
194
+ class="boxContainer medium filled shrinkOff"
195
+ data-id="boxComponent"
196
+ data-selector-id="box"
197
+ data-test-id="boxComponent"
198
+ >
199
+ <input
200
+ type="hidden"
201
+ />
202
+ <label
203
+ class="checkbox pointer medium "
204
+ >
205
+ <svg
206
+ viewBox="0 0 40 40"
207
+ xmlns="http://www.w3.org/2000/svg"
208
+ >
209
+ <rect
210
+ class="cbBox"
211
+ height="38"
212
+ rx="4"
213
+ width="38"
214
+ x="1"
215
+ xmlns="http://www.w3.org/2000/svg"
216
+ y="1"
217
+ />
218
+ </svg>
219
+ </label>
220
+ </div>
221
+ </div>
222
+ </DocumentFragment>
223
+ `;
224
+
225
+ exports[`CheckBox component Should be render dataSelectorId 1`] = `
226
+ <DocumentFragment>
227
+ <div
228
+ aria-checked="false"
229
+ class="container pointer primary
230
+ inflex rowdir vCenter"
231
+ data-id="checkBox"
232
+ data-selector-id="dataSelectorIdCheck"
233
+ data-test-id="checkBox"
234
+ role="checkbox"
235
+ tabindex="0"
236
+ >
237
+ <div
238
+ class="boxContainer medium filled shrinkOff"
239
+ data-id="boxComponent"
240
+ data-selector-id="box"
241
+ data-test-id="boxComponent"
242
+ >
243
+ <input
244
+ type="hidden"
245
+ />
246
+ <label
247
+ class="checkbox pointer medium "
248
+ >
249
+ <svg
250
+ viewBox="0 0 40 40"
251
+ xmlns="http://www.w3.org/2000/svg"
252
+ >
253
+ <rect
254
+ class="cbBox"
255
+ height="38"
256
+ rx="4"
257
+ width="38"
258
+ x="1"
259
+ xmlns="http://www.w3.org/2000/svg"
260
+ y="1"
261
+ />
262
+ </svg>
263
+ </label>
264
+ </div>
265
+ </div>
266
+ </DocumentFragment>
267
+ `;
268
+
269
+ exports[`CheckBox component Should be render disabledTitle and title 1`] = `
270
+ <DocumentFragment>
271
+ <div
272
+ aria-checked="false"
273
+ class="container disabled
274
+ flex rowdir vCenter"
275
+ data-id="checkBox"
276
+ data-selector-id="container"
277
+ data-test-id="checkBox"
278
+ data-title="checkBoxdisableTitle"
279
+ role="checkbox"
280
+ tabindex="-1"
281
+ >
282
+ <div
283
+ class="boxContainer medium filled disabled shrinkOff"
284
+ data-id="boxComponent"
285
+ data-selector-id="box"
286
+ data-test-id="boxComponent"
287
+ >
288
+ <input
289
+ type="hidden"
290
+ />
291
+ <label
292
+ class="checkbox disabled medium "
293
+ >
294
+ <svg
295
+ viewBox="0 0 40 40"
296
+ xmlns="http://www.w3.org/2000/svg"
297
+ >
298
+ <rect
299
+ class="cbBox"
300
+ height="38"
301
+ rx="4"
302
+ width="38"
303
+ x="1"
304
+ xmlns="http://www.w3.org/2000/svg"
305
+ y="1"
306
+ />
307
+ </svg>
308
+ </label>
309
+ </div>
310
+ <div
311
+ class="labelContainer grow basis shrinkOff"
312
+ data-id="boxComponent"
313
+ data-selector-id="box"
314
+ data-test-id="boxComponent"
315
+ >
316
+ <label
317
+ class="label title medium disable font_default
318
+ dotted cursor
319
+
320
+ disabled "
321
+ data-id="label"
322
+ data-selector-id="label"
323
+ data-test-id="label"
324
+ data-title="checkBoxdisableTitle"
325
+ >
326
+ CheckBoxdisabledTitle
327
+ </label>
328
+ </div>
329
+ </div>
330
+ </DocumentFragment>
331
+ `;
332
+
333
+ exports[`CheckBox component Should be render isClipped is false 1`] = `
334
+ <DocumentFragment>
335
+ <div
336
+ aria-checked="false"
337
+ class="container pointer primary
338
+ inflex rowdir vCenter"
339
+ data-id="checkBox"
340
+ data-selector-id="container"
341
+ data-test-id="checkBox"
342
+ role="checkbox"
343
+ tabindex="0"
344
+ >
345
+ <div
346
+ class="boxContainer medium filled shrinkOff"
347
+ data-id="boxComponent"
348
+ data-selector-id="box"
349
+ data-test-id="boxComponent"
350
+ >
351
+ <input
352
+ type="hidden"
353
+ />
354
+ <label
355
+ class="checkbox pointer medium "
356
+ >
357
+ <svg
358
+ viewBox="0 0 40 40"
359
+ xmlns="http://www.w3.org/2000/svg"
360
+ >
361
+ <rect
362
+ class="cbBox"
363
+ height="38"
364
+ rx="4"
365
+ width="38"
366
+ x="1"
367
+ xmlns="http://www.w3.org/2000/svg"
368
+ y="1"
369
+ />
370
+ </svg>
371
+ </label>
372
+ </div>
373
+ </div>
374
+ </DocumentFragment>
375
+ `;
376
+
377
+ exports[`CheckBox component Should be render isFilled 1`] = `
378
+ <DocumentFragment>
379
+ <div
380
+ aria-checked="false"
381
+ class="container pointer primary
382
+ inflex rowdir vCenter"
383
+ data-id="checkBox"
384
+ data-selector-id="container"
385
+ data-test-id="checkBox"
386
+ role="checkbox"
387
+ tabindex="0"
388
+ >
389
+ <div
390
+ class="boxContainer medium filled shrinkOff"
391
+ data-id="boxComponent"
392
+ data-selector-id="box"
393
+ data-test-id="boxComponent"
394
+ >
395
+ <input
396
+ type="hidden"
397
+ />
398
+ <label
399
+ class="checkbox pointer medium "
400
+ >
401
+ <svg
402
+ viewBox="0 0 40 40"
403
+ xmlns="http://www.w3.org/2000/svg"
404
+ >
405
+ <rect
406
+ class="cbBox"
407
+ height="38"
408
+ rx="4"
409
+ width="38"
410
+ x="1"
411
+ xmlns="http://www.w3.org/2000/svg"
412
+ y="1"
413
+ />
414
+ </svg>
415
+ </label>
416
+ </div>
417
+ </div>
418
+ </DocumentFragment>
419
+ `;
420
+
421
+ exports[`CheckBox component Should be render name 1`] = `
422
+ <DocumentFragment>
423
+ <div
424
+ aria-checked="false"
425
+ class="container pointer primary
426
+ inflex rowdir vCenter"
427
+ data-id="checkBox"
428
+ data-selector-id="container"
429
+ data-test-id="checkBox"
430
+ role="checkbox"
431
+ tabindex="0"
432
+ >
433
+ <div
434
+ class="boxContainer medium filled shrinkOff"
435
+ data-id="boxComponent"
436
+ data-selector-id="box"
437
+ data-test-id="boxComponent"
438
+ >
439
+ <input
440
+ name="checkBoxName"
441
+ type="hidden"
442
+ />
443
+ <label
444
+ class="checkbox pointer medium "
445
+ >
446
+ <svg
447
+ viewBox="0 0 40 40"
448
+ xmlns="http://www.w3.org/2000/svg"
449
+ >
450
+ <rect
451
+ class="cbBox"
452
+ height="38"
453
+ rx="4"
454
+ width="38"
455
+ x="1"
456
+ xmlns="http://www.w3.org/2000/svg"
457
+ y="1"
458
+ />
459
+ </svg>
460
+ </label>
461
+ </div>
462
+ </div>
463
+ </DocumentFragment>
464
+ `;
465
+
466
+ exports[`CheckBox component Should be render text 1`] = `
467
+ <DocumentFragment>
468
+ <div
469
+ aria-checked="false"
470
+ class="container pointer primary
471
+ flex rowdir vCenter"
472
+ data-id="checkBox"
473
+ data-selector-id="container"
474
+ data-test-id="checkBox"
475
+ role="checkbox"
476
+ tabindex="0"
477
+ >
478
+ <div
479
+ class="boxContainer medium filled shrinkOff"
480
+ data-id="boxComponent"
481
+ data-selector-id="box"
482
+ data-test-id="boxComponent"
483
+ >
484
+ <input
485
+ type="hidden"
486
+ />
487
+ <label
488
+ class="checkbox pointer medium "
489
+ >
490
+ <svg
491
+ viewBox="0 0 40 40"
492
+ xmlns="http://www.w3.org/2000/svg"
493
+ >
494
+ <rect
495
+ class="cbBox"
496
+ height="38"
497
+ rx="4"
498
+ width="38"
499
+ x="1"
500
+ xmlns="http://www.w3.org/2000/svg"
501
+ y="1"
502
+ />
503
+ </svg>
504
+ </label>
505
+ </div>
506
+ <div
507
+ class="labelContainer grow basis shrinkOff"
508
+ data-id="boxComponent"
509
+ data-selector-id="box"
510
+ data-test-id="boxComponent"
511
+ >
512
+ <label
513
+ class="label title medium default font_default
514
+ dotted cursor
515
+
516
+ pointer "
517
+ data-id="label"
518
+ data-selector-id="label"
519
+ data-test-id="label"
520
+ data-title="CheckBoxdisabledTitle"
521
+ >
522
+ CheckBoxdisabledTitle
523
+ </label>
524
+ </div>
525
+ </div>
526
+ </DocumentFragment>
527
+ `;
528
+
529
+ exports[`CheckBox component Should be render title 1`] = `
530
+ <DocumentFragment>
531
+ <div
532
+ aria-checked="false"
533
+ class="container pointer primary
534
+ flex rowdir vCenter"
535
+ data-id="checkBox"
536
+ data-selector-id="container"
537
+ data-test-id="checkBox"
538
+ data-title="checkBoxTitle"
539
+ role="checkbox"
540
+ tabindex="0"
541
+ >
542
+ <div
543
+ class="boxContainer medium filled shrinkOff"
544
+ data-id="boxComponent"
545
+ data-selector-id="box"
546
+ data-test-id="boxComponent"
547
+ >
548
+ <input
549
+ type="hidden"
550
+ />
551
+ <label
552
+ class="checkbox pointer medium "
553
+ >
554
+ <svg
555
+ viewBox="0 0 40 40"
556
+ xmlns="http://www.w3.org/2000/svg"
557
+ >
558
+ <rect
559
+ class="cbBox"
560
+ height="38"
561
+ rx="4"
562
+ width="38"
563
+ x="1"
564
+ xmlns="http://www.w3.org/2000/svg"
565
+ y="1"
566
+ />
567
+ </svg>
568
+ </label>
569
+ </div>
570
+ <div
571
+ class="labelContainer grow basis shrinkOff"
572
+ data-id="boxComponent"
573
+ data-selector-id="box"
574
+ data-test-id="boxComponent"
575
+ >
576
+ <label
577
+ class="label title medium default font_default
578
+ dotted cursor
579
+
580
+ pointer "
581
+ data-id="label"
582
+ data-selector-id="label"
583
+ data-test-id="label"
584
+ data-title="checkBoxTitle"
585
+ >
586
+ CheckBoxdisabledTitle
587
+ </label>
588
+ </div>
589
+ </div>
590
+ </DocumentFragment>
591
+ `;
592
+
593
+ exports[`CheckBox component Should be render with the basic set of default props 1`] = `
594
+ <DocumentFragment>
595
+ <div
596
+ aria-checked="false"
597
+ class="container pointer primary
598
+ inflex rowdir vCenter"
599
+ data-id="checkBox"
600
+ data-selector-id="container"
601
+ data-test-id="checkBox"
602
+ role="checkbox"
603
+ tabindex="0"
604
+ >
605
+ <div
606
+ class="boxContainer medium filled shrinkOff"
607
+ data-id="boxComponent"
608
+ data-selector-id="box"
609
+ data-test-id="boxComponent"
610
+ >
611
+ <input
612
+ type="hidden"
613
+ />
614
+ <label
615
+ class="checkbox pointer medium "
616
+ >
617
+ <svg
618
+ viewBox="0 0 40 40"
619
+ xmlns="http://www.w3.org/2000/svg"
620
+ >
621
+ <rect
622
+ class="cbBox"
623
+ height="38"
624
+ rx="4"
625
+ width="38"
626
+ x="1"
627
+ xmlns="http://www.w3.org/2000/svg"
628
+ y="1"
629
+ />
630
+ </svg>
631
+ </label>
632
+ </div>
633
+ </div>
634
+ </DocumentFragment>
635
+ `;
636
+
637
+ exports[`CheckBox component Should render active - danger 1`] = `
638
+ <DocumentFragment>
639
+ <div
640
+ aria-checked="true"
641
+ class="container pointer danger
642
+ checkeddanger flex rowdir vCenter"
643
+ data-id="checkBox"
644
+ data-selector-id="container"
645
+ data-test-id="checkBox"
646
+ role="checkbox"
647
+ tabindex="0"
648
+ >
649
+ <div
650
+ class="boxContainer medium filled shrinkOff"
651
+ data-id="boxComponent"
652
+ data-selector-id="box"
653
+ data-test-id="boxComponent"
654
+ >
655
+ <input
656
+ type="hidden"
657
+ />
658
+ <label
659
+ class="checkbox pointer medium "
660
+ >
661
+ <svg
662
+ viewBox="0 0 40 40"
663
+ xmlns="http://www.w3.org/2000/svg"
664
+ >
665
+ <path
666
+ class="cbBox"
667
+ d="M39,20V35a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V5A4,4,0,0,1,5,1H28.44"
668
+ xmlns="http://www.w3.org/2000/svg"
669
+ />
670
+ </svg>
671
+ <svg
672
+ class="tick mediumtick "
673
+ viewBox="0 0 44 44"
674
+ xmlns="http://www.w3.org/2000/svg"
675
+ >
676
+ <polyline
677
+ class="tickPath checkedtickPath"
678
+ points="12.56 19 19.61 26.06 40.39 5.28"
679
+ />
680
+ </svg>
681
+ </label>
682
+ </div>
683
+ <div
684
+ class="labelContainer grow basis shrinkOff"
685
+ data-id="boxComponent"
686
+ data-selector-id="box"
687
+ data-test-id="boxComponent"
688
+ >
689
+ <label
690
+ class="label title medium default font_default
691
+ dotted cursor activedangerLabel
692
+ checkeddangerLabel
693
+ pointer "
694
+ data-id="label"
695
+ data-selector-id="label"
696
+ data-test-id="label"
697
+ data-title="checkboxText"
698
+ >
699
+ checkboxText
700
+ </label>
701
+ </div>
702
+ </div>
703
+ </DocumentFragment>
704
+ `;
705
+
706
+ exports[`CheckBox component Should render active - primary 1`] = `
707
+ <DocumentFragment>
708
+ <div
709
+ aria-checked="true"
710
+ class="container pointer primary
711
+ checkedprimary flex rowdir vCenter"
712
+ data-id="checkBox"
713
+ data-selector-id="container"
714
+ data-test-id="checkBox"
715
+ role="checkbox"
716
+ tabindex="0"
717
+ >
718
+ <div
719
+ class="boxContainer medium filled shrinkOff"
720
+ data-id="boxComponent"
721
+ data-selector-id="box"
722
+ data-test-id="boxComponent"
723
+ >
724
+ <input
725
+ type="hidden"
726
+ />
727
+ <label
728
+ class="checkbox pointer medium "
729
+ >
730
+ <svg
731
+ viewBox="0 0 40 40"
732
+ xmlns="http://www.w3.org/2000/svg"
733
+ >
734
+ <path
735
+ class="cbBox"
736
+ d="M39,20V35a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V5A4,4,0,0,1,5,1H28.44"
737
+ xmlns="http://www.w3.org/2000/svg"
738
+ />
739
+ </svg>
740
+ <svg
741
+ class="tick mediumtick "
742
+ viewBox="0 0 44 44"
743
+ xmlns="http://www.w3.org/2000/svg"
744
+ >
745
+ <polyline
746
+ class="tickPath checkedtickPath"
747
+ points="12.56 19 19.61 26.06 40.39 5.28"
748
+ />
749
+ </svg>
750
+ </label>
751
+ </div>
752
+ <div
753
+ class="labelContainer grow basis shrinkOff"
754
+ data-id="boxComponent"
755
+ data-selector-id="box"
756
+ data-test-id="boxComponent"
757
+ >
758
+ <label
759
+ class="label title medium default font_default
760
+ dotted cursor activeprimaryLabel
761
+ checkedprimaryLabel
762
+ pointer "
763
+ data-id="label"
764
+ data-selector-id="label"
765
+ data-test-id="label"
766
+ data-title="checkboxText"
767
+ >
768
+ checkboxText
769
+ </label>
770
+ </div>
771
+ </div>
772
+ </DocumentFragment>
773
+ `;
774
+
775
+ exports[`CheckBox component Should render labelSize - default 1`] = `
776
+ <DocumentFragment>
777
+ <div
778
+ aria-checked="false"
779
+ class="container pointer primary
780
+ flex rowdir vCenter"
781
+ data-id="checkBox"
782
+ data-selector-id="container"
783
+ data-test-id="checkBox"
784
+ role="checkbox"
785
+ tabindex="0"
786
+ >
787
+ <div
788
+ class="boxContainer medium filled shrinkOff"
789
+ data-id="boxComponent"
790
+ data-selector-id="box"
791
+ data-test-id="boxComponent"
792
+ >
793
+ <input
794
+ type="hidden"
795
+ />
796
+ <label
797
+ class="checkbox pointer medium "
798
+ >
799
+ <svg
800
+ viewBox="0 0 40 40"
801
+ xmlns="http://www.w3.org/2000/svg"
802
+ >
803
+ <rect
804
+ class="cbBox"
805
+ height="38"
806
+ rx="4"
807
+ width="38"
808
+ x="1"
809
+ xmlns="http://www.w3.org/2000/svg"
810
+ y="1"
811
+ />
812
+ </svg>
813
+ </label>
814
+ </div>
815
+ <div
816
+ class="labelContainer grow basis shrinkOff"
817
+ data-id="boxComponent"
818
+ data-selector-id="box"
819
+ data-test-id="boxComponent"
820
+ >
821
+ <label
822
+ class="label title medium default font_default
823
+ dotted cursor
824
+
825
+ pointer "
826
+ data-id="label"
827
+ data-selector-id="label"
828
+ data-test-id="label"
829
+ data-title="checkboxText"
830
+ >
831
+ checkboxText
832
+ </label>
833
+ </div>
834
+ </div>
835
+ </DocumentFragment>
836
+ `;
837
+
838
+ exports[`CheckBox component Should render labelSize - large 1`] = `
839
+ <DocumentFragment>
840
+ <div
841
+ aria-checked="false"
842
+ class="container pointer primary
843
+ flex rowdir vCenter"
844
+ data-id="checkBox"
845
+ data-selector-id="container"
846
+ data-test-id="checkBox"
847
+ role="checkbox"
848
+ tabindex="0"
849
+ >
850
+ <div
851
+ class="boxContainer medium filled shrinkOff"
852
+ data-id="boxComponent"
853
+ data-selector-id="box"
854
+ data-test-id="boxComponent"
855
+ >
856
+ <input
857
+ type="hidden"
858
+ />
859
+ <label
860
+ class="checkbox pointer medium "
861
+ >
862
+ <svg
863
+ viewBox="0 0 40 40"
864
+ xmlns="http://www.w3.org/2000/svg"
865
+ >
866
+ <rect
867
+ class="cbBox"
868
+ height="38"
869
+ rx="4"
870
+ width="38"
871
+ x="1"
872
+ xmlns="http://www.w3.org/2000/svg"
873
+ y="1"
874
+ />
875
+ </svg>
876
+ </label>
877
+ </div>
878
+ <div
879
+ class="labelContainer grow basis shrinkOff"
880
+ data-id="boxComponent"
881
+ data-selector-id="box"
882
+ data-test-id="boxComponent"
883
+ >
884
+ <label
885
+ class="label title large default font_default
886
+ dotted cursor
887
+
888
+ pointer "
889
+ data-id="label"
890
+ data-selector-id="label"
891
+ data-test-id="label"
892
+ data-title="checkboxText"
893
+ >
894
+ checkboxText
895
+ </label>
896
+ </div>
897
+ </div>
898
+ </DocumentFragment>
899
+ `;
900
+
901
+ exports[`CheckBox component Should render labelSize - medium 1`] = `
902
+ <DocumentFragment>
903
+ <div
904
+ aria-checked="false"
905
+ class="container pointer primary
906
+ flex rowdir vCenter"
907
+ data-id="checkBox"
908
+ data-selector-id="container"
909
+ data-test-id="checkBox"
910
+ role="checkbox"
911
+ tabindex="0"
912
+ >
913
+ <div
914
+ class="boxContainer medium filled shrinkOff"
915
+ data-id="boxComponent"
916
+ data-selector-id="box"
917
+ data-test-id="boxComponent"
918
+ >
919
+ <input
920
+ type="hidden"
921
+ />
922
+ <label
923
+ class="checkbox pointer medium "
924
+ >
925
+ <svg
926
+ viewBox="0 0 40 40"
927
+ xmlns="http://www.w3.org/2000/svg"
928
+ >
929
+ <rect
930
+ class="cbBox"
931
+ height="38"
932
+ rx="4"
933
+ width="38"
934
+ x="1"
935
+ xmlns="http://www.w3.org/2000/svg"
936
+ y="1"
937
+ />
938
+ </svg>
939
+ </label>
940
+ </div>
941
+ <div
942
+ class="labelContainer grow basis shrinkOff"
943
+ data-id="boxComponent"
944
+ data-selector-id="box"
945
+ data-test-id="boxComponent"
946
+ >
947
+ <label
948
+ class="label title medium default font_default
949
+ dotted cursor
950
+
951
+ pointer "
952
+ data-id="label"
953
+ data-selector-id="label"
954
+ data-test-id="label"
955
+ data-title="checkboxText"
956
+ >
957
+ checkboxText
958
+ </label>
959
+ </div>
960
+ </div>
961
+ </DocumentFragment>
962
+ `;
963
+
964
+ exports[`CheckBox component Should render labelSize - primary 1`] = `
965
+ <DocumentFragment>
966
+ <div
967
+ aria-checked="false"
968
+ class="container pointer primary
969
+ flex rowdir vCenter"
970
+ data-id="checkBox"
971
+ data-selector-id="container"
972
+ data-test-id="checkBox"
973
+ role="checkbox"
974
+ tabindex="0"
975
+ >
976
+ <div
977
+ class="boxContainer medium filled shrinkOff"
978
+ data-id="boxComponent"
979
+ data-selector-id="box"
980
+ data-test-id="boxComponent"
981
+ >
982
+ <input
983
+ type="hidden"
984
+ />
985
+ <label
986
+ class="checkbox pointer medium "
987
+ >
988
+ <svg
989
+ viewBox="0 0 40 40"
990
+ xmlns="http://www.w3.org/2000/svg"
991
+ >
992
+ <rect
993
+ class="cbBox"
994
+ height="38"
995
+ rx="4"
996
+ width="38"
997
+ x="1"
998
+ xmlns="http://www.w3.org/2000/svg"
999
+ y="1"
1000
+ />
1001
+ </svg>
1002
+ </label>
1003
+ </div>
1004
+ <div
1005
+ class="labelContainer grow basis shrinkOff"
1006
+ data-id="boxComponent"
1007
+ data-selector-id="box"
1008
+ data-test-id="boxComponent"
1009
+ >
1010
+ <label
1011
+ class="label title medium default font_primary
1012
+ dotted cursor
1013
+
1014
+ pointer "
1015
+ data-id="label"
1016
+ data-selector-id="label"
1017
+ data-test-id="label"
1018
+ data-title="checkboxText"
1019
+ >
1020
+ checkboxText
1021
+ </label>
1022
+ </div>
1023
+ </div>
1024
+ </DocumentFragment>
1025
+ `;
1026
+
1027
+ exports[`CheckBox component Should render labelSize - small 1`] = `
1028
+ <DocumentFragment>
1029
+ <div
1030
+ aria-checked="false"
1031
+ class="container pointer primary
1032
+ flex rowdir vCenter"
1033
+ data-id="checkBox"
1034
+ data-selector-id="container"
1035
+ data-test-id="checkBox"
1036
+ role="checkbox"
1037
+ tabindex="0"
1038
+ >
1039
+ <div
1040
+ class="boxContainer medium filled shrinkOff"
1041
+ data-id="boxComponent"
1042
+ data-selector-id="box"
1043
+ data-test-id="boxComponent"
1044
+ >
1045
+ <input
1046
+ type="hidden"
1047
+ />
1048
+ <label
1049
+ class="checkbox pointer medium "
1050
+ >
1051
+ <svg
1052
+ viewBox="0 0 40 40"
1053
+ xmlns="http://www.w3.org/2000/svg"
1054
+ >
1055
+ <rect
1056
+ class="cbBox"
1057
+ height="38"
1058
+ rx="4"
1059
+ width="38"
1060
+ x="1"
1061
+ xmlns="http://www.w3.org/2000/svg"
1062
+ y="1"
1063
+ />
1064
+ </svg>
1065
+ </label>
1066
+ </div>
1067
+ <div
1068
+ class="labelContainer grow basis shrinkOff"
1069
+ data-id="boxComponent"
1070
+ data-selector-id="box"
1071
+ data-test-id="boxComponent"
1072
+ >
1073
+ <label
1074
+ class="label title small default font_default
1075
+ dotted cursor
1076
+
1077
+ pointer "
1078
+ data-id="label"
1079
+ data-selector-id="label"
1080
+ data-test-id="label"
1081
+ data-title="checkboxText"
1082
+ >
1083
+ checkboxText
1084
+ </label>
1085
+ </div>
1086
+ </div>
1087
+ </DocumentFragment>
1088
+ `;
1089
+
1090
+ exports[`CheckBox component Should render palette and checkbox with checked - danger 1`] = `
1091
+ <DocumentFragment>
1092
+ <div
1093
+ aria-checked="true"
1094
+ class="container pointer danger
1095
+ checkeddanger flex rowdir vCenter"
1096
+ data-id="checkBox"
1097
+ data-selector-id="container"
1098
+ data-test-id="checkBox"
1099
+ role="checkbox"
1100
+ tabindex="0"
1101
+ >
1102
+ <div
1103
+ class="boxContainer medium filled shrinkOff"
1104
+ data-id="boxComponent"
1105
+ data-selector-id="box"
1106
+ data-test-id="boxComponent"
1107
+ >
1108
+ <input
1109
+ type="hidden"
1110
+ />
1111
+ <label
1112
+ class="checkbox pointer medium "
1113
+ >
1114
+ <svg
1115
+ viewBox="0 0 40 40"
1116
+ xmlns="http://www.w3.org/2000/svg"
1117
+ >
1118
+ <path
1119
+ class="cbBox"
1120
+ d="M39,20V35a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V5A4,4,0,0,1,5,1H28.44"
1121
+ xmlns="http://www.w3.org/2000/svg"
1122
+ />
1123
+ </svg>
1124
+ <svg
1125
+ class="tick mediumtick "
1126
+ viewBox="0 0 44 44"
1127
+ xmlns="http://www.w3.org/2000/svg"
1128
+ >
1129
+ <polyline
1130
+ class="tickPath checkedtickPath"
1131
+ points="12.56 19 19.61 26.06 40.39 5.28"
1132
+ />
1133
+ </svg>
1134
+ </label>
1135
+ </div>
1136
+ <div
1137
+ class="labelContainer grow basis shrinkOff"
1138
+ data-id="boxComponent"
1139
+ data-selector-id="box"
1140
+ data-test-id="boxComponent"
1141
+ >
1142
+ <label
1143
+ class="label title medium default font_default
1144
+ dotted cursor activedangerLabel
1145
+ checkeddangerLabel
1146
+ pointer "
1147
+ data-id="label"
1148
+ data-selector-id="label"
1149
+ data-test-id="label"
1150
+ data-title="checkBoxTest"
1151
+ >
1152
+ checkBoxTest
1153
+ </label>
1154
+ </div>
1155
+ </div>
1156
+ </DocumentFragment>
1157
+ `;
1158
+
1159
+ exports[`CheckBox component Should render palette and checkbox with checked - primary 1`] = `
1160
+ <DocumentFragment>
1161
+ <div
1162
+ aria-checked="true"
1163
+ class="container pointer primary
1164
+ checkedprimary flex rowdir vCenter"
1165
+ data-id="checkBox"
1166
+ data-selector-id="container"
1167
+ data-test-id="checkBox"
1168
+ role="checkbox"
1169
+ tabindex="0"
1170
+ >
1171
+ <div
1172
+ class="boxContainer medium filled shrinkOff"
1173
+ data-id="boxComponent"
1174
+ data-selector-id="box"
1175
+ data-test-id="boxComponent"
1176
+ >
1177
+ <input
1178
+ type="hidden"
1179
+ />
1180
+ <label
1181
+ class="checkbox pointer medium "
1182
+ >
1183
+ <svg
1184
+ viewBox="0 0 40 40"
1185
+ xmlns="http://www.w3.org/2000/svg"
1186
+ >
1187
+ <path
1188
+ class="cbBox"
1189
+ d="M39,20V35a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V5A4,4,0,0,1,5,1H28.44"
1190
+ xmlns="http://www.w3.org/2000/svg"
1191
+ />
1192
+ </svg>
1193
+ <svg
1194
+ class="tick mediumtick "
1195
+ viewBox="0 0 44 44"
1196
+ xmlns="http://www.w3.org/2000/svg"
1197
+ >
1198
+ <polyline
1199
+ class="tickPath checkedtickPath"
1200
+ points="12.56 19 19.61 26.06 40.39 5.28"
1201
+ />
1202
+ </svg>
1203
+ </label>
1204
+ </div>
1205
+ <div
1206
+ class="labelContainer grow basis shrinkOff"
1207
+ data-id="boxComponent"
1208
+ data-selector-id="box"
1209
+ data-test-id="boxComponent"
1210
+ >
1211
+ <label
1212
+ class="label title medium default font_default
1213
+ dotted cursor activeprimaryLabel
1214
+ checkedprimaryLabel
1215
+ pointer "
1216
+ data-id="label"
1217
+ data-selector-id="label"
1218
+ data-test-id="label"
1219
+ data-title="checkBoxTest"
1220
+ >
1221
+ checkBoxTest
1222
+ </label>
1223
+ </div>
1224
+ </div>
1225
+ </DocumentFragment>
1226
+ `;
1227
+
1228
+ exports[`CheckBox component Should render secondaryText 1`] = `
1229
+ <DocumentFragment>
1230
+ <div
1231
+ aria-checked="false"
1232
+ class="container pointer primary
1233
+ flex rowdir vCenter"
1234
+ data-id="checkBox"
1235
+ data-selector-id="container"
1236
+ data-test-id="checkBox"
1237
+ role="checkbox"
1238
+ tabindex="0"
1239
+ >
1240
+ <div
1241
+ class="boxContainer withSecondaryText medium filled shrinkOff selfStart"
1242
+ data-id="boxComponent"
1243
+ data-selector-id="box"
1244
+ data-test-id="boxComponent"
1245
+ >
1246
+ <input
1247
+ type="hidden"
1248
+ />
1249
+ <label
1250
+ class="checkbox pointer medium "
1251
+ >
1252
+ <svg
1253
+ viewBox="0 0 40 40"
1254
+ xmlns="http://www.w3.org/2000/svg"
1255
+ >
1256
+ <rect
1257
+ class="cbBox"
1258
+ height="38"
1259
+ rx="4"
1260
+ width="38"
1261
+ x="1"
1262
+ xmlns="http://www.w3.org/2000/svg"
1263
+ y="1"
1264
+ />
1265
+ </svg>
1266
+ </label>
1267
+ </div>
1268
+ <div
1269
+ class="labelContainer grow basis shrinkOff"
1270
+ data-id="boxComponent"
1271
+ data-selector-id="box"
1272
+ data-test-id="boxComponent"
1273
+ >
1274
+ <label
1275
+ class="label title medium default font_default
1276
+ dotted cursor
1277
+
1278
+ pointer "
1279
+ data-id="label"
1280
+ data-selector-id="label"
1281
+ data-test-id="label"
1282
+ data-title="checkboxText"
1283
+ >
1284
+ checkboxText
1285
+ </label>
1286
+ <div
1287
+ class="size12 lineheight_1_2 secondaryText "
1288
+ data-title="secondaryText"
1289
+ >
1290
+ secondaryText
1291
+ </div>
1292
+ </div>
1293
+ </div>
1294
+ </DocumentFragment>
1295
+ `;
1296
+
1297
+ exports[`CheckBox component Should render size - danger 1`] = `
1298
+ <DocumentFragment>
1299
+ <div
1300
+ aria-checked="false"
1301
+ class="container pointer primary
1302
+ flex rowdir vCenter"
1303
+ data-id="checkBox"
1304
+ data-selector-id="container"
1305
+ data-test-id="checkBox"
1306
+ role="checkbox"
1307
+ tabindex="0"
1308
+ >
1309
+ <div
1310
+ class="boxContainer medium filled shrinkOff"
1311
+ data-id="boxComponent"
1312
+ data-selector-id="box"
1313
+ data-test-id="boxComponent"
1314
+ >
1315
+ <input
1316
+ type="hidden"
1317
+ />
1318
+ <label
1319
+ class="checkbox pointer medium "
1320
+ >
1321
+ <svg
1322
+ viewBox="0 0 40 40"
1323
+ xmlns="http://www.w3.org/2000/svg"
1324
+ >
1325
+ <rect
1326
+ class="cbBox"
1327
+ height="38"
1328
+ rx="4"
1329
+ width="38"
1330
+ x="1"
1331
+ xmlns="http://www.w3.org/2000/svg"
1332
+ y="1"
1333
+ />
1334
+ </svg>
1335
+ </label>
1336
+ </div>
1337
+ <div
1338
+ class="labelContainer grow basis shrinkOff"
1339
+ data-id="boxComponent"
1340
+ data-selector-id="box"
1341
+ data-test-id="boxComponent"
1342
+ >
1343
+ <label
1344
+ class="label title medium danger font_default
1345
+ dotted cursor
1346
+
1347
+ pointer "
1348
+ data-id="label"
1349
+ data-selector-id="label"
1350
+ data-test-id="label"
1351
+ data-title="checkboxText"
1352
+ >
1353
+ checkboxText
1354
+ </label>
1355
+ </div>
1356
+ </div>
1357
+ </DocumentFragment>
1358
+ `;
1359
+
1360
+ exports[`CheckBox component Should render size - default 1`] = `
1361
+ <DocumentFragment>
1362
+ <div
1363
+ aria-checked="false"
1364
+ class="container pointer primary
1365
+ flex rowdir vCenter"
1366
+ data-id="checkBox"
1367
+ data-selector-id="container"
1368
+ data-test-id="checkBox"
1369
+ role="checkbox"
1370
+ tabindex="0"
1371
+ >
1372
+ <div
1373
+ class="boxContainer medium filled shrinkOff"
1374
+ data-id="boxComponent"
1375
+ data-selector-id="box"
1376
+ data-test-id="boxComponent"
1377
+ >
1378
+ <input
1379
+ type="hidden"
1380
+ />
1381
+ <label
1382
+ class="checkbox pointer medium "
1383
+ >
1384
+ <svg
1385
+ viewBox="0 0 40 40"
1386
+ xmlns="http://www.w3.org/2000/svg"
1387
+ >
1388
+ <rect
1389
+ class="cbBox"
1390
+ height="38"
1391
+ rx="4"
1392
+ width="38"
1393
+ x="1"
1394
+ xmlns="http://www.w3.org/2000/svg"
1395
+ y="1"
1396
+ />
1397
+ </svg>
1398
+ </label>
1399
+ </div>
1400
+ <div
1401
+ class="labelContainer grow basis shrinkOff"
1402
+ data-id="boxComponent"
1403
+ data-selector-id="box"
1404
+ data-test-id="boxComponent"
1405
+ >
1406
+ <label
1407
+ class="label title medium default font_default
1408
+ dotted cursor
1409
+
1410
+ pointer "
1411
+ data-id="label"
1412
+ data-selector-id="label"
1413
+ data-test-id="label"
1414
+ data-title="checkboxText"
1415
+ >
1416
+ checkboxText
1417
+ </label>
1418
+ </div>
1419
+ </div>
1420
+ </DocumentFragment>
1421
+ `;
1422
+
1423
+ exports[`CheckBox component Should render size - mandatory 1`] = `
1424
+ <DocumentFragment>
1425
+ <div
1426
+ aria-checked="false"
1427
+ class="container pointer primary
1428
+ flex rowdir vCenter"
1429
+ data-id="checkBox"
1430
+ data-selector-id="container"
1431
+ data-test-id="checkBox"
1432
+ role="checkbox"
1433
+ tabindex="0"
1434
+ >
1435
+ <div
1436
+ class="boxContainer medium filled shrinkOff"
1437
+ data-id="boxComponent"
1438
+ data-selector-id="box"
1439
+ data-test-id="boxComponent"
1440
+ >
1441
+ <input
1442
+ type="hidden"
1443
+ />
1444
+ <label
1445
+ class="checkbox pointer medium "
1446
+ >
1447
+ <svg
1448
+ viewBox="0 0 40 40"
1449
+ xmlns="http://www.w3.org/2000/svg"
1450
+ >
1451
+ <rect
1452
+ class="cbBox"
1453
+ height="38"
1454
+ rx="4"
1455
+ width="38"
1456
+ x="1"
1457
+ xmlns="http://www.w3.org/2000/svg"
1458
+ y="1"
1459
+ />
1460
+ </svg>
1461
+ </label>
1462
+ </div>
1463
+ <div
1464
+ class="labelContainer grow basis shrinkOff"
1465
+ data-id="boxComponent"
1466
+ data-selector-id="box"
1467
+ data-test-id="boxComponent"
1468
+ >
1469
+ <label
1470
+ class="label title medium mandatory font_default
1471
+ dotted cursor
1472
+
1473
+ pointer "
1474
+ data-id="label"
1475
+ data-selector-id="label"
1476
+ data-test-id="label"
1477
+ data-title="checkboxText"
1478
+ >
1479
+ checkboxText
1480
+ </label>
1481
+ </div>
1482
+ </div>
1483
+ </DocumentFragment>
1484
+ `;
1485
+
1486
+ exports[`CheckBox component Should render size - medium 1`] = `
1487
+ <DocumentFragment>
1488
+ <div
1489
+ aria-checked="true"
1490
+ class="container pointer primary
1491
+ checkedprimary inflex rowdir vCenter"
1492
+ data-id="checkBox"
1493
+ data-selector-id="container"
1494
+ data-test-id="checkBox"
1495
+ role="checkbox"
1496
+ tabindex="0"
1497
+ >
1498
+ <div
1499
+ class="boxContainer medium filled shrinkOff"
1500
+ data-id="boxComponent"
1501
+ data-selector-id="box"
1502
+ data-test-id="boxComponent"
1503
+ >
1504
+ <input
1505
+ type="hidden"
1506
+ />
1507
+ <label
1508
+ class="checkbox pointer medium "
1509
+ >
1510
+ <svg
1511
+ viewBox="0 0 40 40"
1512
+ xmlns="http://www.w3.org/2000/svg"
1513
+ >
1514
+ <path
1515
+ class="cbBox"
1516
+ d="M39,20V35a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V5A4,4,0,0,1,5,1H28.44"
1517
+ xmlns="http://www.w3.org/2000/svg"
1518
+ />
1519
+ </svg>
1520
+ <svg
1521
+ class="tick mediumtick "
1522
+ viewBox="0 0 44 44"
1523
+ xmlns="http://www.w3.org/2000/svg"
1524
+ >
1525
+ <polyline
1526
+ class="tickPath checkedtickPath"
1527
+ points="12.56 19 19.61 26.06 40.39 5.28"
1528
+ />
1529
+ </svg>
1530
+ </label>
1531
+ </div>
1532
+ </div>
1533
+ </DocumentFragment>
1534
+ `;
1535
+
1536
+ exports[`CheckBox component Should render size - primary 1`] = `
1537
+ <DocumentFragment>
1538
+ <div
1539
+ aria-checked="false"
1540
+ class="container pointer primary
1541
+ flex rowdir vCenter"
1542
+ data-id="checkBox"
1543
+ data-selector-id="container"
1544
+ data-test-id="checkBox"
1545
+ role="checkbox"
1546
+ tabindex="0"
1547
+ >
1548
+ <div
1549
+ class="boxContainer medium filled shrinkOff"
1550
+ data-id="boxComponent"
1551
+ data-selector-id="box"
1552
+ data-test-id="boxComponent"
1553
+ >
1554
+ <input
1555
+ type="hidden"
1556
+ />
1557
+ <label
1558
+ class="checkbox pointer medium "
1559
+ >
1560
+ <svg
1561
+ viewBox="0 0 40 40"
1562
+ xmlns="http://www.w3.org/2000/svg"
1563
+ >
1564
+ <rect
1565
+ class="cbBox"
1566
+ height="38"
1567
+ rx="4"
1568
+ width="38"
1569
+ x="1"
1570
+ xmlns="http://www.w3.org/2000/svg"
1571
+ y="1"
1572
+ />
1573
+ </svg>
1574
+ </label>
1575
+ </div>
1576
+ <div
1577
+ class="labelContainer grow basis shrinkOff"
1578
+ data-id="boxComponent"
1579
+ data-selector-id="box"
1580
+ data-test-id="boxComponent"
1581
+ >
1582
+ <label
1583
+ class="label title medium primary font_default
1584
+ dotted cursor
1585
+
1586
+ pointer "
1587
+ data-id="label"
1588
+ data-selector-id="label"
1589
+ data-test-id="label"
1590
+ data-title="checkboxText"
1591
+ >
1592
+ checkboxText
1593
+ </label>
1594
+ </div>
1595
+ </div>
1596
+ </DocumentFragment>
1597
+ `;
1598
+
1599
+ exports[`CheckBox component Should render size - secondary 1`] = `
1600
+ <DocumentFragment>
1601
+ <div
1602
+ aria-checked="false"
1603
+ class="container pointer primary
1604
+ flex rowdir vCenter"
1605
+ data-id="checkBox"
1606
+ data-selector-id="container"
1607
+ data-test-id="checkBox"
1608
+ role="checkbox"
1609
+ tabindex="0"
1610
+ >
1611
+ <div
1612
+ class="boxContainer medium filled shrinkOff"
1613
+ data-id="boxComponent"
1614
+ data-selector-id="box"
1615
+ data-test-id="boxComponent"
1616
+ >
1617
+ <input
1618
+ type="hidden"
1619
+ />
1620
+ <label
1621
+ class="checkbox pointer medium "
1622
+ >
1623
+ <svg
1624
+ viewBox="0 0 40 40"
1625
+ xmlns="http://www.w3.org/2000/svg"
1626
+ >
1627
+ <rect
1628
+ class="cbBox"
1629
+ height="38"
1630
+ rx="4"
1631
+ width="38"
1632
+ x="1"
1633
+ xmlns="http://www.w3.org/2000/svg"
1634
+ y="1"
1635
+ />
1636
+ </svg>
1637
+ </label>
1638
+ </div>
1639
+ <div
1640
+ class="labelContainer grow basis shrinkOff"
1641
+ data-id="boxComponent"
1642
+ data-selector-id="box"
1643
+ data-test-id="boxComponent"
1644
+ >
1645
+ <label
1646
+ class="label title medium secondary font_default
1647
+ dotted cursor
1648
+
1649
+ pointer "
1650
+ data-id="label"
1651
+ data-selector-id="label"
1652
+ data-test-id="label"
1653
+ data-title="checkboxText"
1654
+ >
1655
+ checkboxText
1656
+ </label>
1657
+ </div>
1658
+ </div>
1659
+ </DocumentFragment>
1660
+ `;
1661
+
1662
+ exports[`CheckBox component Should render size - small 1`] = `
1663
+ <DocumentFragment>
1664
+ <div
1665
+ aria-checked="true"
1666
+ class="container pointer primary
1667
+ checkedprimary inflex rowdir vCenter"
1668
+ data-id="checkBox"
1669
+ data-selector-id="container"
1670
+ data-test-id="checkBox"
1671
+ role="checkbox"
1672
+ tabindex="0"
1673
+ >
1674
+ <div
1675
+ class="boxContainer small filled shrinkOff"
1676
+ data-id="boxComponent"
1677
+ data-selector-id="box"
1678
+ data-test-id="boxComponent"
1679
+ >
1680
+ <input
1681
+ type="hidden"
1682
+ />
1683
+ <label
1684
+ class="checkbox pointer small "
1685
+ >
1686
+ <svg
1687
+ viewBox="0 0 40 40"
1688
+ xmlns="http://www.w3.org/2000/svg"
1689
+ >
1690
+ <path
1691
+ class="cbBox"
1692
+ d="M39,20V35a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V5A4,4,0,0,1,5,1H28.44"
1693
+ xmlns="http://www.w3.org/2000/svg"
1694
+ />
1695
+ </svg>
1696
+ <svg
1697
+ class="tick smalltick "
1698
+ viewBox="0 0 44 44"
1699
+ xmlns="http://www.w3.org/2000/svg"
1700
+ >
1701
+ <polyline
1702
+ class="tickPath checkedtickPath"
1703
+ points="12.56 19 19.61 26.06 40.39 5.28"
1704
+ />
1705
+ </svg>
1706
+ </label>
1707
+ </div>
1708
+ </div>
1709
+ </DocumentFragment>
1710
+ `;
1711
+
1712
+ exports[`CheckBox component rendering ally ariaLabel , ariaLabelledby, ariaHidden,ariaChecked,role false and entering their values 1`] = `
1713
+ <DocumentFragment>
1714
+ <div
1715
+ aria-checked="false"
1716
+ aria-hidden="false"
1717
+ aria-label="ariaLabelCheckBox"
1718
+ aria-labelledby="ariaLabelledbyCheckBox"
1719
+ class="container pointer primary
1720
+ checkedprimary inflex rowdir vCenter"
1721
+ data-id="checkBox"
1722
+ data-selector-id="container"
1723
+ data-test-id="checkBox"
1724
+ role="checkBox3"
1725
+ tabindex="0"
1726
+ >
1727
+ <div
1728
+ class="boxContainer medium filled shrinkOff"
1729
+ data-id="boxComponent"
1730
+ data-selector-id="box"
1731
+ data-test-id="boxComponent"
1732
+ >
1733
+ <input
1734
+ type="hidden"
1735
+ />
1736
+ <label
1737
+ class="checkbox pointer medium "
1738
+ >
1739
+ <svg
1740
+ viewBox="0 0 40 40"
1741
+ xmlns="http://www.w3.org/2000/svg"
1742
+ >
1743
+ <path
1744
+ class="cbBox"
1745
+ d="M39,20V35a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V5A4,4,0,0,1,5,1H28.44"
1746
+ xmlns="http://www.w3.org/2000/svg"
1747
+ />
1748
+ </svg>
1749
+ <svg
1750
+ class="tick mediumtick "
1751
+ viewBox="0 0 44 44"
1752
+ xmlns="http://www.w3.org/2000/svg"
1753
+ >
1754
+ <polyline
1755
+ class="tickPath checkedtickPath"
1756
+ points="12.56 19 19.61 26.06 40.39 5.28"
1757
+ />
1758
+ </svg>
1759
+ </label>
1760
+ </div>
1761
+ </div>
1762
+ </DocumentFragment>
1763
+ `;
1764
+
1765
+ exports[`CheckBox component rendering ally ariaLabel , ariaLabelledby, ariaHidden,ariaChecked,role true and entering their values 1`] = `
1766
+ <DocumentFragment>
1767
+ <div
1768
+ aria-checked="true"
1769
+ aria-hidden="true"
1770
+ aria-label="ariaLabelCheckBox"
1771
+ aria-labelledby="ariaLabelledbyCheckBox"
1772
+ class="container pointer primary
1773
+ checkedprimary inflex rowdir vCenter"
1774
+ data-id="checkBox"
1775
+ data-selector-id="container"
1776
+ data-test-id="checkBox"
1777
+ role="checkBox2"
1778
+ tabindex="-1"
1779
+ >
1780
+ <div
1781
+ class="boxContainer medium filled shrinkOff"
1782
+ data-id="boxComponent"
1783
+ data-selector-id="box"
1784
+ data-test-id="boxComponent"
1785
+ >
1786
+ <input
1787
+ type="hidden"
1788
+ />
1789
+ <label
1790
+ class="checkbox pointer medium "
1791
+ >
1792
+ <svg
1793
+ viewBox="0 0 40 40"
1794
+ xmlns="http://www.w3.org/2000/svg"
1795
+ >
1796
+ <path
1797
+ class="cbBox"
1798
+ d="M39,20V35a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V5A4,4,0,0,1,5,1H28.44"
1799
+ xmlns="http://www.w3.org/2000/svg"
1800
+ />
1801
+ </svg>
1802
+ <svg
1803
+ class="tick mediumtick "
1804
+ viewBox="0 0 44 44"
1805
+ xmlns="http://www.w3.org/2000/svg"
1806
+ >
1807
+ <polyline
1808
+ class="tickPath checkedtickPath"
1809
+ points="12.56 19 19.61 26.06 40.39 5.28"
1810
+ />
1811
+ </svg>
1812
+ </label>
1813
+ </div>
1814
+ </div>
1815
+ </DocumentFragment>
1816
+ `;
1817
+
1818
+ exports[`CheckBox component rendering the Custom Props 1`] = `
1819
+ <DocumentFragment>
1820
+ <div
1821
+ aria-checked="false"
1822
+ class="container pointer primary
1823
+ flex rowdir vCenter"
1824
+ data-id="checkBox"
1825
+ data-props="true"
1826
+ data-selector-id="container"
1827
+ data-test-id="checkBox"
1828
+ role="checkbox"
1829
+ tabindex="0"
1830
+ >
1831
+ <div
1832
+ class="boxContainer medium filled shrinkOff"
1833
+ data-id="boxComponent"
1834
+ data-selector-id="box"
1835
+ data-test-id="boxComponent"
1836
+ >
1837
+ <input
1838
+ type="hidden"
1839
+ />
1840
+ <label
1841
+ class="checkbox pointer medium "
1842
+ >
1843
+ <svg
1844
+ viewBox="0 0 40 40"
1845
+ xmlns="http://www.w3.org/2000/svg"
1846
+ >
1847
+ <rect
1848
+ class="cbBox"
1849
+ height="38"
1850
+ rx="4"
1851
+ width="38"
1852
+ x="1"
1853
+ xmlns="http://www.w3.org/2000/svg"
1854
+ y="1"
1855
+ />
1856
+ </svg>
1857
+ </label>
1858
+ </div>
1859
+ <div
1860
+ class="labelContainer grow basis shrinkOff"
1861
+ data-id="boxComponent"
1862
+ data-selector-id="box"
1863
+ data-test-id="boxComponent"
1864
+ >
1865
+ <label
1866
+ class="label title medium default font_default
1867
+ dotted cursor checkBoxCustomClass "
1868
+ data-id="label"
1869
+ data-selector-id="label"
1870
+ data-test-id="label"
1871
+ data-title="checkboxText"
1872
+ >
1873
+ checkboxText
1874
+ </label>
1875
+ </div>
1876
+ </div>
1877
+ </DocumentFragment>
1878
+ `;
1879
+
1880
+ exports[`CheckBox component rendering the Custom class 1`] = `
1881
+ <DocumentFragment>
1882
+ <div
1883
+ aria-checked="true"
1884
+ class="container pointer primary
1885
+ checkedprimary customCheckBoxClass flex rowdir vCenter"
1886
+ data-id="checkBox"
1887
+ data-selector-id="container"
1888
+ data-test-id="checkBox"
1889
+ role="checkbox"
1890
+ tabindex="0"
1891
+ >
1892
+ <div
1893
+ class="boxContainer medium customCBoxSizeClass filled shrinkOff"
1894
+ data-id="boxComponent"
1895
+ data-selector-id="box"
1896
+ data-test-id="boxComponent"
1897
+ >
1898
+ <input
1899
+ type="hidden"
1900
+ />
1901
+ <label
1902
+ class="checkbox pointer medium customCBoxSizeClass"
1903
+ >
1904
+ <svg
1905
+ viewBox="0 0 40 40"
1906
+ xmlns="http://www.w3.org/2000/svg"
1907
+ >
1908
+ <path
1909
+ class="cbBox"
1910
+ d="M39,20V35a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V5A4,4,0,0,1,5,1H28.44"
1911
+ xmlns="http://www.w3.org/2000/svg"
1912
+ />
1913
+ </svg>
1914
+ <svg
1915
+ class="tick mediumtick customTickSizeClass "
1916
+ viewBox="0 0 44 44"
1917
+ xmlns="http://www.w3.org/2000/svg"
1918
+ >
1919
+ <polyline
1920
+ class="tickPath checkedtickPath"
1921
+ points="12.56 19 19.61 26.06 40.39 5.28"
1922
+ />
1923
+ </svg>
1924
+ </label>
1925
+ </div>
1926
+ <div
1927
+ class="labelContainer grow basis shrinkOff"
1928
+ data-id="boxComponent"
1929
+ data-selector-id="box"
1930
+ data-test-id="boxComponent"
1931
+ >
1932
+ <label
1933
+ class="label title medium default font_default
1934
+ dotted cursor
1935
+
1936
+ pointer customLabelClass "
1937
+ data-id="label"
1938
+ data-selector-id="label"
1939
+ data-test-id="label"
1940
+ data-title="checkboxText"
1941
+ >
1942
+ checkboxText
1943
+ </label>
1944
+ </div>
1945
+ </div>
1946
+ </DocumentFragment>
1947
+ `;