@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,163 +1,163 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Ribbon component should the palette is danger 1`] = `
4
- <span
5
- className="basic palette_danger large default"
6
- data-id="ribbonComp"
7
- >
8
- danger
9
- </span>
10
- `;
11
-
12
- exports[`Ribbon component should the palette is dark 1`] = `
13
- <span
14
- className="basic palette_dark large default"
15
- data-id="ribbonComp"
16
- >
17
- dark
18
- </span>
19
- `;
20
-
21
- exports[`Ribbon component should the palette is default 1`] = `
22
- <span
23
- className="basic palette_default large default"
24
- data-id="ribbonComp"
25
- >
26
- default
27
- </span>
28
- `;
29
-
30
- exports[`Ribbon component should the palette is info 1`] = `
31
- <span
32
- className="basic palette_info large default"
33
- data-id="ribbonComp"
34
- >
35
- info
36
- </span>
37
- `;
38
-
39
- exports[`Ribbon component should the palette is primary 1`] = `
40
- <span
41
- className="basic palette_primary large default"
42
- data-id="ribbonComp"
43
- >
44
- primary
45
- </span>
46
- `;
47
-
48
- exports[`Ribbon component should the palette is secondary 1`] = `
49
- <span
50
- className="basic palette_secondary large default"
51
- data-id="ribbonComp"
52
- >
53
- secondary
54
- </span>
55
- `;
56
-
57
- exports[`Ribbon component should the size is large 1`] = `
58
- <span
59
- className="basic palette_default large default"
60
- data-id="ribbonComp"
61
- >
62
- default
63
- </span>
64
- `;
65
-
66
- exports[`Ribbon component should the size is medium 1`] = `
67
- <span
68
- className="basic palette_default small default"
69
- data-id="ribbonComp"
70
- >
71
- default
72
- </span>
73
- `;
74
-
75
- exports[`Ribbon component should the size is small 1`] = `
76
- <span
77
- className="basic palette_default small default"
78
- data-id="ribbonComp"
79
- >
80
- default
81
- </span>
82
- `;
83
-
84
- exports[`Ribbon component should the size is xlarge 1`] = `
85
- <span
86
- className="basic palette_default xlarge default"
87
- data-id="ribbonComp"
88
- >
89
- default
90
- </span>
91
- `;
92
-
93
- exports[`Ribbon component should the type is box 1`] = `
94
- <span
95
- className="basic palette_default xlarge default"
96
- data-id="ribbonComp"
97
- >
98
- default
99
- </span>
100
- `;
101
-
102
- exports[`Ribbon component should the type is dafault 1`] = `
103
- <span
104
- className="basic palette_default xlarge default"
105
- data-id="ribbonComp"
106
- >
107
- default
108
- </span>
109
- `;
110
-
111
- exports[`Ribbon component should the type is flag 1`] = `
112
- <span
113
- className="basic palette_default xlarge default"
114
- data-id="ribbonComp"
115
- >
116
- default
117
- </span>
118
- `;
119
-
120
- exports[`Ribbon component should the type is plain 1`] = `
121
- <span
122
- className="basic palette_default xlarge default"
123
- data-id="ribbonComp"
124
- >
125
- default
126
- </span>
127
- `;
128
-
129
- exports[`Ribbon component should the type is ribbon 1`] = `
130
- <span
131
- className="basic palette_default xlarge default"
132
- data-id="ribbonComp"
133
- >
134
- default
135
- </span>
136
- `;
137
-
138
- exports[`Ribbon component should the type is stamp 1`] = `
139
- <span
140
- className="basic palette_default xlarge default"
141
- data-id="ribbonComp"
142
- >
143
- default
144
- </span>
145
- `;
146
-
147
- exports[`Ribbon component should the type is sticker 1`] = `
148
- <span
149
- className="basic palette_default xlarge default"
150
- data-id="ribbonComp"
151
- >
152
- default
153
- </span>
154
- `;
155
-
156
- exports[`Ribbon component should the type is tag 1`] = `
157
- <span
158
- className="basic large tag"
159
- data-id="ribbonComp"
160
- >
161
- default
162
- </span>
163
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Ribbon component should the palette is danger 1`] = `
4
+ <span
5
+ className="basic palette_danger large default"
6
+ data-id="ribbonComp"
7
+ >
8
+ danger
9
+ </span>
10
+ `;
11
+
12
+ exports[`Ribbon component should the palette is dark 1`] = `
13
+ <span
14
+ className="basic palette_dark large default"
15
+ data-id="ribbonComp"
16
+ >
17
+ dark
18
+ </span>
19
+ `;
20
+
21
+ exports[`Ribbon component should the palette is default 1`] = `
22
+ <span
23
+ className="basic palette_default large default"
24
+ data-id="ribbonComp"
25
+ >
26
+ default
27
+ </span>
28
+ `;
29
+
30
+ exports[`Ribbon component should the palette is info 1`] = `
31
+ <span
32
+ className="basic palette_info large default"
33
+ data-id="ribbonComp"
34
+ >
35
+ info
36
+ </span>
37
+ `;
38
+
39
+ exports[`Ribbon component should the palette is primary 1`] = `
40
+ <span
41
+ className="basic palette_primary large default"
42
+ data-id="ribbonComp"
43
+ >
44
+ primary
45
+ </span>
46
+ `;
47
+
48
+ exports[`Ribbon component should the palette is secondary 1`] = `
49
+ <span
50
+ className="basic palette_secondary large default"
51
+ data-id="ribbonComp"
52
+ >
53
+ secondary
54
+ </span>
55
+ `;
56
+
57
+ exports[`Ribbon component should the size is large 1`] = `
58
+ <span
59
+ className="basic palette_default large default"
60
+ data-id="ribbonComp"
61
+ >
62
+ default
63
+ </span>
64
+ `;
65
+
66
+ exports[`Ribbon component should the size is medium 1`] = `
67
+ <span
68
+ className="basic palette_default small default"
69
+ data-id="ribbonComp"
70
+ >
71
+ default
72
+ </span>
73
+ `;
74
+
75
+ exports[`Ribbon component should the size is small 1`] = `
76
+ <span
77
+ className="basic palette_default small default"
78
+ data-id="ribbonComp"
79
+ >
80
+ default
81
+ </span>
82
+ `;
83
+
84
+ exports[`Ribbon component should the size is xlarge 1`] = `
85
+ <span
86
+ className="basic palette_default xlarge default"
87
+ data-id="ribbonComp"
88
+ >
89
+ default
90
+ </span>
91
+ `;
92
+
93
+ exports[`Ribbon component should the type is box 1`] = `
94
+ <span
95
+ className="basic palette_default xlarge default"
96
+ data-id="ribbonComp"
97
+ >
98
+ default
99
+ </span>
100
+ `;
101
+
102
+ exports[`Ribbon component should the type is dafault 1`] = `
103
+ <span
104
+ className="basic palette_default xlarge default"
105
+ data-id="ribbonComp"
106
+ >
107
+ default
108
+ </span>
109
+ `;
110
+
111
+ exports[`Ribbon component should the type is flag 1`] = `
112
+ <span
113
+ className="basic palette_default xlarge default"
114
+ data-id="ribbonComp"
115
+ >
116
+ default
117
+ </span>
118
+ `;
119
+
120
+ exports[`Ribbon component should the type is plain 1`] = `
121
+ <span
122
+ className="basic palette_default xlarge default"
123
+ data-id="ribbonComp"
124
+ >
125
+ default
126
+ </span>
127
+ `;
128
+
129
+ exports[`Ribbon component should the type is ribbon 1`] = `
130
+ <span
131
+ className="basic palette_default xlarge default"
132
+ data-id="ribbonComp"
133
+ >
134
+ default
135
+ </span>
136
+ `;
137
+
138
+ exports[`Ribbon component should the type is stamp 1`] = `
139
+ <span
140
+ className="basic palette_default xlarge default"
141
+ data-id="ribbonComp"
142
+ >
143
+ default
144
+ </span>
145
+ `;
146
+
147
+ exports[`Ribbon component should the type is sticker 1`] = `
148
+ <span
149
+ className="basic palette_default xlarge default"
150
+ data-id="ribbonComp"
151
+ >
152
+ default
153
+ </span>
154
+ `;
155
+
156
+ exports[`Ribbon component should the type is tag 1`] = `
157
+ <span
158
+ className="basic large tag"
159
+ data-id="ribbonComp"
160
+ >
161
+ default
162
+ </span>
163
+ `;
@@ -25,7 +25,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
25
25
 
26
26
  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); }
27
27
 
28
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
28
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
29
29
 
30
30
  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); }; }
31
31
 
@@ -35,7 +35,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
35
35
 
36
36
  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; } }
37
37
 
38
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
38
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
39
39
 
40
40
  var Ribbon__custom = /*#__PURE__*/function (_React$Component) {
41
41
  _inherits(Ribbon__custom, _React$Component);
@@ -23,7 +23,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
23
23
 
24
24
  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); }
25
25
 
26
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
26
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
27
27
 
28
28
  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); }; }
29
29
 
@@ -33,7 +33,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
33
33
 
34
34
  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; } }
35
35
 
36
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
36
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
37
37
 
38
38
  var Ribbon__default = /*#__PURE__*/function (_React$Component) {
39
39
  _inherits(Ribbon__default, _React$Component);
@@ -1,70 +1,70 @@
1
- .effect {
2
- position: relative;
3
- border-radius: var(--zd_size4);
4
- }
5
- .border {
6
- border: solid 1px var(--zdt_rippleeffect_default_border);
7
- }
8
- .default.defaultHover {
9
- border-color: var(--zdt_rippleeffect_hover_border);
10
- }
11
- .hoverEffect:hover.primary.defaultHover, .hoverEffect:focus.primary.defaultHover, .hoverEffect:hover.primary.borderHover, .hoverEffect:focus.primary.borderHover {
12
- border-color: var(--zdt_rippleeffect_primary_border);
13
- }
14
- .primary.defaultHover, .hoverEffect:hover.primary.active.border, .hoverEffect:focus.primary.active.border {
15
- border-color: var(--zdt_rippleeffect_primary_active_border);
16
- }
17
- .primaryLight.defaultHover, .hoverEffect:hover.primaryLight.borderHover, .hoverEffect:focus.primaryLight.borderHover {
18
- border-color: var(--zdt_rippleeffect_primary_light_border);
19
- }
20
- .green.defaultHover, .hoverEffect:hover.green.borderHover, .hoverEffect:focus.green.borderHover {
21
- border-color: var(--zdt_rippleeffect_green_border);
22
- }
23
- .hoverEffect:hover.default.defaultHover, .hoverEffect:focus.default.defaultHover {
24
- border-color: var(--zdt_rippleeffect_slate_border);
25
- }
26
- .hoverEffect:hover.default.borderHover, .hoverEffect:focus.default.borderHover {
27
- border-color: var(--zdt_rippleeffect_navy_border);
28
- }
29
- .hoverEffect:hover.default.bgHover, .hoverEffect:focus.default.bgHover {
30
- background-color: var(--zdt_rippleeffect_hover_bg);
31
- }
32
- .hoverEffect:hover.primaryLight.bgHover, .hoverEffect:focus.primaryLight.bgHover {
33
- background-color: var(--zdt_rippleeffect_primary_light_bg);
34
- }
35
- .primaryFilled {
36
- background-color: var(--zdt_rippleeffect_primary_bg);
37
- }
38
- .hoverEffect:hover.primaryFilled, .hoverEffect:focus.primaryFilled, .primaryFilled.active {
39
- background-color: var(--zdt_rippleeffect_primaryfilled_bg);
40
- }
41
- .hoverEffect:hover.green.bgHover, .hoverEffect:focus.green.bgHover {
42
- background-color: var(--zdt_rippleeffect_green_bg);
43
- }
44
- .default.active, .hoverEffect:hover.default.active, .hoverEffect:focus.default.active, .primaryLight.active, .primaryDark.active {
45
- background-color: var(--zdt_rippleeffect_primary_light_bg);
46
- }
47
- .default.active.border, .hoverEffect:hover.default.active.border, .hoverEffect:focus.default.active.border, .primaryLight.active.border, .primaryDark.active.border {
48
- border-color: var(--zdt_rippleeffect_primary_light_border);
49
- }
50
- .green.active {
51
- background-color: var(--zdt_rippleeffect_green_bg);
52
- }
53
- .green.active.border {
54
- border-color: var(--zdt_rippleeffect_green_border);
55
- }
56
- .primary.active {
57
- background-color: var(--zdt_rippleeffect_primary_bg);
58
- }
59
- .danger.defaultHover, .hoverEffect:hover.danger.borderHover, .hoverEffect:focus.danger.borderHover {
60
- border-color: var(--zdt_rippleeffect_danger_border);
61
- }
62
- .hoverEffect:hover.danger.bgHover, .hoverEffect:focus.danger.bgHover, .danger.active {
63
- background-color: var(--zdt_rippleeffect_danger_bg);
64
- }
65
- .hoverEffect:hover.primaryDark.bgHover, .hoverEffect:focus.primaryDark.bgHover {
66
- background-color: var(--zdt_rippleeffect_primary_dark_bg);
67
- }
68
- .notAllowed {
69
- cursor: not-allowed;
70
- }
1
+ .effect {
2
+ position: relative;
3
+ border-radius: var(--zd_size4);
4
+ }
5
+ .border {
6
+ border: solid 1px var(--zdt_rippleeffect_default_border);
7
+ }
8
+ .default.defaultHover {
9
+ border-color: var(--zdt_rippleeffect_hover_border);
10
+ }
11
+ .hoverEffect:hover.primary.defaultHover, .hoverEffect:focus.primary.defaultHover, .hoverEffect:hover.primary.borderHover, .hoverEffect:focus.primary.borderHover {
12
+ border-color: var(--zdt_rippleeffect_primary_border);
13
+ }
14
+ .primary.defaultHover, .hoverEffect:hover.primary.active.border, .hoverEffect:focus.primary.active.border {
15
+ border-color: var(--zdt_rippleeffect_primary_active_border);
16
+ }
17
+ .primaryLight.defaultHover, .hoverEffect:hover.primaryLight.borderHover, .hoverEffect:focus.primaryLight.borderHover {
18
+ border-color: var(--zdt_rippleeffect_primary_light_border);
19
+ }
20
+ .green.defaultHover, .hoverEffect:hover.green.borderHover, .hoverEffect:focus.green.borderHover {
21
+ border-color: var(--zdt_rippleeffect_green_border);
22
+ }
23
+ .hoverEffect:hover.default.defaultHover, .hoverEffect:focus.default.defaultHover {
24
+ border-color: var(--zdt_rippleeffect_slate_border);
25
+ }
26
+ .hoverEffect:hover.default.borderHover, .hoverEffect:focus.default.borderHover {
27
+ border-color: var(--zdt_rippleeffect_navy_border);
28
+ }
29
+ .hoverEffect:hover.default.bgHover, .hoverEffect:focus.default.bgHover {
30
+ background-color: var(--zdt_rippleeffect_hover_bg);
31
+ }
32
+ .hoverEffect:hover.primaryLight.bgHover, .hoverEffect:focus.primaryLight.bgHover {
33
+ background-color: var(--zdt_rippleeffect_primary_light_bg);
34
+ }
35
+ .primaryFilled {
36
+ background-color: var(--zdt_rippleeffect_primary_bg);
37
+ }
38
+ .hoverEffect:hover.primaryFilled, .hoverEffect:focus.primaryFilled, .primaryFilled.active {
39
+ background-color: var(--zdt_rippleeffect_primaryfilled_bg);
40
+ }
41
+ .hoverEffect:hover.green.bgHover, .hoverEffect:focus.green.bgHover {
42
+ background-color: var(--zdt_rippleeffect_green_bg);
43
+ }
44
+ .default.active, .hoverEffect:hover.default.active, .hoverEffect:focus.default.active, .primaryLight.active, .primaryDark.active {
45
+ background-color: var(--zdt_rippleeffect_primary_light_bg);
46
+ }
47
+ .default.active.border, .hoverEffect:hover.default.active.border, .hoverEffect:focus.default.active.border, .primaryLight.active.border, .primaryDark.active.border {
48
+ border-color: var(--zdt_rippleeffect_primary_light_border);
49
+ }
50
+ .green.active {
51
+ background-color: var(--zdt_rippleeffect_green_bg);
52
+ }
53
+ .green.active.border {
54
+ border-color: var(--zdt_rippleeffect_green_border);
55
+ }
56
+ .primary.active {
57
+ background-color: var(--zdt_rippleeffect_primary_bg);
58
+ }
59
+ .danger.defaultHover, .hoverEffect:hover.danger.borderHover, .hoverEffect:focus.danger.borderHover {
60
+ border-color: var(--zdt_rippleeffect_danger_border);
61
+ }
62
+ .hoverEffect:hover.danger.bgHover, .hoverEffect:focus.danger.bgHover, .danger.active {
63
+ background-color: var(--zdt_rippleeffect_danger_bg);
64
+ }
65
+ .hoverEffect:hover.primaryDark.bgHover, .hoverEffect:focus.primaryDark.bgHover {
66
+ background-color: var(--zdt_rippleeffect_primary_dark_bg);
67
+ }
68
+ .notAllowed {
69
+ cursor: not-allowed;
70
+ }
@@ -21,7 +21,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
21
21
 
22
22
  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); }
23
23
 
24
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
24
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
25
25
 
26
26
  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); }; }
27
27
 
@@ -31,7 +31,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
31
31
 
32
32
  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; } }
33
33
 
34
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
34
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
35
35
 
36
36
  var RippleEffect__default = /*#__PURE__*/function (_React$Component) {
37
37
  _inherits(RippleEffect__default, _React$Component);
@@ -67,7 +67,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
67
67
 
68
68
  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); }
69
69
 
70
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
70
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
71
71
 
72
72
  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); }; }
73
73
 
@@ -77,7 +77,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
77
77
 
78
78
  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; } }
79
79
 
80
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
80
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
81
81
 
82
82
  /* eslint-disable react/no-unused-prop-types */
83
83
 
@@ -47,7 +47,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
47
47
 
48
48
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
49
49
 
50
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
50
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
51
51
 
52
52
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
53
53
 
@@ -57,7 +57,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
57
57
 
58
58
  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); }
59
59
 
60
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
60
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
61
61
 
62
62
  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); }; }
63
63
 
@@ -67,7 +67,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
67
67
 
68
68
  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; } }
69
69
 
70
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
70
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
71
71
 
72
72
  /* eslint-disable react/no-deprecated */
73
73