@zohodesk/dot 1.0.0-beta.22 → 1.0.0-beta.223

package/lib/list/DotNew/docs/DotNew__default.docs.js

@@ -1,55 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _DotNew = require('../DotNew');
-
-var _DotNew2 = _interopRequireDefault(_DotNew);
-
-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 _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var DotNew__default = function (_Component) {
-  _inherits(DotNew__default, _Component);
-
-  function DotNew__default(props) {
-    _classCallCheck(this, DotNew__default);
-
-    return _possibleConstructorReturn(this, (DotNew__default.__proto__ || Object.getPrototypeOf(DotNew__default)).call(this, props));
-  }
-
-  _createClass(DotNew__default, [{
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(_DotNew2.default, null);
-    }
-  }]);
-
-  return DotNew__default;
-}(_react.Component);
-
-exports.default = DotNew__default;
-
-if (false) {
-  DotNew__default.docs = {
-    folderName: 'List',
-    componentGroup: 'DotNew'
-  };
-}

package/lib/list/GridStencils/docs/GridStencils__default.docs.js

@@ -1,72 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _GridStencils = require('../GridStencils');
-
-var _GridStencils2 = _interopRequireDefault(_GridStencils);
-
-var _docStyleModule = require('@zohodesk/components/lib/common/docStyle.module.css');
-
-var _docStyleModule2 = _interopRequireDefault(_docStyleModule);
-
-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 _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var GridStencils__default = function (_Component) {
-  _inherits(GridStencils__default, _Component);
-
-  function GridStencils__default(props) {
-    _classCallCheck(this, GridStencils__default);
-
-    return _possibleConstructorReturn(this, (GridStencils__default.__proto__ || Object.getPrototypeOf(GridStencils__default)).call(this, props));
-  }
-
-  _createClass(GridStencils__default, [{
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(
-        'span',
-        null,
-        _react2.default.createElement(
-          'div',
-          { className: _docStyleModule2.default.w350 },
-          _react2.default.createElement(_GridStencils2.default, { lineBar: 'Bar', from: 'leftPanel', isThreeLayout: true }),
-          _react2.default.createElement(_GridStencils2.default, { lineBar: 'Bar' }),
-          _react2.default.createElement(_GridStencils2.default, { lineBar: 'Bar' }),
-          _react2.default.createElement(_GridStencils2.default, { lineBar: 'Bar' }),
-          _react2.default.createElement(_GridStencils2.default, { lineBar: 'Bar' })
-        )
-      );
-    }
-  }]);
-
-  return GridStencils__default;
-}(_react.Component);
-
-exports.default = GridStencils__default;
-
-
-if (false) {
-  GridStencils__default.docs = {
-    folderName: 'List',
-    componentGroup: 'GridStencils'
-  };
-}

package/lib/list/Icons/docs/FloatingIcons__default.docs.js

@@ -1,81 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _FloatingIcons = require('../FloatingIcons');
-
-var _FloatingIcons2 = _interopRequireDefault(_FloatingIcons);
-
-var _i18n = require('@zohodesk/i18n');
-
-var _EditIcon = require('../EditIcon');
-
-var _DeleteIcon = require('../DeleteIcon');
-
-var _SmartIcon = require('../SmartIcon');
-
-var _SmartIcon2 = _interopRequireDefault(_SmartIcon);
-
-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 _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var FloatingIcons__default = function (_Component) {
-  _inherits(FloatingIcons__default, _Component);
-
-  function FloatingIcons__default(props) {
-    _classCallCheck(this, FloatingIcons__default);
-
-    return _possibleConstructorReturn(this, (FloatingIcons__default.__proto__ || Object.getPrototypeOf(FloatingIcons__default)).call(this, props));
-  }
-
-  _createClass(FloatingIcons__default, [{
-    key: 'render',
-    value: function render() {
-      var permission = {
-        tickets: {
-          edit: true,
-          delete: true
-        }
-      };
-      return _react2.default.createElement(
-        _i18n.I18NProvider,
-        { permission: permission, license: {} },
-        _react2.default.createElement(
-          _FloatingIcons2.default,
-          null,
-          _react2.default.createElement(_EditIcon.TicketEditIcon, null),
-          _react2.default.createElement(_DeleteIcon.TicketDeleteIcon, null),
-          _react2.default.createElement(_SmartIcon2.default, null)
-        )
-      );
-    }
-  }]);
-
-  return FloatingIcons__default;
-}(_react.Component);
-
-exports.default = FloatingIcons__default;
-
-if (false) {
-  FloatingIcons__default.docs = {
-    folderName: 'List',
-    componentGroup: 'FloatingIcons'
-  };
-}

package/lib/list/ListLayout/docs/ListLayout__default.docs.js

@@ -1,150 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _ListLayout = require('../ListLayout');
-
-var _ListLayout2 = _interopRequireDefault(_ListLayout);
-
-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 _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var ListLayout__default = function (_Component) {
-  _inherits(ListLayout__default, _Component);
-
-  function ListLayout__default(props) {
-    _classCallCheck(this, ListLayout__default);
-
-    return _possibleConstructorReturn(this, (ListLayout__default.__proto__ || Object.getPrototypeOf(ListLayout__default)).call(this, props));
-  }
-
-  _createClass(ListLayout__default, [{
-    key: 'generateFooter',
-    value: function generateFooter() {
-      return _react2.default.createElement(
-        'div',
-        { style: { padding: '20px' } },
-        'Footer Area..!'
-      );
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(
-        'div',
-        null,
-        _react2.default.createElement(
-          'h3',
-          null,
-          'We have to define at least 1 Column and maximum 3 column in ',
-          _react2.default.createElement(
-            'b',
-            null,
-            'ListLayout'
-          ),
-          ' Component'
-        ),
-        _react2.default.createElement(
-          'h4',
-          null,
-          'Variation1'
-        ),
-        _react2.default.createElement(
-          _ListLayout2.default,
-          { footer: this.generateFooter },
-          _react2.default.createElement(
-            _ListLayout.Column,
-            null,
-            _react2.default.createElement(
-              'div',
-              { style: { padding: '20px' } },
-              'Column One'
-            )
-          ),
-          _react2.default.createElement(
-            _ListLayout.Column,
-            { flexible: true },
-            _react2.default.createElement(
-              'div',
-              { style: { padding: '20px' } },
-              'Column Two'
-            )
-          ),
-          _react2.default.createElement(
-            _ListLayout.Column,
-            null,
-            _react2.default.createElement(
-              'div',
-              { style: { padding: '20px' } },
-              'Column Three'
-            )
-          ),
-          _react2.default.createElement(
-            _ListLayout.Column,
-            null,
-            _react2.default.createElement(
-              'div',
-              { style: { padding: '20px' } },
-              'Column Four'
-            )
-          )
-        ),
-        _react2.default.createElement(
-          'h4',
-          null,
-          'Variation2'
-        ),
-        _react2.default.createElement(
-          _ListLayout2.default,
-          { needHover: true },
-          _react2.default.createElement(
-            _ListLayout.Column,
-            { flexible: true },
-            _react2.default.createElement(
-              'div',
-              { style: { padding: '20px' } },
-              'Column One'
-            )
-          ),
-          _react2.default.createElement(
-            _ListLayout.Column,
-            null,
-            _react2.default.createElement(
-              'div',
-              { style: { padding: '20px' } },
-              'Column Two'
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return ListLayout__default;
-}(_react.Component);
-
-exports.default = ListLayout__default;
-
-if (false) {
-  ListLayout__default.docs = {
-    folderName: 'List',
-    componentGroup: 'ListLayout'
-  };
-}

package/lib/list/ListStencils/docs/ListStencils__default.docs.js

@@ -1,55 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _ListStencils = require('../ListStencils');
-
-var _ListStencils2 = _interopRequireDefault(_ListStencils);
-
-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 _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var ListStencils__default = function (_Component) {
-  _inherits(ListStencils__default, _Component);
-
-  function ListStencils__default(props) {
-    _classCallCheck(this, ListStencils__default);
-
-    return _possibleConstructorReturn(this, (ListStencils__default.__proto__ || Object.getPrototypeOf(ListStencils__default)).call(this, props));
-  }
-
-  _createClass(ListStencils__default, [{
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(_ListStencils2.default, null);
-    }
-  }]);
-
-  return ListStencils__default;
-}(_react.Component);
-
-exports.default = ListStencils__default;
-
-if (false) {
-  ListStencils__default.docs = {
-    folderName: 'List',
-    componentGroup: 'ListStencils'
-  };
-}

package/lib/list/SecondaryText/docs/ContactName__default.docs.js

@@ -1,55 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _ContactName = require('../ContactName');
-
-var _ContactName2 = _interopRequireDefault(_ContactName);
-
-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 _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var ContactName__default = function (_Component) {
-  _inherits(ContactName__default, _Component);
-
-  function ContactName__default(props) {
-    _classCallCheck(this, ContactName__default);
-
-    return _possibleConstructorReturn(this, (ContactName__default.__proto__ || Object.getPrototypeOf(ContactName__default)).call(this, props));
-  }
-
-  _createClass(ContactName__default, [{
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(_ContactName2.default, { text: 'Antro Contact', isPaidUser: true });
-    }
-  }]);
-
-  return ContactName__default;
-}(_react.Component);
-
-exports.default = ContactName__default;
-
-if (false) {
-  ContactName__default.docs = {
-    folderName: 'List',
-    componentGroup: 'ContactName'
-  };
-}

package/lib/list/SecondryPanel/docs/SecondryPanelDocs.module.css

@@ -1,41 +0,0 @@
-.layoutWrapper {
-  width: 100%;
-  margin-bottom: 20px;
-  padding: 10px;
-}
-@media only screen and (max-width: 500px) {
-  .layoutContainer {
-    flex-direction: column;
-  }
-}
-.container {
-  background: gray;
-}
-.itemId {
-  composes: flexshrink from "~@zohodesk/components/lib/common/common.module.css";
-}
-.itemInner {
-  composes: dflex from "~@zohodesk/components/lib/common/common.module.css";
-  composes: alignVertical from "~@zohodesk/components/lib/common/common.module.css";
-  max-width: 15rem;
-  font-size: 13px;
-  padding: 5px;
-  background: #fafafa;
-}
-.itemText {
-  composes: flexgrow from "~@zohodesk/components/lib/common/common.module.css";
-  composes: flexshrink from "~@zohodesk/components/lib/common/common.module.css";
-  composes: flexbasis from "~@zohodesk/components/lib/common/common.module.css";
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.itemDot {
-  display: inline-block;
-  vertical-align: middle;
-  width: 3px;
-  height: 3px;
-  background-color: red;
-  border-radius: 50%;
-  margin: 0 10px;
-}

package/lib/list/SecondryPanel/docs/SecondryPanel__default.docs.js

@@ -1,152 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _SecondryPanel = require('../SecondryPanel');
-
-var _SecondryPanel2 = _interopRequireDefault(_SecondryPanel);
-
-var _SecondryPanelDocsModule = require('./SecondryPanelDocs.module.css');
-
-var _SecondryPanelDocsModule2 = _interopRequireDefault(_SecondryPanelDocsModule);
-
-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 _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var SecondryPanel__default = function (_Component) {
-  _inherits(SecondryPanel__default, _Component);
-
-  function SecondryPanel__default(props) {
-    _classCallCheck(this, SecondryPanel__default);
-
-    return _possibleConstructorReturn(this, (SecondryPanel__default.__proto__ || Object.getPrototypeOf(SecondryPanel__default)).call(this, props));
-  }
-
-  _createClass(SecondryPanel__default, [{
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(
-        _SecondryPanel2.default,
-        { className: _SecondryPanelDocsModule2.default.layoutWrapper },
-        _react2.default.createElement(
-          _SecondryPanel.SecondryPanelUL,
-          { className: _SecondryPanelDocsModule2.default.layoutContainer },
-          _react2.default.createElement(
-            _SecondryPanel.SecondryPanelLI,
-            null,
-            _react2.default.createElement(
-              _SecondryPanel.SecondryPanelUL,
-              { className: _SecondryPanelDocsModule2.default.container },
-              _react2.default.createElement(
-                _SecondryPanel.SecondryPanelLI,
-                { className: '' + _SecondryPanelDocsModule2.default.itemId },
-                _react2.default.createElement(
-                  'span',
-                  { className: _SecondryPanelDocsModule2.default.itemInner },
-                  _react2.default.createElement(
-                    'span',
-                    { className: _SecondryPanelDocsModule2.default.itemText },
-                    '#12303456789'
-                  ),
-                  _react2.default.createElement('span', { className: _SecondryPanelDocsModule2.default.itemDot })
-                )
-              ),
-              _react2.default.createElement(
-                _SecondryPanel.SecondryPanelLI,
-                null,
-                _react2.default.createElement(
-                  'span',
-                  { className: _SecondryPanelDocsModule2.default.itemInner },
-                  _react2.default.createElement(
-                    'span',
-                    { className: _SecondryPanelDocsModule2.default.itemText },
-                    'Nicole Hawkins'
-                  ),
-                  _react2.default.createElement('span', { className: _SecondryPanelDocsModule2.default.itemDot })
-                )
-              ),
-              _react2.default.createElement(
-                _SecondryPanel.SecondryPanelLI,
-                null,
-                _react2.default.createElement(
-                  'span',
-                  { className: _SecondryPanelDocsModule2.default.itemInner },
-                  _react2.default.createElement(
-                    'span',
-                    { className: _SecondryPanelDocsModule2.default.itemText },
-                    'Welcome to Diffchecker'
-                  ),
-                  _react2.default.createElement('span', { className: _SecondryPanelDocsModule2.default.itemDot })
-                )
-              )
-            )
-          ),
-          _react2.default.createElement(
-            _SecondryPanel.SecondryPanelLI,
-            null,
-            _react2.default.createElement(
-              _SecondryPanel.SecondryPanelUL,
-              { className: _SecondryPanelDocsModule2.default.container },
-              _react2.default.createElement(
-                _SecondryPanel.SecondryPanelLI,
-                null,
-                _react2.default.createElement(
-                  'span',
-                  { className: _SecondryPanelDocsModule2.default.itemInner },
-                  _react2.default.createElement(
-                    'span',
-                    { className: _SecondryPanelDocsModule2.default.itemText },
-                    '28 Jun 2019'
-                  ),
-                  _react2.default.createElement('span', { className: _SecondryPanelDocsModule2.default.itemDot })
-                )
-              ),
-              _react2.default.createElement(
-                _SecondryPanel.SecondryPanelLI,
-                null,
-                _react2.default.createElement(
-                  'span',
-                  { className: _SecondryPanelDocsModule2.default.itemInner },
-                  _react2.default.createElement(
-                    'span',
-                    { className: _SecondryPanelDocsModule2.default.itemText },
-                    '28 May 2019 07:41 PM'
-                  ),
-                  _react2.default.createElement('span', { className: _SecondryPanelDocsModule2.default.itemDot })
-                )
-              )
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return SecondryPanel__default;
-}(_react.Component);
-
-exports.default = SecondryPanel__default;
-
-if (false) {
-  SecondryPanel__default.docs = {
-    folderName: 'List',
-    componentGroup: 'SecondaryLayout'
-  };
-}