@zohodesk/components 1.0.0-alpha-252 → 1.0.0-alpha-253

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