@zohodesk/components 1.0.0-temp-107 → 1.0.0-temp-108

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 (559) hide show
  1. package/README.md +1102 -1102
  2. package/assets/Appearance/dark/mode/darkMode.module.css +168 -168
  3. package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +32 -32
  4. package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +32 -32
  5. package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +32 -32
  6. package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +32 -32
  7. package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +32 -32
  8. package/assets/Appearance/default/mode/defaultMode.module.css +164 -164
  9. package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +32 -32
  10. package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +32 -32
  11. package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +32 -32
  12. package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +32 -32
  13. package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +32 -32
  14. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +170 -170
  15. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +32 -32
  16. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +32 -32
  17. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +32 -32
  18. package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +32 -32
  19. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +32 -32
  20. package/assets/Contrast/darkContrastLightness.module.css +25 -0
  21. package/assets/Contrast/defaultContrastLightness.module.css +25 -0
  22. package/assets/Contrast/pureDarkContrastLightness.module.css +25 -0
  23. package/css_error.log +5 -0
  24. package/docs/external/active-line.js +72 -72
  25. package/docs/external/autorefresh.js +47 -47
  26. package/docs/external/codemirror.js +9681 -9681
  27. package/docs/external/css/hopscotch.css +576 -576
  28. package/docs/external/css/styleGuide.css +1100 -1100
  29. package/docs/external/css.js +466 -466
  30. package/docs/external/designTokens.js +1 -1
  31. package/docs/external/foldcode.js +151 -151
  32. package/docs/external/format.js +129 -129
  33. package/docs/external/htmlmixed.js +84 -84
  34. package/docs/external/index.html +127 -127
  35. package/docs/external/javascript.js +422 -422
  36. package/docs/external/jsx.js +147 -147
  37. package/docs/external/matchbrackets.js +145 -145
  38. package/docs/external/xml.js +322 -322
  39. package/docs/package.json +41 -41
  40. package/docs/src/index.js +1311 -1311
  41. package/es/AppContainer/AppContainer.module.css +18 -18
  42. package/es/Avatar/Avatar.js +10 -12
  43. package/es/Avatar/Avatar.module.css +135 -123
  44. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  45. package/es/AvatarTeam/AvatarTeam.js +7 -7
  46. package/es/AvatarTeam/AvatarTeam.module.css +161 -147
  47. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  48. package/es/Button/Button.js +4 -4
  49. package/es/Button/Button.module.css +521 -448
  50. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  51. package/es/Buttongroup/Buttongroup.js +1 -1
  52. package/es/Buttongroup/Buttongroup.module.css +89 -60
  53. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  54. package/es/Card/Card.js +4 -4
  55. package/es/Card/Card.module.css +20 -20
  56. package/es/CheckBox/CheckBox.js +0 -0
  57. package/es/CheckBox/CheckBox.module.css +157 -151
  58. package/es/DateTime/CalendarView.js +2 -4
  59. package/es/DateTime/DateTime.js +0 -0
  60. package/es/DateTime/DateTime.module.css +232 -201
  61. package/es/DateTime/DateTimePopupHeader.js +9 -24
  62. package/es/DateTime/DateWidget.js +2 -4
  63. package/es/DateTime/DateWidget.module.css +38 -34
  64. package/es/DateTime/DaysRow.js +2 -5
  65. package/es/DateTime/YearView.js +4 -12
  66. package/es/DateTime/YearView.module.css +81 -86
  67. package/es/DateTime/common.js +0 -0
  68. package/es/DateTime/index.js +0 -0
  69. package/es/DateTime/objectUtils.js +0 -0
  70. package/es/DateTime/typeChecker.js +0 -0
  71. package/es/DateTime/validator.js +0 -0
  72. package/es/DropBox/DropBox.js +0 -0
  73. package/es/DropBox/DropBox.module.css +406 -370
  74. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  75. package/es/DropDown/DropDown.js +0 -0
  76. package/es/DropDown/DropDown.module.css +5 -5
  77. package/es/DropDown/DropDownHeading.js +1 -3
  78. package/es/DropDown/DropDownHeading.module.css +53 -49
  79. package/es/DropDown/DropDownItem.js +0 -0
  80. package/es/DropDown/DropDownItem.module.css +94 -68
  81. package/es/DropDown/DropDownSearch.js +0 -0
  82. package/es/DropDown/DropDownSearch.module.css +14 -14
  83. package/es/DropDown/DropDownSeparator.js +0 -0
  84. package/es/DropDown/DropDownSeparator.module.css +7 -7
  85. package/es/DropDown/props/propTypes.js +1 -2
  86. package/es/Heading/Heading.module.css +4 -4
  87. package/es/Label/Label.js +4 -6
  88. package/es/Label/Label.module.css +52 -52
  89. package/es/Label/LabelColors.module.css +20 -20
  90. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  91. package/es/Layout/Box.js +0 -0
  92. package/es/Layout/Container.js +0 -0
  93. package/es/Layout/Layout.module.css +335 -335
  94. package/es/Layout/utils.js +0 -0
  95. package/es/ListItem/ListContainer.js +2 -4
  96. package/es/ListItem/ListItem.js +1 -2
  97. package/es/ListItem/ListItem.module.css +209 -177
  98. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  99. package/es/MultiSelect/MultiSelect.js +7 -9
  100. package/es/MultiSelect/MultiSelect.module.css +205 -188
  101. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  102. package/es/MultiSelect/SelectedOptions.module.css +15 -9
  103. package/es/MultiSelect/Suggestions.js +1 -2
  104. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  105. package/es/PopOver/PopOver.module.css +8 -8
  106. package/es/Popup/Popup.js +0 -0
  107. package/es/Popup/PositionMapping.json +73 -73
  108. package/es/Radio/Radio.js +0 -0
  109. package/es/Radio/Radio.module.css +112 -106
  110. package/es/Responsive/CustomResponsive.js +0 -0
  111. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  112. package/es/Ribbon/Ribbon.js +0 -0
  113. package/es/Ribbon/Ribbon.module.css +376 -311
  114. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  115. package/es/RippleEffect/RippleEffect.module.css +92 -110
  116. package/es/Select/GroupSelect.js +0 -0
  117. package/es/Select/Select.js +4 -7
  118. package/es/Select/Select.module.css +108 -98
  119. package/es/Select/SelectWithAvatar.js +0 -0
  120. package/es/Select/SelectWithIcon.js +1 -2
  121. package/es/Select/__tests__/Select.spec.js +0 -0
  122. package/es/Stencils/Stencils.js +0 -0
  123. package/es/Stencils/Stencils.module.css +96 -78
  124. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  125. package/es/Switch/Switch.js +0 -0
  126. package/es/Switch/Switch.module.css +110 -111
  127. package/es/Tab/Tab.js +1 -2
  128. package/es/Tab/Tab.module.css +101 -92
  129. package/es/Tab/TabContent.module.css +4 -4
  130. package/es/Tab/Tabs.js +20 -24
  131. package/es/Tab/Tabs.module.css +141 -107
  132. package/es/Tag/Tag.js +8 -8
  133. package/es/Tag/Tag.module.css +254 -232
  134. package/es/TextBox/TextBox.js +0 -0
  135. package/es/TextBox/TextBox.module.css +157 -161
  136. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  137. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  138. package/es/TextBoxIcon/TextBoxIcon.module.css +78 -71
  139. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  140. package/es/Textarea/Textarea.js +0 -0
  141. package/es/Textarea/Textarea.module.css +139 -140
  142. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  143. package/es/Tooltip/Tooltip.module.css +109 -108
  144. package/es/common/animation.module.css +624 -426
  145. package/es/common/avatarsizes.module.css +44 -44
  146. package/es/common/basic.module.css +33 -33
  147. package/es/common/basicReset.module.css +40 -50
  148. package/es/common/common.module.css +524 -478
  149. package/es/common/customscroll.module.css +89 -93
  150. package/es/common/reset.module.css +12 -12
  151. package/es/common/transition.module.css +146 -106
  152. package/es/deprecated/AdvancedMultiSelect.module.css +126 -112
  153. package/es/index.js +107 -106
  154. package/es/semantic/Button/semanticButton.module.css +9 -9
  155. package/es/utils/Common.js +0 -0
  156. package/es/utils/dropDownUtils.js +0 -0
  157. package/lib/Accordion/Accordion.js +102 -0
  158. package/lib/Accordion/AccordionItem.js +84 -0
  159. package/lib/Accordion/__tests__/Accordion.spec.js +82 -0
  160. package/lib/Accordion/index.js +20 -0
  161. package/lib/Accordion/props/defaultProps.js +16 -0
  162. package/lib/Accordion/props/propTypes.js +39 -0
  163. package/lib/Animation/Animation.js +161 -0
  164. package/lib/Animation/__tests__/Animation.spec.js +19 -0
  165. package/lib/Animation/props/defaultProps.js +14 -0
  166. package/lib/Animation/props/propTypes.js +20 -0
  167. package/lib/AppContainer/AppContainer.js +156 -0
  168. package/lib/AppContainer/AppContainer.module.css +18 -0
  169. package/lib/AppContainer/props/defaultProps.js +15 -0
  170. package/lib/AppContainer/props/propTypes.js +23 -0
  171. package/lib/Avatar/Avatar.js +199 -0
  172. package/lib/Avatar/Avatar.module.css +135 -0
  173. package/lib/Avatar/__tests__/Avatar.spec.js +164 -0
  174. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -0
  175. package/lib/Avatar/props/defaultProps.js +21 -0
  176. package/lib/Avatar/props/propTypes.js +31 -0
  177. package/lib/AvatarTeam/AvatarTeam.js +99 -0
  178. package/lib/AvatarTeam/AvatarTeam.module.css +161 -0
  179. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +79 -0
  180. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -0
  181. package/lib/AvatarTeam/props/defaultProps.js +20 -0
  182. package/lib/AvatarTeam/props/propTypes.js +31 -0
  183. package/lib/Button/Button.js +90 -0
  184. package/lib/Button/Button.module.css +522 -0
  185. package/lib/Button/__tests__/Button.spec.js +193 -0
  186. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -0
  187. package/lib/Button/props/defaultProps.js +22 -0
  188. package/lib/Button/props/propTypes.js +30 -0
  189. package/lib/Buttongroup/Buttongroup.js +69 -0
  190. package/lib/Buttongroup/Buttongroup.module.css +89 -0
  191. package/lib/Buttongroup/__test__/Buttongroup.spec.js +76 -0
  192. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -0
  193. package/lib/Buttongroup/props/defaultProps.js +11 -0
  194. package/lib/Buttongroup/props/propTypes.js +15 -0
  195. package/lib/Card/Card.js +301 -0
  196. package/lib/Card/Card.module.css +20 -0
  197. package/lib/Card/__tests__/Card.spec.js +47 -0
  198. package/lib/Card/index.js +33 -0
  199. package/lib/Card/props/defaultProps.js +23 -0
  200. package/lib/Card/props/propTypes.js +54 -0
  201. package/lib/CheckBox/CheckBox.js +183 -0
  202. package/lib/CheckBox/CheckBox.module.css +157 -0
  203. package/lib/CheckBox/__tests__/CheckBox.spec.js +15 -0
  204. package/lib/CheckBox/props/defaultProps.js +25 -0
  205. package/lib/CheckBox/props/propTypes.js +49 -0
  206. package/lib/DateTime/CalendarView.js +227 -0
  207. package/lib/DateTime/DateTime.js +779 -0
  208. package/lib/DateTime/DateTime.module.css +233 -0
  209. package/lib/DateTime/DateTimePopupFooter.js +65 -0
  210. package/lib/DateTime/DateTimePopupHeader.js +117 -0
  211. package/lib/DateTime/DateWidget.js +1015 -0
  212. package/lib/DateTime/DateWidget.module.css +38 -0
  213. package/lib/DateTime/DaysRow.js +52 -0
  214. package/lib/DateTime/Time.js +205 -0
  215. package/lib/DateTime/YearView.js +267 -0
  216. package/lib/DateTime/YearView.module.css +81 -0
  217. package/lib/DateTime/__tests__/CalendarView.spec.js +37 -0
  218. package/lib/DateTime/__tests__/DateTime.spec.js +113 -0
  219. package/lib/DateTime/__tests__/DateWidget.spec.js +79 -0
  220. package/lib/DateTime/common.js +30 -0
  221. package/lib/DateTime/constants.js +76 -0
  222. package/lib/DateTime/dateFormatUtils/dateFormat.js +551 -0
  223. package/lib/DateTime/dateFormatUtils/dayChange.js +74 -0
  224. package/lib/DateTime/dateFormatUtils/index.js +225 -0
  225. package/lib/DateTime/dateFormatUtils/monthChange.js +84 -0
  226. package/lib/DateTime/dateFormatUtils/timeChange.js +208 -0
  227. package/lib/DateTime/dateFormatUtils/yearChange.js +108 -0
  228. package/lib/DateTime/index.js +13 -0
  229. package/lib/DateTime/objectUtils.js +72 -0
  230. package/lib/DateTime/props/defaultProps.js +61 -0
  231. package/lib/DateTime/props/propTypes.js +144 -0
  232. package/lib/DateTime/typeChecker.js +22 -0
  233. package/lib/DateTime/validator.js +290 -0
  234. package/lib/DropBox/DropBox.js +266 -0
  235. package/lib/DropBox/DropBox.module.css +406 -0
  236. package/lib/DropBox/DropBoxPositionMapping.json +145 -0
  237. package/lib/DropBox/__tests__/DropBox.spec.js +83 -0
  238. package/lib/DropBox/props/defaultProps.js +27 -0
  239. package/lib/DropBox/props/propTypes.js +55 -0
  240. package/lib/DropDown/DropDown.js +127 -0
  241. package/lib/DropDown/DropDown.module.css +5 -0
  242. package/lib/DropDown/DropDownHeading.js +64 -0
  243. package/lib/DropDown/DropDownHeading.module.css +53 -0
  244. package/lib/DropDown/DropDownItem.js +102 -0
  245. package/lib/DropDown/DropDownItem.module.css +94 -0
  246. package/lib/DropDown/DropDownSearch.js +88 -0
  247. package/lib/DropDown/DropDownSearch.module.css +14 -0
  248. package/lib/DropDown/DropDownSeparator.js +42 -0
  249. package/lib/DropDown/DropDownSeparator.module.css +7 -0
  250. package/lib/DropDown/__tests__/DropDown.spec.js +44 -0
  251. package/lib/DropDown/__tests__/DropDownItem.spec.js +46 -0
  252. package/lib/DropDown/__tests__/DropDownSearch.spec.js +14 -0
  253. package/lib/DropDown/props/defaultProps.js +28 -0
  254. package/lib/DropDown/props/propTypes.js +89 -0
  255. package/lib/Heading/Heading.js +64 -0
  256. package/lib/Heading/Heading.module.css +5 -0
  257. package/lib/Heading/props/defaultProps.js +12 -0
  258. package/lib/Heading/props/propTypes.js +19 -0
  259. package/lib/Label/Label.js +65 -0
  260. package/lib/Label/Label.module.css +52 -0
  261. package/lib/Label/LabelColors.module.css +21 -0
  262. package/lib/Label/__tests__/Label.spec.js +124 -0
  263. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -0
  264. package/lib/Label/props/defaultProps.js +17 -0
  265. package/lib/Label/props/propTypes.js +22 -0
  266. package/lib/Layout/Box.js +104 -0
  267. package/lib/Layout/Container.js +122 -0
  268. package/lib/Layout/Layout.module.css +336 -0
  269. package/lib/Layout/__tests__/Box.spec.js +105 -0
  270. package/lib/Layout/__tests__/Container.spec.js +110 -0
  271. package/lib/Layout/index.js +30 -0
  272. package/lib/Layout/props/defaultProps.js +20 -0
  273. package/lib/Layout/props/propTypes.js +51 -0
  274. package/lib/Layout/utils.js +45 -0
  275. package/lib/ListItem/ListContainer.js +93 -0
  276. package/lib/ListItem/ListItem.js +153 -0
  277. package/lib/ListItem/ListItem.module.css +209 -0
  278. package/lib/ListItem/ListItemWithAvatar.js +175 -0
  279. package/lib/ListItem/ListItemWithCheckBox.js +141 -0
  280. package/lib/ListItem/ListItemWithIcon.js +158 -0
  281. package/lib/ListItem/ListItemWithRadio.js +143 -0
  282. package/lib/ListItem/props/defaultProps.js +97 -0
  283. package/lib/ListItem/props/propTypes.js +176 -0
  284. package/lib/Modal/Modal.js +174 -0
  285. package/lib/Modal/props/defaultProps.js +10 -0
  286. package/lib/Modal/props/propTypes.js +14 -0
  287. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +1032 -0
  288. package/lib/MultiSelect/AdvancedMultiSelect.js +552 -0
  289. package/lib/MultiSelect/EmptyState.js +85 -0
  290. package/lib/MultiSelect/MultiSelect.js +1044 -0
  291. package/lib/MultiSelect/MultiSelect.module.css +206 -0
  292. package/lib/MultiSelect/MultiSelectHeader.js +55 -0
  293. package/lib/MultiSelect/MultiSelectWithAvatar.js +304 -0
  294. package/lib/MultiSelect/SelectedOptions.js +97 -0
  295. package/lib/MultiSelect/SelectedOptions.module.css +15 -0
  296. package/lib/MultiSelect/Suggestions.js +158 -0
  297. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +159 -0
  298. package/lib/MultiSelect/props/defaultProps.js +158 -0
  299. package/lib/MultiSelect/props/propTypes.js +377 -0
  300. package/lib/PopOver/PopOver.js +252 -0
  301. package/lib/PopOver/PopOver.module.css +8 -0
  302. package/lib/PopOver/__tests__/PopOver.spec.js +17 -0
  303. package/lib/PopOver/props/defaultProps.js +15 -0
  304. package/lib/PopOver/props/propTypes.js +63 -0
  305. package/lib/Popup/Popup.js +640 -0
  306. package/lib/Popup/PositionMapping.json +74 -0
  307. package/lib/Popup/__tests__/Popup.spec.js +155 -0
  308. package/lib/Popup/viewPort.js +354 -0
  309. package/lib/Provider/AvatarSize.js +19 -0
  310. package/lib/Provider/Config.js +25 -0
  311. package/lib/Provider/CssProvider.js +23 -0
  312. package/lib/Provider/IdProvider.js +68 -0
  313. package/lib/Provider/LibraryContext.js +54 -0
  314. package/lib/Provider/LibraryContextInit.js +11 -0
  315. package/lib/Provider/NumberGenerator/NumberGenerator.js +145 -0
  316. package/lib/Provider/ZindexProvider.js +57 -0
  317. package/lib/Radio/Radio.js +146 -0
  318. package/lib/Radio/Radio.module.css +112 -0
  319. package/lib/Radio/__tests__/Radiospec.js +25 -0
  320. package/lib/Radio/props/defaultProps.js +21 -0
  321. package/lib/Radio/props/propTypes.js +40 -0
  322. package/lib/Responsive/CustomResponsive.js +192 -0
  323. package/lib/Responsive/RefWrapper.js +47 -0
  324. package/lib/Responsive/ResizeComponent.js +237 -0
  325. package/lib/Responsive/ResizeObserver.js +151 -0
  326. package/lib/Responsive/Responsive.js +222 -0
  327. package/lib/Responsive/index.js +28 -0
  328. package/lib/Responsive/props/defaultProps.js +23 -0
  329. package/lib/Responsive/props/propTypes.js +36 -0
  330. package/lib/Responsive/sizeObservers.js +176 -0
  331. package/lib/Responsive/utils/index.js +62 -0
  332. package/lib/Responsive/utils/shallowCompare.js +29 -0
  333. package/lib/Responsive/windowResizeObserver.js +55 -0
  334. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +94 -0
  335. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -0
  336. package/lib/ResponsiveDropBox/props/defaultProps.js +11 -0
  337. package/lib/ResponsiveDropBox/props/propTypes.js +15 -0
  338. package/lib/Ribbon/Ribbon.js +71 -0
  339. package/lib/Ribbon/Ribbon.module.css +377 -0
  340. package/lib/Ribbon/__tests__/Ribbon.spec.js +171 -0
  341. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -0
  342. package/lib/Ribbon/props/defaultProps.js +15 -0
  343. package/lib/Ribbon/props/propTypes.js +18 -0
  344. package/lib/RippleEffect/RippleEffect.js +35 -0
  345. package/lib/RippleEffect/RippleEffect.module.css +92 -0
  346. package/lib/RippleEffect/props/defaultProps.js +16 -0
  347. package/lib/RippleEffect/props/propTypes.js +19 -0
  348. package/lib/Select/GroupSelect.js +771 -0
  349. package/lib/Select/Select.js +910 -0
  350. package/lib/Select/Select.module.css +109 -0
  351. package/lib/Select/SelectWithAvatar.js +340 -0
  352. package/lib/Select/SelectWithIcon.js +530 -0
  353. package/lib/Select/__tests__/Select.spec.js +341 -0
  354. package/lib/Select/props/defaultProps.js +112 -0
  355. package/lib/Select/props/propTypes.js +280 -0
  356. package/lib/Stencils/Stencils.js +57 -0
  357. package/lib/Stencils/Stencils.module.css +96 -0
  358. package/lib/Stencils/__tests__/Stencils.spec.js +72 -0
  359. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -0
  360. package/lib/Stencils/props/defaultProps.js +13 -0
  361. package/lib/Stencils/props/propTypes.js +15 -0
  362. package/lib/Switch/Switch.js +123 -0
  363. package/lib/Switch/Switch.module.css +111 -0
  364. package/lib/Switch/props/defaultProps.js +17 -0
  365. package/lib/Switch/props/propTypes.js +35 -0
  366. package/lib/Tab/Tab.js +116 -0
  367. package/lib/Tab/Tab.module.css +101 -0
  368. package/lib/Tab/TabContent.js +33 -0
  369. package/lib/Tab/TabContent.module.css +4 -0
  370. package/lib/Tab/TabContentWrapper.js +33 -0
  371. package/lib/Tab/TabWrapper.js +69 -0
  372. package/lib/Tab/Tabs.js +581 -0
  373. package/lib/Tab/Tabs.module.css +141 -0
  374. package/lib/Tab/__tests__/Tab.spec.js +119 -0
  375. package/lib/Tab/__tests__/TabContent.spec.js +18 -0
  376. package/lib/Tab/__tests__/TabContentWrapper.spec.js +51 -0
  377. package/lib/Tab/__tests__/TabWrapper.spec.js +88 -0
  378. package/lib/Tab/__tests__/Tabs.spec.js +109 -0
  379. package/lib/Tab/index.js +41 -0
  380. package/lib/Tab/props/defaultProps.js +50 -0
  381. package/lib/Tab/props/propTypes.js +114 -0
  382. package/lib/Tag/Tag.js +177 -0
  383. package/lib/Tag/Tag.module.css +255 -0
  384. package/lib/Tag/__tests__/Tag.spec.js +29 -0
  385. package/lib/Tag/props/defaultProps.js +20 -0
  386. package/lib/Tag/props/propTypes.js +42 -0
  387. package/lib/TextBox/TextBox.js +193 -0
  388. package/lib/TextBox/TextBox.module.css +157 -0
  389. package/lib/TextBox/__tests__/TextBox.spec.js +195 -0
  390. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -0
  391. package/lib/TextBox/props/defaultProps.js +26 -0
  392. package/lib/TextBox/props/propTypes.js +57 -0
  393. package/lib/TextBoxIcon/TextBoxIcon.js +187 -0
  394. package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -0
  395. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +219 -0
  396. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -0
  397. package/lib/TextBoxIcon/props/defaultProps.js +28 -0
  398. package/lib/TextBoxIcon/props/propTypes.js +57 -0
  399. package/lib/Textarea/Textarea.js +130 -0
  400. package/lib/Textarea/Textarea.module.css +139 -0
  401. package/lib/Textarea/__tests__/Textarea.spec.js +174 -0
  402. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -0
  403. package/lib/Textarea/props/defaultProps.js +23 -0
  404. package/lib/Textarea/props/propTypes.js +39 -0
  405. package/lib/Tooltip/Tooltip.js +519 -0
  406. package/lib/Tooltip/Tooltip.module.css +109 -0
  407. package/lib/Tooltip/__tests__/Tooltip.spec.js +75 -0
  408. package/lib/Tooltip/props/defaultProps.js +11 -0
  409. package/lib/Tooltip/props/propTypes.js +16 -0
  410. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +100 -0
  411. package/lib/VelocityAnimation/VelocityAnimation/props/defaultProps.js +14 -0
  412. package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +20 -0
  413. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +131 -0
  414. package/lib/VelocityAnimation/VelocityAnimationGroup/props/defaultProps.js +22 -0
  415. package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +27 -0
  416. package/lib/common/animation.module.css +624 -0
  417. package/lib/common/avatarsizes.module.css +45 -0
  418. package/lib/common/basic.module.css +33 -0
  419. package/lib/common/basicReset.module.css +40 -0
  420. package/lib/common/common.module.css +525 -0
  421. package/lib/common/customscroll.module.css +89 -0
  422. package/lib/common/reset.module.css +12 -0
  423. package/lib/common/transition.module.css +146 -0
  424. package/lib/css.js +42 -0
  425. package/lib/deprecated/AdvancedMultiSelect.module.css +127 -0
  426. package/lib/deprecated/PortalLayer/PortalLayer.js +126 -0
  427. package/lib/deprecated/PortalLayer/props/defaultProps.js +12 -0
  428. package/lib/deprecated/PortalLayer/props/propTypes.js +19 -0
  429. package/lib/deprecated/advancedMultiSelectVariableJson.js +82 -0
  430. package/lib/index.js +404 -0
  431. package/lib/semantic/Button/Button.js +81 -0
  432. package/lib/semantic/Button/props/defaultProps.js +19 -0
  433. package/lib/semantic/Button/props/propTypes.js +34 -0
  434. package/lib/semantic/Button/semanticButton.module.css +9 -0
  435. package/lib/utils/Common.js +391 -0
  436. package/lib/utils/ContextOptimizer.js +43 -0
  437. package/lib/utils/__tests__/constructFullName.spec.js +11 -0
  438. package/lib/utils/__tests__/debounce.spec.js +39 -0
  439. package/lib/utils/__tests__/getInitial.spec.js +25 -0
  440. package/lib/utils/constant.js +10 -0
  441. package/lib/utils/constructFullName.js +25 -0
  442. package/lib/utils/datetime/common.js +206 -0
  443. package/lib/utils/debounce.js +25 -0
  444. package/lib/utils/dropDownUtils.js +491 -0
  445. package/lib/utils/dummyFunction.js +8 -0
  446. package/lib/utils/getHTMLFontSize.js +10 -0
  447. package/lib/utils/getInitial.js +27 -0
  448. package/lib/utils/scrollTo.js +20 -0
  449. package/lib/utils/shallowEqual.js +33 -0
  450. package/package.json +86 -81
  451. package/es/Accordion/docs/Accordion__Demo.docs.js +0 -78
  452. package/es/Animation/docs/Animation__default.docs.js +0 -32
  453. package/es/Animation/docs/Animation__fadeIn.docs.js +0 -32
  454. package/es/Animation/docs/Animation__scaleIn.docs.js +0 -32
  455. package/es/Animation/docs/Animation__skewIn.docs.js +0 -32
  456. package/es/Animation/docs/Animation__slideDown.docs.js +0 -32
  457. package/es/Animation/docs/Animation__slideLeft.docs.js +0 -32
  458. package/es/Animation/docs/Animation__zoomIn.docs.js +0 -32
  459. package/es/AppContainer/docs/AppContainer__default.docs.js +0 -18
  460. package/es/Avatar/docs/Avatar__custom.docs.js +0 -27
  461. package/es/Avatar/docs/Avatar__default.docs.js +0 -27
  462. package/es/Avatar/docs/Avatar__palette.docs.js +0 -47
  463. package/es/Avatar/docs/Avatar__text.docs.js +0 -26
  464. package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -71
  465. package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -29
  466. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -48
  467. package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -47
  468. package/es/Button/docs/Button__custom.docs.js +0 -769
  469. package/es/Button/docs/Button__default.docs.js +0 -534
  470. package/es/Buttongroup/docs/Buttongroup__custom.docs.js +0 -35
  471. package/es/Buttongroup/docs/Buttongroup__footer.docs.js +0 -31
  472. package/es/Buttongroup/docs/Buttongroup__header.docs.js +0 -40
  473. package/es/Card/docs/Card__Custom.docs.js +0 -32
  474. package/es/Card/docs/Card__Default.docs.js +0 -35
  475. package/es/Card/docs/Card__Scroll.docs.js +0 -56
  476. package/es/CheckBox/docs/CheckBox__custom.docs.js +0 -289
  477. package/es/CheckBox/docs/CheckBox__default.docs.js +0 -215
  478. package/es/DateTime/docs/DateTime__default.docs.js +0 -88
  479. package/es/DateTime/docs/DateWidget__default.docs.js +0 -178
  480. package/es/DateTime/docs/timezonedata.json +0 -1
  481. package/es/DropBox/docs/DropBox__custom.docs.js +0 -64
  482. package/es/DropBox/docs/DropBox__customOrder.docs.js +0 -85
  483. package/es/DropBox/docs/DropBox__fixedPosition.docs.js +0 -84
  484. package/es/DropBox/docs/DropBox__position.docs.js +0 -85
  485. package/es/DropBox/docs/DropBox__size.docs.js +0 -59
  486. package/es/DropDown/docs/DropDownHeading__custom.docs.js +0 -21
  487. package/es/DropDown/docs/DropDownHeading__default.docs.js +0 -19
  488. package/es/FramerAnimation/FramerAnimation.js +0 -206
  489. package/es/FramerAnimation/docs/FramerAnimation__default.docs.js +0 -123
  490. package/es/Heading/docs/Heading__default.docs.js +0 -19
  491. package/es/Label/docs/Label__clipped.docs.js +0 -25
  492. package/es/Label/docs/Label__custom.docs.js +0 -28
  493. package/es/Label/docs/Label__palette.docs.js +0 -40
  494. package/es/Label/docs/Label__size.docs.js +0 -27
  495. package/es/Label/docs/Label__type.docs.js +0 -35
  496. package/es/Layout/docs/Layout__Hidden.docs.js +0 -76
  497. package/es/Layout/docs/Layout__default.docs.js +0 -48
  498. package/es/Layout/docs/Layout__four_Column.docs.js +0 -78
  499. package/es/Layout/docs/Layout__three_Column.docs.js +0 -75
  500. package/es/Layout/docs/Layout__two_Column.docs.js +0 -68
  501. package/es/LightNightMode/Colors.json +0 -497
  502. package/es/LightNightMode/docs/AlternativeColors.docs.js +0 -92
  503. package/es/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -153
  504. package/es/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -110
  505. package/es/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -89
  506. package/es/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -63
  507. package/es/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -66
  508. package/es/ListItem/docs/ListItemWithIcon__default.docs.js +0 -60
  509. package/es/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -89
  510. package/es/ListItem/docs/ListItemWithRadio__default.docs.js +0 -63
  511. package/es/ListItem/docs/ListItem__custom.docs.js +0 -112
  512. package/es/ListItem/docs/ListItem__default.docs.js +0 -80
  513. package/es/Modal/__docs__/Modal__default.docs.js +0 -42
  514. package/es/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -118
  515. package/es/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -108
  516. package/es/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -137
  517. package/es/MultiSelect/docs/MultiSelect__default.docs.js +0 -156
  518. package/es/PopOver/docs/PopOver__default.docs.js +0 -30
  519. package/es/Provider/docs/Provider_Id__Class.docs.js +0 -28
  520. package/es/Provider/docs/Provider_Id__Function.docs.js +0 -17
  521. package/es/Provider/docs/Provider_Zindex__Class.docs.js +0 -31
  522. package/es/Provider/docs/Provider_Zindex__Function.docs.js +0 -22
  523. package/es/Provider.js +0 -91
  524. package/es/Radio/docs/Radio__custom.docs.js +0 -241
  525. package/es/Radio/docs/Radio__default.docs.js +0 -165
  526. package/es/Responsive/docs/Responsive__Custom.docs.js +0 -214
  527. package/es/Responsive/docs/Responsive__default.docs.js +0 -95
  528. package/es/Responsive/docs/style.module.css +0 -47
  529. package/es/Ribbon/docs/Ribbon__custom.docs.js +0 -385
  530. package/es/Ribbon/docs/Ribbon__default.docs.js +0 -341
  531. package/es/RippleEffect/docs/RippleEffect__default.docs.js +0 -433
  532. package/es/Select/docs/GroupSelect__default.docs.js +0 -144
  533. package/es/Select/docs/SelectWithAvatar__default.docs.js +0 -93
  534. package/es/Select/docs/SelectWithIcon__default.docs.js +0 -134
  535. package/es/Select/docs/Select__default.docs.js +0 -283
  536. package/es/Stencils/docs/Stencils__custom.docs.js +0 -43
  537. package/es/Stencils/docs/Stencils__default.docs.js +0 -48
  538. package/es/Switch/docs/Switch__custom.docs.js +0 -151
  539. package/es/Switch/docs/Switch__default.docs.js +0 -105
  540. package/es/Tab/docs/Tab__default.docs.js +0 -253
  541. package/es/Tab/docs/tabdocs.module.css +0 -29
  542. package/es/Tag/docs/Tag__custom.docs.js +0 -366
  543. package/es/Tag/docs/Tag__default.docs.js +0 -321
  544. package/es/TextBox/docs/TextBox__custom.docs.js +0 -41
  545. package/es/TextBox/docs/TextBox__default.docs.js +0 -38
  546. package/es/TextBox/docs/TextBox__size.docs.js +0 -36
  547. package/es/TextBox/docs/TextBox__variant.docs.js +0 -36
  548. package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -87
  549. package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -59
  550. package/es/Textarea/docs/Textarea__animated.docs.js +0 -39
  551. package/es/Textarea/docs/Textarea__custom.docs.js +0 -80
  552. package/es/Textarea/docs/Textarea__default.docs.js +0 -74
  553. package/es/Textarea/docs/Textarea__disabled.docs.js +0 -27
  554. package/es/Tooltip/docs/Tooltip__default.docs.js +0 -367
  555. package/es/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -92
  556. package/es/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -139
  557. package/es/common/docStyle.module.css +0 -719
  558. package/es/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -65
  559. package/es/semantic/Button/docs/Button__default.docs.js +0 -17
package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap CHANGED
@@ -1,334 +1,334 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`TextBoxIcon component should display size medium - primary 1`] = `
4
- <div
5
- className="container effect flex rowdir"
6
- data-id="containerComponent"
7
- data-title=""
8
- >
9
- <div
10
- className="grow basis shrinkOff"
11
- data-id="boxComponent"
12
- >
13
- <input
14
- className=" container medium primary effect borderColor_default"
15
- data-id="textBoxIcon"
16
- maxLength="100"
17
- onBlur={[Function]}
18
- onChange={[Function]}
19
- onFocus={[Function]}
20
- placeholder="Text Area"
21
- type="text"
22
- value=""
23
- />
24
- </div>
25
- <div
26
- className="iconContainer shrinkOff"
27
- data-id="boxComponent"
28
- >
29
- <div
30
- className="flex cover rowdir vCenter"
31
- data-id="containerComponent"
32
- />
33
- </div>
34
- <div
35
- className="line borderColor_default"
36
- />
37
- </div>
38
- `;
39
-
40
- exports[`TextBoxIcon component should display size medium - secondary 1`] = `
41
- <div
42
- className="container effect flex rowdir"
43
- data-id="containerComponent"
44
- data-title=""
45
- >
46
- <div
47
- className="grow basis shrinkOff"
48
- data-id="boxComponent"
49
- >
50
- <input
51
- className=" container medium secondary effect borderColor_default"
52
- data-id="textBoxIcon"
53
- maxLength="100"
54
- onBlur={[Function]}
55
- onChange={[Function]}
56
- onFocus={[Function]}
57
- placeholder="Text Area"
58
- type="text"
59
- value=""
60
- />
61
- </div>
62
- <div
63
- className="iconContainer shrinkOff"
64
- data-id="boxComponent"
65
- >
66
- <div
67
- className="flex cover rowdir vCenter"
68
- data-id="containerComponent"
69
- />
70
- </div>
71
- <div
72
- className="line borderColor_default"
73
- />
74
- </div>
75
- `;
76
-
77
- exports[`TextBoxIcon component should display size medium 1`] = `
78
- <div
79
- className="container effect flex rowdir"
80
- data-id="containerComponent"
81
- data-title=""
82
- >
83
- <div
84
- className="grow basis shrinkOff"
85
- data-id="boxComponent"
86
- >
87
- <input
88
- className=" container medium default effect borderColor_default"
89
- data-id="textBoxIcon"
90
- maxLength="100"
91
- onBlur={[Function]}
92
- onChange={[Function]}
93
- onFocus={[Function]}
94
- placeholder="Text Area"
95
- type="text"
96
- value=""
97
- />
98
- </div>
99
- <div
100
- className="iconContainer shrinkOff"
101
- data-id="boxComponent"
102
- >
103
- <div
104
- className="flex cover rowdir vCenter"
105
- data-id="containerComponent"
106
- />
107
- </div>
108
- <div
109
- className="line borderColor_default"
110
- />
111
- </div>
112
- `;
113
-
114
- exports[`TextBoxIcon component should display size small - primary 1`] = `
115
- <div
116
- className="container effect flex rowdir"
117
- data-id="containerComponent"
118
- data-title=""
119
- >
120
- <div
121
- className="grow basis shrinkOff"
122
- data-id="boxComponent"
123
- >
124
- <input
125
- className=" container small primary effect borderColor_default"
126
- data-id="textBoxIcon"
127
- maxLength="100"
128
- onBlur={[Function]}
129
- onChange={[Function]}
130
- onFocus={[Function]}
131
- placeholder="Text Area"
132
- type="text"
133
- value=""
134
- />
135
- </div>
136
- <div
137
- className="iconContainer shrinkOff"
138
- data-id="boxComponent"
139
- >
140
- <div
141
- className="flex cover rowdir vCenter"
142
- data-id="containerComponent"
143
- />
144
- </div>
145
- <div
146
- className="line borderColor_default"
147
- />
148
- </div>
149
- `;
150
-
151
- exports[`TextBoxIcon component should display size small - secondary 1`] = `
152
- <div
153
- className="container effect flex rowdir"
154
- data-id="containerComponent"
155
- data-title=""
156
- >
157
- <div
158
- className="grow basis shrinkOff"
159
- data-id="boxComponent"
160
- >
161
- <input
162
- className=" container small secondary effect borderColor_default"
163
- data-id="textBoxIcon"
164
- maxLength="100"
165
- onBlur={[Function]}
166
- onChange={[Function]}
167
- onFocus={[Function]}
168
- placeholder="Text Area"
169
- type="text"
170
- value=""
171
- />
172
- </div>
173
- <div
174
- className="iconContainer shrinkOff"
175
- data-id="boxComponent"
176
- >
177
- <div
178
- className="flex cover rowdir vCenter"
179
- data-id="containerComponent"
180
- />
181
- </div>
182
- <div
183
- className="line borderColor_default"
184
- />
185
- </div>
186
- `;
187
-
188
- exports[`TextBoxIcon component should display size small 1`] = `
189
- <div
190
- className="container effect flex rowdir"
191
- data-id="containerComponent"
192
- data-title=""
193
- >
194
- <div
195
- className="grow basis shrinkOff"
196
- data-id="boxComponent"
197
- >
198
- <input
199
- className=" container small default effect borderColor_default"
200
- data-id="textBoxIcon"
201
- maxLength="100"
202
- onBlur={[Function]}
203
- onChange={[Function]}
204
- onFocus={[Function]}
205
- placeholder="Text Box Icon"
206
- type="text"
207
- value=""
208
- />
209
- </div>
210
- <div
211
- className="iconContainer shrinkOff"
212
- data-id="boxComponent"
213
- >
214
- <div
215
- className="flex cover rowdir vCenter"
216
- data-id="containerComponent"
217
- />
218
- </div>
219
- <div
220
- className="line borderColor_default"
221
- />
222
- </div>
223
- `;
224
-
225
- exports[`TextBoxIcon component should display size xmedium - primary 1`] = `
226
- <div
227
- className="container effect flex rowdir"
228
- data-id="containerComponent"
229
- data-title=""
230
- >
231
- <div
232
- className="grow basis shrinkOff"
233
- data-id="boxComponent"
234
- >
235
- <input
236
- className=" container xmedium primary effect borderColor_default"
237
- data-id="textBoxIcon"
238
- maxLength="100"
239
- onBlur={[Function]}
240
- onChange={[Function]}
241
- onFocus={[Function]}
242
- placeholder="Text Area"
243
- type="text"
244
- value=""
245
- />
246
- </div>
247
- <div
248
- className="iconContainer shrinkOff"
249
- data-id="boxComponent"
250
- >
251
- <div
252
- className="flex cover rowdir vCenter"
253
- data-id="containerComponent"
254
- />
255
- </div>
256
- <div
257
- className="line borderColor_default"
258
- />
259
- </div>
260
- `;
261
-
262
- exports[`TextBoxIcon component should display size xmedium - secondary 1`] = `
263
- <div
264
- className="container effect flex rowdir"
265
- data-id="containerComponent"
266
- data-title=""
267
- >
268
- <div
269
- className="grow basis shrinkOff"
270
- data-id="boxComponent"
271
- >
272
- <input
273
- className=" container xmedium secondary effect borderColor_default"
274
- data-id="textBoxIcon"
275
- maxLength="100"
276
- onBlur={[Function]}
277
- onChange={[Function]}
278
- onFocus={[Function]}
279
- placeholder="Text Area"
280
- type="text"
281
- value=""
282
- />
283
- </div>
284
- <div
285
- className="iconContainer shrinkOff"
286
- data-id="boxComponent"
287
- >
288
- <div
289
- className="flex cover rowdir vCenter"
290
- data-id="containerComponent"
291
- />
292
- </div>
293
- <div
294
- className="line borderColor_default"
295
- />
296
- </div>
297
- `;
298
-
299
- exports[`TextBoxIcon component should display size xmedium 1`] = `
300
- <div
301
- className="container effect flex rowdir"
302
- data-id="containerComponent"
303
- data-title=""
304
- >
305
- <div
306
- className="grow basis shrinkOff"
307
- data-id="boxComponent"
308
- >
309
- <input
310
- className=" container xmedium default effect borderColor_default"
311
- data-id="textBoxIcon"
312
- maxLength="100"
313
- onBlur={[Function]}
314
- onChange={[Function]}
315
- onFocus={[Function]}
316
- placeholder="Text Area"
317
- type="text"
318
- value=""
319
- />
320
- </div>
321
- <div
322
- className="iconContainer shrinkOff"
323
- data-id="boxComponent"
324
- >
325
- <div
326
- className="flex cover rowdir vCenter"
327
- data-id="containerComponent"
328
- />
329
- </div>
330
- <div
331
- className="line borderColor_default"
332
- />
333
- </div>
334
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`TextBoxIcon component should display size medium - primary 1`] = `
4
+ <div
5
+ className="container effect flex rowdir"
6
+ data-id="containerComponent"
7
+ data-title=""
8
+ >
9
+ <div
10
+ className="grow basis shrinkOff"
11
+ data-id="boxComponent"
12
+ >
13
+ <input
14
+ className=" container medium primary effect borderColor_default"
15
+ data-id="textBoxIcon"
16
+ maxLength="100"
17
+ onBlur={[Function]}
18
+ onChange={[Function]}
19
+ onFocus={[Function]}
20
+ placeholder="Text Area"
21
+ type="text"
22
+ value=""
23
+ />
24
+ </div>
25
+ <div
26
+ className="iconContainer shrinkOff"
27
+ data-id="boxComponent"
28
+ >
29
+ <div
30
+ className="flex cover rowdir vCenter"
31
+ data-id="containerComponent"
32
+ />
33
+ </div>
34
+ <div
35
+ className="line borderColor_default"
36
+ />
37
+ </div>
38
+ `;
39
+
40
+ exports[`TextBoxIcon component should display size medium - secondary 1`] = `
41
+ <div
42
+ className="container effect flex rowdir"
43
+ data-id="containerComponent"
44
+ data-title=""
45
+ >
46
+ <div
47
+ className="grow basis shrinkOff"
48
+ data-id="boxComponent"
49
+ >
50
+ <input
51
+ className=" container medium secondary effect borderColor_default"
52
+ data-id="textBoxIcon"
53
+ maxLength="100"
54
+ onBlur={[Function]}
55
+ onChange={[Function]}
56
+ onFocus={[Function]}
57
+ placeholder="Text Area"
58
+ type="text"
59
+ value=""
60
+ />
61
+ </div>
62
+ <div
63
+ className="iconContainer shrinkOff"
64
+ data-id="boxComponent"
65
+ >
66
+ <div
67
+ className="flex cover rowdir vCenter"
68
+ data-id="containerComponent"
69
+ />
70
+ </div>
71
+ <div
72
+ className="line borderColor_default"
73
+ />
74
+ </div>
75
+ `;
76
+
77
+ exports[`TextBoxIcon component should display size medium 1`] = `
78
+ <div
79
+ className="container effect flex rowdir"
80
+ data-id="containerComponent"
81
+ data-title=""
82
+ >
83
+ <div
84
+ className="grow basis shrinkOff"
85
+ data-id="boxComponent"
86
+ >
87
+ <input
88
+ className=" container medium default effect borderColor_default"
89
+ data-id="textBoxIcon"
90
+ maxLength="100"
91
+ onBlur={[Function]}
92
+ onChange={[Function]}
93
+ onFocus={[Function]}
94
+ placeholder="Text Area"
95
+ type="text"
96
+ value=""
97
+ />
98
+ </div>
99
+ <div
100
+ className="iconContainer shrinkOff"
101
+ data-id="boxComponent"
102
+ >
103
+ <div
104
+ className="flex cover rowdir vCenter"
105
+ data-id="containerComponent"
106
+ />
107
+ </div>
108
+ <div
109
+ className="line borderColor_default"
110
+ />
111
+ </div>
112
+ `;
113
+
114
+ exports[`TextBoxIcon component should display size small - primary 1`] = `
115
+ <div
116
+ className="container effect flex rowdir"
117
+ data-id="containerComponent"
118
+ data-title=""
119
+ >
120
+ <div
121
+ className="grow basis shrinkOff"
122
+ data-id="boxComponent"
123
+ >
124
+ <input
125
+ className=" container small primary effect borderColor_default"
126
+ data-id="textBoxIcon"
127
+ maxLength="100"
128
+ onBlur={[Function]}
129
+ onChange={[Function]}
130
+ onFocus={[Function]}
131
+ placeholder="Text Area"
132
+ type="text"
133
+ value=""
134
+ />
135
+ </div>
136
+ <div
137
+ className="iconContainer shrinkOff"
138
+ data-id="boxComponent"
139
+ >
140
+ <div
141
+ className="flex cover rowdir vCenter"
142
+ data-id="containerComponent"
143
+ />
144
+ </div>
145
+ <div
146
+ className="line borderColor_default"
147
+ />
148
+ </div>
149
+ `;
150
+
151
+ exports[`TextBoxIcon component should display size small - secondary 1`] = `
152
+ <div
153
+ className="container effect flex rowdir"
154
+ data-id="containerComponent"
155
+ data-title=""
156
+ >
157
+ <div
158
+ className="grow basis shrinkOff"
159
+ data-id="boxComponent"
160
+ >
161
+ <input
162
+ className=" container small secondary effect borderColor_default"
163
+ data-id="textBoxIcon"
164
+ maxLength="100"
165
+ onBlur={[Function]}
166
+ onChange={[Function]}
167
+ onFocus={[Function]}
168
+ placeholder="Text Area"
169
+ type="text"
170
+ value=""
171
+ />
172
+ </div>
173
+ <div
174
+ className="iconContainer shrinkOff"
175
+ data-id="boxComponent"
176
+ >
177
+ <div
178
+ className="flex cover rowdir vCenter"
179
+ data-id="containerComponent"
180
+ />
181
+ </div>
182
+ <div
183
+ className="line borderColor_default"
184
+ />
185
+ </div>
186
+ `;
187
+
188
+ exports[`TextBoxIcon component should display size small 1`] = `
189
+ <div
190
+ className="container effect flex rowdir"
191
+ data-id="containerComponent"
192
+ data-title=""
193
+ >
194
+ <div
195
+ className="grow basis shrinkOff"
196
+ data-id="boxComponent"
197
+ >
198
+ <input
199
+ className=" container small default effect borderColor_default"
200
+ data-id="textBoxIcon"
201
+ maxLength="100"
202
+ onBlur={[Function]}
203
+ onChange={[Function]}
204
+ onFocus={[Function]}
205
+ placeholder="Text Box Icon"
206
+ type="text"
207
+ value=""
208
+ />
209
+ </div>
210
+ <div
211
+ className="iconContainer shrinkOff"
212
+ data-id="boxComponent"
213
+ >
214
+ <div
215
+ className="flex cover rowdir vCenter"
216
+ data-id="containerComponent"
217
+ />
218
+ </div>
219
+ <div
220
+ className="line borderColor_default"
221
+ />
222
+ </div>
223
+ `;
224
+
225
+ exports[`TextBoxIcon component should display size xmedium - primary 1`] = `
226
+ <div
227
+ className="container effect flex rowdir"
228
+ data-id="containerComponent"
229
+ data-title=""
230
+ >
231
+ <div
232
+ className="grow basis shrinkOff"
233
+ data-id="boxComponent"
234
+ >
235
+ <input
236
+ className=" container xmedium primary effect borderColor_default"
237
+ data-id="textBoxIcon"
238
+ maxLength="100"
239
+ onBlur={[Function]}
240
+ onChange={[Function]}
241
+ onFocus={[Function]}
242
+ placeholder="Text Area"
243
+ type="text"
244
+ value=""
245
+ />
246
+ </div>
247
+ <div
248
+ className="iconContainer shrinkOff"
249
+ data-id="boxComponent"
250
+ >
251
+ <div
252
+ className="flex cover rowdir vCenter"
253
+ data-id="containerComponent"
254
+ />
255
+ </div>
256
+ <div
257
+ className="line borderColor_default"
258
+ />
259
+ </div>
260
+ `;
261
+
262
+ exports[`TextBoxIcon component should display size xmedium - secondary 1`] = `
263
+ <div
264
+ className="container effect flex rowdir"
265
+ data-id="containerComponent"
266
+ data-title=""
267
+ >
268
+ <div
269
+ className="grow basis shrinkOff"
270
+ data-id="boxComponent"
271
+ >
272
+ <input
273
+ className=" container xmedium secondary effect borderColor_default"
274
+ data-id="textBoxIcon"
275
+ maxLength="100"
276
+ onBlur={[Function]}
277
+ onChange={[Function]}
278
+ onFocus={[Function]}
279
+ placeholder="Text Area"
280
+ type="text"
281
+ value=""
282
+ />
283
+ </div>
284
+ <div
285
+ className="iconContainer shrinkOff"
286
+ data-id="boxComponent"
287
+ >
288
+ <div
289
+ className="flex cover rowdir vCenter"
290
+ data-id="containerComponent"
291
+ />
292
+ </div>
293
+ <div
294
+ className="line borderColor_default"
295
+ />
296
+ </div>
297
+ `;
298
+
299
+ exports[`TextBoxIcon component should display size xmedium 1`] = `
300
+ <div
301
+ className="container effect flex rowdir"
302
+ data-id="containerComponent"
303
+ data-title=""
304
+ >
305
+ <div
306
+ className="grow basis shrinkOff"
307
+ data-id="boxComponent"
308
+ >
309
+ <input
310
+ className=" container xmedium default effect borderColor_default"
311
+ data-id="textBoxIcon"
312
+ maxLength="100"
313
+ onBlur={[Function]}
314
+ onChange={[Function]}
315
+ onFocus={[Function]}
316
+ placeholder="Text Area"
317
+ type="text"
318
+ value=""
319
+ />
320
+ </div>
321
+ <div
322
+ className="iconContainer shrinkOff"
323
+ data-id="boxComponent"
324
+ >
325
+ <div
326
+ className="flex cover rowdir vCenter"
327
+ data-id="containerComponent"
328
+ />
329
+ </div>
330
+ <div
331
+ className="line borderColor_default"
332
+ />
333
+ </div>
334
+ `;
package/es/Textarea/Textarea.js CHANGED
File without changes