@zohodesk/components 1.0.0-temp-84 → 1.0.0-temp-108

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 (236) hide show
  1. package/assets/Appearance/dark/mode/darkMode.module.css +11 -11
  2. package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +5 -5
  3. package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +5 -5
  4. package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +5 -5
  5. package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +5 -5
  6. package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +5 -5
  7. package/assets/Appearance/default/mode/defaultMode.module.css +10 -10
  8. package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +5 -5
  9. package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +5 -5
  10. package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +5 -5
  11. package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +5 -5
  12. package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +5 -5
  13. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +13 -13
  14. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +5 -5
  15. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +5 -5
  16. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +5 -5
  17. package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +5 -5
  18. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +5 -5
  19. package/css_error.log +5 -0
  20. package/es/index.js +107 -106
  21. package/lib/index.js +1 -842
  22. package/package.json +4 -4
  23. package/es/Accordion/docs/Accordion__Demo.docs.js +0 -78
  24. package/es/Animation/docs/Animation__default.docs.js +0 -32
  25. package/es/Animation/docs/Animation__fadeIn.docs.js +0 -32
  26. package/es/Animation/docs/Animation__scaleIn.docs.js +0 -32
  27. package/es/Animation/docs/Animation__skewIn.docs.js +0 -32
  28. package/es/Animation/docs/Animation__slideDown.docs.js +0 -32
  29. package/es/Animation/docs/Animation__slideLeft.docs.js +0 -32
  30. package/es/Animation/docs/Animation__zoomIn.docs.js +0 -32
  31. package/es/AppContainer/docs/AppContainer__default.docs.js +0 -18
  32. package/es/Avatar/docs/Avatar__custom.docs.js +0 -27
  33. package/es/Avatar/docs/Avatar__default.docs.js +0 -27
  34. package/es/Avatar/docs/Avatar__palette.docs.js +0 -47
  35. package/es/Avatar/docs/Avatar__text.docs.js +0 -26
  36. package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -71
  37. package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -29
  38. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -48
  39. package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -47
  40. package/es/Button/docs/Button__custom.docs.js +0 -769
  41. package/es/Button/docs/Button__default.docs.js +0 -534
  42. package/es/Buttongroup/docs/Buttongroup__custom.docs.js +0 -35
  43. package/es/Buttongroup/docs/Buttongroup__footer.docs.js +0 -31
  44. package/es/Buttongroup/docs/Buttongroup__header.docs.js +0 -40
  45. package/es/Card/docs/Card__Custom.docs.js +0 -32
  46. package/es/Card/docs/Card__Default.docs.js +0 -35
  47. package/es/Card/docs/Card__Scroll.docs.js +0 -56
  48. package/es/CheckBox/docs/CheckBox__custom.docs.js +0 -289
  49. package/es/CheckBox/docs/CheckBox__default.docs.js +0 -215
  50. package/es/DateTime/docs/DateTime__default.docs.js +0 -88
  51. package/es/DateTime/docs/DateWidget__default.docs.js +0 -178
  52. package/es/DateTime/docs/timezonedata.json +0 -1
  53. package/es/DropBox/docs/DropBox__custom.docs.js +0 -64
  54. package/es/DropBox/docs/DropBox__customOrder.docs.js +0 -85
  55. package/es/DropBox/docs/DropBox__fixedPosition.docs.js +0 -84
  56. package/es/DropBox/docs/DropBox__position.docs.js +0 -85
  57. package/es/DropBox/docs/DropBox__size.docs.js +0 -59
  58. package/es/DropDown/docs/DropDownHeading__custom.docs.js +0 -21
  59. package/es/DropDown/docs/DropDownHeading__default.docs.js +0 -19
  60. package/es/Heading/docs/Heading__default.docs.js +0 -19
  61. package/es/Label/docs/Label__clipped.docs.js +0 -25
  62. package/es/Label/docs/Label__custom.docs.js +0 -28
  63. package/es/Label/docs/Label__palette.docs.js +0 -40
  64. package/es/Label/docs/Label__size.docs.js +0 -27
  65. package/es/Label/docs/Label__type.docs.js +0 -35
  66. package/es/Layout/docs/Layout__Hidden.docs.js +0 -76
  67. package/es/Layout/docs/Layout__default.docs.js +0 -48
  68. package/es/Layout/docs/Layout__four_Column.docs.js +0 -78
  69. package/es/Layout/docs/Layout__three_Column.docs.js +0 -75
  70. package/es/Layout/docs/Layout__two_Column.docs.js +0 -68
  71. package/es/LightNightMode/Colors.json +0 -497
  72. package/es/LightNightMode/docs/AlternativeColors.docs.js +0 -92
  73. package/es/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -153
  74. package/es/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -110
  75. package/es/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -89
  76. package/es/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -63
  77. package/es/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -66
  78. package/es/ListItem/docs/ListItemWithIcon__default.docs.js +0 -60
  79. package/es/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -89
  80. package/es/ListItem/docs/ListItemWithRadio__default.docs.js +0 -63
  81. package/es/ListItem/docs/ListItem__custom.docs.js +0 -112
  82. package/es/ListItem/docs/ListItem__default.docs.js +0 -80
  83. package/es/Modal/__docs__/Modal__default.docs.js +0 -42
  84. package/es/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -118
  85. package/es/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -108
  86. package/es/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -137
  87. package/es/MultiSelect/docs/MultiSelect__default.docs.js +0 -156
  88. package/es/PopOver/docs/PopOver__default.docs.js +0 -30
  89. package/es/Provider/docs/Provider_Id__Class.docs.js +0 -28
  90. package/es/Provider/docs/Provider_Id__Function.docs.js +0 -17
  91. package/es/Provider/docs/Provider_Zindex__Class.docs.js +0 -31
  92. package/es/Provider/docs/Provider_Zindex__Function.docs.js +0 -22
  93. package/es/Provider.js +0 -105
  94. package/es/Radio/docs/Radio__custom.docs.js +0 -241
  95. package/es/Radio/docs/Radio__default.docs.js +0 -165
  96. package/es/Responsive/docs/Responsive__Custom.docs.js +0 -214
  97. package/es/Responsive/docs/Responsive__default.docs.js +0 -95
  98. package/es/Responsive/docs/style.module.css +0 -56
  99. package/es/Ribbon/docs/Ribbon__custom.docs.js +0 -385
  100. package/es/Ribbon/docs/Ribbon__default.docs.js +0 -341
  101. package/es/RippleEffect/docs/RippleEffect__default.docs.js +0 -433
  102. package/es/Select/docs/GroupSelect__default.docs.js +0 -144
  103. package/es/Select/docs/SelectWithAvatar__default.docs.js +0 -93
  104. package/es/Select/docs/SelectWithIcon__default.docs.js +0 -134
  105. package/es/Select/docs/Select__default.docs.js +0 -283
  106. package/es/Stencils/docs/Stencils__custom.docs.js +0 -43
  107. package/es/Stencils/docs/Stencils__default.docs.js +0 -48
  108. package/es/Switch/docs/Switch__custom.docs.js +0 -151
  109. package/es/Switch/docs/Switch__default.docs.js +0 -105
  110. package/es/Tab/docs/Tab__default.docs.js +0 -253
  111. package/es/Tab/docs/tabdocs.module.css +0 -29
  112. package/es/Tag/docs/Tag__custom.docs.js +0 -366
  113. package/es/Tag/docs/Tag__default.docs.js +0 -321
  114. package/es/TextBox/docs/TextBox__custom.docs.js +0 -41
  115. package/es/TextBox/docs/TextBox__default.docs.js +0 -38
  116. package/es/TextBox/docs/TextBox__size.docs.js +0 -36
  117. package/es/TextBox/docs/TextBox__variant.docs.js +0 -36
  118. package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -87
  119. package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -59
  120. package/es/Textarea/docs/Textarea__animated.docs.js +0 -39
  121. package/es/Textarea/docs/Textarea__custom.docs.js +0 -80
  122. package/es/Textarea/docs/Textarea__default.docs.js +0 -74
  123. package/es/Textarea/docs/Textarea__disabled.docs.js +0 -27
  124. package/es/Tooltip/docs/Tooltip__default.docs.js +0 -367
  125. package/es/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -92
  126. package/es/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -139
  127. package/es/common/docStyle.module.css +0 -887
  128. package/es/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -65
  129. package/es/semantic/Button/docs/Button__default.docs.js +0 -17
  130. package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -104
  131. package/lib/Animation/docs/Animation__default.docs.js +0 -61
  132. package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -61
  133. package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -61
  134. package/lib/Animation/docs/Animation__skewIn.docs.js +0 -61
  135. package/lib/Animation/docs/Animation__slideDown.docs.js +0 -61
  136. package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -61
  137. package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -61
  138. package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -47
  139. package/lib/Avatar/docs/Avatar__custom.docs.js +0 -62
  140. package/lib/Avatar/docs/Avatar__default.docs.js +0 -60
  141. package/lib/Avatar/docs/Avatar__palette.docs.js +0 -82
  142. package/lib/Avatar/docs/Avatar__text.docs.js +0 -61
  143. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -100
  144. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -58
  145. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -77
  146. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -76
  147. package/lib/Button/docs/Button__custom.docs.js +0 -800
  148. package/lib/Button/docs/Button__default.docs.js +0 -565
  149. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -64
  150. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -60
  151. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -71
  152. package/lib/Card/docs/Card__Custom.docs.js +0 -63
  153. package/lib/Card/docs/Card__Default.docs.js +0 -66
  154. package/lib/Card/docs/Card__Scroll.docs.js +0 -87
  155. package/lib/CheckBox/docs/CheckBox__custom.docs.js +0 -323
  156. package/lib/CheckBox/docs/CheckBox__default.docs.js +0 -249
  157. package/lib/DateTime/docs/DateTime__default.docs.js +0 -119
  158. package/lib/DateTime/docs/DateWidget__default.docs.js +0 -212
  159. package/lib/DateTime/docs/timezonedata.json +0 -1
  160. package/lib/DropBox/docs/DropBox__custom.docs.js +0 -97
  161. package/lib/DropBox/docs/DropBox__customOrder.docs.js +0 -114
  162. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +0 -113
  163. package/lib/DropBox/docs/DropBox__position.docs.js +0 -118
  164. package/lib/DropBox/docs/DropBox__size.docs.js +0 -92
  165. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -50
  166. package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -48
  167. package/lib/Heading/docs/Heading__default.docs.js +0 -50
  168. package/lib/Label/docs/Label__clipped.docs.js +0 -56
  169. package/lib/Label/docs/Label__custom.docs.js +0 -59
  170. package/lib/Label/docs/Label__palette.docs.js +0 -71
  171. package/lib/Label/docs/Label__size.docs.js +0 -58
  172. package/lib/Label/docs/Label__type.docs.js +0 -66
  173. package/lib/Layout/docs/Layout__Hidden.docs.js +0 -105
  174. package/lib/Layout/docs/Layout__default.docs.js +0 -77
  175. package/lib/Layout/docs/Layout__four_Column.docs.js +0 -107
  176. package/lib/Layout/docs/Layout__three_Column.docs.js +0 -104
  177. package/lib/Layout/docs/Layout__two_Column.docs.js +0 -97
  178. package/lib/LightNightMode/Colors.json +0 -497
  179. package/lib/LightNightMode/docs/AlternativeColors.docs.js +0 -128
  180. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -182
  181. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -139
  182. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -118
  183. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -92
  184. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -95
  185. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -89
  186. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -118
  187. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -92
  188. package/lib/ListItem/docs/ListItem__custom.docs.js +0 -141
  189. package/lib/ListItem/docs/ListItem__default.docs.js +0 -109
  190. package/lib/Modal/__docs__/Modal__default.docs.js +0 -65
  191. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -154
  192. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -140
  193. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -165
  194. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +0 -186
  195. package/lib/PopOver/docs/PopOver__default.docs.js +0 -61
  196. package/lib/Provider/docs/Provider_Id__Class.docs.js +0 -56
  197. package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -24
  198. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +0 -59
  199. package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -29
  200. package/lib/Provider.js +0 -134
  201. package/lib/Radio/docs/Radio__custom.docs.js +0 -273
  202. package/lib/Radio/docs/Radio__default.docs.js +0 -197
  203. package/lib/Responsive/docs/Responsive__Custom.docs.js +0 -247
  204. package/lib/Responsive/docs/Responsive__default.docs.js +0 -118
  205. package/lib/Responsive/docs/style.module.css +0 -56
  206. package/lib/Ribbon/docs/Ribbon__custom.docs.js +0 -414
  207. package/lib/Ribbon/docs/Ribbon__default.docs.js +0 -370
  208. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +0 -462
  209. package/lib/Select/docs/GroupSelect__default.docs.js +0 -173
  210. package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -124
  211. package/lib/Select/docs/SelectWithIcon__default.docs.js +0 -165
  212. package/lib/Select/docs/Select__default.docs.js +0 -313
  213. package/lib/Stencils/docs/Stencils__custom.docs.js +0 -72
  214. package/lib/Stencils/docs/Stencils__default.docs.js +0 -77
  215. package/lib/Switch/docs/Switch__custom.docs.js +0 -180
  216. package/lib/Switch/docs/Switch__default.docs.js +0 -134
  217. package/lib/Tab/docs/Tab__default.docs.js +0 -283
  218. package/lib/Tab/docs/tabdocs.module.css +0 -29
  219. package/lib/Tag/docs/Tag__custom.docs.js +0 -397
  220. package/lib/Tag/docs/Tag__default.docs.js +0 -352
  221. package/lib/TextBox/docs/TextBox__custom.docs.js +0 -72
  222. package/lib/TextBox/docs/TextBox__default.docs.js +0 -69
  223. package/lib/TextBox/docs/TextBox__size.docs.js +0 -67
  224. package/lib/TextBox/docs/TextBox__variant.docs.js +0 -67
  225. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -118
  226. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -90
  227. package/lib/Textarea/docs/Textarea__animated.docs.js +0 -70
  228. package/lib/Textarea/docs/Textarea__custom.docs.js +0 -111
  229. package/lib/Textarea/docs/Textarea__default.docs.js +0 -105
  230. package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -58
  231. package/lib/Tooltip/docs/Tooltip__default.docs.js +0 -402
  232. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -123
  233. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -174
  234. package/lib/common/docStyle.module.css +0 -887
  235. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -111
  236. 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
- }