@zohodesk/dot 1.0.0-temp-86 → 1.0.0-temp-89

package/lib/layout/SubtabLayout/docs/SubtabLayout__default.docs.js

@@ -0,0 +1,118 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = require("../");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+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); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+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); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+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); }; }
+
+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); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var SubtabLayout__default = /*#__PURE__*/function (_React$Component) {
+  _inherits(SubtabLayout__default, _React$Component);
+
+  var _super = _createSuper(SubtabLayout__default);
+
+  function SubtabLayout__default(props) {
+    var _this;
+
+    _classCallCheck(this, SubtabLayout__default);
+
+    _this = _super.call(this, props);
+    _this.state = {
+      needBorder: true,
+      needShadow: false
+    };
+    _this.onScroll = _this.onScroll.bind(_assertThisInitialized(_this));
+    _this.interval = null;
+    return _this;
+  }
+
+  _createClass(SubtabLayout__default, [{
+    key: "onScroll",
+    value: function onScroll() {
+      var _this2 = this;
+
+      this.setState({
+        needBorder: true,
+        needShadow: true
+      });
+      this.interval = null;
+      var intern = setTimeout(function () {
+        clearInterval(_this2.interval);
+
+        _this2.setState({
+          needBorder: true,
+          needShadow: false
+        });
+      }, 500);
+      this.interval = intern;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var boxStyle = {
+        padding: 'var(--zd_size21)'
+      };
+      var _this$state = this.state,
+          needShadow = _this$state.needShadow,
+          needBorder = _this$state.needBorder;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          height: '100vh',
+          width: '100%'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_.SubtabLayout, null, /*#__PURE__*/_react["default"].createElement(_.SubtabHeader, {
+        needShadow: needShadow,
+        needBorder: needBorder
+      }), /*#__PURE__*/_react["default"].createElement(_.SubtabContent, null, /*#__PURE__*/_react["default"].createElement("div", {
+        onScroll: this.onScroll,
+        style: {
+          height: '100%',
+          width: '100%'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: boxStyle
+      }, "box 1"), /*#__PURE__*/_react["default"].createElement("div", {
+        style: boxStyle
+      }, "box 1"), /*#__PURE__*/_react["default"].createElement("div", {
+        style: boxStyle
+      }, "box 2"))), /*#__PURE__*/_react["default"].createElement(_.SubtabFooter, null, "Footer")));
+    }
+  }]);
+
+  return SubtabLayout__default;
+}(_react["default"].Component);
+
+exports["default"] = SubtabLayout__default;
+
+if (false) {
+  SubtabLayout__default.docs = {
+    componentGroup: 'Template'
+  };
+}

package/lib/list/AvatarFlip/AvatarFlip.module.css

@@ -1,3 +1,3 @@
-.iconStyle {
-  color: var(--zdt_avatarflip_default_text);
-}
+.iconStyle {
+  color: var(--zdt_avatarflip_default_text);
+}

package/lib/list/AvatarFlip/docs/AvatarFlip__default.docs.js

@@ -0,0 +1,149 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _AvatarFlip = _interopRequireDefault(require("../AvatarFlip"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+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; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+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); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+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); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+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); }; }
+
+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); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var AvatarFlip__default = /*#__PURE__*/function (_Component) {
+  _inherits(AvatarFlip__default, _Component);
+
+  var _super = _createSuper(AvatarFlip__default);
+
+  function AvatarFlip__default(props) {
+    _classCallCheck(this, AvatarFlip__default);
+
+    return _super.call(this, props);
+  }
+
+  _createClass(AvatarFlip__default, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          padding: '20px'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("h2", {
+        style: {
+          marginBottom: '10px'
+        }
+      }, "Task Module Icon"), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: 'flex'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          marginRight: '15px'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_AvatarFlip["default"], {
+        id: "taskIcon",
+        noNeedFlip: false,
+        size: "xmedium",
+        name: "email",
+        icon: "ZD-taskNone"
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          marginRight: '15px'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_AvatarFlip["default"], {
+        id: "taskMeeting",
+        noNeedFlip: false,
+        size: "xmedium",
+        name: "email",
+        icon: "ZD-taskMeeting"
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          marginRight: '15px'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_AvatarFlip["default"], {
+        id: "taskCall",
+        noNeedFlip: false,
+        size: "xmedium",
+        name: "email",
+        icon: "ZD-taskCall"
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          marginRight: '15px'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_AvatarFlip["default"], {
+        id: "taskDemo",
+        noNeedFlip: false,
+        size: "xmedium",
+        name: "email",
+        icon: "ZD-taskDemo"
+      }))), /*#__PURE__*/_react["default"].createElement("h2", {
+        style: {
+          marginBottom: '10px',
+          marginTop: '10px'
+        }
+      }, "Customers Module Icon"), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: 'flex'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          marginRight: '15px'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_AvatarFlip["default"], {
+        id: "portalUser",
+        noNeedFlip: false,
+        size: "xmedium",
+        name: "Antro J",
+        isPortalUser: true
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          marginRight: '15px'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_AvatarFlip["default"], {
+        id: "paidUser",
+        noNeedFlip: false,
+        size: "xmedium",
+        name: "Antro J",
+        isPaidUser: true
+      }))));
+    }
+  }]);
+
+  return AvatarFlip__default;
+}(_react.Component);
+
+exports["default"] = AvatarFlip__default;
+
+if (false) {
+  AvatarFlip__default.docs = {
+    folderName: 'List',
+    componentGroup: 'AvatarFlip'
+  };
+}

package/lib/list/BluePrintStatus/BluePrintStatus.module.css

@@ -1,17 +1,17 @@
-.container {
-  display: inherit;
-}[dir=ltr] .container {
-  padding-right: var(--zd_size5);
-}[dir=rtl] .container {
-  padding-left: var(--zd_size5);
-}
-/* .danger {
-  color: var(--dot_brightRed);
-}
-.default {
-  color: var(--dot_shuttleGrey);
-} */
-.iconStyle {
-  display: block;
-  font-size: var(--zd_font_size10);
-}
+.container {
+  display: inherit;
+}[dir=ltr] .container {
+  padding-right: var(--zd_size5);
+}[dir=rtl] .container {
+  padding-left: var(--zd_size5);
+}
+/* .danger {
+  color: var(--dot_brightRed);
+}
+.default {
+  color: var(--dot_shuttleGrey);
+} */
+.iconStyle {
+  display: block;
+  font-size: var(--zd_font_size10);
+}

package/lib/list/BluePrintStatus/docs/BluePrintStatus__default.docs.js

@@ -0,0 +1,65 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _BluePrintStatus = _interopRequireDefault(require("../BluePrintStatus"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+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); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+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); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+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); }; }
+
+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); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var BluePrintStatus__default = /*#__PURE__*/function (_React$Component) {
+  _inherits(BluePrintStatus__default, _React$Component);
+
+  var _super = _createSuper(BluePrintStatus__default);
+
+  function BluePrintStatus__default(props) {
+    _classCallCheck(this, BluePrintStatus__default);
+
+    return _super.call(this, props);
+  }
+
+  _createClass(BluePrintStatus__default, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_BluePrintStatus["default"], null);
+    }
+  }]);
+
+  return BluePrintStatus__default;
+}(_react["default"].Component);
+
+exports["default"] = BluePrintStatus__default;
+
+if (false) {
+  BluePrintStatus__default.docs = {
+    componentGroup: ''
+  };
+}

package/lib/list/Comment/Comment.module.css

@@ -1,29 +1,29 @@
-.varClass {
-  --icon_color: var(--zdt_comment_iconText);
-}
-.container {
-  composes: varClass;
-  composes: inlineBlockMiddle from '../listCommon.module.css';
-  position: relative;
-  color: var(--icon_color);
-  padding: 0 var(--zd_size2);
-  cursor: pointer;
-}
-.container:hover {
-  --icon_color: var(--zdt_comment_hover_iconText);
-}
-.count {
-  position: absolute;
-  top: var(--zd_size1);
-  font-size: var(--zd_font_size9);
-  text-align: center;
-}
-[dir=ltr] .count {
-  left: 100%;
-}
-[dir=rtl] .count {
-  right: 100%;
-}
-.commentIcon {
-  font-size: var(--zd_font_size13);
-}
+.varClass {
+  --icon_color: var(--zdt_comment_iconText);
+}
+.container {
+  composes: varClass;
+  composes: inlineBlockMiddle from '../listCommon.module.css';
+  position: relative;
+  color: var(--icon_color);
+  padding: 0 var(--zd_size2);
+  cursor: pointer;
+}
+.container:hover {
+  --icon_color: var(--zdt_comment_hover_iconText);
+}
+.count {
+  position: absolute;
+  top: var(--zd_size1);
+  font-size: var(--zd_font_size9);
+  text-align: center;
+}
+[dir=ltr] .count {
+  left: 100%;
+}
+[dir=rtl] .count {
+  right: 100%;
+}
+.commentIcon {
+  font-size: var(--zd_font_size13);
+}

package/lib/list/Comment/docs/Comment__default.docs.js

@@ -0,0 +1,76 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Comment = _interopRequireDefault(require("../Comment"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+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; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+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); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+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); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+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); }; }
+
+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); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var Comment__default = /*#__PURE__*/function (_Component) {
+  _inherits(Comment__default, _Component);
+
+  var _super = _createSuper(Comment__default);
+
+  function Comment__default(props) {
+    _classCallCheck(this, Comment__default);
+
+    return _super.call(this, props);
+  }
+
+  _createClass(Comment__default, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          margin: '30px'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_Comment["default"], {
+        count: "2"
+      }));
+    }
+  }]);
+
+  return Comment__default;
+}(_react.Component);
+
+exports["default"] = Comment__default;
+
+if (false) {
+  Comment__default.docs = {
+    folderName: 'List',
+    componentGroup: 'Comment'
+  };
+}

package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css

@@ -1,9 +1,9 @@
-.departmentBox {
-  max-width: 100%;
-}
-.departmentBox :global .toggleDropIcon {
-  color: var(--zdt_departmentdropdown_default_text);
-}
-.departmentBox:hover :global .toggleDropIcon {
-  color: var(--zdt_departmentdropdown_default_hover_text);
-}
+.departmentBox {
+  max-width: 100%;
+}
+.departmentBox :global .toggleDropIcon {
+  color: var(--zdt_departmentdropdown_default_text);
+}
+.departmentBox:hover :global .toggleDropIcon {
+  color: var(--zdt_departmentdropdown_default_hover_text);
+}

package/lib/list/Dot/Dot.module.css

@@ -1,15 +1,15 @@
-.varClass {
-  --dotColor: var(--zdt_dot_text)
-}
-.dot {
-  composes: varClass;
-  font-size: var(--zd_font_size16);
-  color: var(--dotColor);
-  transform: perspective(1px);
-}
-.list {
-  margin: 0 var(--zd_size6);
-}
-.minimalList {
-  margin: 0 var(--zd_size6);
-}
+.varClass {
+  --dotColor: var(--zdt_dot_text)
+}
+.dot {
+  composes: varClass;
+  font-size: var(--zd_font_size16);
+  color: var(--dotColor);
+  transform: perspective(1px);
+}
+.list {
+  margin: 0 var(--zd_size6);
+}
+.minimalList {
+  margin: 0 var(--zd_size6);
+}

package/lib/list/DotNew/DotNew.module.css

@@ -1,22 +1,22 @@
-.medium {
-  width: var(--zd_size6);
-  height: var(--zd_size6);
-}
-.small{
-  width: var(--zd_size5);
-  height: var(--zd_size5);
-}
-.container{
-  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-   /* animation: dotAnimation 1.25s infinite cubic-bezier(0.66, 0.33, 0, 1);
-  box-shadow: 0 0 0 0 var(--dot_catskillWhite),
-    0 0 0 0 rgba(10, 115, 235, 0.6); */
-  border-radius: 50%;
-  background-color: var(--zdt_dotnew_default_bg);
-  box-shadow: 0 0 15px 1px var(--zdt_dotnew_default_box_shadow);
-}
-@keyframes dotAnimation {
-  to {
-    box-shadow: 0 0 0 12px var(--zdt_dotnew_animate_box_shadow), 0 0 0 8px var(--zdt_dotnew_animate_to_box_shadow);
-  }
-}
+.medium {
+  width: var(--zd_size6);
+  height: var(--zd_size6);
+}
+.small{
+  width: var(--zd_size5);
+  height: var(--zd_size5);
+}
+.container{
+  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+   /* animation: dotAnimation 1.25s infinite cubic-bezier(0.66, 0.33, 0, 1);
+  box-shadow: 0 0 0 0 var(--dot_catskillWhite),
+    0 0 0 0 rgba(10, 115, 235, 0.6); */
+  border-radius: 50%;
+  background-color: var(--zdt_dotnew_default_bg);
+  box-shadow: 0 0 15px 1px var(--zdt_dotnew_default_box_shadow);
+}
+@keyframes dotAnimation {
+  to {
+    box-shadow: 0 0 0 12px var(--zdt_dotnew_animate_box_shadow), 0 0 0 8px var(--zdt_dotnew_animate_to_box_shadow);
+  }
+}