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

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 (234) hide show
  1. package/README.md +4 -0
  2. package/es/ListItem/ListContainer.js +123 -0
  3. package/es/ListItem/ListItem.js +23 -31
  4. package/es/ListItem/ListItemWithAvatar.js +21 -27
  5. package/es/ListItem/ListItemWithCheckBox.js +23 -29
  6. package/es/ListItem/ListItemWithIcon.js +26 -26
  7. package/es/ListItem/ListItemWithRadio.js +24 -31
  8. package/lib/ListItem/ListContainer.js +132 -0
  9. package/lib/ListItem/ListItem.js +25 -32
  10. package/lib/ListItem/ListItemWithAvatar.js +23 -28
  11. package/lib/ListItem/ListItemWithCheckBox.js +24 -27
  12. package/lib/ListItem/ListItemWithIcon.js +27 -26
  13. package/lib/ListItem/ListItemWithRadio.js +26 -27
  14. package/package.json +3 -3
  15. package/README_Beta.md +0 -2
  16. package/__testUtils__/globals.js +0 -46
  17. package/__testUtils__/moduleMapKey.json +0 -138
  18. package/dubFinder.js +0 -96
  19. package/es/Accordion/docs/Accordion__Demo.docs.js +0 -80
  20. package/es/Animation/docs/Animation__default.docs.js +0 -34
  21. package/es/Animation/docs/Animation__fadeIn.docs.js +0 -34
  22. package/es/Animation/docs/Animation__scaleIn.docs.js +0 -34
  23. package/es/Animation/docs/Animation__skewIn.docs.js +0 -34
  24. package/es/Animation/docs/Animation__slideDown.docs.js +0 -34
  25. package/es/Animation/docs/Animation__slideLeft.docs.js +0 -34
  26. package/es/Animation/docs/Animation__zoomIn.docs.js +0 -34
  27. package/es/AppContainer/docs/AppContainer__default.docs.js +0 -20
  28. package/es/Avatar/docs/Avatar__custom.docs.js +0 -29
  29. package/es/Avatar/docs/Avatar__default.docs.js +0 -29
  30. package/es/Avatar/docs/Avatar__palette.docs.js +0 -49
  31. package/es/Avatar/docs/Avatar__text.docs.js +0 -28
  32. package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -73
  33. package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -31
  34. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -50
  35. package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -49
  36. package/es/Button/docs/Button__custom.docs.js +0 -771
  37. package/es/Button/docs/Button__default.docs.js +0 -536
  38. package/es/Buttongroup/docs/Buttongroup__custom.docs.js +0 -37
  39. package/es/Buttongroup/docs/Buttongroup__footer.docs.js +0 -33
  40. package/es/Buttongroup/docs/Buttongroup__header.docs.js +0 -42
  41. package/es/Card/docs/Card__Custom.docs.js +0 -34
  42. package/es/Card/docs/Card__Default.docs.js +0 -37
  43. package/es/Card/docs/Card__Scroll.docs.js +0 -59
  44. package/es/CheckBox/docs/CheckBox__custom.docs.js +0 -293
  45. package/es/CheckBox/docs/CheckBox__default.docs.js +0 -219
  46. package/es/DateTime/docs/DateTime__default.docs.js +0 -91
  47. package/es/DateTime/docs/DateWidget__default.docs.js +0 -183
  48. package/es/DateTime/docs/timezonedata.json +0 -1
  49. package/es/DropBox/docs/DropBox__custom.docs.js +0 -66
  50. package/es/DropBox/docs/DropBox__customOrder.docs.js +0 -92
  51. package/es/DropBox/docs/DropBox__fixedPosition.docs.js +0 -91
  52. package/es/DropBox/docs/DropBox__position.docs.js +0 -87
  53. package/es/DropBox/docs/DropBox__size.docs.js +0 -61
  54. package/es/DropDown/docs/DropDownHeading__custom.docs.js +0 -23
  55. package/es/DropDown/docs/DropDownHeading__default.docs.js +0 -21
  56. package/es/Label/docs/Label__clipped.docs.js +0 -27
  57. package/es/Label/docs/Label__custom.docs.js +0 -30
  58. package/es/Label/docs/Label__palette.docs.js +0 -42
  59. package/es/Label/docs/Label__size.docs.js +0 -29
  60. package/es/Label/docs/Label__type.docs.js +0 -37
  61. package/es/Layout/docs/Layout__Hidden.docs.js +0 -77
  62. package/es/Layout/docs/Layout__default.docs.js +0 -49
  63. package/es/Layout/docs/Layout__four_Column.docs.js +0 -85
  64. package/es/Layout/docs/Layout__three_Column.docs.js +0 -76
  65. package/es/Layout/docs/Layout__two_Column.docs.js +0 -69
  66. package/es/LightNightMode/docs/AlternativeColors.docs.js +0 -74
  67. package/es/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -155
  68. package/es/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -112
  69. package/es/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -91
  70. package/es/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -65
  71. package/es/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -68
  72. package/es/ListItem/docs/ListItemWithIcon__default.docs.js +0 -62
  73. package/es/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -91
  74. package/es/ListItem/docs/ListItemWithRadio__default.docs.js +0 -65
  75. package/es/ListItem/docs/ListItem__custom.docs.js +0 -114
  76. package/es/ListItem/docs/ListItem__default.docs.js +0 -82
  77. package/es/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -125
  78. package/es/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -114
  79. package/es/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -141
  80. package/es/MultiSelect/docs/MultiSelect__default.docs.js +0 -161
  81. package/es/PopOver/docs/PopOver__default.docs.js +0 -32
  82. package/es/Provider/docs/Provider_Id__Class.docs.js +0 -29
  83. package/es/Provider/docs/Provider_Id__Function.docs.js +0 -18
  84. package/es/Provider/docs/Provider_Zindex__Class.docs.js +0 -32
  85. package/es/Provider/docs/Provider_Zindex__Function.docs.js +0 -23
  86. package/es/Radio/docs/Radio__custom.docs.js +0 -245
  87. package/es/Radio/docs/Radio__default.docs.js +0 -169
  88. package/es/Responsive/docs/Responsive__Custom.docs.js +0 -206
  89. package/es/Responsive/docs/Responsive__default.docs.js +0 -97
  90. package/es/Responsive/docs/style.module.css +0 -56
  91. package/es/Ribbon/docs/Ribbon__custom.docs.js +0 -386
  92. package/es/Ribbon/docs/Ribbon__default.docs.js +0 -342
  93. package/es/RippleEffect/docs/RippleEffect__default.docs.js +0 -435
  94. package/es/Select/docs/GroupSelect__default.docs.js +0 -149
  95. package/es/Select/docs/SelectWithAvatar__default.docs.js +0 -97
  96. package/es/Select/docs/SelectWithIcon__default.docs.js +0 -138
  97. package/es/Select/docs/Select__default.docs.js +0 -288
  98. package/es/Stencils/docs/Stencils__custom.docs.js +0 -45
  99. package/es/Stencils/docs/Stencils__default.docs.js +0 -50
  100. package/es/Switch/docs/Switch__custom.docs.js +0 -153
  101. package/es/Switch/docs/Switch__default.docs.js +0 -107
  102. package/es/Tab/docs/Tab__default.docs.js +0 -258
  103. package/es/Tab/docs/tabdocs.module.css +0 -29
  104. package/es/Tag/docs/Tag__custom.docs.js +0 -368
  105. package/es/Tag/docs/Tag__default.docs.js +0 -253
  106. package/es/TextBox/docs/TextBox__custom.docs.js +0 -43
  107. package/es/TextBox/docs/TextBox__default.docs.js +0 -40
  108. package/es/TextBox/docs/TextBox__size.docs.js +0 -38
  109. package/es/TextBox/docs/TextBox__variant.docs.js +0 -38
  110. package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -89
  111. package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -61
  112. package/es/Textarea/docs/Textarea__animated.docs.js +0 -41
  113. package/es/Textarea/docs/Textarea__custom.docs.js +0 -82
  114. package/es/Textarea/docs/Textarea__default.docs.js +0 -76
  115. package/es/Textarea/docs/Textarea__disabled.docs.js +0 -29
  116. package/es/Tooltip/docs/Tooltip__default.docs.js +0 -332
  117. package/es/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -97
  118. package/es/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -150
  119. package/es/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -139
  120. package/es/beta/FocusRing/docs/FocusRing__default.docs.js +0 -48
  121. package/es/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -72
  122. package/es/semantic/Button/docs/Button__default.docs.js +0 -20
  123. package/externalDocsBuild.js +0 -21
  124. package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -126
  125. package/lib/Animation/docs/Animation__default.docs.js +0 -85
  126. package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -85
  127. package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -85
  128. package/lib/Animation/docs/Animation__skewIn.docs.js +0 -85
  129. package/lib/Animation/docs/Animation__slideDown.docs.js +0 -85
  130. package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -85
  131. package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -85
  132. package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -70
  133. package/lib/Avatar/docs/Avatar__custom.docs.js +0 -87
  134. package/lib/Avatar/docs/Avatar__default.docs.js +0 -83
  135. package/lib/Avatar/docs/Avatar__palette.docs.js +0 -107
  136. package/lib/Avatar/docs/Avatar__text.docs.js +0 -86
  137. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -124
  138. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -82
  139. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -101
  140. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -100
  141. package/lib/Button/docs/Button__custom.docs.js +0 -826
  142. package/lib/Button/docs/Button__default.docs.js +0 -590
  143. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -89
  144. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -85
  145. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -98
  146. package/lib/Card/docs/Card__Custom.docs.js +0 -90
  147. package/lib/Card/docs/Card__Default.docs.js +0 -92
  148. package/lib/Card/docs/Card__Scroll.docs.js +0 -114
  149. package/lib/CheckBox/docs/CheckBox__custom.docs.js +0 -348
  150. package/lib/CheckBox/docs/CheckBox__default.docs.js +0 -273
  151. package/lib/DateTime/docs/DateTime__default.docs.js +0 -142
  152. package/lib/DateTime/docs/DateWidget__default.docs.js +0 -240
  153. package/lib/DateTime/docs/timezonedata.json +0 -1
  154. package/lib/DropBox/docs/DropBox__custom.docs.js +0 -122
  155. package/lib/DropBox/docs/DropBox__customOrder.docs.js +0 -141
  156. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +0 -140
  157. package/lib/DropBox/docs/DropBox__position.docs.js +0 -142
  158. package/lib/DropBox/docs/DropBox__size.docs.js +0 -116
  159. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -73
  160. package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -70
  161. package/lib/Label/docs/Label__clipped.docs.js +0 -81
  162. package/lib/Label/docs/Label__custom.docs.js +0 -85
  163. package/lib/Label/docs/Label__palette.docs.js +0 -96
  164. package/lib/Label/docs/Label__size.docs.js +0 -83
  165. package/lib/Label/docs/Label__type.docs.js +0 -91
  166. package/lib/Layout/docs/Layout__Hidden.docs.js +0 -127
  167. package/lib/Layout/docs/Layout__default.docs.js +0 -98
  168. package/lib/Layout/docs/Layout__four_Column.docs.js +0 -135
  169. package/lib/Layout/docs/Layout__three_Column.docs.js +0 -126
  170. package/lib/Layout/docs/Layout__two_Column.docs.js +0 -119
  171. package/lib/LightNightMode/docs/AlternativeColors.docs.js +0 -131
  172. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -206
  173. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -162
  174. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -142
  175. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -115
  176. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -119
  177. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -112
  178. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -142
  179. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -115
  180. package/lib/ListItem/docs/ListItem__custom.docs.js +0 -164
  181. package/lib/ListItem/docs/ListItem__default.docs.js +0 -131
  182. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -177
  183. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -165
  184. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -191
  185. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +0 -214
  186. package/lib/PopOver/docs/PopOver__default.docs.js +0 -86
  187. package/lib/Provider/docs/Provider_Id__Class.docs.js +0 -77
  188. package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -29
  189. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +0 -80
  190. package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -34
  191. package/lib/Radio/docs/Radio__custom.docs.js +0 -299
  192. package/lib/Radio/docs/Radio__default.docs.js +0 -222
  193. package/lib/Responsive/docs/Responsive__Custom.docs.js +0 -272
  194. package/lib/Responsive/docs/Responsive__default.docs.js +0 -142
  195. package/lib/Responsive/docs/style.module.css +0 -56
  196. package/lib/Ribbon/docs/Ribbon__custom.docs.js +0 -437
  197. package/lib/Ribbon/docs/Ribbon__default.docs.js +0 -392
  198. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +0 -484
  199. package/lib/Select/docs/GroupSelect__default.docs.js +0 -199
  200. package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -152
  201. package/lib/Select/docs/SelectWithIcon__default.docs.js +0 -190
  202. package/lib/Select/docs/Select__default.docs.js +0 -340
  203. package/lib/Stencils/docs/Stencils__custom.docs.js +0 -96
  204. package/lib/Stencils/docs/Stencils__default.docs.js +0 -101
  205. package/lib/Switch/docs/Switch__custom.docs.js +0 -203
  206. package/lib/Switch/docs/Switch__default.docs.js +0 -156
  207. package/lib/Tab/docs/Tab__default.docs.js +0 -308
  208. package/lib/Tab/docs/tabdocs.module.css +0 -29
  209. package/lib/Tag/docs/Tag__custom.docs.js +0 -423
  210. package/lib/Tag/docs/Tag__default.docs.js +0 -307
  211. package/lib/TextBox/docs/TextBox__custom.docs.js +0 -98
  212. package/lib/TextBox/docs/TextBox__default.docs.js +0 -95
  213. package/lib/TextBox/docs/TextBox__size.docs.js +0 -93
  214. package/lib/TextBox/docs/TextBox__variant.docs.js +0 -93
  215. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -145
  216. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -117
  217. package/lib/Textarea/docs/Textarea__animated.docs.js +0 -95
  218. package/lib/Textarea/docs/Textarea__custom.docs.js +0 -137
  219. package/lib/Textarea/docs/Textarea__default.docs.js +0 -130
  220. package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -83
  221. package/lib/Tooltip/docs/Tooltip__default.docs.js +0 -391
  222. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -150
  223. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -206
  224. package/lib/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -191
  225. package/lib/beta/FocusRing/docs/FocusRing__default.docs.js +0 -101
  226. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -145
  227. package/lib/semantic/Button/docs/Button__default.docs.js +0 -66
  228. package/preprocess/componentAppearanceColors.js +0 -67
  229. package/preprocess/componentThemeColors.js +0 -123
  230. package/preprocess/ctaThemeColors.js +0 -101
  231. package/preprocess/index.js +0 -3
  232. package/preprocess/json/componentAppearanceVariableJson.js +0 -1346
  233. package/preprocess/json/componentThemeVariableJson.js +0 -242
  234. 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
- }