@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/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap ADDED
@@ -0,0 +1,1638 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`TextBoxIcon component Should be render children 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
7
+ data-selector-id="textBoxIcon"
8
+ >
9
+ <div
10
+ class="grow basis shrinkOff"
11
+ data-id="boxComponent"
12
+ data-selector-id="box"
13
+ data-test-id="boxComponent"
14
+ >
15
+ <input
16
+ class=" container medium default effect borderColor_default "
17
+ data-id="textBoxIcon"
18
+ data-selector-id="textBoxIcon"
19
+ data-test-id="textBoxIcon"
20
+ maxlength="250"
21
+ type="text"
22
+ value=""
23
+ />
24
+ </div>
25
+ <div
26
+ class="iconContainer shrinkOff"
27
+ data-id="boxComponent"
28
+ data-selector-id="box"
29
+ data-test-id="boxComponent"
30
+ >
31
+ <div
32
+ class="flex cover rowdir"
33
+ data-id="containerComponent"
34
+ data-selector-id="container"
35
+ data-test-id="containerComponent"
36
+ >
37
+ <div
38
+ class="icon shrinkOff"
39
+ data-id="boxComponent"
40
+ data-selector-id="box"
41
+ data-test-id="boxComponent"
42
+ >
43
+
44
+ <div>
45
+ test
46
+ </div>
47
+
48
+ </div>
49
+ </div>
50
+ </div>
51
+ </div>
52
+ </DocumentFragment>
53
+ `;
54
+
55
+ exports[`TextBoxIcon component Should be render htmlId 1`] = `
56
+ <DocumentFragment>
57
+ <div
58
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
59
+ data-selector-id="textBoxIcon"
60
+ >
61
+ <div
62
+ class="grow basis shrinkOff"
63
+ data-id="boxComponent"
64
+ data-selector-id="box"
65
+ data-test-id="boxComponent"
66
+ >
67
+ <input
68
+ class=" container medium default effect borderColor_default "
69
+ data-id="textBoxIcon"
70
+ data-selector-id="textBoxIcon"
71
+ data-test-id="textBoxIcon"
72
+ id="textBoxIconhtmlId"
73
+ maxlength="250"
74
+ type="text"
75
+ value=""
76
+ />
77
+ </div>
78
+ <div
79
+ class="iconContainer shrinkOff"
80
+ data-id="boxComponent"
81
+ data-selector-id="box"
82
+ data-test-id="boxComponent"
83
+ >
84
+ <div
85
+ class="flex cover rowdir"
86
+ data-id="containerComponent"
87
+ data-selector-id="container"
88
+ data-test-id="containerComponent"
89
+ />
90
+ </div>
91
+ </div>
92
+ </DocumentFragment>
93
+ `;
94
+
95
+ exports[`TextBoxIcon component Should be render iconOnHover is true , iconOnHover, isDisabled is false 1`] = `
96
+ <DocumentFragment>
97
+ <div
98
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container iconOnHoverStyle flex rowdir"
99
+ data-selector-id="textBoxIcon"
100
+ >
101
+ <div
102
+ class="grow basis shrinkOff"
103
+ data-id="boxComponent"
104
+ data-selector-id="box"
105
+ data-test-id="boxComponent"
106
+ >
107
+ <input
108
+ class=" container medium default effect borderColor_default "
109
+ data-id="textBoxIcon"
110
+ data-selector-id="textBoxIcon"
111
+ data-test-id="textBoxIcon"
112
+ maxlength="250"
113
+ type="text"
114
+ value=""
115
+ />
116
+ </div>
117
+ <div
118
+ class="iconContainer shrinkOff"
119
+ data-id="boxComponent"
120
+ data-selector-id="box"
121
+ data-test-id="boxComponent"
122
+ >
123
+ <div
124
+ class="flex cover rowdir"
125
+ data-id="containerComponent"
126
+ data-selector-id="container"
127
+ data-test-id="containerComponent"
128
+ />
129
+ </div>
130
+ </div>
131
+ </DocumentFragment>
132
+ `;
133
+
134
+ exports[`TextBoxIcon component Should be render iconOnHover is true , iconOnHover, isDisabled is true 1`] = `
135
+ <DocumentFragment>
136
+ <div
137
+ class="varClass customContainer border_bottom disabled borderColor_default hasBorder container iconOnHoverReadonly flex rowdir"
138
+ data-selector-id="textBoxIcon"
139
+ data-title=""
140
+ >
141
+ <div
142
+ class="grow basis shrinkOff"
143
+ data-id="boxComponent"
144
+ data-selector-id="box"
145
+ data-test-id="boxComponent"
146
+ >
147
+ <input
148
+ class="readonly container medium default effect borderColor_default "
149
+ data-id="textBoxIcon"
150
+ data-selector-id="textBoxIcon"
151
+ data-test-id="textBoxIcon"
152
+ disabled=""
153
+ maxlength="250"
154
+ readonly=""
155
+ type="text"
156
+ value=""
157
+ />
158
+ </div>
159
+ <div
160
+ class="iconContainer shrinkOff"
161
+ data-id="boxComponent"
162
+ data-selector-id="box"
163
+ data-test-id="boxComponent"
164
+ >
165
+ <div
166
+ class="flex cover rowdir"
167
+ data-id="containerComponent"
168
+ data-selector-id="container"
169
+ data-test-id="containerComponent"
170
+ />
171
+ </div>
172
+ </div>
173
+ </DocumentFragment>
174
+ `;
175
+
176
+ exports[`TextBoxIcon component Should be render iconRotated is true 1`] = `
177
+ <DocumentFragment>
178
+ <div
179
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
180
+ data-selector-id="textBoxIcon"
181
+ >
182
+ <div
183
+ class="grow basis shrinkOff"
184
+ data-id="boxComponent"
185
+ data-selector-id="box"
186
+ data-test-id="boxComponent"
187
+ >
188
+ <input
189
+ class=" container medium default effect borderColor_default "
190
+ data-id="textBoxIcon"
191
+ data-selector-id="textBoxIcon"
192
+ data-test-id="textBoxIcon"
193
+ maxlength="250"
194
+ type="text"
195
+ value=""
196
+ />
197
+ </div>
198
+ <div
199
+ class="iconContainer shrinkOff"
200
+ data-id="boxComponent"
201
+ data-selector-id="box"
202
+ data-test-id="boxComponent"
203
+ >
204
+ <div
205
+ class="flex cover rowdir"
206
+ data-id="containerComponent"
207
+ data-selector-id="container"
208
+ data-test-id="containerComponent"
209
+ >
210
+ <div
211
+ class="icon rotated shrinkOff"
212
+ data-id="boxComponent"
213
+ data-selector-id="box"
214
+ data-test-id="boxComponent"
215
+ >
216
+
217
+ <div>
218
+ test
219
+ </div>
220
+
221
+ </div>
222
+ </div>
223
+ </div>
224
+ </div>
225
+ </DocumentFragment>
226
+ `;
227
+
228
+ exports[`TextBoxIcon component Should be render id 1`] = `
229
+ <DocumentFragment>
230
+ <div
231
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
232
+ data-selector-id="textBoxIcon"
233
+ >
234
+ <div
235
+ class="grow basis shrinkOff"
236
+ data-id="boxComponent"
237
+ data-selector-id="box"
238
+ data-test-id="boxComponent"
239
+ >
240
+ <input
241
+ class=" container medium default effect borderColor_default "
242
+ data-id="textBoxIcon"
243
+ data-selector-id="textBoxIcon"
244
+ data-test-id="textBoxIcon"
245
+ id="TextboxIconId"
246
+ maxlength="250"
247
+ type="text"
248
+ value=""
249
+ />
250
+ </div>
251
+ <div
252
+ class="iconContainer shrinkOff"
253
+ data-id="boxComponent"
254
+ data-selector-id="box"
255
+ data-test-id="boxComponent"
256
+ >
257
+ <div
258
+ class="flex cover rowdir"
259
+ data-id="containerComponent"
260
+ data-selector-id="container"
261
+ data-test-id="containerComponent"
262
+ />
263
+ </div>
264
+ </div>
265
+ </DocumentFragment>
266
+ `;
267
+
268
+ exports[`TextBoxIcon component Should be render isClickable is true 1`] = `
269
+ <DocumentFragment>
270
+ <div
271
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
272
+ data-selector-id="textBoxIcon"
273
+ >
274
+ <div
275
+ class="grow basis shrinkOff"
276
+ data-id="boxComponent"
277
+ data-selector-id="box"
278
+ data-test-id="boxComponent"
279
+ >
280
+ <input
281
+ class=" pointer container medium default effect borderColor_default "
282
+ data-id="textBoxIcon"
283
+ data-selector-id="textBoxIcon"
284
+ data-test-id="textBoxIcon"
285
+ maxlength="250"
286
+ type="text"
287
+ value=""
288
+ />
289
+ </div>
290
+ <div
291
+ class="iconContainer shrinkOff"
292
+ data-id="boxComponent"
293
+ data-selector-id="box"
294
+ data-test-id="boxComponent"
295
+ >
296
+ <div
297
+ class="flex cover rowdir"
298
+ data-id="containerComponent"
299
+ data-selector-id="container"
300
+ data-test-id="containerComponent"
301
+ />
302
+ </div>
303
+ </div>
304
+ </DocumentFragment>
305
+ `;
306
+
307
+ exports[`TextBoxIcon component Should be render isDisabled is true 1`] = `
308
+ <DocumentFragment>
309
+ <div
310
+ class="varClass customContainer border_bottom disabled borderColor_default hasBorder container flex rowdir"
311
+ data-selector-id="textBoxIcon"
312
+ data-title=""
313
+ >
314
+ <div
315
+ class="grow basis shrinkOff"
316
+ data-id="boxComponent"
317
+ data-selector-id="box"
318
+ data-test-id="boxComponent"
319
+ >
320
+ <input
321
+ class=" container medium default effect borderColor_default "
322
+ data-id="textBoxIcon"
323
+ data-selector-id="textBoxIcon"
324
+ data-test-id="textBoxIcon"
325
+ disabled=""
326
+ maxlength="250"
327
+ type="text"
328
+ value=""
329
+ />
330
+ </div>
331
+ <div
332
+ class="iconContainer shrinkOff"
333
+ data-id="boxComponent"
334
+ data-selector-id="box"
335
+ data-test-id="boxComponent"
336
+ >
337
+ <div
338
+ class="flex cover rowdir"
339
+ data-id="containerComponent"
340
+ data-selector-id="container"
341
+ data-test-id="containerComponent"
342
+ />
343
+ </div>
344
+ </div>
345
+ </DocumentFragment>
346
+ `;
347
+
348
+ exports[`TextBoxIcon component Should be render isFocus is true 1`] = `
349
+ <DocumentFragment>
350
+ <div
351
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder active container flex rowdir"
352
+ data-selector-id="textBoxIcon"
353
+ >
354
+ <div
355
+ class="grow basis shrinkOff"
356
+ data-id="boxComponent"
357
+ data-selector-id="box"
358
+ data-test-id="boxComponent"
359
+ >
360
+ <input
361
+ class=" container medium default effect focus borderColor_default "
362
+ data-id="textBoxIcon"
363
+ data-selector-id="textBoxIcon"
364
+ data-test-id="textBoxIcon"
365
+ maxlength="250"
366
+ type="text"
367
+ value=""
368
+ />
369
+ </div>
370
+ <div
371
+ class="iconContainer shrinkOff"
372
+ data-id="boxComponent"
373
+ data-selector-id="box"
374
+ data-test-id="boxComponent"
375
+ >
376
+ <div
377
+ class="flex cover rowdir"
378
+ data-id="containerComponent"
379
+ data-selector-id="container"
380
+ data-test-id="containerComponent"
381
+ />
382
+ </div>
383
+ </div>
384
+ </DocumentFragment>
385
+ `;
386
+
387
+ exports[`TextBoxIcon component Should be render isReadOnly is true , needEffect is false 1`] = `
388
+ <DocumentFragment>
389
+ <div
390
+ class="varClass customContainer border_bottom readonly borderColor_default hasBorder container flex rowdir"
391
+ data-selector-id="textBoxIcon"
392
+ >
393
+ <div
394
+ class="grow basis shrinkOff"
395
+ data-id="boxComponent"
396
+ data-selector-id="box"
397
+ data-test-id="boxComponent"
398
+ >
399
+ <input
400
+ class="readonly container medium default borderColor_default "
401
+ data-id="textBoxIcon"
402
+ data-selector-id="textBoxIcon"
403
+ data-test-id="textBoxIcon"
404
+ maxlength="250"
405
+ readonly=""
406
+ type="text"
407
+ value=""
408
+ />
409
+ </div>
410
+ <div
411
+ class="iconContainer shrinkOff"
412
+ data-id="boxComponent"
413
+ data-selector-id="box"
414
+ data-test-id="boxComponent"
415
+ >
416
+ <div
417
+ class="flex cover rowdir"
418
+ data-id="containerComponent"
419
+ data-selector-id="container"
420
+ data-test-id="containerComponent"
421
+ />
422
+ </div>
423
+ </div>
424
+ </DocumentFragment>
425
+ `;
426
+
427
+ exports[`TextBoxIcon component Should be render isReadOnly is true 1`] = `
428
+ <DocumentFragment>
429
+ <div
430
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
431
+ data-selector-id="textBoxIcon"
432
+ >
433
+ <div
434
+ class="grow basis shrinkOff"
435
+ data-id="boxComponent"
436
+ data-selector-id="box"
437
+ data-test-id="boxComponent"
438
+ >
439
+ <input
440
+ class="readonly container medium default effect borderColor_default "
441
+ data-id="textBoxIcon"
442
+ data-selector-id="textBoxIcon"
443
+ data-test-id="textBoxIcon"
444
+ maxlength="250"
445
+ readonly=""
446
+ type="text"
447
+ value=""
448
+ />
449
+ </div>
450
+ <div
451
+ class="iconContainer shrinkOff"
452
+ data-id="boxComponent"
453
+ data-selector-id="box"
454
+ data-test-id="boxComponent"
455
+ >
456
+ <div
457
+ class="flex cover rowdir"
458
+ data-id="containerComponent"
459
+ data-selector-id="container"
460
+ data-test-id="containerComponent"
461
+ />
462
+ </div>
463
+ </div>
464
+ </DocumentFragment>
465
+ `;
466
+
467
+ exports[`TextBoxIcon component Should be render name 1`] = `
468
+ <DocumentFragment>
469
+ <div
470
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
471
+ data-selector-id="textBoxIcon"
472
+ >
473
+ <div
474
+ class="grow basis shrinkOff"
475
+ data-id="boxComponent"
476
+ data-selector-id="box"
477
+ data-test-id="boxComponent"
478
+ >
479
+ <input
480
+ class=" container medium default effect borderColor_default "
481
+ data-id="textBoxIcon"
482
+ data-selector-id="textBoxIcon"
483
+ data-test-id="textBoxIcon"
484
+ maxlength="250"
485
+ name="TextBoxIconName"
486
+ type="text"
487
+ value=""
488
+ />
489
+ </div>
490
+ <div
491
+ class="iconContainer shrinkOff"
492
+ data-id="boxComponent"
493
+ data-selector-id="box"
494
+ data-test-id="boxComponent"
495
+ >
496
+ <div
497
+ class="flex cover rowdir"
498
+ data-id="containerComponent"
499
+ data-selector-id="container"
500
+ data-test-id="containerComponent"
501
+ />
502
+ </div>
503
+ </div>
504
+ </DocumentFragment>
505
+ `;
506
+
507
+ exports[`TextBoxIcon component Should be render needBorder is false 1`] = `
508
+ <DocumentFragment>
509
+ <div
510
+ class="varClass customContainer effect container flex rowdir"
511
+ data-selector-id="textBoxIcon"
512
+ >
513
+ <div
514
+ class="grow basis shrinkOff"
515
+ data-id="boxComponent"
516
+ data-selector-id="box"
517
+ data-test-id="boxComponent"
518
+ >
519
+ <input
520
+ class=" container medium default effect borderColor_default "
521
+ data-id="textBoxIcon"
522
+ data-selector-id="textBoxIcon"
523
+ data-test-id="textBoxIcon"
524
+ maxlength="250"
525
+ type="text"
526
+ value=""
527
+ />
528
+ </div>
529
+ <div
530
+ class="iconContainer shrinkOff"
531
+ data-id="boxComponent"
532
+ data-selector-id="box"
533
+ data-test-id="boxComponent"
534
+ >
535
+ <div
536
+ class="flex cover rowdir"
537
+ data-id="containerComponent"
538
+ data-selector-id="container"
539
+ data-test-id="containerComponent"
540
+ />
541
+ </div>
542
+ </div>
543
+ </DocumentFragment>
544
+ `;
545
+
546
+ exports[`TextBoxIcon component Should be render needEffect is false 1`] = `
547
+ <DocumentFragment>
548
+ <div
549
+ class="varClass customContainer border_bottom readonly borderColor_default hasBorder container flex rowdir"
550
+ data-selector-id="textBoxIcon"
551
+ >
552
+ <div
553
+ class="grow basis shrinkOff"
554
+ data-id="boxComponent"
555
+ data-selector-id="box"
556
+ data-test-id="boxComponent"
557
+ >
558
+ <input
559
+ class="readonly container medium default borderColor_default "
560
+ data-id="textBoxIcon"
561
+ data-selector-id="textBoxIcon"
562
+ data-test-id="textBoxIcon"
563
+ maxlength="250"
564
+ readonly=""
565
+ type="text"
566
+ value=""
567
+ />
568
+ </div>
569
+ <div
570
+ class="iconContainer shrinkOff"
571
+ data-id="boxComponent"
572
+ data-selector-id="box"
573
+ data-test-id="boxComponent"
574
+ >
575
+ <div
576
+ class="flex cover rowdir"
577
+ data-id="containerComponent"
578
+ data-selector-id="container"
579
+ data-test-id="containerComponent"
580
+ />
581
+ </div>
582
+ </div>
583
+ </DocumentFragment>
584
+ `;
585
+
586
+ exports[`TextBoxIcon component Should be render needReadOnlyStyle is false 1`] = `
587
+ <DocumentFragment>
588
+ <div
589
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
590
+ data-selector-id="textBoxIcon"
591
+ >
592
+ <div
593
+ class="grow basis shrinkOff"
594
+ data-id="boxComponent"
595
+ data-selector-id="box"
596
+ data-test-id="boxComponent"
597
+ >
598
+ <input
599
+ class=" container medium default effect borderColor_default "
600
+ data-id="textBoxIcon"
601
+ data-selector-id="textBoxIcon"
602
+ data-test-id="textBoxIcon"
603
+ maxlength="250"
604
+ type="text"
605
+ value=""
606
+ />
607
+ </div>
608
+ <div
609
+ class="iconContainer shrinkOff"
610
+ data-id="boxComponent"
611
+ data-selector-id="box"
612
+ data-test-id="boxComponent"
613
+ >
614
+ <div
615
+ class="flex cover rowdir"
616
+ data-id="containerComponent"
617
+ data-selector-id="container"
618
+ data-test-id="containerComponent"
619
+ />
620
+ </div>
621
+ </div>
622
+ </DocumentFragment>
623
+ `;
624
+
625
+ exports[`TextBoxIcon component Should be render placeholder 1`] = `
626
+ <DocumentFragment>
627
+ <div
628
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
629
+ data-selector-id="textBoxIcon"
630
+ >
631
+ <div
632
+ class="grow basis shrinkOff"
633
+ data-id="boxComponent"
634
+ data-selector-id="box"
635
+ data-test-id="boxComponent"
636
+ >
637
+ <input
638
+ class=" container medium default effect borderColor_default "
639
+ data-id="textBoxIcon"
640
+ data-selector-id="textBoxIcon"
641
+ data-test-id="textBoxIcon"
642
+ maxlength="250"
643
+ placeholder="TextBoxIconPlaceHolder"
644
+ type="text"
645
+ value=""
646
+ />
647
+ </div>
648
+ <div
649
+ class="iconContainer shrinkOff"
650
+ data-id="boxComponent"
651
+ data-selector-id="box"
652
+ data-test-id="boxComponent"
653
+ >
654
+ <div
655
+ class="flex cover rowdir"
656
+ data-id="containerComponent"
657
+ data-selector-id="container"
658
+ data-test-id="containerComponent"
659
+ />
660
+ </div>
661
+ </div>
662
+ </DocumentFragment>
663
+ `;
664
+
665
+ exports[`TextBoxIcon component Should be render showClearIcon is true 1`] = `
666
+ <DocumentFragment>
667
+ <div
668
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
669
+ data-selector-id="textBoxIcon"
670
+ >
671
+ <div
672
+ class="grow basis shrinkOff"
673
+ data-id="boxComponent"
674
+ data-selector-id="box"
675
+ data-test-id="boxComponent"
676
+ >
677
+ <input
678
+ class=" container medium default effect borderColor_default "
679
+ data-id="textBoxIcon"
680
+ data-selector-id="textBoxIcon"
681
+ data-test-id="textBoxIcon"
682
+ maxlength="250"
683
+ type="text"
684
+ value=""
685
+ />
686
+ </div>
687
+ <div
688
+ class="iconContainer shrinkOff"
689
+ data-id="boxComponent"
690
+ data-selector-id="box"
691
+ data-test-id="boxComponent"
692
+ >
693
+ <div
694
+ class="flex cover rowdir"
695
+ data-id="containerComponent"
696
+ data-selector-id="container"
697
+ data-test-id="containerComponent"
698
+ >
699
+ <button
700
+ class="buttonReset icon shrinkOff"
701
+ data-id="textBoxIcon_ClearIcon"
702
+ data-selector-id="box"
703
+ data-test-id="textBoxIcon_ClearIcon"
704
+ data-title="Clear"
705
+ >
706
+ <div
707
+ aria-hidden="true"
708
+ class="flex cover coldir both"
709
+ data-id="containerComponent"
710
+ data-selector-id="container"
711
+ data-test-id="containerComponent"
712
+ >
713
+ <i
714
+ aria-hidden="true"
715
+ class="zd_font_icons basic icon-delete rtl "
716
+ data-id="fontIcon"
717
+ data-selector-id="fontIcon"
718
+ data-test-id="fontIcon"
719
+ style="--zd-iconfont-size: var(--zd_font_size14);"
720
+ />
721
+ </div>
722
+ </button>
723
+ </div>
724
+ </div>
725
+ </div>
726
+ </DocumentFragment>
727
+ `;
728
+
729
+ exports[`TextBoxIcon component Should be render title 1`] = `
730
+ <DocumentFragment>
731
+ <div
732
+ class="varClass customContainer border_bottom disabled borderColor_default hasBorder container flex rowdir"
733
+ data-selector-id="textBoxIcon"
734
+ data-title="TextBoxIconTitle"
735
+ >
736
+ <div
737
+ class="grow basis shrinkOff"
738
+ data-id="boxComponent"
739
+ data-selector-id="box"
740
+ data-test-id="boxComponent"
741
+ >
742
+ <input
743
+ class=" container medium default effect borderColor_default "
744
+ data-id="textBoxIcon"
745
+ data-selector-id="textBoxIcon"
746
+ data-test-id="textBoxIcon"
747
+ disabled=""
748
+ maxlength="250"
749
+ type="text"
750
+ value=""
751
+ />
752
+ </div>
753
+ <div
754
+ class="iconContainer shrinkOff"
755
+ data-id="boxComponent"
756
+ data-selector-id="box"
757
+ data-test-id="boxComponent"
758
+ >
759
+ <div
760
+ class="flex cover rowdir"
761
+ data-id="containerComponent"
762
+ data-selector-id="container"
763
+ data-test-id="containerComponent"
764
+ />
765
+ </div>
766
+ </div>
767
+ </DocumentFragment>
768
+ `;
769
+
770
+ exports[`TextBoxIcon component Should be render value is number 1`] = `
771
+ <DocumentFragment>
772
+ <div
773
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
774
+ data-selector-id="textBoxIcon"
775
+ >
776
+ <div
777
+ class="grow basis shrinkOff"
778
+ data-id="boxComponent"
779
+ data-selector-id="box"
780
+ data-test-id="boxComponent"
781
+ >
782
+ <input
783
+ class=" container medium default effect borderColor_default "
784
+ data-id="textBoxIcon"
785
+ data-selector-id="textBoxIcon"
786
+ data-test-id="textBoxIcon"
787
+ maxlength="250"
788
+ type="text"
789
+ value="10"
790
+ />
791
+ </div>
792
+ <div
793
+ class="iconContainer shrinkOff"
794
+ data-id="boxComponent"
795
+ data-selector-id="box"
796
+ data-test-id="boxComponent"
797
+ >
798
+ <div
799
+ class="flex cover rowdir"
800
+ data-id="containerComponent"
801
+ data-selector-id="container"
802
+ data-test-id="containerComponent"
803
+ />
804
+ </div>
805
+ </div>
806
+ </DocumentFragment>
807
+ `;
808
+
809
+ exports[`TextBoxIcon component Should be render value is string and length greater than 1 1`] = `
810
+ <DocumentFragment>
811
+ <div
812
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
813
+ data-selector-id="textBoxIcon"
814
+ >
815
+ <div
816
+ class="grow basis shrinkOff"
817
+ data-id="boxComponent"
818
+ data-selector-id="box"
819
+ data-test-id="boxComponent"
820
+ >
821
+ <input
822
+ class=" container medium default effect borderColor_default "
823
+ data-id="textBoxIcon"
824
+ data-selector-id="textBoxIcon"
825
+ data-test-id="textBoxIcon"
826
+ maxlength="250"
827
+ type="text"
828
+ value="Text"
829
+ />
830
+ </div>
831
+ <div
832
+ class="iconContainer shrinkOff"
833
+ data-id="boxComponent"
834
+ data-selector-id="box"
835
+ data-test-id="boxComponent"
836
+ >
837
+ <div
838
+ class="flex cover rowdir"
839
+ data-id="containerComponent"
840
+ data-selector-id="container"
841
+ data-test-id="containerComponent"
842
+ >
843
+ <button
844
+ class="buttonReset icon shrinkOff"
845
+ data-id="textBoxIcon_ClearIcon"
846
+ data-selector-id="box"
847
+ data-test-id="textBoxIcon_ClearIcon"
848
+ data-title="Clear"
849
+ >
850
+ <div
851
+ aria-hidden="true"
852
+ class="flex cover coldir both"
853
+ data-id="containerComponent"
854
+ data-selector-id="container"
855
+ data-test-id="containerComponent"
856
+ >
857
+ <i
858
+ aria-hidden="true"
859
+ class="zd_font_icons basic icon-delete rtl "
860
+ data-id="fontIcon"
861
+ data-selector-id="fontIcon"
862
+ data-test-id="fontIcon"
863
+ style="--zd-iconfont-size: var(--zd_font_size14);"
864
+ />
865
+ </div>
866
+ </button>
867
+ </div>
868
+ </div>
869
+ </div>
870
+ </DocumentFragment>
871
+ `;
872
+
873
+ exports[`TextBoxIcon component Should be render value is string and length less than 1 1`] = `
874
+ <DocumentFragment>
875
+ <div
876
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
877
+ data-selector-id="textBoxIcon"
878
+ >
879
+ <div
880
+ class="grow basis shrinkOff"
881
+ data-id="boxComponent"
882
+ data-selector-id="box"
883
+ data-test-id="boxComponent"
884
+ >
885
+ <input
886
+ class=" container medium default effect borderColor_default "
887
+ data-id="textBoxIcon"
888
+ data-selector-id="textBoxIcon"
889
+ data-test-id="textBoxIcon"
890
+ maxlength="250"
891
+ type="text"
892
+ value="0"
893
+ />
894
+ </div>
895
+ <div
896
+ class="iconContainer shrinkOff"
897
+ data-id="boxComponent"
898
+ data-selector-id="box"
899
+ data-test-id="boxComponent"
900
+ >
901
+ <div
902
+ class="flex cover rowdir"
903
+ data-id="containerComponent"
904
+ data-selector-id="container"
905
+ data-test-id="containerComponent"
906
+ />
907
+ </div>
908
+ </div>
909
+ </DocumentFragment>
910
+ `;
911
+
912
+ exports[`TextBoxIcon component Should be render with dataSelectorId 1`] = `
913
+ <DocumentFragment>
914
+ <div
915
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
916
+ data-selector-id="textBoxIcon_data_selector_id"
917
+ >
918
+ <div
919
+ class="grow basis shrinkOff"
920
+ data-id="boxComponent"
921
+ data-selector-id="box"
922
+ data-test-id="boxComponent"
923
+ >
924
+ <input
925
+ class=" container medium default effect borderColor_default "
926
+ data-id="textBoxIcon"
927
+ data-selector-id="textBoxIcon_data_selector_id"
928
+ data-test-id="textBoxIcon"
929
+ maxlength="250"
930
+ type="text"
931
+ value=""
932
+ />
933
+ </div>
934
+ <div
935
+ class="iconContainer shrinkOff"
936
+ data-id="boxComponent"
937
+ data-selector-id="box"
938
+ data-test-id="boxComponent"
939
+ >
940
+ <div
941
+ class="flex cover rowdir"
942
+ data-id="containerComponent"
943
+ data-selector-id="container"
944
+ data-test-id="containerComponent"
945
+ />
946
+ </div>
947
+ </div>
948
+ </DocumentFragment>
949
+ `;
950
+
951
+ exports[`TextBoxIcon component Should be render with the basic set of default props 1`] = `
952
+ <DocumentFragment>
953
+ <div
954
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
955
+ data-selector-id="textBoxIcon"
956
+ >
957
+ <div
958
+ class="grow basis shrinkOff"
959
+ data-id="boxComponent"
960
+ data-selector-id="box"
961
+ data-test-id="boxComponent"
962
+ >
963
+ <input
964
+ class=" container medium default effect borderColor_default "
965
+ data-id="textBoxIcon"
966
+ data-selector-id="textBoxIcon"
967
+ data-test-id="textBoxIcon"
968
+ maxlength="250"
969
+ type="text"
970
+ value=""
971
+ />
972
+ </div>
973
+ <div
974
+ class="iconContainer shrinkOff"
975
+ data-id="boxComponent"
976
+ data-selector-id="box"
977
+ data-test-id="boxComponent"
978
+ >
979
+ <div
980
+ class="flex cover rowdir"
981
+ data-id="containerComponent"
982
+ data-selector-id="container"
983
+ data-test-id="containerComponent"
984
+ />
985
+ </div>
986
+ </div>
987
+ </DocumentFragment>
988
+ `;
989
+
990
+ exports[`TextBoxIcon component Should render Varient - default 1`] = `
991
+ <DocumentFragment>
992
+ <div
993
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
994
+ data-selector-id="textBoxIcon"
995
+ >
996
+ <div
997
+ class="grow basis shrinkOff"
998
+ data-id="boxComponent"
999
+ data-selector-id="box"
1000
+ data-test-id="boxComponent"
1001
+ >
1002
+ <input
1003
+ class=" container medium default effect borderColor_default "
1004
+ data-id="textBoxIcon"
1005
+ data-selector-id="textBoxIcon"
1006
+ data-test-id="textBoxIcon"
1007
+ maxlength="250"
1008
+ type="text"
1009
+ value=""
1010
+ />
1011
+ </div>
1012
+ <div
1013
+ class="iconContainer shrinkOff"
1014
+ data-id="boxComponent"
1015
+ data-selector-id="box"
1016
+ data-test-id="boxComponent"
1017
+ >
1018
+ <div
1019
+ class="flex cover rowdir"
1020
+ data-id="containerComponent"
1021
+ data-selector-id="container"
1022
+ data-test-id="containerComponent"
1023
+ />
1024
+ </div>
1025
+ </div>
1026
+ </DocumentFragment>
1027
+ `;
1028
+
1029
+ exports[`TextBoxIcon component Should render Varient - primary 1`] = `
1030
+ <DocumentFragment>
1031
+ <div
1032
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
1033
+ data-selector-id="textBoxIcon"
1034
+ >
1035
+ <div
1036
+ class="grow basis shrinkOff"
1037
+ data-id="boxComponent"
1038
+ data-selector-id="box"
1039
+ data-test-id="boxComponent"
1040
+ >
1041
+ <input
1042
+ class=" container medium primary effect borderColor_default "
1043
+ data-id="textBoxIcon"
1044
+ data-selector-id="textBoxIcon"
1045
+ data-test-id="textBoxIcon"
1046
+ maxlength="250"
1047
+ type="text"
1048
+ value=""
1049
+ />
1050
+ </div>
1051
+ <div
1052
+ class="iconContainer shrinkOff"
1053
+ data-id="boxComponent"
1054
+ data-selector-id="box"
1055
+ data-test-id="boxComponent"
1056
+ >
1057
+ <div
1058
+ class="flex cover rowdir"
1059
+ data-id="containerComponent"
1060
+ data-selector-id="container"
1061
+ data-test-id="containerComponent"
1062
+ />
1063
+ </div>
1064
+ </div>
1065
+ </DocumentFragment>
1066
+ `;
1067
+
1068
+ exports[`TextBoxIcon component Should render Varient - secondary 1`] = `
1069
+ <DocumentFragment>
1070
+ <div
1071
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
1072
+ data-selector-id="textBoxIcon"
1073
+ >
1074
+ <div
1075
+ class="grow basis shrinkOff"
1076
+ data-id="boxComponent"
1077
+ data-selector-id="box"
1078
+ data-test-id="boxComponent"
1079
+ >
1080
+ <input
1081
+ class=" container medium secondary effect borderColor_default "
1082
+ data-id="textBoxIcon"
1083
+ data-selector-id="textBoxIcon"
1084
+ data-test-id="textBoxIcon"
1085
+ maxlength="250"
1086
+ type="text"
1087
+ value=""
1088
+ />
1089
+ </div>
1090
+ <div
1091
+ class="iconContainer shrinkOff"
1092
+ data-id="boxComponent"
1093
+ data-selector-id="box"
1094
+ data-test-id="boxComponent"
1095
+ >
1096
+ <div
1097
+ class="flex cover rowdir"
1098
+ data-id="containerComponent"
1099
+ data-selector-id="container"
1100
+ data-test-id="containerComponent"
1101
+ />
1102
+ </div>
1103
+ </div>
1104
+ </DocumentFragment>
1105
+ `;
1106
+
1107
+ exports[`TextBoxIcon component Should render borderColor - default 1`] = `
1108
+ <DocumentFragment>
1109
+ <div
1110
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
1111
+ data-selector-id="textBoxIcon"
1112
+ >
1113
+ <div
1114
+ class="grow basis shrinkOff"
1115
+ data-id="boxComponent"
1116
+ data-selector-id="box"
1117
+ data-test-id="boxComponent"
1118
+ >
1119
+ <input
1120
+ class=" container medium default effect borderColor_default "
1121
+ data-id="textBoxIcon"
1122
+ data-selector-id="textBoxIcon"
1123
+ data-test-id="textBoxIcon"
1124
+ maxlength="250"
1125
+ type="text"
1126
+ value=""
1127
+ />
1128
+ </div>
1129
+ <div
1130
+ class="iconContainer shrinkOff"
1131
+ data-id="boxComponent"
1132
+ data-selector-id="box"
1133
+ data-test-id="boxComponent"
1134
+ >
1135
+ <div
1136
+ class="flex cover rowdir"
1137
+ data-id="containerComponent"
1138
+ data-selector-id="container"
1139
+ data-test-id="containerComponent"
1140
+ />
1141
+ </div>
1142
+ </div>
1143
+ </DocumentFragment>
1144
+ `;
1145
+
1146
+ exports[`TextBoxIcon component Should render borderColor - error 1`] = `
1147
+ <DocumentFragment>
1148
+ <div
1149
+ class="varClass customContainer border_bottom effect borderColor_error hasBorder container flex rowdir"
1150
+ data-selector-id="textBoxIcon"
1151
+ >
1152
+ <div
1153
+ class="grow basis shrinkOff"
1154
+ data-id="boxComponent"
1155
+ data-selector-id="box"
1156
+ data-test-id="boxComponent"
1157
+ >
1158
+ <input
1159
+ class=" container medium default effect undefined "
1160
+ data-id="textBoxIcon"
1161
+ data-selector-id="textBoxIcon"
1162
+ data-test-id="textBoxIcon"
1163
+ maxlength="250"
1164
+ type="text"
1165
+ value=""
1166
+ />
1167
+ </div>
1168
+ <div
1169
+ class="iconContainer shrinkOff"
1170
+ data-id="boxComponent"
1171
+ data-selector-id="box"
1172
+ data-test-id="boxComponent"
1173
+ >
1174
+ <div
1175
+ class="flex cover rowdir"
1176
+ data-id="containerComponent"
1177
+ data-selector-id="container"
1178
+ data-test-id="containerComponent"
1179
+ />
1180
+ </div>
1181
+ </div>
1182
+ </DocumentFragment>
1183
+ `;
1184
+
1185
+ exports[`TextBoxIcon component Should render borderColor - transparent 1`] = `
1186
+ <DocumentFragment>
1187
+ <div
1188
+ class="varClass customContainer border_bottom effect borderColor_transparent hasBorder container flex rowdir"
1189
+ data-selector-id="textBoxIcon"
1190
+ >
1191
+ <div
1192
+ class="grow basis shrinkOff"
1193
+ data-id="boxComponent"
1194
+ data-selector-id="box"
1195
+ data-test-id="boxComponent"
1196
+ >
1197
+ <input
1198
+ class=" container medium default effect borderColor_transparent "
1199
+ data-id="textBoxIcon"
1200
+ data-selector-id="textBoxIcon"
1201
+ data-test-id="textBoxIcon"
1202
+ maxlength="250"
1203
+ type="text"
1204
+ value=""
1205
+ />
1206
+ </div>
1207
+ <div
1208
+ class="iconContainer shrinkOff"
1209
+ data-id="boxComponent"
1210
+ data-selector-id="box"
1211
+ data-test-id="boxComponent"
1212
+ >
1213
+ <div
1214
+ class="flex cover rowdir"
1215
+ data-id="containerComponent"
1216
+ data-selector-id="container"
1217
+ data-test-id="containerComponent"
1218
+ />
1219
+ </div>
1220
+ </div>
1221
+ </DocumentFragment>
1222
+ `;
1223
+
1224
+ exports[`TextBoxIcon component Should render size - medium 1`] = `
1225
+ <DocumentFragment>
1226
+ <div
1227
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
1228
+ data-selector-id="textBoxIcon"
1229
+ >
1230
+ <div
1231
+ class="grow basis shrinkOff"
1232
+ data-id="boxComponent"
1233
+ data-selector-id="box"
1234
+ data-test-id="boxComponent"
1235
+ >
1236
+ <input
1237
+ class=" container medium default effect borderColor_default "
1238
+ data-id="textBoxIcon"
1239
+ data-selector-id="textBoxIcon"
1240
+ data-test-id="textBoxIcon"
1241
+ maxlength="250"
1242
+ type="text"
1243
+ value=""
1244
+ />
1245
+ </div>
1246
+ <div
1247
+ class="iconContainer shrinkOff"
1248
+ data-id="boxComponent"
1249
+ data-selector-id="box"
1250
+ data-test-id="boxComponent"
1251
+ >
1252
+ <div
1253
+ class="flex cover rowdir"
1254
+ data-id="containerComponent"
1255
+ data-selector-id="container"
1256
+ data-test-id="containerComponent"
1257
+ />
1258
+ </div>
1259
+ </div>
1260
+ </DocumentFragment>
1261
+ `;
1262
+
1263
+ exports[`TextBoxIcon component Should render size - small 1`] = `
1264
+ <DocumentFragment>
1265
+ <div
1266
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
1267
+ data-selector-id="textBoxIcon"
1268
+ >
1269
+ <div
1270
+ class="grow basis shrinkOff"
1271
+ data-id="boxComponent"
1272
+ data-selector-id="box"
1273
+ data-test-id="boxComponent"
1274
+ >
1275
+ <input
1276
+ class=" container small default effect borderColor_default "
1277
+ data-id="textBoxIcon"
1278
+ data-selector-id="textBoxIcon"
1279
+ data-test-id="textBoxIcon"
1280
+ maxlength="250"
1281
+ type="text"
1282
+ value=""
1283
+ />
1284
+ </div>
1285
+ <div
1286
+ class="iconContainer shrinkOff"
1287
+ data-id="boxComponent"
1288
+ data-selector-id="box"
1289
+ data-test-id="boxComponent"
1290
+ >
1291
+ <div
1292
+ class="flex cover rowdir"
1293
+ data-id="containerComponent"
1294
+ data-selector-id="container"
1295
+ data-test-id="containerComponent"
1296
+ />
1297
+ </div>
1298
+ </div>
1299
+ </DocumentFragment>
1300
+ `;
1301
+
1302
+ exports[`TextBoxIcon component Should render size - xmedium 1`] = `
1303
+ <DocumentFragment>
1304
+ <div
1305
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
1306
+ data-selector-id="textBoxIcon"
1307
+ >
1308
+ <div
1309
+ class="grow basis shrinkOff"
1310
+ data-id="boxComponent"
1311
+ data-selector-id="box"
1312
+ data-test-id="boxComponent"
1313
+ >
1314
+ <input
1315
+ class=" container xmedium default effect borderColor_default "
1316
+ data-id="textBoxIcon"
1317
+ data-selector-id="textBoxIcon"
1318
+ data-test-id="textBoxIcon"
1319
+ maxlength="250"
1320
+ type="text"
1321
+ value=""
1322
+ />
1323
+ </div>
1324
+ <div
1325
+ class="iconContainer shrinkOff"
1326
+ data-id="boxComponent"
1327
+ data-selector-id="box"
1328
+ data-test-id="boxComponent"
1329
+ >
1330
+ <div
1331
+ class="flex cover rowdir"
1332
+ data-id="containerComponent"
1333
+ data-selector-id="container"
1334
+ data-test-id="containerComponent"
1335
+ />
1336
+ </div>
1337
+ </div>
1338
+ </DocumentFragment>
1339
+ `;
1340
+
1341
+ exports[`TextBoxIcon component Should render size - xsmall 1`] = `
1342
+ <DocumentFragment>
1343
+ <div
1344
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
1345
+ data-selector-id="textBoxIcon"
1346
+ >
1347
+ <div
1348
+ class="grow basis shrinkOff"
1349
+ data-id="boxComponent"
1350
+ data-selector-id="box"
1351
+ data-test-id="boxComponent"
1352
+ >
1353
+ <input
1354
+ class=" container xsmall default effect borderColor_default "
1355
+ data-id="textBoxIcon"
1356
+ data-selector-id="textBoxIcon"
1357
+ data-test-id="textBoxIcon"
1358
+ maxlength="250"
1359
+ type="text"
1360
+ value=""
1361
+ />
1362
+ </div>
1363
+ <div
1364
+ class="iconContainer shrinkOff"
1365
+ data-id="boxComponent"
1366
+ data-selector-id="box"
1367
+ data-test-id="boxComponent"
1368
+ >
1369
+ <div
1370
+ class="flex cover rowdir"
1371
+ data-id="containerComponent"
1372
+ data-selector-id="container"
1373
+ data-test-id="containerComponent"
1374
+ />
1375
+ </div>
1376
+ </div>
1377
+ </DocumentFragment>
1378
+ `;
1379
+
1380
+ exports[`TextBoxIcon component Should render type - number 1`] = `
1381
+ <DocumentFragment>
1382
+ <div
1383
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
1384
+ data-selector-id="textBoxIcon"
1385
+ >
1386
+ <div
1387
+ class="grow basis shrinkOff"
1388
+ data-id="boxComponent"
1389
+ data-selector-id="box"
1390
+ data-test-id="boxComponent"
1391
+ >
1392
+ <input
1393
+ class=" container medium default effect borderColor_default "
1394
+ data-id="textBoxIcon"
1395
+ data-selector-id="textBoxIcon"
1396
+ data-test-id="textBoxIcon"
1397
+ maxlength="250"
1398
+ type="number"
1399
+ value=""
1400
+ />
1401
+ </div>
1402
+ <div
1403
+ class="iconContainer shrinkOff"
1404
+ data-id="boxComponent"
1405
+ data-selector-id="box"
1406
+ data-test-id="boxComponent"
1407
+ >
1408
+ <div
1409
+ class="flex cover rowdir"
1410
+ data-id="containerComponent"
1411
+ data-selector-id="container"
1412
+ data-test-id="containerComponent"
1413
+ />
1414
+ </div>
1415
+ </div>
1416
+ </DocumentFragment>
1417
+ `;
1418
+
1419
+ exports[`TextBoxIcon component Should render type - password 1`] = `
1420
+ <DocumentFragment>
1421
+ <div
1422
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
1423
+ data-selector-id="textBoxIcon"
1424
+ >
1425
+ <div
1426
+ class="grow basis shrinkOff"
1427
+ data-id="boxComponent"
1428
+ data-selector-id="box"
1429
+ data-test-id="boxComponent"
1430
+ >
1431
+ <input
1432
+ class=" container medium default effect borderColor_default "
1433
+ data-id="textBoxIcon"
1434
+ data-selector-id="textBoxIcon"
1435
+ data-test-id="textBoxIcon"
1436
+ maxlength="250"
1437
+ type="password"
1438
+ value=""
1439
+ />
1440
+ </div>
1441
+ <div
1442
+ class="iconContainer shrinkOff"
1443
+ data-id="boxComponent"
1444
+ data-selector-id="box"
1445
+ data-test-id="boxComponent"
1446
+ >
1447
+ <div
1448
+ class="flex cover rowdir"
1449
+ data-id="containerComponent"
1450
+ data-selector-id="container"
1451
+ data-test-id="containerComponent"
1452
+ />
1453
+ </div>
1454
+ </div>
1455
+ </DocumentFragment>
1456
+ `;
1457
+
1458
+ exports[`TextBoxIcon component Should render type - text 1`] = `
1459
+ <DocumentFragment>
1460
+ <div
1461
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
1462
+ data-selector-id="textBoxIcon"
1463
+ >
1464
+ <div
1465
+ class="grow basis shrinkOff"
1466
+ data-id="boxComponent"
1467
+ data-selector-id="box"
1468
+ data-test-id="boxComponent"
1469
+ >
1470
+ <input
1471
+ class=" container medium default effect borderColor_default "
1472
+ data-id="textBoxIcon"
1473
+ data-selector-id="textBoxIcon"
1474
+ data-test-id="textBoxIcon"
1475
+ maxlength="250"
1476
+ type="text"
1477
+ value=""
1478
+ />
1479
+ </div>
1480
+ <div
1481
+ class="iconContainer shrinkOff"
1482
+ data-id="boxComponent"
1483
+ data-selector-id="box"
1484
+ data-test-id="boxComponent"
1485
+ >
1486
+ <div
1487
+ class="flex cover rowdir"
1488
+ data-id="containerComponent"
1489
+ data-selector-id="container"
1490
+ data-test-id="containerComponent"
1491
+ />
1492
+ </div>
1493
+ </div>
1494
+ </DocumentFragment>
1495
+ `;
1496
+
1497
+ exports[`TextBoxIcon component rendering the Custom Props 1`] = `
1498
+ <DocumentFragment>
1499
+ <div
1500
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
1501
+ data-selector-id="textBoxIcon"
1502
+ >
1503
+ <div
1504
+ class="grow basis shrinkOff"
1505
+ data-id="boxComponent"
1506
+ data-selector-id="box"
1507
+ data-test-id="boxComponent"
1508
+ >
1509
+ <input
1510
+ class=" container medium default effect borderColor_default "
1511
+ data-id="textBoxIcon"
1512
+ data-selector-id="textBoxIcon"
1513
+ data-test-id="textBoxIcon"
1514
+ isclickable="false"
1515
+ maxlength="250"
1516
+ type="text"
1517
+ value=""
1518
+ />
1519
+ </div>
1520
+ <div
1521
+ class="iconContainer shrinkOff"
1522
+ data-id="boxComponent"
1523
+ data-selector-id="box"
1524
+ data-test-id="boxComponent"
1525
+ >
1526
+ <div
1527
+ class="flex cover rowdir"
1528
+ data-id="containerComponent"
1529
+ data-selector-id="container"
1530
+ data-test-id="containerComponent"
1531
+ />
1532
+ </div>
1533
+ </div>
1534
+ </DocumentFragment>
1535
+ `;
1536
+
1537
+ exports[`TextBoxIcon component rendering the Custom class 1`] = `
1538
+ <DocumentFragment>
1539
+ <div
1540
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container customTBoxWrapTextBoxIcon flex rowdir"
1541
+ data-selector-id="textBoxIcon"
1542
+ >
1543
+ <div
1544
+ class="grow basis shrinkOff"
1545
+ data-id="boxComponent"
1546
+ data-selector-id="box"
1547
+ data-test-id="boxComponent"
1548
+ >
1549
+ <input
1550
+ class=" container medium default effect borderColor_default customTextBoxTextBoxIcon"
1551
+ data-id="textBoxIcon"
1552
+ data-selector-id="textBoxIcon"
1553
+ data-test-id="textBoxIcon"
1554
+ maxlength="250"
1555
+ type="text"
1556
+ value=""
1557
+ />
1558
+ </div>
1559
+ <div
1560
+ class="iconContainer customTBoxIconTextBox shrinkOff"
1561
+ data-id="boxComponent"
1562
+ data-selector-id="box"
1563
+ data-test-id="boxComponent"
1564
+ >
1565
+ <div
1566
+ class="flex cover rowdir"
1567
+ data-id="containerComponent"
1568
+ data-selector-id="container"
1569
+ data-test-id="containerComponent"
1570
+ />
1571
+ </div>
1572
+ </div>
1573
+ </DocumentFragment>
1574
+ `;
1575
+
1576
+ exports[`TextBoxIcon component rendering the i18n value 1`] = `
1577
+ <DocumentFragment>
1578
+ <div
1579
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
1580
+ data-selector-id="textBoxIcon"
1581
+ >
1582
+ <div
1583
+ class="grow basis shrinkOff"
1584
+ data-id="boxComponent"
1585
+ data-selector-id="box"
1586
+ data-test-id="boxComponent"
1587
+ >
1588
+ <input
1589
+ class=" container medium default effect borderColor_default "
1590
+ data-id="textBoxIcon"
1591
+ data-selector-id="textBoxIcon"
1592
+ data-test-id="textBoxIcon"
1593
+ maxlength="250"
1594
+ type="text"
1595
+ value="Text"
1596
+ />
1597
+ </div>
1598
+ <div
1599
+ class="iconContainer shrinkOff"
1600
+ data-id="boxComponent"
1601
+ data-selector-id="box"
1602
+ data-test-id="boxComponent"
1603
+ >
1604
+ <div
1605
+ class="flex cover rowdir"
1606
+ data-id="containerComponent"
1607
+ data-selector-id="container"
1608
+ data-test-id="containerComponent"
1609
+ >
1610
+ <button
1611
+ class="buttonReset icon shrinkOff"
1612
+ data-id="textBoxIcon_ClearIcon"
1613
+ data-selector-id="box"
1614
+ data-test-id="textBoxIcon_ClearIcon"
1615
+ data-title="TextBoxIcon Text"
1616
+ >
1617
+ <div
1618
+ aria-hidden="true"
1619
+ class="flex cover coldir both"
1620
+ data-id="containerComponent"
1621
+ data-selector-id="container"
1622
+ data-test-id="containerComponent"
1623
+ >
1624
+ <i
1625
+ aria-hidden="true"
1626
+ class="zd_font_icons basic icon-delete rtl "
1627
+ data-id="fontIcon"
1628
+ data-selector-id="fontIcon"
1629
+ data-test-id="fontIcon"
1630
+ style="--zd-iconfont-size: var(--zd_font_size14);"
1631
+ />
1632
+ </div>
1633
+ </button>
1634
+ </div>
1635
+ </div>
1636
+ </div>
1637
+ </DocumentFragment>
1638
+ `;