@zohodesk/components 1.0.0-alpha-225 → 1.0.0-alpha-228

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 (296) hide show
  1. package/README.md +20 -0
  2. package/assets/Appearance/dark/mode/darkMode.module.css +2 -0
  3. package/assets/Appearance/default/mode/defaultMode.module.css +2 -0
  4. package/es/Animation/Animation.js +7 -8
  5. package/es/Avatar/Avatar.js +10 -10
  6. package/es/Button/Button.js +15 -16
  7. package/es/Button/Button.module.css +6 -2
  8. package/es/Card/Card.js +4 -5
  9. package/es/DateTime/DateWidget.module.css +0 -4
  10. package/es/DropBox/DropBox.js +2 -2
  11. package/es/ListItem/ListContainer.js +118 -0
  12. package/es/ListItem/ListItem.js +23 -31
  13. package/es/ListItem/ListItemWithAvatar.js +21 -27
  14. package/es/ListItem/ListItemWithCheckBox.js +23 -29
  15. package/es/ListItem/ListItemWithIcon.js +26 -26
  16. package/es/ListItem/ListItemWithRadio.js +24 -31
  17. package/es/MultiSelect/AdvancedGroupMultiSelect.js +7 -4
  18. package/es/MultiSelect/AdvancedMultiSelect.js +6 -3
  19. package/es/MultiSelect/AdvancedMultiSelect.module.css +8 -8
  20. package/es/MultiSelect/MultiSelect.js +7 -4
  21. package/es/MultiSelect/MultiSelect.module.css +8 -13
  22. package/es/MultiSelect/MultiSelectWithAvatar.js +6 -3
  23. package/es/MultiSelect/SelectedOptions.js +3 -2
  24. package/es/PopOver/PopOver.js +19 -20
  25. package/es/Popup/Popup.js +1 -1
  26. package/es/Radio/Radio.js +1 -2
  27. package/es/Radio/Radio.module.css +2 -2
  28. package/es/Ribbon/Ribbon.js +8 -8
  29. package/es/RippleEffect/RippleEffect.js +7 -4
  30. package/es/RippleEffect/RippleEffect.module.css +3 -0
  31. package/es/Select/Select.module.css +1 -1
  32. package/es/Select/SelectWithAvatar.js +7 -4
  33. package/es/Stencils/Stencils.js +5 -6
  34. package/es/Tag/Tag.js +10 -4
  35. package/es/Tag/Tag.module.css +14 -11
  36. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  37. package/es/TextBoxIcon/TextBoxIcon.module.css +5 -2
  38. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -1
  39. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +1 -1
  40. package/lib/Animation/Animation.js +7 -8
  41. package/lib/Avatar/Avatar.js +10 -10
  42. package/lib/Button/Button.js +15 -16
  43. package/lib/Button/Button.module.css +6 -2
  44. package/lib/Card/Card.js +4 -5
  45. package/lib/DateTime/DateWidget.module.css +0 -4
  46. package/lib/DropBox/DropBox.js +6 -2
  47. package/lib/ListItem/ListContainer.js +127 -0
  48. package/lib/ListItem/ListItem.js +25 -32
  49. package/lib/ListItem/ListItemWithAvatar.js +23 -28
  50. package/lib/ListItem/ListItemWithCheckBox.js +24 -27
  51. package/lib/ListItem/ListItemWithIcon.js +27 -26
  52. package/lib/ListItem/ListItemWithRadio.js +26 -27
  53. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +7 -4
  54. package/lib/MultiSelect/AdvancedMultiSelect.js +6 -3
  55. package/lib/MultiSelect/AdvancedMultiSelect.module.css +8 -8
  56. package/lib/MultiSelect/MultiSelect.js +7 -4
  57. package/lib/MultiSelect/MultiSelect.module.css +8 -13
  58. package/lib/MultiSelect/MultiSelectWithAvatar.js +6 -3
  59. package/lib/MultiSelect/SelectedOptions.js +3 -2
  60. package/lib/PopOver/PopOver.js +19 -20
  61. package/lib/Popup/Popup.js +32 -29
  62. package/lib/Radio/Radio.js +1 -3
  63. package/lib/Radio/Radio.module.css +2 -2
  64. package/lib/Ribbon/Ribbon.js +8 -8
  65. package/lib/RippleEffect/RippleEffect.js +7 -4
  66. package/lib/RippleEffect/RippleEffect.module.css +3 -0
  67. package/lib/Select/Select.module.css +1 -1
  68. package/lib/Select/SelectWithAvatar.js +7 -4
  69. package/lib/Stencils/Stencils.js +5 -6
  70. package/lib/Tag/Tag.js +10 -4
  71. package/lib/Tag/Tag.module.css +14 -11
  72. package/lib/TextBoxIcon/TextBoxIcon.js +1 -1
  73. package/lib/TextBoxIcon/TextBoxIcon.module.css +5 -2
  74. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +5 -3
  75. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +5 -3
  76. package/package.json +3 -3
  77. package/README_Beta.md +0 -2
  78. package/__testUtils__/globals.js +0 -46
  79. package/__testUtils__/moduleMapKey.json +0 -138
  80. package/dubFinder.js +0 -96
  81. package/es/Accordion/docs/Accordion__Demo.docs.js +0 -80
  82. package/es/Animation/docs/Animation__default.docs.js +0 -34
  83. package/es/Animation/docs/Animation__fadeIn.docs.js +0 -34
  84. package/es/Animation/docs/Animation__scaleIn.docs.js +0 -34
  85. package/es/Animation/docs/Animation__skewIn.docs.js +0 -34
  86. package/es/Animation/docs/Animation__slideDown.docs.js +0 -34
  87. package/es/Animation/docs/Animation__slideLeft.docs.js +0 -34
  88. package/es/Animation/docs/Animation__zoomIn.docs.js +0 -34
  89. package/es/AppContainer/docs/AppContainer__default.docs.js +0 -20
  90. package/es/Avatar/docs/Avatar__custom.docs.js +0 -29
  91. package/es/Avatar/docs/Avatar__default.docs.js +0 -29
  92. package/es/Avatar/docs/Avatar__palette.docs.js +0 -49
  93. package/es/Avatar/docs/Avatar__text.docs.js +0 -28
  94. package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -73
  95. package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -31
  96. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -50
  97. package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -49
  98. package/es/Button/docs/Button__custom.docs.js +0 -771
  99. package/es/Button/docs/Button__default.docs.js +0 -536
  100. package/es/Buttongroup/docs/Buttongroup__custom.docs.js +0 -37
  101. package/es/Buttongroup/docs/Buttongroup__footer.docs.js +0 -33
  102. package/es/Buttongroup/docs/Buttongroup__header.docs.js +0 -42
  103. package/es/Card/docs/Card__Custom.docs.js +0 -34
  104. package/es/Card/docs/Card__Default.docs.js +0 -37
  105. package/es/Card/docs/Card__Scroll.docs.js +0 -59
  106. package/es/CheckBox/docs/CheckBox__custom.docs.js +0 -293
  107. package/es/CheckBox/docs/CheckBox__default.docs.js +0 -219
  108. package/es/DateTime/docs/DateTime__default.docs.js +0 -91
  109. package/es/DateTime/docs/DateWidget__default.docs.js +0 -183
  110. package/es/DateTime/docs/timezonedata.json +0 -1
  111. package/es/DropBox/docs/DropBox__custom.docs.js +0 -66
  112. package/es/DropBox/docs/DropBox__customOrder.docs.js +0 -92
  113. package/es/DropBox/docs/DropBox__fixedPosition.docs.js +0 -91
  114. package/es/DropBox/docs/DropBox__position.docs.js +0 -87
  115. package/es/DropBox/docs/DropBox__size.docs.js +0 -61
  116. package/es/DropDown/docs/DropDownHeading__custom.docs.js +0 -23
  117. package/es/DropDown/docs/DropDownHeading__default.docs.js +0 -21
  118. package/es/Label/docs/Label__clipped.docs.js +0 -27
  119. package/es/Label/docs/Label__custom.docs.js +0 -30
  120. package/es/Label/docs/Label__palette.docs.js +0 -42
  121. package/es/Label/docs/Label__size.docs.js +0 -29
  122. package/es/Label/docs/Label__type.docs.js +0 -37
  123. package/es/Layout/docs/Layout__Hidden.docs.js +0 -77
  124. package/es/Layout/docs/Layout__default.docs.js +0 -49
  125. package/es/Layout/docs/Layout__four_Column.docs.js +0 -85
  126. package/es/Layout/docs/Layout__three_Column.docs.js +0 -76
  127. package/es/Layout/docs/Layout__two_Column.docs.js +0 -69
  128. package/es/LightNightMode/docs/AlternativeColors.docs.js +0 -74
  129. package/es/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -155
  130. package/es/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -112
  131. package/es/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -91
  132. package/es/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -65
  133. package/es/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -68
  134. package/es/ListItem/docs/ListItemWithIcon__default.docs.js +0 -62
  135. package/es/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -91
  136. package/es/ListItem/docs/ListItemWithRadio__default.docs.js +0 -65
  137. package/es/ListItem/docs/ListItem__custom.docs.js +0 -114
  138. package/es/ListItem/docs/ListItem__default.docs.js +0 -82
  139. package/es/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -125
  140. package/es/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -114
  141. package/es/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -141
  142. package/es/MultiSelect/docs/MultiSelect__default.docs.js +0 -161
  143. package/es/PopOver/docs/PopOver__default.docs.js +0 -32
  144. package/es/Provider/docs/Provider_Id__Class.docs.js +0 -29
  145. package/es/Provider/docs/Provider_Id__Function.docs.js +0 -18
  146. package/es/Provider/docs/Provider_Zindex__Class.docs.js +0 -32
  147. package/es/Provider/docs/Provider_Zindex__Function.docs.js +0 -23
  148. package/es/Radio/docs/Radio__custom.docs.js +0 -245
  149. package/es/Radio/docs/Radio__default.docs.js +0 -169
  150. package/es/Responsive/docs/Responsive__Custom.docs.js +0 -206
  151. package/es/Responsive/docs/Responsive__default.docs.js +0 -97
  152. package/es/Responsive/docs/style.module.css +0 -56
  153. package/es/Ribbon/docs/Ribbon__custom.docs.js +0 -386
  154. package/es/Ribbon/docs/Ribbon__default.docs.js +0 -342
  155. package/es/RippleEffect/docs/RippleEffect__default.docs.js +0 -435
  156. package/es/Select/docs/GroupSelect__default.docs.js +0 -149
  157. package/es/Select/docs/SelectWithAvatar__default.docs.js +0 -97
  158. package/es/Select/docs/SelectWithIcon__default.docs.js +0 -138
  159. package/es/Select/docs/Select__default.docs.js +0 -288
  160. package/es/Stencils/docs/Stencils__custom.docs.js +0 -45
  161. package/es/Stencils/docs/Stencils__default.docs.js +0 -50
  162. package/es/Switch/docs/Switch__custom.docs.js +0 -153
  163. package/es/Switch/docs/Switch__default.docs.js +0 -107
  164. package/es/Tab/docs/Tab__default.docs.js +0 -258
  165. package/es/Tab/docs/tabdocs.module.css +0 -29
  166. package/es/Tag/docs/Tag__custom.docs.js +0 -368
  167. package/es/Tag/docs/Tag__default.docs.js +0 -253
  168. package/es/TextBox/docs/TextBox__custom.docs.js +0 -43
  169. package/es/TextBox/docs/TextBox__default.docs.js +0 -40
  170. package/es/TextBox/docs/TextBox__size.docs.js +0 -38
  171. package/es/TextBox/docs/TextBox__variant.docs.js +0 -38
  172. package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -89
  173. package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -61
  174. package/es/Textarea/docs/Textarea__animated.docs.js +0 -41
  175. package/es/Textarea/docs/Textarea__custom.docs.js +0 -82
  176. package/es/Textarea/docs/Textarea__default.docs.js +0 -76
  177. package/es/Textarea/docs/Textarea__disabled.docs.js +0 -29
  178. package/es/Tooltip/docs/Tooltip__default.docs.js +0 -332
  179. package/es/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -97
  180. package/es/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -150
  181. package/es/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -139
  182. package/es/beta/FocusRing/docs/FocusRing__default.docs.js +0 -48
  183. package/es/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -72
  184. package/es/semantic/Button/docs/Button__default.docs.js +0 -20
  185. package/externalDocsBuild.js +0 -21
  186. package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -126
  187. package/lib/Animation/docs/Animation__default.docs.js +0 -85
  188. package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -85
  189. package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -85
  190. package/lib/Animation/docs/Animation__skewIn.docs.js +0 -85
  191. package/lib/Animation/docs/Animation__slideDown.docs.js +0 -85
  192. package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -85
  193. package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -85
  194. package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -70
  195. package/lib/Avatar/docs/Avatar__custom.docs.js +0 -87
  196. package/lib/Avatar/docs/Avatar__default.docs.js +0 -83
  197. package/lib/Avatar/docs/Avatar__palette.docs.js +0 -107
  198. package/lib/Avatar/docs/Avatar__text.docs.js +0 -86
  199. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -124
  200. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -82
  201. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -101
  202. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -100
  203. package/lib/Button/docs/Button__custom.docs.js +0 -826
  204. package/lib/Button/docs/Button__default.docs.js +0 -590
  205. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -89
  206. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -85
  207. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -98
  208. package/lib/Card/docs/Card__Custom.docs.js +0 -90
  209. package/lib/Card/docs/Card__Default.docs.js +0 -92
  210. package/lib/Card/docs/Card__Scroll.docs.js +0 -114
  211. package/lib/CheckBox/docs/CheckBox__custom.docs.js +0 -348
  212. package/lib/CheckBox/docs/CheckBox__default.docs.js +0 -273
  213. package/lib/DateTime/docs/DateTime__default.docs.js +0 -142
  214. package/lib/DateTime/docs/DateWidget__default.docs.js +0 -240
  215. package/lib/DateTime/docs/timezonedata.json +0 -1
  216. package/lib/DropBox/docs/DropBox__custom.docs.js +0 -122
  217. package/lib/DropBox/docs/DropBox__customOrder.docs.js +0 -141
  218. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +0 -140
  219. package/lib/DropBox/docs/DropBox__position.docs.js +0 -142
  220. package/lib/DropBox/docs/DropBox__size.docs.js +0 -116
  221. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -73
  222. package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -70
  223. package/lib/Label/docs/Label__clipped.docs.js +0 -81
  224. package/lib/Label/docs/Label__custom.docs.js +0 -85
  225. package/lib/Label/docs/Label__palette.docs.js +0 -96
  226. package/lib/Label/docs/Label__size.docs.js +0 -83
  227. package/lib/Label/docs/Label__type.docs.js +0 -91
  228. package/lib/Layout/docs/Layout__Hidden.docs.js +0 -127
  229. package/lib/Layout/docs/Layout__default.docs.js +0 -98
  230. package/lib/Layout/docs/Layout__four_Column.docs.js +0 -135
  231. package/lib/Layout/docs/Layout__three_Column.docs.js +0 -126
  232. package/lib/Layout/docs/Layout__two_Column.docs.js +0 -119
  233. package/lib/LightNightMode/docs/AlternativeColors.docs.js +0 -131
  234. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -206
  235. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -162
  236. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -142
  237. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -115
  238. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -119
  239. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -112
  240. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -142
  241. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -115
  242. package/lib/ListItem/docs/ListItem__custom.docs.js +0 -164
  243. package/lib/ListItem/docs/ListItem__default.docs.js +0 -131
  244. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -177
  245. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -165
  246. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -191
  247. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +0 -214
  248. package/lib/PopOver/docs/PopOver__default.docs.js +0 -86
  249. package/lib/Provider/docs/Provider_Id__Class.docs.js +0 -77
  250. package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -29
  251. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +0 -80
  252. package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -34
  253. package/lib/Radio/docs/Radio__custom.docs.js +0 -299
  254. package/lib/Radio/docs/Radio__default.docs.js +0 -222
  255. package/lib/Responsive/docs/Responsive__Custom.docs.js +0 -272
  256. package/lib/Responsive/docs/Responsive__default.docs.js +0 -142
  257. package/lib/Responsive/docs/style.module.css +0 -56
  258. package/lib/Ribbon/docs/Ribbon__custom.docs.js +0 -437
  259. package/lib/Ribbon/docs/Ribbon__default.docs.js +0 -392
  260. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +0 -484
  261. package/lib/Select/docs/GroupSelect__default.docs.js +0 -199
  262. package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -152
  263. package/lib/Select/docs/SelectWithIcon__default.docs.js +0 -190
  264. package/lib/Select/docs/Select__default.docs.js +0 -340
  265. package/lib/Stencils/docs/Stencils__custom.docs.js +0 -96
  266. package/lib/Stencils/docs/Stencils__default.docs.js +0 -101
  267. package/lib/Switch/docs/Switch__custom.docs.js +0 -203
  268. package/lib/Switch/docs/Switch__default.docs.js +0 -156
  269. package/lib/Tab/docs/Tab__default.docs.js +0 -308
  270. package/lib/Tab/docs/tabdocs.module.css +0 -29
  271. package/lib/Tag/docs/Tag__custom.docs.js +0 -423
  272. package/lib/Tag/docs/Tag__default.docs.js +0 -307
  273. package/lib/TextBox/docs/TextBox__custom.docs.js +0 -98
  274. package/lib/TextBox/docs/TextBox__default.docs.js +0 -95
  275. package/lib/TextBox/docs/TextBox__size.docs.js +0 -93
  276. package/lib/TextBox/docs/TextBox__variant.docs.js +0 -93
  277. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -145
  278. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -117
  279. package/lib/Textarea/docs/Textarea__animated.docs.js +0 -95
  280. package/lib/Textarea/docs/Textarea__custom.docs.js +0 -137
  281. package/lib/Textarea/docs/Textarea__default.docs.js +0 -130
  282. package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -83
  283. package/lib/Tooltip/docs/Tooltip__default.docs.js +0 -391
  284. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -150
  285. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -206
  286. package/lib/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -191
  287. package/lib/beta/FocusRing/docs/FocusRing__default.docs.js +0 -101
  288. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -145
  289. package/lib/semantic/Button/docs/Button__default.docs.js +0 -66
  290. package/preprocess/componentAppearanceColors.js +0 -67
  291. package/preprocess/componentThemeColors.js +0 -123
  292. package/preprocess/ctaThemeColors.js +0 -101
  293. package/preprocess/index.js +0 -3
  294. package/preprocess/json/componentAppearanceVariableJson.js +0 -1346
  295. package/preprocess/json/componentThemeVariableJson.js +0 -242
  296. package/preprocess/json/ctaThemeVariableJson.js +0 -203
@@ -1,423 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- var _Tag = _interopRequireDefault(require("../Tag"));
13
-
14
- var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
15
-
16
- var _docStyleModule = _interopRequireDefault(require("../../common/docStyle.module.css"));
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
-
20
- 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); }
21
-
22
- 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; }
23
-
24
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
25
-
26
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
27
-
28
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
29
-
30
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
31
-
32
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
33
-
34
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
35
-
36
- 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); }
37
-
38
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
39
-
40
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
41
-
42
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
43
-
44
- var Tag__custom = /*#__PURE__*/function (_Component) {
45
- _inherits(Tag__custom, _Component);
46
-
47
- var _super = _createSuper(Tag__custom);
48
-
49
- function Tag__custom() {
50
- _classCallCheck(this, Tag__custom);
51
-
52
- return _super.apply(this, arguments);
53
- }
54
-
55
- _createClass(Tag__custom, [{
56
- key: "render",
57
- value: function render() {
58
- var style = {
59
- margin: '10px'
60
- },
61
- titleStyle = {
62
- fontSize: '13px',
63
- padding: '15px 0',
64
- textTransform: 'upperCase'
65
- },
66
- spanStyle = {
67
- display: 'inline-block',
68
- margin: '10px 10px 10px 0'
69
- };
70
- return /*#__PURE__*/_react["default"].createElement("div", {
71
- style: style
72
- }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
73
- style: titleStyle
74
- }, "Default Tag"), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
75
- style: spanStyle
76
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
77
- text: "Bharathi",
78
- tooltip: "Bharathi Kannan",
79
- customClass: {
80
- customTag: _docStyleModule["default"].customTag
81
- }
82
- })))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
83
- style: titleStyle
84
- }, "Active"), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
85
- style: spanStyle
86
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
87
- customClass: {
88
- customTag: _docStyleModule["default"].customTag
89
- },
90
- text: "Default",
91
- imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
92
- hasAvatar: true,
93
- active: true
94
- })), /*#__PURE__*/_react["default"].createElement("span", {
95
- style: spanStyle
96
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
97
- customClass: {
98
- customTag: _docStyleModule["default"].customTag,
99
- customAvatar: _docStyleModule["default"].tagAvatar
100
- },
101
- text: "Danger",
102
- rounded: false,
103
- initial: "TT",
104
- hasAvatar: true,
105
- active: true,
106
- palette: "danger"
107
- })), /*#__PURE__*/_react["default"].createElement("span", {
108
- style: spanStyle
109
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
110
- customClass: {
111
- customTag: _docStyleModule["default"].customTag,
112
- customAvatar: _docStyleModule["default"].tagAvatar
113
- },
114
- text: "Secondary",
115
- rounded: false,
116
- initial: "TT",
117
- hasAvatar: true,
118
- active: true,
119
- palette: "secondary"
120
- })), /*#__PURE__*/_react["default"].createElement("span", {
121
- style: spanStyle
122
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
123
- customClass: {
124
- customTag: _docStyleModule["default"].customTag,
125
- customTagClose: _docStyleModule["default"].customClose,
126
- customAvatar: _docStyleModule["default"].tagAvatar
127
- },
128
- onRemove: function onRemove() {},
129
- text: "Secondary Active",
130
- rounded: false,
131
- initial: "TT",
132
- hasAvatar: true,
133
- active: true,
134
- palette: "secondary"
135
- })))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
136
- style: titleStyle
137
- }, "Disabled"), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
138
- style: spanStyle
139
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
140
- customClass: {
141
- customTag: _docStyleModule["default"].tagDisabled
142
- },
143
- text: "Bharathi",
144
- disabled: true
145
- })))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
146
- style: titleStyle
147
- }, "Icon Palette"), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
148
- style: spanStyle
149
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
150
- customClass: {
151
- customTag: _docStyleModule["default"].customTag,
152
- customTagClose: _docStyleModule["default"].customClose,
153
- customAvatar: _docStyleModule["default"].tagAvatar
154
- },
155
- text: "Default",
156
- imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
157
- hasAvatar: true,
158
- active: true,
159
- closePalette: "danger",
160
- onRemove: function onRemove() {}
161
- })), /*#__PURE__*/_react["default"].createElement("span", {
162
- style: spanStyle
163
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
164
- customClass: {
165
- customTag: _docStyleModule["default"].customTag,
166
- customTagClose: _docStyleModule["default"].customClose,
167
- customAvatar: _docStyleModule["default"].tagAvatar
168
- },
169
- text: "Danger",
170
- rounded: false,
171
- initial: "TT",
172
- hasAvatar: true,
173
- active: true,
174
- palette: "danger",
175
- closePalette: "primary",
176
- onRemove: function onRemove() {}
177
- })), /*#__PURE__*/_react["default"].createElement("span", {
178
- style: spanStyle
179
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
180
- customClass: {
181
- customTag: _docStyleModule["default"].customTag,
182
- customTagClose: _docStyleModule["default"].customClose,
183
- customAvatar: _docStyleModule["default"].tagAvatar
184
- },
185
- text: "Default",
186
- imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
187
- hasAvatar: true,
188
- active: true,
189
- closePalette: "danger",
190
- onRemove: function onRemove() {}
191
- }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
192
- name: "ZD-open",
193
- isBold: true,
194
- size: "10"
195
- }))))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
196
- style: titleStyle
197
- }, "Palette"), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
198
- style: spanStyle
199
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
200
- customClass: {
201
- customTag: _docStyleModule["default"].customTag,
202
- customAvatar: _docStyleModule["default"].tagAvatar
203
- },
204
- text: "Bharathi",
205
- imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
206
- hasAvatar: true,
207
- palette: "default"
208
- })), /*#__PURE__*/_react["default"].createElement("span", {
209
- style: spanStyle
210
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
211
- customClass: {
212
- customTag: _docStyleModule["default"].customTag,
213
- customAvatar: _docStyleModule["default"].tagAvatar
214
- },
215
- text: "Bharathi",
216
- rounded: false,
217
- initial: "TT",
218
- hasAvatar: true,
219
- palette: "danger"
220
- })), /*#__PURE__*/_react["default"].createElement("span", {
221
- style: spanStyle
222
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
223
- customClass: {
224
- customTag: _docStyleModule["default"].customTag
225
- },
226
- text: "Bharathi",
227
- palette: "secondary"
228
- })), /*#__PURE__*/_react["default"].createElement("span", {
229
- style: spanStyle
230
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
231
- customClass: {
232
- customTag: _docStyleModule["default"].customTag
233
- },
234
- text: "Bharathi",
235
- palette: "pureDotted"
236
- })), /*#__PURE__*/_react["default"].createElement("span", {
237
- style: spanStyle
238
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
239
- customClass: {
240
- customTag: _docStyleModule["default"].customTag
241
- },
242
- text: "Bharathi",
243
- palette: "primaryDotted"
244
- })))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
245
- style: titleStyle
246
- }, "Rounded"), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
247
- style: spanStyle
248
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
249
- customClass: {
250
- customTag: _docStyleModule["default"].customTag,
251
- customTagClose: _docStyleModule["default"].customClose,
252
- customAvatar: _docStyleModule["default"].tagAvatar
253
- },
254
- text: "Bharathi",
255
- onRemove: function onRemove() {},
256
- imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
257
- hasAvatar: true
258
- })), /*#__PURE__*/_react["default"].createElement("span", {
259
- style: spanStyle
260
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
261
- customClass: {
262
- customTag: _docStyleModule["default"].customTag,
263
- customTagClose: _docStyleModule["default"].customClose,
264
- customAvatar: _docStyleModule["default"].tagAvatar
265
- },
266
- text: "Bharathi",
267
- onRemove: function onRemove() {},
268
- rounded: false,
269
- initial: "TT",
270
- hasAvatar: true
271
- })))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
272
- style: titleStyle
273
- }, "Size"), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
274
- style: spanStyle
275
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
276
- customClass: {
277
- customTag: _docStyleModule["default"].customTag,
278
- customTagClose: _docStyleModule["default"].customClose,
279
- customAvatar: _docStyleModule["default"].tagAvatar
280
- },
281
- text: "Medium",
282
- onRemove: function onRemove() {},
283
- imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
284
- hasAvatar: true,
285
- size: "medium"
286
- })), /*#__PURE__*/_react["default"].createElement("span", {
287
- style: spanStyle
288
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
289
- customClass: {
290
- customTag: _docStyleModule["default"].customTag,
291
- customTagClose: _docStyleModule["default"].customClose,
292
- customAvatar: _docStyleModule["default"].tagAvatar
293
- },
294
- text: "Small",
295
- onRemove: function onRemove() {},
296
- initial: "SM",
297
- hasAvatar: true,
298
- size: "small"
299
- })))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
300
- style: titleStyle
301
- }, "With Avatar"), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
302
- style: spanStyle
303
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
304
- customClass: {
305
- customTag: _docStyleModule["default"].customTag,
306
- customAvatar: _docStyleModule["default"].tagAvatar
307
- },
308
- text: "Bharathi",
309
- imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
310
- hasAvatar: true
311
- })), /*#__PURE__*/_react["default"].createElement("span", {
312
- style: spanStyle
313
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
314
- customClass: {
315
- customTag: _docStyleModule["default"].customTag,
316
- customAvatar: _docStyleModule["default"].tagAvatar
317
- },
318
- text: "Bharathi",
319
- initial: "TT",
320
- hasAvatar: true
321
- })), /*#__PURE__*/_react["default"].createElement("span", {
322
- style: {
323
- marginRight: '10px'
324
- }
325
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
326
- customClass: {
327
- customTag: _docStyleModule["default"].customTag,
328
- customAvatar: _docStyleModule["default"].tagAvatar
329
- },
330
- text: "Bharathi",
331
- imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
332
- hasAvatar: true,
333
- rounded: false
334
- })), /*#__PURE__*/_react["default"].createElement("span", {
335
- style: spanStyle
336
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
337
- customClass: {
338
- customTag: _docStyleModule["default"].customTag,
339
- customAvatar: _docStyleModule["default"].tagAvatar
340
- },
341
- text: "Bharathi",
342
- rounded: false,
343
- initial: "TT",
344
- hasAvatar: true
345
- })))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
346
- style: titleStyle
347
- }, "With Close"), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
348
- style: spanStyle
349
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
350
- customClass: {
351
- customTag: _docStyleModule["default"].customTag,
352
- customTagClose: _docStyleModule["default"].customClose
353
- },
354
- text: "Desk",
355
- onRemove: function onRemove() {}
356
- })), /*#__PURE__*/_react["default"].createElement("span", {
357
- style: spanStyle
358
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
359
- customClass: {
360
- customTag: _docStyleModule["default"].customTag,
361
- customTagClose: _docStyleModule["default"].customClose
362
- },
363
- text: "Desk",
364
- onRemove: function onRemove() {},
365
- size: "small"
366
- })), /*#__PURE__*/_react["default"].createElement("span", {
367
- style: spanStyle
368
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
369
- customClass: {
370
- customTag: _docStyleModule["default"].customTag,
371
- customTagClose: _docStyleModule["default"].customClose
372
- },
373
- text: "Desk",
374
- onRemove: function onRemove() {},
375
- rounded: false
376
- })), /*#__PURE__*/_react["default"].createElement("span", {
377
- style: spanStyle
378
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
379
- customClass: {
380
- customTag: _docStyleModule["default"].customTag,
381
- customTagClose: _docStyleModule["default"].customClose
382
- },
383
- text: "Desk",
384
- onRemove: function onRemove() {},
385
- imageURL: "https://iz.zohostatic.com/sites/default/files/styles/product-home-page/public/Desk-logo.png?itok=NW1geavh",
386
- hasAvatar: true,
387
- closePalette: "primary"
388
- })), /*#__PURE__*/_react["default"].createElement("span", {
389
- style: spanStyle
390
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
391
- customClass: {
392
- customTag: _docStyleModule["default"].customTag,
393
- customTagClose: _docStyleModule["default"].customClose
394
- },
395
- text: "Bharathi",
396
- palette: "pureDotted",
397
- onRemove: function onRemove() {}
398
- })), /*#__PURE__*/_react["default"].createElement("span", {
399
- style: spanStyle
400
- }, /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
401
- customClass: {
402
- customTag: _docStyleModule["default"].customTag,
403
- customTagClose: _docStyleModule["default"].customClose
404
- },
405
- text: "Bharathi",
406
- palette: "primaryDotted",
407
- onRemove: function onRemove() {}
408
- })))));
409
- }
410
- }]);
411
-
412
- return Tag__custom;
413
- }(_react.Component);
414
-
415
- exports["default"] = Tag__custom;
416
-
417
- if (false) {
418
- Tag__custom.docs = {
419
- componentGroup: 'Molecule',
420
- folderName: 'Style Guide',
421
- description: ' '
422
- };
423
- }