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

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