@zohodesk/components 1.0.0-temp-73 → 1.0.0-temp-74

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 (501) hide show
  1. package/README.md +1071 -1071
  2. package/assets/Appearance/dark/mode/contrast/darkContrast.module.css +343 -0
  3. package/assets/Appearance/dark/themes/blue/contrast/blueDarkCTAThemeContrast.module.css +34 -0
  4. package/assets/Appearance/dark/themes/green/contrast/greenDarkCTAThemeContrast.module.css +34 -0
  5. package/assets/Appearance/dark/themes/orange/contrast/orangeDarkCTAThemeContrast.module.css +34 -0
  6. package/assets/Appearance/dark/themes/red/contrast/redDarkCTAThemeContrast.module.css +34 -0
  7. package/assets/Appearance/dark/themes/yellow/contrast/yellowDarkCTAThemeContrast.module.css +34 -0
  8. package/assets/Appearance/default/mode/contrast/defaultContrast.module.css +343 -0
  9. package/assets/Appearance/default/themes/blue/contrast/blueDefaultCTAThemeContrast.module.css +34 -0
  10. package/assets/Appearance/default/themes/green/contrast/greenDefaultCTAThemeContrast.module.css +34 -0
  11. package/assets/Appearance/default/themes/orange/contrast/orangeDefaultCTAThemeContrast.module.css +34 -0
  12. package/assets/Appearance/default/themes/red/contrast/redDefaultCTAThemeContrast.module.css +34 -0
  13. package/assets/Appearance/default/themes/yellow/contrast/yellowDefaultCTAThemeContrast.module.css +34 -0
  14. package/assets/Appearance/pureDark/mode/contrast/pureDarkContrast.module.css +343 -0
  15. package/assets/Appearance/pureDark/themes/blue/contrast/bluePureDarkCTAThemeContrast.module.css +34 -0
  16. package/assets/Appearance/pureDark/themes/green/contrast/greenPureDarkCTAThemeContrast.module.css +34 -0
  17. package/assets/Appearance/pureDark/themes/orange/contrast/orangePureDarkCTAThemeContrast.module.css +34 -0
  18. package/assets/Appearance/pureDark/themes/red/contrast/redPureDarkCTAThemeContrast.module.css +34 -0
  19. package/assets/Appearance/pureDark/themes/yellow/contrast/yellowPureDarkCTAThemeContrast.module.css +34 -0
  20. package/docs/external/active-line.js +72 -72
  21. package/docs/external/autorefresh.js +47 -47
  22. package/docs/external/codemirror.js +9681 -9681
  23. package/docs/external/css/hopscotch.css +576 -576
  24. package/docs/external/css/styleGuide.css +1100 -1100
  25. package/docs/external/css.js +466 -466
  26. package/docs/external/designTokens.js +1 -1
  27. package/docs/external/foldcode.js +151 -151
  28. package/docs/external/format.js +129 -129
  29. package/docs/external/htmlmixed.js +84 -84
  30. package/docs/external/index.html +127 -127
  31. package/docs/external/javascript.js +422 -422
  32. package/docs/external/jsx.js +147 -147
  33. package/docs/external/matchbrackets.js +145 -145
  34. package/docs/external/xml.js +322 -322
  35. package/docs/package.json +41 -41
  36. package/docs/src/index.js +1311 -1311
  37. package/es/AppContainer/AppContainer.js +1 -1
  38. package/es/AppContainer/AppContainer.module.css +18 -18
  39. package/es/Avatar/Avatar.js +10 -10
  40. package/es/Avatar/Avatar.module.css +117 -117
  41. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  42. package/es/AvatarTeam/AvatarTeam.js +8 -8
  43. package/es/AvatarTeam/AvatarTeam.module.css +161 -161
  44. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  45. package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -0
  46. package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -0
  47. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -0
  48. package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -0
  49. package/es/Button/Button.js +4 -4
  50. package/es/Button/Button.module.css +521 -521
  51. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  52. package/es/Button/docs/Button__custom.docs.js +0 -0
  53. package/es/Button/docs/Button__default.docs.js +0 -0
  54. package/es/Buttongroup/Buttongroup.js +1 -1
  55. package/es/Buttongroup/Buttongroup.module.css +89 -89
  56. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  57. package/es/Card/Card.js +4 -4
  58. package/es/Card/Card.module.css +20 -20
  59. package/es/Card/docs/Card__Custom.docs.js +0 -0
  60. package/es/Card/docs/Card__Default.docs.js +0 -0
  61. package/es/Card/docs/Card__Scroll.docs.js +0 -0
  62. package/es/CheckBox/CheckBox.js +1 -1
  63. package/es/CheckBox/CheckBox.module.css +157 -157
  64. package/es/CheckBox/docs/CheckBox__custom.docs.js +0 -0
  65. package/es/CheckBox/docs/CheckBox__default.docs.js +0 -0
  66. package/es/DateTime/CalendarView.js +0 -0
  67. package/es/DateTime/DateTime.js +0 -0
  68. package/es/DateTime/DateTime.module.css +187 -187
  69. package/es/DateTime/DateWidget.js +0 -0
  70. package/es/DateTime/DateWidget.module.css +38 -38
  71. package/es/DateTime/YearView.js +0 -0
  72. package/es/DateTime/YearView.module.css +81 -81
  73. package/es/DateTime/common.js +0 -0
  74. package/es/DateTime/docs/DateTime__default.docs.js +0 -0
  75. package/es/DateTime/docs/DateWidget__default.docs.js +0 -0
  76. package/es/DateTime/index.js +0 -0
  77. package/es/DateTime/objectUtils.js +0 -0
  78. package/es/DateTime/typeChecker.js +0 -0
  79. package/es/DateTime/validator.js +0 -0
  80. package/es/DropBox/DropBox.js +1 -1
  81. package/es/DropBox/DropBox.module.css +406 -406
  82. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  83. package/es/DropDown/DropDown.js +0 -0
  84. package/es/DropDown/DropDown.module.css +5 -5
  85. package/es/DropDown/DropDownHeading.js +0 -0
  86. package/es/DropDown/DropDownHeading.module.css +53 -53
  87. package/es/DropDown/DropDownItem.js +0 -0
  88. package/es/DropDown/DropDownItem.module.css +94 -94
  89. package/es/DropDown/DropDownSearch.js +0 -0
  90. package/es/DropDown/DropDownSearch.module.css +14 -14
  91. package/es/DropDown/DropDownSeparator.js +0 -0
  92. package/es/DropDown/DropDownSeparator.module.css +7 -7
  93. package/es/Label/Label.js +2 -2
  94. package/es/Label/Label.module.css +52 -52
  95. package/es/Label/LabelColors.module.css +20 -20
  96. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  97. package/es/Label/docs/Label__clipped.docs.js +0 -0
  98. package/es/Label/docs/Label__custom.docs.js +0 -0
  99. package/es/Label/docs/Label__palette.docs.js +0 -0
  100. package/es/Label/docs/Label__size.docs.js +0 -0
  101. package/es/Label/docs/Label__type.docs.js +0 -0
  102. package/es/Layout/Box.js +0 -0
  103. package/es/Layout/Container.js +0 -0
  104. package/es/Layout/Layout.module.css +335 -335
  105. package/es/Layout/docs/Layout__default.docs.js +0 -0
  106. package/es/Layout/utils.js +0 -0
  107. package/es/LightNightMode/Colors.json +496 -496
  108. package/es/ListItem/ListContainer.js +1 -1
  109. package/es/ListItem/ListItem.js +1 -1
  110. package/es/ListItem/ListItem.module.css +209 -209
  111. package/es/ListItem/ListItemWithAvatar.js +1 -1
  112. package/es/ListItem/ListItemWithCheckBox.js +1 -1
  113. package/es/ListItem/ListItemWithIcon.js +1 -1
  114. package/es/ListItem/ListItemWithRadio.js +1 -1
  115. package/es/Modal/Modal.js +1 -1
  116. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  117. package/es/MultiSelect/AdvancedMultiSelect.js +1 -1
  118. package/es/MultiSelect/MultiSelect.js +5 -5
  119. package/es/MultiSelect/MultiSelect.module.css +205 -205
  120. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  121. package/es/MultiSelect/SelectedOptions.js +1 -1
  122. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  123. package/es/MultiSelect/Suggestions.js +1 -1
  124. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  125. package/es/PopOver/PopOver.module.css +8 -8
  126. package/es/Popup/Popup.js +1 -1
  127. package/es/Popup/PositionMapping.json +73 -73
  128. package/es/Provider.js +37 -7
  129. package/es/Radio/Radio.js +0 -0
  130. package/es/Radio/Radio.module.css +112 -112
  131. package/es/Radio/docs/Radio__custom.docs.js +0 -0
  132. package/es/Radio/docs/Radio__default.docs.js +0 -0
  133. package/es/Responsive/CustomResponsive.js +0 -0
  134. package/es/Responsive/Responsive.js +0 -1
  135. package/es/Responsive/docs/Responsive__Custom.docs.js +0 -0
  136. package/es/Responsive/docs/style.module.css +55 -55
  137. package/es/ResponsiveDropBox/ResponsiveDropBox.js +1 -1
  138. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  139. package/es/Ribbon/Ribbon.js +0 -0
  140. package/es/Ribbon/Ribbon.module.css +376 -376
  141. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  142. package/es/Ribbon/docs/Ribbon__custom.docs.js +0 -0
  143. package/es/Ribbon/docs/Ribbon__default.docs.js +0 -0
  144. package/es/RippleEffect/RippleEffect.module.css +92 -92
  145. package/es/Select/GroupSelect.js +0 -0
  146. package/es/Select/Select.js +1 -1
  147. package/es/Select/Select.module.css +106 -106
  148. package/es/Select/SelectWithAvatar.js +0 -0
  149. package/es/Select/SelectWithIcon.js +0 -1
  150. package/es/Select/__tests__/Select.spec.js +0 -0
  151. package/es/Select/docs/SelectWithIcon__default.docs.js +0 -0
  152. package/es/Select/docs/Select__default.docs.js +0 -0
  153. package/es/Stencils/Stencils.js +0 -0
  154. package/es/Stencils/Stencils.module.css +96 -96
  155. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  156. package/es/Switch/Switch.js +1 -1
  157. package/es/Switch/Switch.module.css +110 -110
  158. package/es/Switch/docs/Switch__custom.docs.js +0 -0
  159. package/es/Switch/docs/Switch__default.docs.js +0 -0
  160. package/es/Tab/Tab.js +1 -1
  161. package/es/Tab/Tab.module.css +101 -101
  162. package/es/Tab/TabContent.module.css +4 -4
  163. package/es/Tab/TabWrapper.js +1 -1
  164. package/es/Tab/Tabs.js +18 -18
  165. package/es/Tab/Tabs.module.css +141 -141
  166. package/es/Tab/docs/tabdocs.module.css +29 -29
  167. package/es/Tag/Tag.js +8 -8
  168. package/es/Tag/Tag.module.css +254 -254
  169. package/es/Tag/docs/Tag__custom.docs.js +0 -0
  170. package/es/Tag/docs/Tag__default.docs.js +0 -0
  171. package/es/TextBox/TextBox.js +1 -1
  172. package/es/TextBox/TextBox.module.css +157 -157
  173. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  174. package/es/TextBox/docs/TextBox__custom.docs.js +0 -0
  175. package/es/TextBox/docs/TextBox__default.docs.js +0 -0
  176. package/es/TextBox/docs/TextBox__variant.docs.js +0 -0
  177. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  178. package/es/TextBoxIcon/TextBoxIcon.module.css +78 -78
  179. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  180. package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -0
  181. package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -0
  182. package/es/Textarea/Textarea.js +1 -1
  183. package/es/Textarea/Textarea.module.css +139 -139
  184. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  185. package/es/Textarea/docs/Textarea__custom.docs.js +0 -0
  186. package/es/Textarea/docs/Textarea__default.docs.js +0 -0
  187. package/es/Textarea/docs/Textarea__disabled.docs.js +0 -0
  188. package/es/Tooltip/Tooltip.module.css +109 -109
  189. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +1 -1
  190. package/es/common/animation.module.css +624 -624
  191. package/es/common/avatarsizes.module.css +44 -44
  192. package/es/common/basic.module.css +33 -33
  193. package/es/common/basicReset.module.css +40 -40
  194. package/es/common/common.module.css +524 -524
  195. package/es/common/customscroll.module.css +89 -89
  196. package/es/common/docStyle.module.css +887 -766
  197. package/es/common/reset.module.css +12 -12
  198. package/es/common/transition.module.css +146 -146
  199. package/es/deprecated/AdvancedMultiSelect.module.css +126 -126
  200. package/es/index.js +0 -9
  201. package/es/semantic/Button/semanticButton.module.css +9 -9
  202. package/es/utils/Common.js +0 -0
  203. package/es/utils/dropDownUtils.js +0 -0
  204. package/lib/Accordion/Accordion.js +2 -2
  205. package/lib/Accordion/AccordionItem.js +2 -2
  206. package/lib/Accordion/docs/Accordion__Demo.docs.js +2 -2
  207. package/lib/Animation/Animation.js +2 -2
  208. package/lib/Animation/docs/Animation__default.docs.js +2 -2
  209. package/lib/Animation/docs/Animation__fadeIn.docs.js +2 -2
  210. package/lib/Animation/docs/Animation__scaleIn.docs.js +2 -2
  211. package/lib/Animation/docs/Animation__skewIn.docs.js +2 -2
  212. package/lib/Animation/docs/Animation__slideDown.docs.js +2 -2
  213. package/lib/Animation/docs/Animation__slideLeft.docs.js +2 -2
  214. package/lib/Animation/docs/Animation__zoomIn.docs.js +2 -2
  215. package/lib/AppContainer/AppContainer.js +3 -3
  216. package/lib/AppContainer/AppContainer.module.css +18 -18
  217. package/lib/AppContainer/docs/AppContainer__default.docs.js +2 -2
  218. package/lib/Avatar/Avatar.js +12 -12
  219. package/lib/Avatar/Avatar.module.css +117 -117
  220. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  221. package/lib/Avatar/docs/Avatar__custom.docs.js +2 -2
  222. package/lib/Avatar/docs/Avatar__default.docs.js +2 -2
  223. package/lib/Avatar/docs/Avatar__palette.docs.js +2 -2
  224. package/lib/Avatar/docs/Avatar__text.docs.js +2 -2
  225. package/lib/AvatarTeam/AvatarTeam.js +10 -10
  226. package/lib/AvatarTeam/AvatarTeam.module.css +161 -161
  227. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  228. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +2 -2
  229. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +2 -2
  230. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +2 -2
  231. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +2 -2
  232. package/lib/Button/Button.js +6 -6
  233. package/lib/Button/Button.module.css +521 -521
  234. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
  235. package/lib/Button/docs/Button__custom.docs.js +2 -2
  236. package/lib/Button/docs/Button__default.docs.js +2 -2
  237. package/lib/Buttongroup/Buttongroup.js +3 -3
  238. package/lib/Buttongroup/Buttongroup.module.css +89 -89
  239. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  240. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +2 -2
  241. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +2 -2
  242. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +2 -2
  243. package/lib/Card/Card.js +6 -6
  244. package/lib/Card/Card.module.css +20 -20
  245. package/lib/Card/docs/Card__Custom.docs.js +2 -2
  246. package/lib/Card/docs/Card__Default.docs.js +2 -2
  247. package/lib/Card/docs/Card__Scroll.docs.js +2 -2
  248. package/lib/CheckBox/CheckBox.js +3 -3
  249. package/lib/CheckBox/CheckBox.module.css +157 -157
  250. package/lib/CheckBox/docs/CheckBox__custom.docs.js +2 -2
  251. package/lib/CheckBox/docs/CheckBox__default.docs.js +2 -2
  252. package/lib/DateTime/CalendarView.js +2 -2
  253. package/lib/DateTime/DateTime.js +2 -2
  254. package/lib/DateTime/DateTime.module.css +187 -187
  255. package/lib/DateTime/DateTimePopupFooter.js +2 -2
  256. package/lib/DateTime/DateTimePopupHeader.js +2 -2
  257. package/lib/DateTime/DateWidget.js +2 -2
  258. package/lib/DateTime/DateWidget.module.css +38 -38
  259. package/lib/DateTime/DaysRow.js +2 -2
  260. package/lib/DateTime/Time.js +2 -2
  261. package/lib/DateTime/YearView.js +2 -2
  262. package/lib/DateTime/YearView.module.css +81 -81
  263. package/lib/DateTime/common.js +0 -0
  264. package/lib/DateTime/docs/DateTime__default.docs.js +2 -2
  265. package/lib/DateTime/docs/DateWidget__default.docs.js +2 -2
  266. package/lib/DateTime/index.js +0 -0
  267. package/lib/DateTime/objectUtils.js +0 -0
  268. package/lib/DateTime/typeChecker.js +0 -0
  269. package/lib/DateTime/validator.js +0 -0
  270. package/lib/DropBox/DropBox.js +3 -3
  271. package/lib/DropBox/DropBox.module.css +406 -406
  272. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  273. package/lib/DropBox/docs/DropBox__custom.docs.js +2 -2
  274. package/lib/DropBox/docs/DropBox__customOrder.docs.js +2 -2
  275. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +2 -2
  276. package/lib/DropBox/docs/DropBox__position.docs.js +2 -2
  277. package/lib/DropBox/docs/DropBox__size.docs.js +2 -2
  278. package/lib/DropDown/DropDown.js +2 -2
  279. package/lib/DropDown/DropDown.module.css +5 -5
  280. package/lib/DropDown/DropDownHeading.js +2 -2
  281. package/lib/DropDown/DropDownHeading.module.css +53 -53
  282. package/lib/DropDown/DropDownItem.js +2 -2
  283. package/lib/DropDown/DropDownItem.module.css +94 -94
  284. package/lib/DropDown/DropDownSearch.js +2 -2
  285. package/lib/DropDown/DropDownSearch.module.css +14 -14
  286. package/lib/DropDown/DropDownSeparator.js +2 -2
  287. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  288. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +2 -2
  289. package/lib/DropDown/docs/DropDownHeading__default.docs.js +2 -2
  290. package/lib/Label/Label.js +2 -2
  291. package/lib/Label/Label.module.css +52 -52
  292. package/lib/Label/LabelColors.module.css +20 -20
  293. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  294. package/lib/Label/docs/Label__clipped.docs.js +2 -2
  295. package/lib/Label/docs/Label__custom.docs.js +2 -2
  296. package/lib/Label/docs/Label__palette.docs.js +2 -2
  297. package/lib/Label/docs/Label__size.docs.js +2 -2
  298. package/lib/Label/docs/Label__type.docs.js +2 -2
  299. package/lib/Layout/Box.js +0 -0
  300. package/lib/Layout/Container.js +0 -0
  301. package/lib/Layout/Layout.module.css +335 -335
  302. package/lib/Layout/docs/Layout__Hidden.docs.js +2 -2
  303. package/lib/Layout/docs/Layout__default.docs.js +2 -2
  304. package/lib/Layout/docs/Layout__four_Column.docs.js +2 -2
  305. package/lib/Layout/docs/Layout__three_Column.docs.js +2 -2
  306. package/lib/Layout/docs/Layout__two_Column.docs.js +2 -2
  307. package/lib/Layout/utils.js +0 -0
  308. package/lib/LightNightMode/Colors.json +496 -496
  309. package/lib/LightNightMode/docs/AlternativeColors.docs.js +2 -2
  310. package/lib/ListItem/ListContainer.js +1 -1
  311. package/lib/ListItem/ListItem.js +3 -3
  312. package/lib/ListItem/ListItem.module.css +209 -209
  313. package/lib/ListItem/ListItemWithAvatar.js +3 -3
  314. package/lib/ListItem/ListItemWithCheckBox.js +3 -3
  315. package/lib/ListItem/ListItemWithIcon.js +3 -3
  316. package/lib/ListItem/ListItemWithRadio.js +3 -3
  317. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +2 -2
  318. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +2 -2
  319. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +2 -2
  320. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +2 -2
  321. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +2 -2
  322. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +2 -2
  323. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +2 -2
  324. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +2 -2
  325. package/lib/ListItem/docs/ListItem__custom.docs.js +2 -2
  326. package/lib/ListItem/docs/ListItem__default.docs.js +2 -2
  327. package/lib/Modal/Modal.js +3 -3
  328. package/lib/Modal/__docs__/Modal__default.docs.js +2 -2
  329. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +7 -7
  330. package/lib/MultiSelect/AdvancedMultiSelect.js +3 -3
  331. package/lib/MultiSelect/EmptyState.js +2 -2
  332. package/lib/MultiSelect/MultiSelect.js +7 -7
  333. package/lib/MultiSelect/MultiSelect.module.css +205 -205
  334. package/lib/MultiSelect/MultiSelectHeader.js +2 -2
  335. package/lib/MultiSelect/MultiSelectWithAvatar.js +2 -2
  336. package/lib/MultiSelect/SelectedOptions.js +3 -3
  337. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  338. package/lib/MultiSelect/Suggestions.js +3 -3
  339. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  340. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +2 -2
  341. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +2 -2
  342. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +2 -2
  343. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +2 -2
  344. package/lib/PopOver/PopOver.js +2 -2
  345. package/lib/PopOver/PopOver.module.css +8 -8
  346. package/lib/PopOver/docs/PopOver__default.docs.js +2 -2
  347. package/lib/Popup/Popup.js +3 -3
  348. package/lib/Popup/PositionMapping.json +73 -73
  349. package/lib/Popup/__tests__/Popup.spec.js +2 -2
  350. package/lib/Provider/docs/Provider_Id__Class.docs.js +2 -2
  351. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +2 -2
  352. package/lib/Provider.js +57 -6
  353. package/lib/Radio/Radio.js +2 -2
  354. package/lib/Radio/Radio.module.css +112 -112
  355. package/lib/Radio/docs/Radio__custom.docs.js +2 -2
  356. package/lib/Radio/docs/Radio__default.docs.js +2 -2
  357. package/lib/Responsive/CustomResponsive.js +0 -0
  358. package/lib/Responsive/ResizeComponent.js +2 -2
  359. package/lib/Responsive/Responsive.js +2 -2
  360. package/lib/Responsive/docs/Responsive__Custom.docs.js +2 -2
  361. package/lib/Responsive/docs/Responsive__default.docs.js +2 -2
  362. package/lib/Responsive/docs/style.module.css +55 -55
  363. package/lib/Responsive/sizeObservers.js +3 -3
  364. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +3 -3
  365. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  366. package/lib/Ribbon/Ribbon.js +2 -2
  367. package/lib/Ribbon/Ribbon.module.css +376 -376
  368. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  369. package/lib/Ribbon/docs/Ribbon__custom.docs.js +2 -2
  370. package/lib/Ribbon/docs/Ribbon__default.docs.js +2 -2
  371. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  372. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +2 -2
  373. package/lib/Select/GroupSelect.js +2 -2
  374. package/lib/Select/Select.js +3 -3
  375. package/lib/Select/Select.module.css +106 -106
  376. package/lib/Select/SelectWithAvatar.js +2 -2
  377. package/lib/Select/SelectWithIcon.js +2 -2
  378. package/lib/Select/__tests__/Select.spec.js +0 -0
  379. package/lib/Select/docs/GroupSelect__default.docs.js +2 -2
  380. package/lib/Select/docs/SelectWithAvatar__default.docs.js +2 -2
  381. package/lib/Select/docs/SelectWithIcon__default.docs.js +2 -2
  382. package/lib/Select/docs/Select__default.docs.js +2 -2
  383. package/lib/Stencils/Stencils.js +2 -2
  384. package/lib/Stencils/Stencils.module.css +96 -96
  385. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  386. package/lib/Stencils/docs/Stencils__custom.docs.js +2 -2
  387. package/lib/Stencils/docs/Stencils__default.docs.js +2 -2
  388. package/lib/Switch/Switch.js +3 -3
  389. package/lib/Switch/Switch.module.css +110 -110
  390. package/lib/Switch/docs/Switch__custom.docs.js +2 -2
  391. package/lib/Switch/docs/Switch__default.docs.js +2 -2
  392. package/lib/Tab/Tab.js +1 -1
  393. package/lib/Tab/Tab.module.css +101 -101
  394. package/lib/Tab/TabContent.module.css +4 -4
  395. package/lib/Tab/TabWrapper.js +1 -1
  396. package/lib/Tab/Tabs.js +14 -14
  397. package/lib/Tab/Tabs.module.css +141 -141
  398. package/lib/Tab/docs/Tab__default.docs.js +2 -2
  399. package/lib/Tab/docs/tabdocs.module.css +29 -29
  400. package/lib/Tag/Tag.js +10 -10
  401. package/lib/Tag/Tag.module.css +254 -254
  402. package/lib/Tag/docs/Tag__custom.docs.js +2 -2
  403. package/lib/Tag/docs/Tag__default.docs.js +2 -2
  404. package/lib/TextBox/TextBox.js +3 -3
  405. package/lib/TextBox/TextBox.module.css +157 -157
  406. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  407. package/lib/TextBox/docs/TextBox__custom.docs.js +2 -2
  408. package/lib/TextBox/docs/TextBox__default.docs.js +2 -2
  409. package/lib/TextBox/docs/TextBox__size.docs.js +2 -2
  410. package/lib/TextBox/docs/TextBox__variant.docs.js +2 -2
  411. package/lib/TextBoxIcon/TextBoxIcon.js +3 -3
  412. package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -78
  413. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  414. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +2 -2
  415. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +2 -2
  416. package/lib/Textarea/Textarea.js +3 -3
  417. package/lib/Textarea/Textarea.module.css +139 -139
  418. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  419. package/lib/Textarea/docs/Textarea__animated.docs.js +2 -2
  420. package/lib/Textarea/docs/Textarea__custom.docs.js +2 -2
  421. package/lib/Textarea/docs/Textarea__default.docs.js +2 -2
  422. package/lib/Textarea/docs/Textarea__disabled.docs.js +2 -2
  423. package/lib/Tooltip/Tooltip.js +2 -2
  424. package/lib/Tooltip/Tooltip.module.css +109 -109
  425. package/lib/Tooltip/__tests__/Tooltip.spec.js +2 -2
  426. package/lib/Tooltip/docs/Tooltip__default.docs.js +2 -2
  427. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +2 -2
  428. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +2 -2
  429. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +3 -3
  430. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +2 -2
  431. package/lib/common/animation.module.css +624 -624
  432. package/lib/common/avatarsizes.module.css +44 -44
  433. package/lib/common/basic.module.css +33 -33
  434. package/lib/common/basicReset.module.css +40 -40
  435. package/lib/common/common.module.css +524 -524
  436. package/lib/common/customscroll.module.css +89 -89
  437. package/lib/common/docStyle.module.css +887 -766
  438. package/lib/common/reset.module.css +12 -12
  439. package/lib/common/transition.module.css +146 -146
  440. package/lib/deprecated/AdvancedMultiSelect.module.css +126 -126
  441. package/lib/deprecated/PortalLayer/PortalLayer.js +2 -2
  442. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +2 -2
  443. package/lib/index.js +0 -86
  444. package/lib/semantic/Button/Button.js +2 -2
  445. package/lib/semantic/Button/docs/Button__default.docs.js +2 -2
  446. package/lib/semantic/Button/semanticButton.module.css +9 -9
  447. package/lib/utils/Common.js +0 -0
  448. package/lib/utils/dropDownUtils.js +0 -0
  449. package/package.json +75 -78
  450. package/es/ucl/Grid/Grid.js +0 -45
  451. package/es/ucl/Grid/componentNames.js +0 -6
  452. package/es/ucl/Grid/css/Grid.module.css +0 -217
  453. package/es/ucl/Grid/css/cssJSLogic.js +0 -46
  454. package/es/ucl/Grid/docs/Grid__Area_Based_Detail_Layout.docs.js +0 -41
  455. package/es/ucl/Grid/docs/Grid__Area_Based_List_Layout.docs.js +0 -49
  456. package/es/ucl/Grid/docs/Grid__Auto_Flow_Row.docs.js +0 -32
  457. package/es/ucl/Grid/docs/Grid__Basic_Detail_Layout.docs.js +0 -41
  458. package/es/ucl/Grid/docs/Grid__Box_Alignment.docs.js +0 -37
  459. package/es/ucl/Grid/docs/Grid__Line_Based_Detail_Layout.docs.js +0 -41
  460. package/es/ucl/Grid/docs/Grid__Line_Based_List_Layout.docs.js +0 -45
  461. package/es/ucl/Grid/docs/Grid__default.docs.js +0 -61
  462. package/es/ucl/Grid/docs/css/gridDocsAreaBasedDetailLayout.module.css +0 -38
  463. package/es/ucl/Grid/docs/css/gridDocsAreaBasedListLayout.module.css +0 -63
  464. package/es/ucl/Grid/docs/css/gridDocsAutoFlowRow.module.css +0 -23
  465. package/es/ucl/Grid/docs/css/gridDocsBasicDetailLayout.module.css +0 -21
  466. package/es/ucl/Grid/docs/css/gridDocsBoxAlignment.module.css +0 -16
  467. package/es/ucl/Grid/docs/css/gridDocsDefault.module.css +0 -15
  468. package/es/ucl/Grid/docs/css/gridDocsLineBasedDetailLayout.module.css +0 -38
  469. package/es/ucl/Grid/docs/css/gridDocsLineBasedListLayout.module.css +0 -47
  470. package/es/ucl/Grid/docs/css/gridDocsStyle.module.css +0 -30
  471. package/es/ucl/Grid/index.js +0 -5
  472. package/es/ucl/Grid/props/ariaPropTypes.js +0 -6
  473. package/es/ucl/Grid/props/defaultProps.js +0 -8
  474. package/es/ucl/Grid/props/propConstants.js +0 -66
  475. package/es/ucl/Grid/props/propTypes.js +0 -27
  476. package/lib/ucl/Grid/Grid.js +0 -70
  477. package/lib/ucl/Grid/componentNames.js +0 -13
  478. package/lib/ucl/Grid/css/Grid.module.css +0 -217
  479. package/lib/ucl/Grid/css/cssJSLogic.js +0 -44
  480. package/lib/ucl/Grid/docs/Grid__Area_Based_Detail_Layout.docs.js +0 -93
  481. package/lib/ucl/Grid/docs/Grid__Area_Based_List_Layout.docs.js +0 -101
  482. package/lib/ucl/Grid/docs/Grid__Auto_Flow_Row.docs.js +0 -86
  483. package/lib/ucl/Grid/docs/Grid__Basic_Detail_Layout.docs.js +0 -93
  484. package/lib/ucl/Grid/docs/Grid__Box_Alignment.docs.js +0 -91
  485. package/lib/ucl/Grid/docs/Grid__Line_Based_Detail_Layout.docs.js +0 -93
  486. package/lib/ucl/Grid/docs/Grid__Line_Based_List_Layout.docs.js +0 -97
  487. package/lib/ucl/Grid/docs/Grid__default.docs.js +0 -113
  488. package/lib/ucl/Grid/docs/css/gridDocsAreaBasedDetailLayout.module.css +0 -38
  489. package/lib/ucl/Grid/docs/css/gridDocsAreaBasedListLayout.module.css +0 -63
  490. package/lib/ucl/Grid/docs/css/gridDocsAutoFlowRow.module.css +0 -23
  491. package/lib/ucl/Grid/docs/css/gridDocsBasicDetailLayout.module.css +0 -21
  492. package/lib/ucl/Grid/docs/css/gridDocsBoxAlignment.module.css +0 -16
  493. package/lib/ucl/Grid/docs/css/gridDocsDefault.module.css +0 -15
  494. package/lib/ucl/Grid/docs/css/gridDocsLineBasedDetailLayout.module.css +0 -38
  495. package/lib/ucl/Grid/docs/css/gridDocsLineBasedListLayout.module.css +0 -47
  496. package/lib/ucl/Grid/docs/css/gridDocsStyle.module.css +0 -30
  497. package/lib/ucl/Grid/index.js +0 -31
  498. package/lib/ucl/Grid/props/ariaPropTypes.js +0 -23
  499. package/lib/ucl/Grid/props/defaultProps.js +0 -19
  500. package/lib/ucl/Grid/props/propConstants.js +0 -73
  501. package/lib/ucl/Grid/props/propTypes.js +0 -46
@@ -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
+ `;
File without changes
File without changes
@@ -1,92 +1,92 @@
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:hover.primary.borderHover
12
- /* .hoverEffect:focus.primary.borderHover */
13
- {
14
- border-color: var(--zdt_rippleeffect_primary_border);
15
- }
16
- .primary.defaultHover, .hoverEffect:hover.primary.active.border
17
- /* .hoverEffect:focus.primary.active.border */
18
- {
19
- border-color: var(--zdt_rippleeffect_primary_active_border);
20
- }
21
- .primaryLight.defaultHover, .hoverEffect:hover.primaryLight.borderHover
22
- /* .hoverEffect:focus.primaryLight.borderHover */
23
- {
24
- border-color: var(--zdt_rippleeffect_primary_light_border);
25
- }
26
- .green.defaultHover, .hoverEffect:hover.green.borderHover
27
- /* .hoverEffect:focus.green.borderHover */
28
- {
29
- border-color: var(--zdt_rippleeffect_green_border);
30
- }
31
- .hoverEffect:hover.default.defaultHover
32
- /* .hoverEffect:focus.default.defaultHover */
33
- {
34
- border-color: var(--zdt_rippleeffect_slate_border);
35
- }
36
- .hoverEffect:hover.default.borderHover
37
- /* .hoverEffect:focus.default.borderHover */
38
- {
39
- border-color: var(--zdt_rippleeffect_navy_border);
40
- }
41
- .hoverEffect:hover.default.bgHover
42
- /* .hoverEffect:focus.default.bgHover */
43
- {
44
- background-color: var(--zdt_rippleeffect_hover_bg);
45
- }
46
- .hoverEffect:hover.primaryLight.bgHover
47
- /* .hoverEffect:focus.primaryLight.bgHover */
48
- {
49
- background-color: var(--zdt_rippleeffect_primary_light_bg);
50
- }
51
- .primaryFilled {
52
- background-color: var(--zdt_rippleeffect_primary_bg);
53
- }
54
- .hoverEffect:hover.primaryFilled, .primaryFilled.active {
55
- background-color: var(--zdt_rippleeffect_primaryfilled_bg);
56
- }
57
- .hoverEffect:hover.green.bgHover
58
- /* .hoverEffect:focus.green.bgHover */
59
- {
60
- background-color: var(--zdt_rippleeffect_green_bg);
61
- }
62
- .default.active, .hoverEffect:hover.default.active, .primaryLight.active, .primaryDark.active {
63
- background-color: var(--zdt_rippleeffect_primary_light_bg);
64
- }
65
- .default.active.border, .hoverEffect:hover.default.active.border, .primaryLight.active.border, .primaryDark.active.border {
66
- border-color: var(--zdt_rippleeffect_primary_light_border);
67
- }
68
- .green.active {
69
- background-color: var(--zdt_rippleeffect_green_bg);
70
- }
71
- .green.active.border {
72
- border-color: var(--zdt_rippleeffect_green_border);
73
- }
74
- .primary.active {
75
- background-color: var(--zdt_rippleeffect_primary_bg);
76
- }
77
- .danger.defaultHover, .hoverEffect:hover.danger.borderHover
78
- /* .hoverEffect:focus.danger.borderHover */
79
- {
80
- border-color: var(--zdt_rippleeffect_danger_border);
81
- }
82
- .hoverEffect:hover.danger.bgHover, .danger.active {
83
- background-color: var(--zdt_rippleeffect_danger_bg);
84
- }
85
- .hoverEffect:hover.primaryDark.bgHover
86
- /* .hoverEffect:focus.primaryDark.bgHover */
87
- {
88
- background-color: var(--zdt_rippleeffect_primary_dark_bg);
89
- }
90
- .notAllowed {
91
- cursor: not-allowed;
92
- }
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:hover.primary.borderHover
12
+ /* .hoverEffect:focus.primary.borderHover */
13
+ {
14
+ border-color: var(--zdt_rippleeffect_primary_border);
15
+ }
16
+ .primary.defaultHover, .hoverEffect:hover.primary.active.border
17
+ /* .hoverEffect:focus.primary.active.border */
18
+ {
19
+ border-color: var(--zdt_rippleeffect_primary_active_border);
20
+ }
21
+ .primaryLight.defaultHover, .hoverEffect:hover.primaryLight.borderHover
22
+ /* .hoverEffect:focus.primaryLight.borderHover */
23
+ {
24
+ border-color: var(--zdt_rippleeffect_primary_light_border);
25
+ }
26
+ .green.defaultHover, .hoverEffect:hover.green.borderHover
27
+ /* .hoverEffect:focus.green.borderHover */
28
+ {
29
+ border-color: var(--zdt_rippleeffect_green_border);
30
+ }
31
+ .hoverEffect:hover.default.defaultHover
32
+ /* .hoverEffect:focus.default.defaultHover */
33
+ {
34
+ border-color: var(--zdt_rippleeffect_slate_border);
35
+ }
36
+ .hoverEffect:hover.default.borderHover
37
+ /* .hoverEffect:focus.default.borderHover */
38
+ {
39
+ border-color: var(--zdt_rippleeffect_navy_border);
40
+ }
41
+ .hoverEffect:hover.default.bgHover
42
+ /* .hoverEffect:focus.default.bgHover */
43
+ {
44
+ background-color: var(--zdt_rippleeffect_hover_bg);
45
+ }
46
+ .hoverEffect:hover.primaryLight.bgHover
47
+ /* .hoverEffect:focus.primaryLight.bgHover */
48
+ {
49
+ background-color: var(--zdt_rippleeffect_primary_light_bg);
50
+ }
51
+ .primaryFilled {
52
+ background-color: var(--zdt_rippleeffect_primary_bg);
53
+ }
54
+ .hoverEffect:hover.primaryFilled, .primaryFilled.active {
55
+ background-color: var(--zdt_rippleeffect_primaryfilled_bg);
56
+ }
57
+ .hoverEffect:hover.green.bgHover
58
+ /* .hoverEffect:focus.green.bgHover */
59
+ {
60
+ background-color: var(--zdt_rippleeffect_green_bg);
61
+ }
62
+ .default.active, .hoverEffect:hover.default.active, .primaryLight.active, .primaryDark.active {
63
+ background-color: var(--zdt_rippleeffect_primary_light_bg);
64
+ }
65
+ .default.active.border, .hoverEffect:hover.default.active.border, .primaryLight.active.border, .primaryDark.active.border {
66
+ border-color: var(--zdt_rippleeffect_primary_light_border);
67
+ }
68
+ .green.active {
69
+ background-color: var(--zdt_rippleeffect_green_bg);
70
+ }
71
+ .green.active.border {
72
+ border-color: var(--zdt_rippleeffect_green_border);
73
+ }
74
+ .primary.active {
75
+ background-color: var(--zdt_rippleeffect_primary_bg);
76
+ }
77
+ .danger.defaultHover, .hoverEffect:hover.danger.borderHover
78
+ /* .hoverEffect:focus.danger.borderHover */
79
+ {
80
+ border-color: var(--zdt_rippleeffect_danger_border);
81
+ }
82
+ .hoverEffect:hover.danger.bgHover, .danger.active {
83
+ background-color: var(--zdt_rippleeffect_danger_bg);
84
+ }
85
+ .hoverEffect:hover.primaryDark.bgHover
86
+ /* .hoverEffect:focus.primaryDark.bgHover */
87
+ {
88
+ background-color: var(--zdt_rippleeffect_primary_dark_bg);
89
+ }
90
+ .notAllowed {
91
+ cursor: not-allowed;
92
+ }
File without changes
@@ -1,4 +1,4 @@
1
- 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); }
1
+ 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); }
2
2
 
3
3
  /**** Libraries ****/
4
4
  import React, { Component } from 'react';