@zohodesk/components 1.0.0-temp-148 → 1.0.0-temp-150

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 (306) hide show
  1. package/README.md +1195 -1191
  2. package/assets/Appearance/dark/mode/darkMode.module.css +38 -38
  3. package/assets/Appearance/dark/themes/blue/blueDarkCTAModifyCategory.module.css +120 -0
  4. package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +7 -7
  5. package/assets/Appearance/dark/themes/green/greenDarkCTAModifyCategory.module.css +120 -0
  6. package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +7 -7
  7. package/assets/Appearance/dark/themes/orange/orangeDarkCTAModifyCategory.module.css +120 -0
  8. package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +7 -7
  9. package/assets/Appearance/dark/themes/red/redDarkCTAModifyCategory.module.css +120 -0
  10. package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +7 -7
  11. package/assets/Appearance/dark/themes/yellow/yellowDarkCTAModifyCategory.module.css +120 -0
  12. package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +7 -7
  13. package/assets/Appearance/default/mode/defaultMode.module.css +38 -38
  14. package/assets/Appearance/default/themes/blue/blueDefaultCTAModifyCategory.module.css +120 -0
  15. package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +7 -7
  16. package/assets/Appearance/default/themes/green/greenDefaultCTAModifyCategory.module.css +120 -0
  17. package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +7 -7
  18. package/assets/Appearance/default/themes/orange/orangeDefaultCTAModifyCategory.module.css +120 -0
  19. package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +7 -7
  20. package/assets/Appearance/default/themes/red/redDefaultCTAModifyCategory.module.css +120 -0
  21. package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +7 -7
  22. package/assets/Appearance/default/themes/yellow/yellowDefaultCTAModifyCategory.module.css +120 -0
  23. package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +7 -7
  24. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +39 -39
  25. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTAModifyCategory.module.css +120 -0
  26. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +7 -7
  27. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTAModifyCategory.module.css +120 -0
  28. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +7 -7
  29. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTAModifyCategory.module.css +120 -0
  30. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +7 -7
  31. package/assets/Appearance/pureDark/themes/red/redPureDarkCTAModifyCategory.module.css +120 -0
  32. package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +7 -7
  33. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTAModifyCategory.module.css +120 -0
  34. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +7 -7
  35. package/assets/Contrast/darkContrastLightness.module.css +10 -4
  36. package/assets/Contrast/defaultContrastLightness.module.css +11 -5
  37. package/assets/Contrast/pureDarkContrastLightness.module.css +10 -4
  38. package/es/AppContainer/AppContainer.module.css +18 -18
  39. package/es/Avatar/Avatar.js +9 -9
  40. package/es/Avatar/Avatar.module.css +175 -175
  41. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  42. package/es/AvatarTeam/AvatarTeam.js +7 -7
  43. package/es/AvatarTeam/AvatarTeam.module.css +188 -188
  44. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  45. package/es/Button/Button.js +48 -51
  46. package/es/Button/{Button.module.css → css/Button.module.css} +525 -543
  47. package/es/Button/css/cssJSLogic.js +53 -0
  48. package/es/Button/index.js +2 -0
  49. package/es/Button/props/propTypes.js +3 -1
  50. package/es/Buttongroup/Buttongroup.js +1 -1
  51. package/es/Buttongroup/Buttongroup.module.css +106 -106
  52. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  53. package/es/Card/Card.js +4 -4
  54. package/es/Card/Card.module.css +20 -20
  55. package/es/CheckBox/CheckBox.js +0 -0
  56. package/es/CheckBox/CheckBox.module.css +157 -157
  57. package/es/DateTime/CalendarView.js +0 -0
  58. package/es/DateTime/DateTime.js +5 -25
  59. package/es/DateTime/DateTime.module.css +235 -235
  60. package/es/DateTime/DateWidget.js +0 -0
  61. package/es/DateTime/DateWidget.module.css +38 -38
  62. package/es/DateTime/YearView.js +0 -0
  63. package/es/DateTime/YearView.module.css +98 -98
  64. package/es/DateTime/common.js +0 -0
  65. package/es/DateTime/dateFormatUtils/dateFormats.js +3 -2
  66. package/es/DateTime/dateFormatUtils/index.js +27 -0
  67. package/es/DateTime/index.js +0 -0
  68. package/es/DateTime/objectUtils.js +0 -0
  69. package/es/DateTime/typeChecker.js +0 -0
  70. package/es/DateTime/validator.js +0 -0
  71. package/es/DropBox/DropBox.js +3 -5
  72. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +427 -427
  73. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  74. package/es/DropBox/css/DropBox.module.css +58 -58
  75. package/es/DropDown/DropDown.js +0 -0
  76. package/es/DropDown/DropDown.module.css +5 -5
  77. package/es/DropDown/DropDownHeading.js +0 -0
  78. package/es/DropDown/DropDownHeading.module.css +53 -53
  79. package/es/DropDown/DropDownItem.js +0 -0
  80. package/es/DropDown/DropDownItem.module.css +94 -94
  81. package/es/DropDown/DropDownSearch.js +0 -0
  82. package/es/DropDown/DropDownSearch.module.css +14 -14
  83. package/es/DropDown/DropDownSeparator.js +0 -0
  84. package/es/DropDown/DropDownSeparator.module.css +7 -7
  85. package/es/Heading/Heading.module.css +4 -4
  86. package/es/Label/Label.js +2 -2
  87. package/es/Label/Label.module.css +52 -52
  88. package/es/Label/LabelColors.module.css +20 -20
  89. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  90. package/es/Layout/Box.js +0 -0
  91. package/es/Layout/Container.js +0 -0
  92. package/es/Layout/Layout.module.css +335 -335
  93. package/es/Layout/utils.js +0 -0
  94. package/es/ListItem/ListItem.js +0 -0
  95. package/es/ListItem/ListItem.module.css +216 -216
  96. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  97. package/es/MultiSelect/AdvancedMultiSelect.js +0 -2
  98. package/es/MultiSelect/MultiSelect.js +5 -8
  99. package/es/MultiSelect/MultiSelect.module.css +205 -205
  100. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  101. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  102. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  103. package/es/PopOver/PopOver.module.css +8 -8
  104. package/es/Popup/Popup.js +2 -3
  105. package/es/Popup/PositionMapping.json +73 -73
  106. package/es/Radio/Radio.js +0 -0
  107. package/es/Radio/Radio.module.css +112 -112
  108. package/es/Responsive/CustomResponsive.js +0 -0
  109. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  110. package/es/Ribbon/Ribbon.js +0 -0
  111. package/es/Ribbon/Ribbon.module.css +454 -454
  112. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  113. package/es/RippleEffect/RippleEffect.module.css +92 -92
  114. package/es/Select/GroupSelect.js +0 -0
  115. package/es/Select/Select.js +0 -0
  116. package/es/Select/Select.module.css +108 -108
  117. package/es/Select/SelectWithAvatar.js +0 -0
  118. package/es/Select/SelectWithIcon.js +0 -0
  119. package/es/Select/__tests__/Select.spec.js +0 -0
  120. package/es/Stencils/Stencils.js +0 -0
  121. package/es/Stencils/Stencils.module.css +96 -96
  122. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  123. package/es/Switch/Switch.js +0 -0
  124. package/es/Switch/Switch.module.css +127 -127
  125. package/es/Tab/Tab.module.css +100 -100
  126. package/es/Tab/TabContent.module.css +4 -4
  127. package/es/Tab/Tabs.js +19 -19
  128. package/es/Tab/Tabs.module.css +143 -143
  129. package/es/Tag/Tag.js +8 -8
  130. package/es/Tag/Tag.module.css +254 -254
  131. package/es/Text/Text.js +37 -0
  132. package/es/Text/Text.module.css +21 -0
  133. package/es/Text/props/defaultProps.js +7 -0
  134. package/es/Text/props/propTypes.js +11 -0
  135. package/es/TextBox/TextBox.js +0 -0
  136. package/es/TextBox/TextBox.module.css +157 -157
  137. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  138. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  139. package/es/TextBoxIcon/TextBoxIcon.module.css +78 -78
  140. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  141. package/es/Textarea/Textarea.js +0 -0
  142. package/es/Textarea/Textarea.module.css +139 -139
  143. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  144. package/es/Tooltip/Tooltip.module.css +133 -133
  145. package/es/common/a11y.module.css +3 -3
  146. package/es/common/animation.module.css +624 -624
  147. package/es/common/avatarsizes.module.css +48 -48
  148. package/es/common/basic.module.css +33 -33
  149. package/es/common/basicReset.module.css +40 -40
  150. package/es/common/boxShadow.module.css +33 -33
  151. package/es/common/common.module.css +524 -524
  152. package/es/common/customscroll.module.css +89 -89
  153. package/es/common/reset.module.css +12 -12
  154. package/es/common/transition.module.css +146 -146
  155. package/es/deprecated/AdvancedMultiSelect.module.css +126 -126
  156. package/es/index.js +2 -1
  157. package/es/semantic/Button/semanticButton.module.css +9 -9
  158. package/es/utils/Common.js +4 -0
  159. package/es/utils/dropDownUtils.js +0 -0
  160. package/install.md +10 -10
  161. package/lib/AppContainer/AppContainer.module.css +18 -18
  162. package/lib/Avatar/Avatar.js +9 -9
  163. package/lib/Avatar/Avatar.module.css +175 -175
  164. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  165. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  166. package/lib/AvatarTeam/AvatarTeam.module.css +188 -188
  167. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  168. package/lib/Button/Button.js +47 -76
  169. package/lib/Button/{Button.module.css → css/Button.module.css} +525 -543
  170. package/lib/Button/css/cssJSLogic.js +40 -0
  171. package/lib/Button/index.js +20 -0
  172. package/lib/Button/props/propTypes.js +5 -2
  173. package/lib/Buttongroup/Buttongroup.js +1 -1
  174. package/lib/Buttongroup/Buttongroup.module.css +106 -106
  175. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  176. package/lib/Card/Card.js +4 -4
  177. package/lib/Card/Card.module.css +20 -20
  178. package/lib/CheckBox/CheckBox.js +0 -0
  179. package/lib/CheckBox/CheckBox.module.css +157 -157
  180. package/lib/DateTime/CalendarView.js +0 -0
  181. package/lib/DateTime/DateTime.js +5 -24
  182. package/lib/DateTime/DateTime.module.css +235 -235
  183. package/lib/DateTime/DateTimePopupFooter.js +1 -1
  184. package/lib/DateTime/DateTimePopupHeader.js +1 -1
  185. package/lib/DateTime/DateWidget.js +1 -1
  186. package/lib/DateTime/DateWidget.module.css +38 -38
  187. package/lib/DateTime/DaysRow.js +1 -1
  188. package/lib/DateTime/Time.js +1 -1
  189. package/lib/DateTime/YearView.js +1 -1
  190. package/lib/DateTime/YearView.module.css +98 -98
  191. package/lib/DateTime/common.js +0 -0
  192. package/lib/DateTime/dateFormatUtils/dateFormats.js +3 -2
  193. package/lib/DateTime/dateFormatUtils/index.js +31 -3
  194. package/lib/DateTime/dateFormatUtils/timeChange.js +1 -1
  195. package/lib/DateTime/index.js +0 -0
  196. package/lib/DateTime/objectUtils.js +0 -0
  197. package/lib/DateTime/typeChecker.js +0 -0
  198. package/lib/DateTime/validator.js +0 -0
  199. package/lib/DropBox/DropBox.js +3 -5
  200. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +427 -427
  201. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  202. package/lib/DropBox/css/DropBox.module.css +58 -58
  203. package/lib/DropDown/DropDown.js +0 -0
  204. package/lib/DropDown/DropDown.module.css +5 -5
  205. package/lib/DropDown/DropDownHeading.js +0 -0
  206. package/lib/DropDown/DropDownHeading.module.css +53 -53
  207. package/lib/DropDown/DropDownItem.js +0 -0
  208. package/lib/DropDown/DropDownItem.module.css +94 -94
  209. package/lib/DropDown/DropDownSearch.js +0 -0
  210. package/lib/DropDown/DropDownSearch.module.css +14 -14
  211. package/lib/DropDown/DropDownSeparator.js +0 -0
  212. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  213. package/lib/Heading/Heading.module.css +4 -4
  214. package/lib/Label/Label.js +3 -1
  215. package/lib/Label/Label.module.css +52 -52
  216. package/lib/Label/LabelColors.module.css +20 -20
  217. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  218. package/lib/Layout/Box.js +0 -0
  219. package/lib/Layout/Container.js +0 -0
  220. package/lib/Layout/Layout.module.css +335 -335
  221. package/lib/Layout/utils.js +0 -0
  222. package/lib/ListItem/ListContainer.js +1 -1
  223. package/lib/ListItem/ListItem.js +1 -1
  224. package/lib/ListItem/ListItem.module.css +216 -216
  225. package/lib/ListItem/ListItemWithAvatar.js +1 -1
  226. package/lib/ListItem/ListItemWithIcon.js +1 -1
  227. package/lib/Modal/Modal.js +1 -1
  228. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +6 -6
  229. package/lib/MultiSelect/AdvancedMultiSelect.js +1 -3
  230. package/lib/MultiSelect/EmptyState.js +1 -1
  231. package/lib/MultiSelect/MultiSelect.js +6 -9
  232. package/lib/MultiSelect/MultiSelect.module.css +205 -205
  233. package/lib/MultiSelect/MultiSelectHeader.js +1 -1
  234. package/lib/MultiSelect/MultiSelectWithAvatar.js +1 -1
  235. package/lib/MultiSelect/SelectedOptions.js +1 -1
  236. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  237. package/lib/MultiSelect/Suggestions.js +1 -1
  238. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
  239. package/lib/PopOver/PopOver.module.css +8 -8
  240. package/lib/Popup/Popup.js +2 -3
  241. package/lib/Popup/PositionMapping.json +73 -73
  242. package/lib/Popup/__tests__/Popup.spec.js +1 -1
  243. package/lib/Radio/Radio.js +1 -1
  244. package/lib/Radio/Radio.module.css +112 -112
  245. package/lib/Responsive/CustomResponsive.js +0 -1
  246. package/lib/Responsive/ResizeComponent.js +3 -1
  247. package/lib/Responsive/Responsive.js +1 -1
  248. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  249. package/lib/Ribbon/Ribbon.js +1 -1
  250. package/lib/Ribbon/Ribbon.module.css +454 -454
  251. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  252. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  253. package/lib/Select/GroupSelect.js +1 -1
  254. package/lib/Select/Select.js +1 -2
  255. package/lib/Select/Select.module.css +108 -108
  256. package/lib/Select/SelectWithAvatar.js +1 -1
  257. package/lib/Select/SelectWithIcon.js +1 -1
  258. package/lib/Select/__tests__/Select.spec.js +1 -1
  259. package/lib/Stencils/Stencils.js +1 -1
  260. package/lib/Stencils/Stencils.module.css +96 -96
  261. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  262. package/lib/Switch/Switch.js +0 -0
  263. package/lib/Switch/Switch.module.css +127 -127
  264. package/lib/Tab/Tab.js +1 -1
  265. package/lib/Tab/Tab.module.css +100 -100
  266. package/lib/Tab/TabContent.module.css +4 -4
  267. package/lib/Tab/Tabs.js +19 -13
  268. package/lib/Tab/Tabs.module.css +143 -143
  269. package/lib/Tag/Tag.js +8 -8
  270. package/lib/Tag/Tag.module.css +254 -254
  271. package/lib/Text/Text.js +65 -0
  272. package/lib/Text/Text.module.css +21 -0
  273. package/lib/Text/props/defaultProps.js +14 -0
  274. package/lib/Text/props/propTypes.js +19 -0
  275. package/lib/TextBox/TextBox.js +1 -1
  276. package/lib/TextBox/TextBox.module.css +157 -157
  277. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  278. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  279. package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -78
  280. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -1
  281. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  282. package/lib/Textarea/Textarea.js +1 -1
  283. package/lib/Textarea/Textarea.module.css +139 -139
  284. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  285. package/lib/Tooltip/Tooltip.module.css +133 -133
  286. package/lib/common/a11y.module.css +3 -3
  287. package/lib/common/animation.module.css +624 -624
  288. package/lib/common/avatarsizes.module.css +48 -48
  289. package/lib/common/basic.module.css +33 -33
  290. package/lib/common/basicReset.module.css +40 -40
  291. package/lib/common/boxShadow.module.css +33 -33
  292. package/lib/common/common.module.css +524 -524
  293. package/lib/common/customscroll.module.css +89 -89
  294. package/lib/common/reset.module.css +12 -12
  295. package/lib/common/transition.module.css +146 -146
  296. package/lib/deprecated/AdvancedMultiSelect.module.css +126 -126
  297. package/lib/deprecated/PortalLayer/PortalLayer.js +1 -1
  298. package/lib/index.js +9 -1
  299. package/lib/semantic/Button/semanticButton.module.css +9 -9
  300. package/lib/utils/Common.js +7 -1
  301. package/lib/utils/dropDownUtils.js +1 -1
  302. package/package.json +102 -102
  303. package/es/Button/__tests__/Button.spec.js +0 -190
  304. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +0 -191
  305. package/lib/Button/__tests__/Button.spec.js +0 -193
  306. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +0 -191
@@ -1,127 +1,127 @@
1
- .wrapper {
2
- position: relative;
3
- }
4
- .disabled, .readOnly {
5
- cursor: not-allowed;
6
- }
7
- .container {
8
- max-height: var(--zd_size120);
9
- composes: oflowy from '../common/common.module.css';
10
- }
11
- .hasBorder {
12
- transition: border var(--zd_transition2) linear 0s;
13
- border-bottom-style: solid;
14
- border-bottom-width: 1px;
15
- }
16
- .borderColor_transparent {
17
- border-bottom-color: var(--zdt_advancedmultiselect_transparent_border);
18
- }
19
- .effect .borderColor_transparent:hover {
20
- border-bottom-color: var(--zdt_advancedmultiselect_transparent_hover_border);
21
- }
22
- .effect .borderColor_transparent.active {
23
- border-bottom-color: var(--zdt_advancedmultiselect_transparent_active_border);
24
- }
25
- .borderColor_default {
26
- border-bottom-color: var(--zdt_advancedmultiselect_default_border);
27
- }
28
- .effect .borderColor_default:hover {
29
- border-bottom-color: var(--zdt_advancedmultiselect_default_hover_border);
30
- }
31
- .effect .borderColor_default.active {
32
- border-bottom-color: var(--zdt_advancedmultiselect_default_active_border);
33
- }
34
- .borderColor_dark {
35
- border-bottom-color: var(--zdt_advancedmultiselect_dark_border);
36
- }
37
- .effect .borderColor_dark:hover {
38
- border-bottom-color: var(--zdt_advancedmultiselect_dark_hover_border);
39
- }
40
- .effect .borderColor_dark.active {
41
- border-bottom-color: var(--zdt_advancedmultiselect_dark_active_border);
42
- }
43
- [dir=ltr] .container.medium {
44
- padding: 0 var(--zd_size34) var(--zd_size7) 0;
45
- }
46
- [dir=rtl] .container.medium {
47
- padding: 0 0 var(--zd_size7) var(--zd_size34);
48
- }
49
- .container.xmedium {
50
- min-height: var(--zd_size30);
51
- }
52
- [dir=ltr] .container.xmedium {
53
- padding: 0 var(--zd_size34) var(--zd_size1) 0;
54
- }
55
- [dir=rtl] .container.xmedium {
56
- padding: 0 0 var(--zd_size1) var(--zd_size34);
57
- }
58
-
59
- .delete {
60
- position: absolute;
61
- bottom: 0;
62
- color: var(--zdt_advancedmultiselect_delete_text);
63
- padding-bottom: var(--zd_size10);
64
- cursor: pointer;
65
- background-color: var(--zdt_advancedmultiselect_delete_bg);
66
- border: 0;
67
- }
68
-
69
- [dir=ltr] .delete {
70
- right: var(--zd_size15);
71
- }
72
-
73
- [dir=rtl] .delete {
74
- left: var(--zd_size15);
75
- }
76
-
77
- .delete:hover {
78
- color: var(--zdt_advancedmultiselect_delete_hover_text);
79
- }
80
- .transparentContainer .delete {
81
- opacity: 0;
82
- visibility: hidden;
83
- }
84
- .transparentContainer:hover .delete {
85
- opacity: 1;
86
- visibility: visible;
87
- }
88
-
89
- .box {
90
- background: var(--zdt_advancedmultiselect_box_bg);
91
- }
92
-
93
- .small {
94
- max-height: var(--zd_size200);
95
- }
96
-
97
- .medium {
98
- max-height: var(--zd_size350);
99
- }
100
-
101
- .large {
102
- max-height: var(--zd_size400);
103
- }
104
-
105
- .dropContainer {
106
- display: inline-block;
107
- max-width: 100%;
108
- margin-bottom: var(--zd_size5);
109
- }
110
-
111
- .dropPopup {
112
- font-size: var(--zd_font_size13);
113
- }
114
-
115
- .dropPopup :global .toggleDropIcon {
116
- color: var(--zdt_advancedmultiselect_droppopup_text);
117
- }
118
-
119
- .more {
120
- font-size: var(--zd_font_size14);
121
- color: var(--zdt_advancedmultiselect_more_text);
122
- font-family: inherit;
123
- cursor: pointer;
124
- margin-top: var(--zd_size5);
125
- background-color: var(--zdt_advancedmultiselect_delete_bg);
126
- border: 0;
1
+ .wrapper {
2
+ position: relative;
3
+ }
4
+ .disabled, .readOnly {
5
+ cursor: not-allowed;
6
+ }
7
+ .container {
8
+ max-height: var(--zd_size120);
9
+ composes: oflowy from '../common/common.module.css';
10
+ }
11
+ .hasBorder {
12
+ transition: border var(--zd_transition2) linear 0s;
13
+ border-bottom-style: solid;
14
+ border-bottom-width: 1px;
15
+ }
16
+ .borderColor_transparent {
17
+ border-bottom-color: var(--zdt_advancedmultiselect_transparent_border);
18
+ }
19
+ .effect .borderColor_transparent:hover {
20
+ border-bottom-color: var(--zdt_advancedmultiselect_transparent_hover_border);
21
+ }
22
+ .effect .borderColor_transparent.active {
23
+ border-bottom-color: var(--zdt_advancedmultiselect_transparent_active_border);
24
+ }
25
+ .borderColor_default {
26
+ border-bottom-color: var(--zdt_advancedmultiselect_default_border);
27
+ }
28
+ .effect .borderColor_default:hover {
29
+ border-bottom-color: var(--zdt_advancedmultiselect_default_hover_border);
30
+ }
31
+ .effect .borderColor_default.active {
32
+ border-bottom-color: var(--zdt_advancedmultiselect_default_active_border);
33
+ }
34
+ .borderColor_dark {
35
+ border-bottom-color: var(--zdt_advancedmultiselect_dark_border);
36
+ }
37
+ .effect .borderColor_dark:hover {
38
+ border-bottom-color: var(--zdt_advancedmultiselect_dark_hover_border);
39
+ }
40
+ .effect .borderColor_dark.active {
41
+ border-bottom-color: var(--zdt_advancedmultiselect_dark_active_border);
42
+ }
43
+ [dir=ltr] .container.medium {
44
+ padding: 0 var(--zd_size34) var(--zd_size7) 0;
45
+ }
46
+ [dir=rtl] .container.medium {
47
+ padding: 0 0 var(--zd_size7) var(--zd_size34);
48
+ }
49
+ .container.xmedium {
50
+ min-height: var(--zd_size30);
51
+ }
52
+ [dir=ltr] .container.xmedium {
53
+ padding: 0 var(--zd_size34) var(--zd_size1) 0;
54
+ }
55
+ [dir=rtl] .container.xmedium {
56
+ padding: 0 0 var(--zd_size1) var(--zd_size34);
57
+ }
58
+
59
+ .delete {
60
+ position: absolute;
61
+ bottom: 0;
62
+ color: var(--zdt_advancedmultiselect_delete_text);
63
+ padding-bottom: var(--zd_size10);
64
+ cursor: pointer;
65
+ background-color: var(--zdt_advancedmultiselect_delete_bg);
66
+ border: 0;
67
+ }
68
+
69
+ [dir=ltr] .delete {
70
+ right: var(--zd_size15);
71
+ }
72
+
73
+ [dir=rtl] .delete {
74
+ left: var(--zd_size15);
75
+ }
76
+
77
+ .delete:hover {
78
+ color: var(--zdt_advancedmultiselect_delete_hover_text);
79
+ }
80
+ .transparentContainer .delete {
81
+ opacity: 0;
82
+ visibility: hidden;
83
+ }
84
+ .transparentContainer:hover .delete {
85
+ opacity: 1;
86
+ visibility: visible;
87
+ }
88
+
89
+ .box {
90
+ background: var(--zdt_advancedmultiselect_box_bg);
91
+ }
92
+
93
+ .small {
94
+ max-height: var(--zd_size200);
95
+ }
96
+
97
+ .medium {
98
+ max-height: var(--zd_size350);
99
+ }
100
+
101
+ .large {
102
+ max-height: var(--zd_size400);
103
+ }
104
+
105
+ .dropContainer {
106
+ display: inline-block;
107
+ max-width: 100%;
108
+ margin-bottom: var(--zd_size5);
109
+ }
110
+
111
+ .dropPopup {
112
+ font-size: var(--zd_font_size13);
113
+ }
114
+
115
+ .dropPopup :global .toggleDropIcon {
116
+ color: var(--zdt_advancedmultiselect_droppopup_text);
117
+ }
118
+
119
+ .more {
120
+ font-size: var(--zd_font_size14);
121
+ color: var(--zdt_advancedmultiselect_more_text);
122
+ font-family: inherit;
123
+ cursor: pointer;
124
+ margin-top: var(--zd_size5);
125
+ background-color: var(--zdt_advancedmultiselect_delete_bg);
126
+ border: 0;
127
127
  }
@@ -21,7 +21,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
21
21
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
22
22
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
23
23
  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; } }
24
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
24
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } //Components
25
25
  var RefElement = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
26
26
  var Element = props.Element,
27
27
  elementProps = props.elementProps,
package/lib/index.js CHANGED
@@ -30,7 +30,8 @@ var _exportNames = {
30
30
  TextBox: true,
31
31
  TextBoxIcon: true,
32
32
  Tooltip: true,
33
- utils: true
33
+ utils: true,
34
+ Text: true
34
35
  };
35
36
  Object.defineProperty(exports, "Animation", {
36
37
  enumerable: true,
@@ -148,6 +149,12 @@ Object.defineProperty(exports, "Tag", {
148
149
  return _Tag["default"];
149
150
  }
150
151
  });
152
+ Object.defineProperty(exports, "Text", {
153
+ enumerable: true,
154
+ get: function get() {
155
+ return _Text["default"];
156
+ }
157
+ });
151
158
  Object.defineProperty(exports, "TextBox", {
152
159
  enumerable: true,
153
160
  get: function get() {
@@ -346,6 +353,7 @@ Object.keys(_semantic).forEach(function (key) {
346
353
  }
347
354
  });
348
355
  });
356
+ var _Text = _interopRequireDefault(require("./Text/Text"));
349
357
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
350
358
  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; }
351
359
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -1,9 +1,9 @@
1
- .buttonReset {
2
- outline: 0;
3
- font: inherit;
4
- color: inherit;
5
- border: inherit;
6
- background-color: inherit;
7
- padding: 0;
8
- text-align: inherit;
9
- }
1
+ .buttonReset {
2
+ outline: 0;
3
+ font: inherit;
4
+ color: inherit;
5
+ border: inherit;
6
+ background-color: inherit;
7
+ padding: 0;
8
+ text-align: inherit;
9
+ }
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.bind = bind;
7
7
  exports.bytesToSize = bytesToSize;
8
+ exports.cancelBubblingEffect = cancelBubblingEffect;
8
9
  exports.capitalize = capitalize;
9
10
  exports.checkIsImageFile = checkIsImageFile;
10
11
  exports.debounce = exports.cs = void 0;
@@ -56,6 +57,11 @@ var stopAllEventPropagation = function stopAllEventPropagation(e) {
56
57
  e.stopPropagation && e.stopPropagation();
57
58
  e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
58
59
  };
60
+ exports.stopAllEventPropagation = stopAllEventPropagation;
61
+ function cancelBubblingEffect(e) {
62
+ e && e.stopPropagation && e.stopPropagation();
63
+ e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
64
+ }
59
65
 
60
66
  // export function getCommentsDetails(
61
67
  // commentIds = [],
@@ -70,7 +76,7 @@ var stopAllEventPropagation = function stopAllEventPropagation(e) {
70
76
  // }) || []
71
77
  // );
72
78
  // }
73
- exports.stopAllEventPropagation = stopAllEventPropagation;
79
+
74
80
  function encodeForHtml(str) {
75
81
  if (/<|>|&|"|'|\\/g.test(str) == true) {
76
82
  str = str.replace(/&/g, '&amp;');
@@ -19,7 +19,7 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
19
19
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
20
20
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
21
21
  function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
22
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
22
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /***** Libraries *****/
23
23
  var dummyArray = [];
24
24
  exports.dummyArray = dummyArray;
25
25
  var dummyObj = {};
package/package.json CHANGED
@@ -1,103 +1,103 @@
1
- {
2
- "name": "@zohodesk/components",
3
- "version": "1.0.0-temp-148",
4
- "main": "es/index.js",
5
- "module": "es/index.js",
6
- "private": false,
7
- "publishConfig": {
8
- "access": "public"
9
- },
10
- "author": "Z Team",
11
- "homepage": "https://www.npmjs.com/search?q=@zohodesk",
12
- "license": "ISC",
13
- "keywords": [
14
- "DOT",
15
- "ZOHODESK",
16
- "ZTEAM",
17
- "LIBRARY"
18
- ],
19
- "scripts": {
20
- "build:docs": "react-cli build:docs",
21
- "lint": "react-cli lint",
22
- "lintAll": "react-cli lint ./src",
23
- "lintAllFix": "npm run lintAll --eslint:fix=true",
24
- "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
25
- "dubCheck": "node dubFinder node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
26
- "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
27
- "build:variables": "node ./preprocess/index",
28
- "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
29
- "common_package_build": "cd ../common && npm run build && cd ../components",
30
- "start": "react-cli start",
31
- "docs": "npm run dubCheck && react-cli docs",
32
- "build": " react-cli build:component:cmjs",
33
- "buildlocal": " react-cli build:component:cmjs && npm run rtl",
34
- "build:dev": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
35
- "build:es": "react-cli build:library:es",
36
- "rtl:watch": "react-cli rtl ./src ./es -w",
37
- "build:css:umd": "npm run clean && npm run init && react-cli build:css:umd",
38
- "coverage": "react-cli coverage",
39
- "prepare": "react-cli clean assets && npm run init && npm run build && npm run build:es && npm run rtl",
40
- "postpublish": "react-cli postpublish",
41
- "report": "react-cli publish:report",
42
- "test": "react-cli test",
43
- "sstest": "npm run init && react-cli sstest",
44
- "build:external": "npm run clean && npm run init && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
45
- "download": "rm package-lock.json && rm -rf node_modules/ && npm install",
46
- "expublish": "npm publish --tag experimental-version"
47
- },
48
- "devDependencies": {
49
- "@zohodesk/docstool": "1.0.0-alpha-2",
50
- "@zohodesk/variables": "1.0.0-beta.30",
51
- "@zohodesk/icons": "1.0.0-beta.119",
52
- "@zohodesk/virtualizer": "1.0.3",
53
- "velocity-react": "1.4.3",
54
- "react-sortable-hoc": "^0.8.3",
55
- "@zohodesk/svg": "1.0.0-temp.53",
56
- "@zohodesk/a11y": "1.3.7"
57
- },
58
- "dependencies": {
59
- "hoist-non-react-statics": "3.0.1",
60
- "react-transition-group": "2.5.0",
61
- "reselect": "4.0.0",
62
- "selectn": "1.1.2"
63
- },
64
- "peerDependencies": {
65
- "@zohodesk/icons": "1.0.0-beta.119",
66
- "@zohodesk/variables": "1.0.0-beta.30",
67
- "@zohodesk/svg": "1.0.0-temp.53",
68
- "@zohodesk/virtualizer": "1.0.3",
69
- "velocity-react": "1.4.3",
70
- "react-sortable-hoc": "^0.8.3",
71
- "@zohodesk/a11y": "1.3.7"
72
- },
73
- "react-cli": {
74
- "preprocess": {
75
- "runner": "./preprocess/index.js"
76
- },
77
- "css": {
78
- "plugins": {
79
- "hasRTL": true
80
- },
81
- "exclude": {
82
- "rtl": [
83
- "@zohodesk/icons",
84
- "@zohodesk/variables"
85
- ]
86
- }
87
- },
88
- "docs": {
89
- "plugins": {
90
- "hasRTL": true
91
- },
92
- "exclude": {
93
- "rtl": [
94
- "@zohodesk/icons",
95
- "@zohodesk/variables"
96
- ]
97
- },
98
- "disableES5Transpile": true,
99
- "componentFolder": "./src",
100
- "cssUniqueness": "false"
101
- }
102
- }
1
+ {
2
+ "name": "@zohodesk/components",
3
+ "version": "1.0.0-temp-150",
4
+ "main": "es/index.js",
5
+ "module": "es/index.js",
6
+ "private": false,
7
+ "publishConfig": {
8
+ "access": "public"
9
+ },
10
+ "author": "Z Team",
11
+ "homepage": "https://www.npmjs.com/search?q=@zohodesk",
12
+ "license": "ISC",
13
+ "keywords": [
14
+ "DOT",
15
+ "ZOHODESK",
16
+ "ZTEAM",
17
+ "LIBRARY"
18
+ ],
19
+ "scripts": {
20
+ "build:docs": "react-cli build:docs",
21
+ "lint": "react-cli lint",
22
+ "lintAll": "react-cli lint ./src",
23
+ "lintAllFix": "npm run lintAll --eslint:fix=true",
24
+ "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
25
+ "dubCheck": "node dubFinder node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
26
+ "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
27
+ "build:variables": "node ./preprocess/index",
28
+ "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
29
+ "common_package_build": "cd ../common && npm run build && cd ../components",
30
+ "start": "react-cli start",
31
+ "docs": "npm run dubCheck && react-cli docs",
32
+ "build": " react-cli build:component:cmjs",
33
+ "buildlocal": " react-cli build:component:cmjs && npm run rtl",
34
+ "build:dev": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
35
+ "build:es": "react-cli build:library:es",
36
+ "rtl:watch": "react-cli rtl ./src ./es -w",
37
+ "build:css:umd": "npm run clean && npm run init && react-cli build:css:umd",
38
+ "coverage": "react-cli coverage",
39
+ "prepare": "react-cli clean assets && npm run init && npm run build && npm run build:es && npm run rtl",
40
+ "postpublish": "react-cli postpublish",
41
+ "report": "react-cli publish:report",
42
+ "test": "react-cli test",
43
+ "sstest": "npm run init && react-cli sstest",
44
+ "build:external": "npm run clean && npm run init && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
45
+ "download": "rm package-lock.json && rm -rf node_modules/ && npm install",
46
+ "expublish": "npm publish --tag experimental-version"
47
+ },
48
+ "devDependencies": {
49
+ "@zohodesk/docstool": "1.0.0-alpha-2",
50
+ "@zohodesk/variables": "1.0.0-beta.31",
51
+ "@zohodesk/icons": "1.0.0-beta.125",
52
+ "@zohodesk/virtualizer": "1.0.3",
53
+ "velocity-react": "1.4.3",
54
+ "react-sortable-hoc": "^0.8.3",
55
+ "@zohodesk/svg": "1.0.0-beta.56",
56
+ "@zohodesk/a11y": "1.3.7"
57
+ },
58
+ "dependencies": {
59
+ "hoist-non-react-statics": "3.0.1",
60
+ "react-transition-group": "2.5.0",
61
+ "reselect": "4.0.0",
62
+ "selectn": "1.1.2"
63
+ },
64
+ "peerDependencies": {
65
+ "@zohodesk/icons": "1.0.0-beta.125",
66
+ "@zohodesk/variables": "1.0.0-beta.31",
67
+ "@zohodesk/svg": "1.0.0-beta.56",
68
+ "@zohodesk/virtualizer": "1.0.3",
69
+ "velocity-react": "1.4.3",
70
+ "react-sortable-hoc": "^0.8.3",
71
+ "@zohodesk/a11y": "1.3.7"
72
+ },
73
+ "react-cli": {
74
+ "preprocess": {
75
+ "runner": "./preprocess/index.js"
76
+ },
77
+ "css": {
78
+ "plugins": {
79
+ "hasRTL": true
80
+ },
81
+ "exclude": {
82
+ "rtl": [
83
+ "@zohodesk/icons",
84
+ "@zohodesk/variables"
85
+ ]
86
+ }
87
+ },
88
+ "docs": {
89
+ "plugins": {
90
+ "hasRTL": true
91
+ },
92
+ "exclude": {
93
+ "rtl": [
94
+ "@zohodesk/icons",
95
+ "@zohodesk/variables"
96
+ ]
97
+ },
98
+ "disableES5Transpile": true,
99
+ "componentFolder": "./src",
100
+ "cssUniqueness": "false"
101
+ }
102
+ }
103
103
  }