@zohodesk/components 1.0.0-alpha-242 → 1.0.0-alpha-245

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 (439) hide show
  1. package/README.md +1061 -1048
  2. package/assets/Appearance/dark/mode/darkMode.module.css +3 -18
  3. package/assets/Appearance/default/mode/defaultMode.module.css +2 -17
  4. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +5 -20
  5. package/docs/external/active-line.js +72 -72
  6. package/docs/external/autorefresh.js +47 -47
  7. package/docs/external/codemirror.js +9681 -9681
  8. package/docs/external/css/hopscotch.css +576 -576
  9. package/docs/external/css/styleGuide.css +1100 -1100
  10. package/docs/external/css.js +466 -466
  11. package/docs/external/designTokens.js +1 -1
  12. package/docs/external/foldcode.js +151 -151
  13. package/docs/external/format.js +129 -129
  14. package/docs/external/htmlmixed.js +84 -84
  15. package/docs/external/index.html +127 -127
  16. package/docs/external/javascript.js +422 -422
  17. package/docs/external/jsx.js +147 -147
  18. package/docs/external/matchbrackets.js +145 -145
  19. package/docs/external/xml.js +322 -322
  20. package/docs/package.json +41 -41
  21. package/docs/src/index.js +1311 -1311
  22. package/es/AppContainer/AppContainer.js +1 -1
  23. package/es/AppContainer/AppContainer.module.css +18 -18
  24. package/es/Avatar/Avatar.js +10 -10
  25. package/es/Avatar/Avatar.module.css +117 -117
  26. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  27. package/es/AvatarTeam/AvatarTeam.js +8 -8
  28. package/es/AvatarTeam/AvatarTeam.module.css +161 -161
  29. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  30. package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -0
  31. package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -0
  32. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -0
  33. package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -0
  34. package/es/Button/Button.js +4 -4
  35. package/es/Button/Button.module.css +521 -521
  36. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  37. package/es/Button/docs/Button__custom.docs.js +0 -0
  38. package/es/Button/docs/Button__default.docs.js +0 -0
  39. package/es/Buttongroup/Buttongroup.js +1 -1
  40. package/es/Buttongroup/Buttongroup.module.css +89 -89
  41. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  42. package/es/Card/Card.js +4 -4
  43. package/es/Card/Card.module.css +20 -20
  44. package/es/Card/docs/Card__Custom.docs.js +0 -0
  45. package/es/Card/docs/Card__Default.docs.js +0 -0
  46. package/es/Card/docs/Card__Scroll.docs.js +0 -0
  47. package/es/CheckBox/CheckBox.js +1 -1
  48. package/es/CheckBox/CheckBox.module.css +153 -153
  49. package/es/CheckBox/docs/CheckBox__custom.docs.js +0 -0
  50. package/es/CheckBox/docs/CheckBox__default.docs.js +0 -0
  51. package/es/DateTime/CalendarView.js +0 -0
  52. package/es/DateTime/DateTime.js +4 -2
  53. package/es/DateTime/DateTime.module.css +187 -187
  54. package/es/DateTime/DateWidget.js +4 -2
  55. package/es/DateTime/DateWidget.module.css +38 -38
  56. package/es/DateTime/YearView.js +0 -0
  57. package/es/DateTime/YearView.module.css +81 -80
  58. package/es/DateTime/common.js +0 -0
  59. package/es/DateTime/docs/DateTime__default.docs.js +0 -0
  60. package/es/DateTime/docs/DateWidget__default.docs.js +0 -0
  61. package/es/DateTime/index.js +0 -0
  62. package/es/DateTime/objectUtils.js +0 -0
  63. package/es/DateTime/typeChecker.js +0 -0
  64. package/es/DateTime/validator.js +0 -0
  65. package/es/DropBox/DropBox.js +1 -1
  66. package/es/DropBox/DropBox.module.css +406 -406
  67. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  68. package/es/DropDown/DropDown.js +0 -0
  69. package/es/DropDown/DropDown.module.css +5 -5
  70. package/es/DropDown/DropDownHeading.js +0 -0
  71. package/es/DropDown/DropDownHeading.module.css +53 -53
  72. package/es/DropDown/DropDownItem.js +0 -0
  73. package/es/DropDown/DropDownItem.module.css +94 -94
  74. package/es/DropDown/DropDownSearch.js +0 -0
  75. package/es/DropDown/DropDownSearch.module.css +14 -14
  76. package/es/DropDown/DropDownSeparator.js +0 -0
  77. package/es/DropDown/DropDownSeparator.module.css +7 -7
  78. package/es/Label/Label.js +2 -2
  79. package/es/Label/Label.module.css +52 -52
  80. package/es/Label/LabelColors.module.css +20 -20
  81. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  82. package/es/Label/docs/Label__clipped.docs.js +0 -0
  83. package/es/Label/docs/Label__custom.docs.js +0 -0
  84. package/es/Label/docs/Label__palette.docs.js +0 -0
  85. package/es/Label/docs/Label__size.docs.js +0 -0
  86. package/es/Label/docs/Label__type.docs.js +0 -0
  87. package/es/Layout/Box.js +0 -0
  88. package/es/Layout/Container.js +0 -0
  89. package/es/Layout/Layout.module.css +324 -324
  90. package/es/Layout/docs/Layout__default.docs.js +0 -0
  91. package/es/Layout/utils.js +0 -0
  92. package/es/LightNightMode/Colors.json +497 -398
  93. package/es/LightNightMode/docs/AlternativeColors.docs.js +21 -1
  94. package/es/ListItem/ListContainer.js +1 -1
  95. package/es/ListItem/ListItem.js +1 -1
  96. package/es/ListItem/ListItem.module.css +205 -205
  97. package/es/ListItem/ListItemWithAvatar.js +1 -1
  98. package/es/ListItem/ListItemWithCheckBox.js +1 -1
  99. package/es/ListItem/ListItemWithIcon.js +1 -1
  100. package/es/ListItem/ListItemWithRadio.js +1 -1
  101. package/es/Modal/Modal.js +1 -1
  102. package/es/MultiSelect/AdvancedGroupMultiSelect.js +19 -12
  103. package/es/MultiSelect/AdvancedMultiSelect.js +20 -8
  104. package/es/MultiSelect/MultiSelect.js +5 -5
  105. package/es/MultiSelect/MultiSelect.module.css +205 -197
  106. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  107. package/es/MultiSelect/SelectedOptions.js +1 -1
  108. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  109. package/es/MultiSelect/Suggestions.js +1 -1
  110. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  111. package/es/PopOver/PopOver.module.css +8 -8
  112. package/es/Popup/Popup.js +1 -1
  113. package/es/Popup/PositionMapping.json +73 -73
  114. package/es/Radio/Radio.js +0 -0
  115. package/es/Radio/Radio.module.css +110 -110
  116. package/es/Radio/docs/Radio__custom.docs.js +0 -0
  117. package/es/Radio/docs/Radio__default.docs.js +0 -0
  118. package/es/Responsive/CustomResponsive.js +0 -0
  119. package/es/Responsive/docs/Responsive__Custom.docs.js +0 -0
  120. package/es/Responsive/docs/style.module.css +55 -55
  121. package/es/ResponsiveDropBox/ResponsiveDropBox.js +1 -1
  122. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  123. package/es/Ribbon/Ribbon.js +0 -0
  124. package/es/Ribbon/Ribbon.module.css +376 -376
  125. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  126. package/es/Ribbon/docs/Ribbon__custom.docs.js +0 -0
  127. package/es/Ribbon/docs/Ribbon__default.docs.js +0 -0
  128. package/es/RippleEffect/RippleEffect.module.css +70 -70
  129. package/es/Select/GroupSelect.js +0 -0
  130. package/es/Select/Select.js +1 -1
  131. package/es/Select/Select.module.css +106 -106
  132. package/es/Select/SelectWithAvatar.js +0 -0
  133. package/es/Select/SelectWithIcon.js +0 -0
  134. package/es/Select/__tests__/Select.spec.js +0 -0
  135. package/es/Select/docs/SelectWithIcon__default.docs.js +0 -0
  136. package/es/Select/docs/Select__default.docs.js +0 -0
  137. package/es/Stencils/Stencils.js +0 -0
  138. package/es/Stencils/Stencils.module.css +96 -96
  139. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  140. package/es/Switch/Switch.js +1 -1
  141. package/es/Switch/Switch.module.css +109 -109
  142. package/es/Switch/docs/Switch__custom.docs.js +0 -0
  143. package/es/Switch/docs/Switch__default.docs.js +0 -0
  144. package/es/Tab/Tab.js +1 -1
  145. package/es/Tab/Tab.module.css +101 -101
  146. package/es/Tab/TabContent.module.css +4 -4
  147. package/es/Tab/TabWrapper.js +1 -1
  148. package/es/Tab/Tabs.js +18 -18
  149. package/es/Tab/Tabs.module.css +141 -141
  150. package/es/Tab/docs/tabdocs.module.css +29 -29
  151. package/es/Tag/Tag.js +8 -8
  152. package/es/Tag/Tag.module.css +254 -254
  153. package/es/Tag/docs/Tag__custom.docs.js +0 -0
  154. package/es/Tag/docs/Tag__default.docs.js +0 -0
  155. package/es/TextBox/TextBox.js +1 -1
  156. package/es/TextBox/TextBox.module.css +157 -157
  157. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  158. package/es/TextBox/docs/TextBox__custom.docs.js +0 -0
  159. package/es/TextBox/docs/TextBox__default.docs.js +0 -0
  160. package/es/TextBox/docs/TextBox__variant.docs.js +0 -0
  161. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  162. package/es/TextBoxIcon/TextBoxIcon.module.css +78 -78
  163. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  164. package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -0
  165. package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -0
  166. package/es/Textarea/Textarea.js +1 -1
  167. package/es/Textarea/Textarea.module.css +139 -139
  168. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  169. package/es/Textarea/docs/Textarea__custom.docs.js +0 -0
  170. package/es/Textarea/docs/Textarea__default.docs.js +0 -0
  171. package/es/Textarea/docs/Textarea__disabled.docs.js +0 -0
  172. package/es/Tooltip/Tooltip.module.css +109 -109
  173. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +1 -1
  174. package/es/beta/FocusRing/FocusRing.module.css +151 -151
  175. package/es/common/animation.module.css +624 -624
  176. package/es/common/avatarsizes.module.css +44 -44
  177. package/es/common/basic.module.css +33 -33
  178. package/es/common/basicReset.module.css +40 -40
  179. package/es/common/common.module.css +502 -502
  180. package/es/common/customscroll.module.css +89 -89
  181. package/es/common/docStyle.module.css +766 -766
  182. package/es/common/reset.module.css +12 -12
  183. package/es/common/transition.module.css +146 -146
  184. package/es/css.js +0 -1
  185. package/es/{MultiSelect → deprecated}/AdvancedMultiSelect.module.css +127 -127
  186. package/es/deprecated/advancedMultiSelectVariableJson.js +80 -0
  187. package/es/semantic/Button/semanticButton.module.css +9 -9
  188. package/es/utils/Common.js +0 -0
  189. package/es/utils/dropDownUtils.js +0 -0
  190. package/lib/Accordion/Accordion.js +2 -2
  191. package/lib/Accordion/AccordionItem.js +2 -2
  192. package/lib/Accordion/docs/Accordion__Demo.docs.js +2 -2
  193. package/lib/Animation/Animation.js +2 -2
  194. package/lib/Animation/docs/Animation__default.docs.js +2 -2
  195. package/lib/Animation/docs/Animation__fadeIn.docs.js +2 -2
  196. package/lib/Animation/docs/Animation__scaleIn.docs.js +2 -2
  197. package/lib/Animation/docs/Animation__skewIn.docs.js +2 -2
  198. package/lib/Animation/docs/Animation__slideDown.docs.js +2 -2
  199. package/lib/Animation/docs/Animation__slideLeft.docs.js +2 -2
  200. package/lib/Animation/docs/Animation__zoomIn.docs.js +2 -2
  201. package/lib/AppContainer/AppContainer.js +3 -3
  202. package/lib/AppContainer/AppContainer.module.css +18 -18
  203. package/lib/AppContainer/docs/AppContainer__default.docs.js +2 -2
  204. package/lib/Avatar/Avatar.js +12 -12
  205. package/lib/Avatar/Avatar.module.css +117 -117
  206. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  207. package/lib/Avatar/docs/Avatar__custom.docs.js +2 -2
  208. package/lib/Avatar/docs/Avatar__default.docs.js +2 -2
  209. package/lib/Avatar/docs/Avatar__palette.docs.js +2 -2
  210. package/lib/Avatar/docs/Avatar__text.docs.js +2 -2
  211. package/lib/AvatarTeam/AvatarTeam.js +10 -10
  212. package/lib/AvatarTeam/AvatarTeam.module.css +161 -161
  213. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  214. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +2 -2
  215. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +2 -2
  216. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +2 -2
  217. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +2 -2
  218. package/lib/Button/Button.js +6 -6
  219. package/lib/Button/Button.module.css +521 -521
  220. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  221. package/lib/Button/docs/Button__custom.docs.js +2 -2
  222. package/lib/Button/docs/Button__default.docs.js +2 -2
  223. package/lib/Buttongroup/Buttongroup.js +3 -3
  224. package/lib/Buttongroup/Buttongroup.module.css +89 -89
  225. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  226. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +2 -2
  227. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +2 -2
  228. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +2 -2
  229. package/lib/Card/Card.js +6 -6
  230. package/lib/Card/Card.module.css +20 -20
  231. package/lib/Card/docs/Card__Custom.docs.js +2 -2
  232. package/lib/Card/docs/Card__Default.docs.js +2 -2
  233. package/lib/Card/docs/Card__Scroll.docs.js +2 -2
  234. package/lib/CheckBox/CheckBox.js +3 -3
  235. package/lib/CheckBox/CheckBox.module.css +153 -153
  236. package/lib/CheckBox/docs/CheckBox__custom.docs.js +2 -2
  237. package/lib/CheckBox/docs/CheckBox__default.docs.js +2 -2
  238. package/lib/DateTime/CalendarView.js +2 -2
  239. package/lib/DateTime/DateTime.js +6 -4
  240. package/lib/DateTime/DateTime.module.css +187 -187
  241. package/lib/DateTime/DateTimePopupFooter.js +2 -2
  242. package/lib/DateTime/DateTimePopupHeader.js +2 -2
  243. package/lib/DateTime/DateWidget.js +6 -4
  244. package/lib/DateTime/DateWidget.module.css +38 -38
  245. package/lib/DateTime/DaysRow.js +2 -2
  246. package/lib/DateTime/Time.js +2 -2
  247. package/lib/DateTime/YearView.js +2 -2
  248. package/lib/DateTime/YearView.module.css +81 -80
  249. package/lib/DateTime/common.js +0 -0
  250. package/lib/DateTime/docs/DateTime__default.docs.js +2 -2
  251. package/lib/DateTime/docs/DateWidget__default.docs.js +2 -2
  252. package/lib/DateTime/index.js +0 -0
  253. package/lib/DateTime/objectUtils.js +0 -0
  254. package/lib/DateTime/typeChecker.js +0 -0
  255. package/lib/DateTime/validator.js +0 -0
  256. package/lib/DropBox/DropBox.js +3 -3
  257. package/lib/DropBox/DropBox.module.css +406 -406
  258. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  259. package/lib/DropBox/docs/DropBox__custom.docs.js +2 -2
  260. package/lib/DropBox/docs/DropBox__customOrder.docs.js +2 -2
  261. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +2 -2
  262. package/lib/DropBox/docs/DropBox__position.docs.js +2 -2
  263. package/lib/DropBox/docs/DropBox__size.docs.js +2 -2
  264. package/lib/DropDown/DropDown.js +2 -2
  265. package/lib/DropDown/DropDown.module.css +5 -5
  266. package/lib/DropDown/DropDownHeading.js +2 -2
  267. package/lib/DropDown/DropDownHeading.module.css +53 -53
  268. package/lib/DropDown/DropDownItem.js +2 -2
  269. package/lib/DropDown/DropDownItem.module.css +94 -94
  270. package/lib/DropDown/DropDownSearch.js +2 -2
  271. package/lib/DropDown/DropDownSearch.module.css +14 -14
  272. package/lib/DropDown/DropDownSeparator.js +2 -2
  273. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  274. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +2 -2
  275. package/lib/DropDown/docs/DropDownHeading__default.docs.js +2 -2
  276. package/lib/Label/Label.js +2 -2
  277. package/lib/Label/Label.module.css +52 -52
  278. package/lib/Label/LabelColors.module.css +20 -20
  279. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  280. package/lib/Label/docs/Label__clipped.docs.js +2 -2
  281. package/lib/Label/docs/Label__custom.docs.js +2 -2
  282. package/lib/Label/docs/Label__palette.docs.js +2 -2
  283. package/lib/Label/docs/Label__size.docs.js +2 -2
  284. package/lib/Label/docs/Label__type.docs.js +2 -2
  285. package/lib/Layout/Box.js +0 -0
  286. package/lib/Layout/Container.js +0 -0
  287. package/lib/Layout/Layout.module.css +324 -324
  288. package/lib/Layout/docs/Layout__Hidden.docs.js +2 -2
  289. package/lib/Layout/docs/Layout__default.docs.js +2 -2
  290. package/lib/Layout/docs/Layout__four_Column.docs.js +2 -2
  291. package/lib/Layout/docs/Layout__three_Column.docs.js +2 -2
  292. package/lib/Layout/docs/Layout__two_Column.docs.js +2 -2
  293. package/lib/Layout/utils.js +0 -0
  294. package/lib/LightNightMode/Colors.json +497 -398
  295. package/lib/LightNightMode/docs/AlternativeColors.docs.js +25 -3
  296. package/lib/ListItem/ListContainer.js +1 -1
  297. package/lib/ListItem/ListItem.js +3 -3
  298. package/lib/ListItem/ListItem.module.css +205 -205
  299. package/lib/ListItem/ListItemWithAvatar.js +3 -3
  300. package/lib/ListItem/ListItemWithCheckBox.js +3 -3
  301. package/lib/ListItem/ListItemWithIcon.js +3 -3
  302. package/lib/ListItem/ListItemWithRadio.js +3 -3
  303. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +2 -2
  304. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +2 -2
  305. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +2 -2
  306. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +2 -2
  307. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +2 -2
  308. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +2 -2
  309. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +2 -2
  310. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +2 -2
  311. package/lib/ListItem/docs/ListItem__custom.docs.js +2 -2
  312. package/lib/ListItem/docs/ListItem__default.docs.js +2 -2
  313. package/lib/Modal/Modal.js +3 -3
  314. package/lib/Modal/__docs__/Modal__default.docs.js +2 -2
  315. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +20 -14
  316. package/lib/MultiSelect/AdvancedMultiSelect.js +26 -15
  317. package/lib/MultiSelect/EmptyState.js +2 -2
  318. package/lib/MultiSelect/MultiSelect.js +7 -7
  319. package/lib/MultiSelect/MultiSelect.module.css +205 -197
  320. package/lib/MultiSelect/MultiSelectHeader.js +2 -2
  321. package/lib/MultiSelect/MultiSelectWithAvatar.js +2 -2
  322. package/lib/MultiSelect/SelectedOptions.js +3 -3
  323. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  324. package/lib/MultiSelect/Suggestions.js +3 -3
  325. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  326. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +2 -2
  327. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +2 -2
  328. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +2 -2
  329. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +2 -2
  330. package/lib/PopOver/PopOver.js +2 -2
  331. package/lib/PopOver/PopOver.module.css +8 -8
  332. package/lib/PopOver/docs/PopOver__default.docs.js +2 -2
  333. package/lib/Popup/Popup.js +3 -3
  334. package/lib/Popup/PositionMapping.json +73 -73
  335. package/lib/Popup/__tests__/Popup.spec.js +2 -2
  336. package/lib/Provider/docs/Provider_Id__Class.docs.js +2 -2
  337. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +2 -2
  338. package/lib/Provider.js +2 -2
  339. package/lib/Radio/Radio.js +2 -2
  340. package/lib/Radio/Radio.module.css +110 -110
  341. package/lib/Radio/docs/Radio__custom.docs.js +2 -2
  342. package/lib/Radio/docs/Radio__default.docs.js +2 -2
  343. package/lib/Responsive/CustomResponsive.js +0 -0
  344. package/lib/Responsive/ResizeComponent.js +2 -2
  345. package/lib/Responsive/Responsive.js +2 -2
  346. package/lib/Responsive/docs/Responsive__Custom.docs.js +2 -2
  347. package/lib/Responsive/docs/Responsive__default.docs.js +2 -2
  348. package/lib/Responsive/docs/style.module.css +55 -55
  349. package/lib/Responsive/sizeObservers.js +3 -3
  350. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +3 -3
  351. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  352. package/lib/Ribbon/Ribbon.js +2 -2
  353. package/lib/Ribbon/Ribbon.module.css +376 -376
  354. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  355. package/lib/Ribbon/docs/Ribbon__custom.docs.js +2 -2
  356. package/lib/Ribbon/docs/Ribbon__default.docs.js +2 -2
  357. package/lib/RippleEffect/RippleEffect.module.css +70 -70
  358. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +2 -2
  359. package/lib/Select/GroupSelect.js +2 -2
  360. package/lib/Select/Select.js +3 -3
  361. package/lib/Select/Select.module.css +106 -106
  362. package/lib/Select/SelectWithAvatar.js +2 -2
  363. package/lib/Select/SelectWithIcon.js +2 -2
  364. package/lib/Select/__tests__/Select.spec.js +0 -0
  365. package/lib/Select/docs/GroupSelect__default.docs.js +2 -2
  366. package/lib/Select/docs/SelectWithAvatar__default.docs.js +2 -2
  367. package/lib/Select/docs/SelectWithIcon__default.docs.js +2 -2
  368. package/lib/Select/docs/Select__default.docs.js +2 -2
  369. package/lib/Stencils/Stencils.js +2 -2
  370. package/lib/Stencils/Stencils.module.css +96 -96
  371. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  372. package/lib/Stencils/docs/Stencils__custom.docs.js +2 -2
  373. package/lib/Stencils/docs/Stencils__default.docs.js +2 -2
  374. package/lib/Switch/Switch.js +3 -3
  375. package/lib/Switch/Switch.module.css +109 -109
  376. package/lib/Switch/docs/Switch__custom.docs.js +2 -2
  377. package/lib/Switch/docs/Switch__default.docs.js +2 -2
  378. package/lib/Tab/Tab.js +1 -1
  379. package/lib/Tab/Tab.module.css +101 -101
  380. package/lib/Tab/TabContent.module.css +4 -4
  381. package/lib/Tab/TabWrapper.js +1 -1
  382. package/lib/Tab/Tabs.js +14 -14
  383. package/lib/Tab/Tabs.module.css +141 -141
  384. package/lib/Tab/docs/Tab__default.docs.js +2 -2
  385. package/lib/Tab/docs/tabdocs.module.css +29 -29
  386. package/lib/Tag/Tag.js +10 -10
  387. package/lib/Tag/Tag.module.css +254 -254
  388. package/lib/Tag/docs/Tag__custom.docs.js +2 -2
  389. package/lib/Tag/docs/Tag__default.docs.js +2 -2
  390. package/lib/TextBox/TextBox.js +3 -3
  391. package/lib/TextBox/TextBox.module.css +157 -157
  392. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  393. package/lib/TextBox/docs/TextBox__custom.docs.js +2 -2
  394. package/lib/TextBox/docs/TextBox__default.docs.js +2 -2
  395. package/lib/TextBox/docs/TextBox__size.docs.js +2 -2
  396. package/lib/TextBox/docs/TextBox__variant.docs.js +2 -2
  397. package/lib/TextBoxIcon/TextBoxIcon.js +3 -3
  398. package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -78
  399. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  400. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +2 -2
  401. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +2 -2
  402. package/lib/Textarea/Textarea.js +3 -3
  403. package/lib/Textarea/Textarea.module.css +139 -139
  404. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  405. package/lib/Textarea/docs/Textarea__animated.docs.js +2 -2
  406. package/lib/Textarea/docs/Textarea__custom.docs.js +2 -2
  407. package/lib/Textarea/docs/Textarea__default.docs.js +2 -2
  408. package/lib/Textarea/docs/Textarea__disabled.docs.js +2 -2
  409. package/lib/Tooltip/Tooltip.js +2 -2
  410. package/lib/Tooltip/Tooltip.module.css +109 -109
  411. package/lib/Tooltip/__tests__/Tooltip.spec.js +2 -2
  412. package/lib/Tooltip/docs/Tooltip__default.docs.js +2 -2
  413. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +2 -2
  414. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +2 -2
  415. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +3 -3
  416. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +2 -2
  417. package/lib/a11y/FocusScope/docs/FocusScope__default.docs.js +2 -2
  418. package/lib/beta/FocusRing/FocusRing.module.css +151 -151
  419. package/lib/beta/FocusRing/docs/FocusRing__default.docs.js +2 -2
  420. package/lib/common/animation.module.css +624 -624
  421. package/lib/common/avatarsizes.module.css +44 -44
  422. package/lib/common/basic.module.css +33 -33
  423. package/lib/common/basicReset.module.css +40 -40
  424. package/lib/common/common.module.css +502 -502
  425. package/lib/common/customscroll.module.css +89 -89
  426. package/lib/common/docStyle.module.css +766 -766
  427. package/lib/common/reset.module.css +12 -12
  428. package/lib/common/transition.module.css +146 -146
  429. package/lib/css.js +0 -2
  430. package/lib/{MultiSelect → deprecated}/AdvancedMultiSelect.module.css +127 -127
  431. package/lib/deprecated/PortalLayer/PortalLayer.js +2 -2
  432. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +2 -2
  433. package/lib/deprecated/advancedMultiSelectVariableJson.js +82 -0
  434. package/lib/semantic/Button/Button.js +2 -2
  435. package/lib/semantic/Button/docs/Button__default.docs.js +2 -2
  436. package/lib/semantic/Button/semanticButton.module.css +9 -9
  437. package/lib/utils/Common.js +0 -0
  438. package/lib/utils/dropDownUtils.js +0 -0
  439. package/package.json +75 -75
@@ -1,157 +1,157 @@
1
- .varClass {
2
- /* textbox default variables */
3
- --textbox_text_color: var(--zdt_textbox_default_text);
4
- --textbox_bg_color: var(--zdt_textbox_default_bg);
5
- --textbox_border_width: 0;
6
- --textbox_border_style: solid;
7
- --textbox_border_color: var(--zdt_textbox_default_border);
8
- --textbox_font_size: var(--zd_font_size14);
9
- --textbox_width: 100%;
10
- --textbox_height: var(--zd_size35);
11
- --textbox_border_radius: none;
12
- --textbox_font_family: var(--zd_regular);
13
- --textbox_letter_spacing: 0.1px;
14
- --textbox_padding: 0;
15
- --textbox_cursor: auto;
16
- --textbox_line_height: var(--zd_size35);
17
-
18
- /* textbox placeholder default variable */
19
- --textbox_placeholder_text_color: var(--zdt_textbox_placeholder_text);
20
- }
21
- .basic {
22
- composes: varClass;
23
- -webkit-appearance: none;
24
- -moz-appearance: none;
25
- appearance: none;
26
- letter-spacing: var(--textbox_letter_spacing);
27
- border: var(--textbox_border_width);
28
- cursor: var(--textbox_cursor);
29
- }
30
- .basic::placeholder {
31
- color: var(--textbox_placeholder_text_color);
32
- }
33
- .basic::-webkit-placeholder {
34
- color: var(--textbox_placeholder_text_color);
35
- }
36
- .basic::-moz-placeholder {
37
- color: var(--textbox_placeholder_text_color);
38
- }
39
- .basic::-ms-placeholder {
40
- color: var(--textbox_placeholder_text_color);
41
- }
42
- .container {
43
- composes: basic;
44
- transition: border var(--zd_transition2) linear 0s;
45
- -moz-transition: border var(--zd_transition2) linear 0s;
46
- width: var(--textbox_width);
47
- color: var(--textbox_text_color);
48
- font-size: var(--textbox_font_size);
49
- height: var(--textbox_height);
50
- line-height: var(--textbox_line_height);
51
- background-color: var(--textbox_bg_color);
52
- -webkit-transition: border var(--zd_transition2) linear 0s;
53
- padding: var(--textbox_padding);
54
- border-radius: var(--textbox_border_radius);
55
- border-width: var(--textbox_border_width);
56
- border-style: var(--textbox_border_style);
57
- border-color: var(--textbox_border_color);
58
- }
59
- .basic:disabled,
60
- .container:disabled,
61
- .container:disabled:hover {
62
- --textbox_cursor: not-allowed;
63
- --textbox_text_color: var(--zdt_textbox_disabled_text);
64
- }
65
- .container:disabled,
66
- .container:disabled:hover {
67
- --textbox_bg_color: none;
68
- }
69
- .container::placeholder {
70
- color: var(--textbox_placeholder_text_color);
71
- }
72
- .container::-webkit-placeholder {
73
- color: var(--textbox_placeholder_text_color);
74
- }
75
- .container::-moz-placeholder {
76
- color: var(--textbox_placeholder_text_color);
77
- }
78
- .container::-ms-placeholder {
79
- color: var(--textbox_placeholder_text_color);
80
- }
81
- .pointer {
82
- --textbox_cursor: pointer;
83
- }
84
- /* Need Border */
85
- .border, .effect:hover, .effect:focus {
86
- border-width: var(--textbox_border_width);
87
- border-style: var(--textbox_border_style);
88
- }
89
- .effect:hover, .effect:focus {
90
- border-color: var(--textbox_border_color);
91
- }
92
- .border {
93
- --textbox_border_width: 0 0 1px 0;
94
- }
95
- .borderColor_transparent, .borderColor_default {
96
- border-color: var(--textbox_border_color);
97
- }
98
- .borderColor_transparent {
99
- --textbox_border_color: var(--zdt_textbox_transparent_border);
100
- }
101
- .borderColor_default {
102
- --textbox_border_color: var(--zdt_textbox_default_border);
103
- }
104
- .effect:hover {
105
- --textbox_border_color: var(--zdt_textbox_effect_hover_border);
106
- }
107
- .effect:focus,.focus,.focus:hover {
108
- --textbox_border_color: var(--zdt_textbox_effect_focus_border);
109
- }
110
- /* Size */
111
- .xmedium,
112
- .medium {
113
- --textbox_font_size: var(--zd_font_size14);
114
- }
115
- .xmedium {
116
- --textbox_height: var(--zd_size28);
117
- --textbox_line_height: var(--zd_size28);
118
- }
119
- .medium {
120
- --textbox_height: var(--zd_size35);
121
- --textbox_line_height: var(--zd_size35);
122
- }
123
- .small {
124
- --textbox_font_size: var(--zd_font_size12);
125
- --textbox_height: var(--zd_size28);
126
- --textbox_line_height: var(--zd_size28);
127
- }
128
- .xsmall {
129
- --textbox_font_size: var(--zd_font_size13);
130
- --textbox_height: var(--zd_size25);
131
- --textbox_line_height: var(--zd_size25);
132
- }
133
- .default,
134
- .primary,
135
- .secondary,
136
- .light {
137
- font-family: var(--textbox_font_family);
138
- }
139
- .primary {
140
- --textbox_text_color: var(--zdt_textbox_default_text);
141
- --textbox_font_family: var(--zd_semibold);
142
- composes: ftsmooth from '../common/common.module.css';
143
- }
144
- .secondary {
145
- --textbox_text_color: var(--zdt_textbox_secondary_text);
146
- --textbox_font_family: var(--zd_light);
147
- }
148
- .light {
149
- --textbox_text_color: var(--zdt_textbox_light_text);
150
- }
151
- .readonly,
152
- .readonly:hover,
153
- .readonly:focus {
154
- --textbox_cursor: not-allowed;
155
- --textbox_text_color: var(--zdt_textbox_default_text);
156
- --textbox_bg_color: none;
157
- }
1
+ .varClass {
2
+ /* textbox default variables */
3
+ --textbox_text_color: var(--zdt_textbox_default_text);
4
+ --textbox_bg_color: var(--zdt_textbox_default_bg);
5
+ --textbox_border_width: 0;
6
+ --textbox_border_style: solid;
7
+ --textbox_border_color: var(--zdt_textbox_default_border);
8
+ --textbox_font_size: var(--zd_font_size14);
9
+ --textbox_width: 100%;
10
+ --textbox_height: var(--zd_size35);
11
+ --textbox_border_radius: none;
12
+ --textbox_font_family: var(--zd_regular);
13
+ --textbox_letter_spacing: 0.1px;
14
+ --textbox_padding: 0;
15
+ --textbox_cursor: auto;
16
+ --textbox_line_height: var(--zd_size35);
17
+
18
+ /* textbox placeholder default variable */
19
+ --textbox_placeholder_text_color: var(--zdt_textbox_placeholder_text);
20
+ }
21
+ .basic {
22
+ composes: varClass;
23
+ -webkit-appearance: none;
24
+ -moz-appearance: none;
25
+ appearance: none;
26
+ letter-spacing: var(--textbox_letter_spacing);
27
+ border: var(--textbox_border_width);
28
+ cursor: var(--textbox_cursor);
29
+ }
30
+ .basic::placeholder {
31
+ color: var(--textbox_placeholder_text_color);
32
+ }
33
+ .basic::-webkit-placeholder {
34
+ color: var(--textbox_placeholder_text_color);
35
+ }
36
+ .basic::-moz-placeholder {
37
+ color: var(--textbox_placeholder_text_color);
38
+ }
39
+ .basic::-ms-placeholder {
40
+ color: var(--textbox_placeholder_text_color);
41
+ }
42
+ .container {
43
+ composes: basic;
44
+ transition: border var(--zd_transition2) linear 0s;
45
+ -moz-transition: border var(--zd_transition2) linear 0s;
46
+ width: var(--textbox_width);
47
+ color: var(--textbox_text_color);
48
+ font-size: var(--textbox_font_size);
49
+ height: var(--textbox_height);
50
+ line-height: var(--textbox_line_height);
51
+ background-color: var(--textbox_bg_color);
52
+ -webkit-transition: border var(--zd_transition2) linear 0s;
53
+ padding: var(--textbox_padding);
54
+ border-radius: var(--textbox_border_radius);
55
+ border-width: var(--textbox_border_width);
56
+ border-style: var(--textbox_border_style);
57
+ border-color: var(--textbox_border_color);
58
+ }
59
+ .basic:disabled,
60
+ .container:disabled,
61
+ .container:disabled:hover {
62
+ --textbox_cursor: not-allowed;
63
+ --textbox_text_color: var(--zdt_textbox_disabled_text);
64
+ }
65
+ .container:disabled,
66
+ .container:disabled:hover {
67
+ --textbox_bg_color: none;
68
+ }
69
+ .container::placeholder {
70
+ color: var(--textbox_placeholder_text_color);
71
+ }
72
+ .container::-webkit-placeholder {
73
+ color: var(--textbox_placeholder_text_color);
74
+ }
75
+ .container::-moz-placeholder {
76
+ color: var(--textbox_placeholder_text_color);
77
+ }
78
+ .container::-ms-placeholder {
79
+ color: var(--textbox_placeholder_text_color);
80
+ }
81
+ .pointer {
82
+ --textbox_cursor: pointer;
83
+ }
84
+ /* Need Border */
85
+ .border, .effect:hover, .effect:focus {
86
+ border-width: var(--textbox_border_width);
87
+ border-style: var(--textbox_border_style);
88
+ }
89
+ .effect:hover, .effect:focus {
90
+ border-color: var(--textbox_border_color);
91
+ }
92
+ .border {
93
+ --textbox_border_width: 0 0 1px 0;
94
+ }
95
+ .borderColor_transparent, .borderColor_default {
96
+ border-color: var(--textbox_border_color);
97
+ }
98
+ .borderColor_transparent {
99
+ --textbox_border_color: var(--zdt_textbox_transparent_border);
100
+ }
101
+ .borderColor_default {
102
+ --textbox_border_color: var(--zdt_textbox_default_border);
103
+ }
104
+ .effect:hover {
105
+ --textbox_border_color: var(--zdt_textbox_effect_hover_border);
106
+ }
107
+ .effect:focus,.focus,.focus:hover {
108
+ --textbox_border_color: var(--zdt_textbox_effect_focus_border);
109
+ }
110
+ /* Size */
111
+ .xmedium,
112
+ .medium {
113
+ --textbox_font_size: var(--zd_font_size14);
114
+ }
115
+ .xmedium {
116
+ --textbox_height: var(--zd_size28);
117
+ --textbox_line_height: var(--zd_size28);
118
+ }
119
+ .medium {
120
+ --textbox_height: var(--zd_size35);
121
+ --textbox_line_height: var(--zd_size35);
122
+ }
123
+ .small {
124
+ --textbox_font_size: var(--zd_font_size12);
125
+ --textbox_height: var(--zd_size28);
126
+ --textbox_line_height: var(--zd_size28);
127
+ }
128
+ .xsmall {
129
+ --textbox_font_size: var(--zd_font_size13);
130
+ --textbox_height: var(--zd_size25);
131
+ --textbox_line_height: var(--zd_size25);
132
+ }
133
+ .default,
134
+ .primary,
135
+ .secondary,
136
+ .light {
137
+ font-family: var(--textbox_font_family);
138
+ }
139
+ .primary {
140
+ --textbox_text_color: var(--zdt_textbox_default_text);
141
+ --textbox_font_family: var(--zd_semibold);
142
+ composes: ftsmooth from '../common/common.module.css';
143
+ }
144
+ .secondary {
145
+ --textbox_text_color: var(--zdt_textbox_secondary_text);
146
+ --textbox_font_family: var(--zd_light);
147
+ }
148
+ .light {
149
+ --textbox_text_color: var(--zdt_textbox_light_text);
150
+ }
151
+ .readonly,
152
+ .readonly:hover,
153
+ .readonly:focus {
154
+ --textbox_cursor: not-allowed;
155
+ --textbox_text_color: var(--zdt_textbox_default_text);
156
+ --textbox_bg_color: none;
157
+ }
@@ -1,127 +1,127 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`TextBox component should display size medium - primary 1`] = `
4
- <input
5
- className=" container medium primary border effect borderColor_default"
6
- data-id="textBox"
7
- maxLength="100"
8
- onBlur={[Function]}
9
- onChange={[Function]}
10
- onFocus={[Function]}
11
- placeholder="Text Area"
12
- type="text"
13
- value=""
14
- />
15
- `;
16
-
17
- exports[`TextBox component should display size medium - secondary 1`] = `
18
- <input
19
- className=" container medium secondary border effect borderColor_default"
20
- data-id="textBox"
21
- maxLength="100"
22
- onBlur={[Function]}
23
- onChange={[Function]}
24
- onFocus={[Function]}
25
- placeholder="Text Area"
26
- type="text"
27
- value=""
28
- />
29
- `;
30
-
31
- exports[`TextBox component should display size medium 1`] = `
32
- <input
33
- className=" container medium default border effect borderColor_default"
34
- data-id="textBox"
35
- maxLength="100"
36
- onBlur={[Function]}
37
- onChange={[Function]}
38
- onFocus={[Function]}
39
- placeholder="Text Area"
40
- type="text"
41
- value=""
42
- />
43
- `;
44
-
45
- exports[`TextBox component should display size small - primary 1`] = `
46
- <input
47
- className=" container small primary border effect borderColor_default"
48
- data-id="textBox"
49
- maxLength="100"
50
- onBlur={[Function]}
51
- onChange={[Function]}
52
- onFocus={[Function]}
53
- placeholder="Text Area"
54
- type="text"
55
- value=""
56
- />
57
- `;
58
-
59
- exports[`TextBox component should display size small - secondary 1`] = `
60
- <input
61
- className=" container small secondary border effect borderColor_default"
62
- data-id="textBox"
63
- maxLength="100"
64
- onBlur={[Function]}
65
- onChange={[Function]}
66
- onFocus={[Function]}
67
- placeholder="Text Area"
68
- type="text"
69
- value=""
70
- />
71
- `;
72
-
73
- exports[`TextBox component should display size small 1`] = `
74
- <input
75
- className=" container small default border effect borderColor_default"
76
- data-id="textBox"
77
- maxLength="100"
78
- onBlur={[Function]}
79
- onChange={[Function]}
80
- onFocus={[Function]}
81
- placeholder="Text Area"
82
- type="text"
83
- value=""
84
- />
85
- `;
86
-
87
- exports[`TextBox component should display size xmedium - primary 1`] = `
88
- <input
89
- className=" container xmedium primary border effect borderColor_default"
90
- data-id="textBox"
91
- maxLength="100"
92
- onBlur={[Function]}
93
- onChange={[Function]}
94
- onFocus={[Function]}
95
- placeholder="Text Area"
96
- type="text"
97
- value=""
98
- />
99
- `;
100
-
101
- exports[`TextBox component should display size xmedium - secondary 1`] = `
102
- <input
103
- className=" container xmedium secondary border effect borderColor_default"
104
- data-id="textBox"
105
- maxLength="100"
106
- onBlur={[Function]}
107
- onChange={[Function]}
108
- onFocus={[Function]}
109
- placeholder="Text Area"
110
- type="text"
111
- value=""
112
- />
113
- `;
114
-
115
- exports[`TextBox component should display size xmedium 1`] = `
116
- <input
117
- className=" container xmedium default border effect borderColor_default"
118
- data-id="textBox"
119
- maxLength="100"
120
- onBlur={[Function]}
121
- onChange={[Function]}
122
- onFocus={[Function]}
123
- placeholder="Text Area"
124
- type="text"
125
- value=""
126
- />
127
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`TextBox component should display size medium - primary 1`] = `
4
+ <input
5
+ className=" container medium primary border effect borderColor_default"
6
+ data-id="textBox"
7
+ maxLength="100"
8
+ onBlur={[Function]}
9
+ onChange={[Function]}
10
+ onFocus={[Function]}
11
+ placeholder="Text Area"
12
+ type="text"
13
+ value=""
14
+ />
15
+ `;
16
+
17
+ exports[`TextBox component should display size medium - secondary 1`] = `
18
+ <input
19
+ className=" container medium secondary border effect borderColor_default"
20
+ data-id="textBox"
21
+ maxLength="100"
22
+ onBlur={[Function]}
23
+ onChange={[Function]}
24
+ onFocus={[Function]}
25
+ placeholder="Text Area"
26
+ type="text"
27
+ value=""
28
+ />
29
+ `;
30
+
31
+ exports[`TextBox component should display size medium 1`] = `
32
+ <input
33
+ className=" container medium default border effect borderColor_default"
34
+ data-id="textBox"
35
+ maxLength="100"
36
+ onBlur={[Function]}
37
+ onChange={[Function]}
38
+ onFocus={[Function]}
39
+ placeholder="Text Area"
40
+ type="text"
41
+ value=""
42
+ />
43
+ `;
44
+
45
+ exports[`TextBox component should display size small - primary 1`] = `
46
+ <input
47
+ className=" container small primary border effect borderColor_default"
48
+ data-id="textBox"
49
+ maxLength="100"
50
+ onBlur={[Function]}
51
+ onChange={[Function]}
52
+ onFocus={[Function]}
53
+ placeholder="Text Area"
54
+ type="text"
55
+ value=""
56
+ />
57
+ `;
58
+
59
+ exports[`TextBox component should display size small - secondary 1`] = `
60
+ <input
61
+ className=" container small secondary border effect borderColor_default"
62
+ data-id="textBox"
63
+ maxLength="100"
64
+ onBlur={[Function]}
65
+ onChange={[Function]}
66
+ onFocus={[Function]}
67
+ placeholder="Text Area"
68
+ type="text"
69
+ value=""
70
+ />
71
+ `;
72
+
73
+ exports[`TextBox component should display size small 1`] = `
74
+ <input
75
+ className=" container small default border effect borderColor_default"
76
+ data-id="textBox"
77
+ maxLength="100"
78
+ onBlur={[Function]}
79
+ onChange={[Function]}
80
+ onFocus={[Function]}
81
+ placeholder="Text Area"
82
+ type="text"
83
+ value=""
84
+ />
85
+ `;
86
+
87
+ exports[`TextBox component should display size xmedium - primary 1`] = `
88
+ <input
89
+ className=" container xmedium primary border effect borderColor_default"
90
+ data-id="textBox"
91
+ maxLength="100"
92
+ onBlur={[Function]}
93
+ onChange={[Function]}
94
+ onFocus={[Function]}
95
+ placeholder="Text Area"
96
+ type="text"
97
+ value=""
98
+ />
99
+ `;
100
+
101
+ exports[`TextBox component should display size xmedium - secondary 1`] = `
102
+ <input
103
+ className=" container xmedium secondary border effect borderColor_default"
104
+ data-id="textBox"
105
+ maxLength="100"
106
+ onBlur={[Function]}
107
+ onChange={[Function]}
108
+ onFocus={[Function]}
109
+ placeholder="Text Area"
110
+ type="text"
111
+ value=""
112
+ />
113
+ `;
114
+
115
+ exports[`TextBox component should display size xmedium 1`] = `
116
+ <input
117
+ className=" container xmedium default border effect borderColor_default"
118
+ data-id="textBox"
119
+ maxLength="100"
120
+ onBlur={[Function]}
121
+ onChange={[Function]}
122
+ onFocus={[Function]}
123
+ placeholder="Text Area"
124
+ type="text"
125
+ value=""
126
+ />
127
+ `;
@@ -29,7 +29,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
29
29
 
30
30
  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
31
31
 
32
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
32
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
33
33
 
34
34
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
35
35
 
@@ -39,7 +39,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
39
39
 
40
40
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
41
41
 
42
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
42
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
43
43
 
44
44
  var TextBox__custom = /*#__PURE__*/function (_Component) {
45
45
  _inherits(TextBox__custom, _Component);
@@ -29,7 +29,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
29
29
 
30
30
  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
31
31
 
32
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
32
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
33
33
 
34
34
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
35
35
 
@@ -39,7 +39,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
39
39
 
40
40
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
41
41
 
42
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
42
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
43
43
 
44
44
  var TextBox__default = /*#__PURE__*/function (_Component) {
45
45
  _inherits(TextBox__default, _Component);
@@ -29,7 +29,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
29
29
 
30
30
  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
31
31
 
32
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
32
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
33
33
 
34
34
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
35
35
 
@@ -39,7 +39,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
39
39
 
40
40
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
41
41
 
42
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
42
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
43
43
 
44
44
  var TextBox__size = /*#__PURE__*/function (_Component) {
45
45
  _inherits(TextBox__size, _Component);
@@ -29,7 +29,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
29
29
 
30
30
  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
31
31
 
32
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
32
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
33
33
 
34
34
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
35
35
 
@@ -39,7 +39,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
39
39
 
40
40
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
41
41
 
42
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
42
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
43
43
 
44
44
  var TextBox__variant = /*#__PURE__*/function (_Component) {
45
45
  _inherits(TextBox__variant, _Component);