@zohodesk/dot 1.0.0-beta.21 → 1.0.0-beta.212

package/lib/setup/helptips/ListGroup/docs/ListGroup__default.docs.js

@@ -1,65 +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 _ListGroup = require('../ListGroup');
-
-var _ListGroup2 = _interopRequireDefault(_ListGroup);
-
-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 ListGroup__default = function (_React$Component) {
-  _inherits(ListGroup__default, _React$Component);
-
-  function ListGroup__default(props) {
-    _classCallCheck(this, ListGroup__default);
-
-    return _possibleConstructorReturn(this, (ListGroup__default.__proto__ || Object.getPrototypeOf(ListGroup__default)).call(this, props));
-  }
-
-  _createClass(ListGroup__default, [{
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(
-        'div',
-        { style: { margin: '1.125rem' } },
-        _react2.default.createElement(_ListGroup2.default, {
-          data: ['Receive automated bot notifications about ticket due-times, status updates, and comments', 'Receive automated bot notifications about ticket due-times, status updates, and comments'],
-          unOrderData: ['Receive automated bot notifications about ticket due-times, status updates, and comments.', 'Receive automated bot notifications about ticket due-times, status updates, and comments.']
-        }),
-        _react2.default.createElement(_ListGroup2.default, { isOrder: true,
-          data: ['Receive automated bot notifications about ticket due-times, status updates, and comments', 'Receive automated bot notifications about ticket due-times, status updates, and comments']
-        })
-      );
-    }
-  }]);
-
-  return ListGroup__default;
-}(_react2.default.Component);
-
-exports.default = ListGroup__default;
-
-if (false) {
-  ListGroup__default.docs = {
-    componentGroup: 'HelpTips',
-    folderName: 'Setup'
-  };
-}

package/lib/setup/helptips/Title/HelpTipsTitle.module.css

@@ -1,5 +0,0 @@
-.title {
-  font-size: var(--zd_size17);
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
-  color: var(--zd_text_dark4);
-}

package/lib/setup/helptips/Title/Title.js

@@ -1,64 +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 _HelpTipsTitleModule = require('./HelpTipsTitle.module.css');
-
-var _HelpTipsTitleModule2 = _interopRequireDefault(_HelpTipsTitleModule);
-
-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 Title = function (_React$Component) {
-  _inherits(Title, _React$Component);
-
-  function Title(props) {
-    _classCallCheck(this, Title);
-
-    return _possibleConstructorReturn(this, (Title.__proto__ || Object.getPrototypeOf(Title)).call(this, props));
-  }
-
-  _createClass(Title, [{
-    key: 'render',
-    value: function render() {
-      var text = this.props.text;
-
-      return _react2.default.createElement(
-        'div',
-        { className: _HelpTipsTitleModule2.default.title },
-        text
-      );
-    }
-  }]);
-
-  return Title;
-}(_react2.default.Component);
-
-exports.default = Title;
-
-Title.propTypes = {
-  text: _propTypes2.default.string
-};
-if (false) {
-  Title.docs = {
-    componentGroup: 'HelpTips',
-    folderName: 'Setup'
-  };
-}

package/lib/setup/helptips/Title/docs/Title__default.docs.js

@@ -1,59 +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 _Title = require('../Title');
-
-var _Title2 = _interopRequireDefault(_Title);
-
-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 Title__default = function (_React$Component) {
-  _inherits(Title__default, _React$Component);
-
-  function Title__default(props) {
-    _classCallCheck(this, Title__default);
-
-    return _possibleConstructorReturn(this, (Title__default.__proto__ || Object.getPrototypeOf(Title__default)).call(this, props));
-  }
-
-  _createClass(Title__default, [{
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(
-        'div',
-        { style: { margin: '1.25rem' } },
-        _react2.default.createElement(_Title2.default, { text: 'Zoho Desk' })
-      );
-    }
-  }]);
-
-  return Title__default;
-}(_react2.default.Component);
-
-exports.default = Title__default;
-
-if (false) {
-  Title__default.docs = {
-    componentGroup: 'HelpTips',
-    folderName: 'Setup'
-  };
-}

package/lib/setup/table/Table/Table.js

@@ -1,70 +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 _Layout = require('@zohodesk/components/lib/Layout');
-
-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 Table = function (_React$Component) {
-  _inherits(Table, _React$Component);
-
-  function Table() {
-    _classCallCheck(this, Table);
-
-    return _possibleConstructorReturn(this, (Table.__proto__ || Object.getPrototypeOf(Table)).apply(this, arguments));
-  }
-
-  _createClass(Table, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          children = _props.children,
-          dataId = _props.dataId;
-
-      return _react2.default.createElement(
-        _Layout.Container,
-        { dataId: dataId },
-        children
-      );
-    }
-  }]);
-
-  return Table;
-}(_react2.default.Component);
-
-exports.default = Table;
-
-
-Table.propTypes = {
-  children: _propTypes2.default.element,
-  dataId: _propTypes2.default.string
-};
-Table.defaultProps = {
-  dataId: 'table'
-};
-
-if (false) {
-  Table.docs = {
-    componentGroup: 'Table',
-    folderName: 'Setup'
-  };
-}

package/lib/setup/table/Table/docs/Table__default.docs.js

@@ -1,228 +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 _Table = require('../Table');
-
-var _Table2 = _interopRequireDefault(_Table);
-
-var _TableHead = require('../../TableHead/TableHead');
-
-var _TableHead2 = _interopRequireDefault(_TableHead);
-
-var _TableData = require('../../TableData/TableData');
-
-var _TableData2 = _interopRequireDefault(_TableData);
-
-var _TableBody = require('../../TableBody/TableBody');
-
-var _TableBody2 = _interopRequireDefault(_TableBody);
-
-var _TableRow = require('../../TableRow/TableRow');
-
-var _TableRow2 = _interopRequireDefault(_TableRow);
-
-var _Text = require('../../Text/Text');
-
-var _Text2 = _interopRequireDefault(_Text);
-
-var _Layout = require('@zohodesk/components/lib/Layout');
-
-var _hover = require('../../TableData/hover.css');
-
-var _hover2 = _interopRequireDefault(_hover);
-
-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 Table__default = function (_React$Component) {
-  _inherits(Table__default, _React$Component);
-
-  function Table__default(props) {
-    _classCallCheck(this, Table__default);
-
-    var _this = _possibleConstructorReturn(this, (Table__default.__proto__ || Object.getPrototypeOf(Table__default)).call(this, props));
-
-    _this.over = _this.over.bind(_this);
-    _this.out = _this.out.bind(_this);
-    return _this;
-  }
-
-  _createClass(Table__default, [{
-    key: 'over',
-    value: function over() {
-      console.log('over');
-    }
-  }, {
-    key: 'out',
-    value: function out() {
-      console.log('out');
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(
-        _Table2.default,
-        null,
-        _react2.default.createElement(
-          _TableHead2.default,
-          null,
-          _react2.default.createElement(
-            _TableData2.default,
-            { flexible: true, shrink: true, type: 'size150' },
-            _react2.default.createElement(_Text2.default, { type: 'heading', text: 'header1' })
-          ),
-          _react2.default.createElement(
-            _TableData2.default,
-            { flexible: true, shrink: true, type: 'size150' },
-            _react2.default.createElement(_Text2.default, { type: 'heading', text: 'header2' })
-          ),
-          _react2.default.createElement(
-            _TableData2.default,
-            { flexible: true, shrink: true, type: 'size150' },
-            _react2.default.createElement(_Text2.default, { type: 'heading', text: 'header3' })
-          ),
-          _react2.default.createElement(
-            _TableData2.default,
-            { flexible: true, shrink: true, type: 'size150', align: 'center' },
-            _react2.default.createElement(_Text2.default, { type: 'heading', text: 'header4' })
-          )
-        ),
-        _react2.default.createElement(
-          _TableBody2.default,
-          null,
-          _react2.default.createElement(
-            _TableRow2.default,
-            { onMouseEnter: this.over, onMouseLeave: this.out },
-            _react2.default.createElement(
-              _TableData2.default,
-              { flexible: true, shrink: true, type: 'size150' },
-              _react2.default.createElement(_Text2.default, { text: 'Data1' })
-            ),
-            _react2.default.createElement(
-              _TableData2.default,
-              { flexible: true, shrink: true, type: 'size150' },
-              _react2.default.createElement(_Text2.default, { type: 'semiBold', text: 'Data2' })
-            ),
-            _react2.default.createElement(
-              _TableData2.default,
-              { flexible: true, shrink: true, type: 'size150' },
-              _react2.default.createElement(
-                _Layout.Container,
-                { alignBox: 'row' },
-                _react2.default.createElement(
-                  _Layout.Box,
-                  { shrink: 'true' },
-                  _react2.default.createElement(_Text2.default, { text: 'Not Verified - ' })
-                ),
-                _react2.default.createElement(
-                  _Layout.Box,
-                  { style: { 'margin-left': '4px' } },
-                  _react2.default.createElement(_Text2.default, { text: ' Verify', type: 'primary' })
-                )
-              )
-            ),
-            _react2.default.createElement(
-              _TableData2.default,
-              { flexible: true, shrink: true, type: 'size150', align: 'center' },
-              _react2.default.createElement(_Text2.default, { text: 'Data4' })
-            )
-          ),
-          _react2.default.createElement(
-            _TableRow2.default,
-            null,
-            _react2.default.createElement(
-              _TableData2.default,
-              { flexible: true, shrink: true, type: 'size150' },
-              _react2.default.createElement(_Text2.default, { text: 'Data1' })
-            ),
-            _react2.default.createElement(
-              _TableData2.default,
-              { flexible: true, shrink: true, type: 'size150' },
-              _react2.default.createElement(_Text2.default, { type: 'semiBold', text: 'Data2' })
-            ),
-            _react2.default.createElement(
-              _TableData2.default,
-              { flexible: true, shrink: true, type: 'size150' },
-              _react2.default.createElement(_Text2.default, { style: { 'margin-left': '4px' }, text: '-' })
-            ),
-            _react2.default.createElement(
-              _TableData2.default,
-              { flexible: true, shrink: true, type: 'size150', align: 'center' },
-              _react2.default.createElement(_Text2.default, { text: 'Data4' })
-            )
-          ),
-          _react2.default.createElement(
-            _TableRow2.default,
-            { className: '' + _hover2.default.container },
-            _react2.default.createElement(
-              _TableData2.default,
-              { flexible: true, shrink: true, type: 'size150' },
-              _react2.default.createElement(_Text2.default, { text: 'Data1' })
-            ),
-            _react2.default.createElement(
-              _TableData2.default,
-              { flexible: true, shrink: true, type: 'size150' },
-              _react2.default.createElement(_Text2.default, { type: 'semiBold', text: 'Data2' })
-            ),
-            _react2.default.createElement(
-              _TableData2.default,
-              { flexible: true, shrink: true, type: 'size150' },
-              _react2.default.createElement(
-                _Layout.Container,
-                { alignBox: 'row' },
-                _react2.default.createElement(
-                  _Layout.Box,
-                  { shrink: 'true' },
-                  _react2.default.createElement(_Text2.default, { text: 'verified' })
-                ),
-                _react2.default.createElement(
-                  _Layout.Box,
-                  { shrink: 'true', style: { 'margin-left': '4px' } },
-                  _react2.default.createElement(_Text2.default, { text: ' - ' })
-                ),
-                _react2.default.createElement(
-                  _Layout.Box,
-                  {
-                    className: _hover2.default.opac0,
-                    style: { 'margin-left': '4px' }
-                  },
-                  _react2.default.createElement(_Text2.default, { text: ' Details', palette: 'primary' })
-                )
-              )
-            ),
-            _react2.default.createElement(
-              _TableData2.default,
-              { flexible: true, shrink: true, type: 'size150', align: 'center' },
-              _react2.default.createElement(_Text2.default, { text: 'Data4' })
-            )
-          )
-        )
-      );
-    }
-  }]);
-
-  return Table__default;
-}(_react2.default.Component);
-
-exports.default = Table__default;
-
-if (false) {
-  Table__default.docs = {
-    componentGroup: 'Table',
-    folderName: 'Setup'
-  };
-}

package/lib/setup/table/TableBody/TableBody.js

@@ -1,70 +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 _Layout = require('@zohodesk/components/lib/Layout');
-
-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 TableBody = function (_React$Component) {
-  _inherits(TableBody, _React$Component);
-
-  function TableBody() {
-    _classCallCheck(this, TableBody);
-
-    return _possibleConstructorReturn(this, (TableBody.__proto__ || Object.getPrototypeOf(TableBody)).apply(this, arguments));
-  }
-
-  _createClass(TableBody, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          children = _props.children,
-          eleRef = _props.eleRef,
-          _props$onScroll = _props.onScroll,
-          onScroll = _props$onScroll === undefined ? function () {} : _props$onScroll;
-
-      return _react2.default.createElement(
-        _Layout.Box,
-        { eleRef: eleRef, flexible: true, scroll: 'vertical', onScroll: onScroll },
-        children
-      );
-    }
-  }]);
-
-  return TableBody;
-}(_react2.default.Component);
-
-exports.default = TableBody;
-
-
-TableBody.propTypes = {
-  children: _propTypes2.default.element,
-  eleRef: _propTypes2.default.func,
-  onScroll: _propTypes2.default.func
-};
-
-if (false) {
-  TableBody.docs = {
-    componentGroup: 'Table',
-    folderName: 'Setup'
-  };
-}

package/lib/setup/table/TableData/TableData.css

@@ -1,44 +0,0 @@
-[dir=ltr] .container {
-  padding-left: var(--zd_size20);
-}[dir=rtl] .container {
-  padding-right: var(--zd_size20);
-}
-.size70 {
-  flex-basis: var(--zd_size70);
-  -webkit-flex-basis: var(--zd_size70);
-  -moz-flex-basis: var(--zd_size70);
-  -ms-flex-basis: var(--zd_size70);
-}
-.size90 {
-  flex-basis: var(--zd_size90);
-  -webkit-flex-basis: var(--zd_size90);
-  -moz-flex-basis: var(--zd_size90);
-  -ms-flex-basis: var(--zd_size90);
-}
-.size150 {
-  flex-basis: var(--zd_size150);
-  -webkit-flex-basis: var(--zd_size150);
-  -moz-flex-basis: var(--zd_size150);
-  -ms-flex-basis: var(--zd_size150);
-}
-.size220 {
-  flex-basis: var(--zd_size220);
-  -webkit-flex-basis: var(--zd_size220);
-  -moz-flex-basis: var(--zd_size220);
-  -ms-flex-basis: var(--zd_size220);
-}
-.center {
-  text-align: center;
-}
-[dir=ltr] .left {
-  text-align: left;
-}
-[dir=rtl] .left {
-  text-align: right;
-}
-[dir=ltr] .right {
-  text-align: right;
-}
-[dir=rtl] .right {
-  text-align: left;
-}