@zohodesk/dot 1.0.0-beta.2 → 1.0.0-beta.202

package/lib/ViewSearchEmpty/ViewSearchEmpty.js

@@ -1,140 +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');
-
-var _EmptyTeams = require('../SVG/EmptyTeams');
-
-var _EmptyTeams2 = _interopRequireDefault(_EmptyTeams);
-
-var _EmptySearch = require('../SVG/EmptySearch');
-
-var _EmptySearch2 = _interopRequireDefault(_EmptySearch);
-
-var _ViewSearchEmptyModule = require('./ViewSearchEmpty.module.css');
-
-var _ViewSearchEmptyModule2 = _interopRequireDefault(_ViewSearchEmptyModule);
-
-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 ViewSearchEmpty = function (_React$Component) {
-  _inherits(ViewSearchEmpty, _React$Component);
-
-  function ViewSearchEmpty() {
-    _classCallCheck(this, ViewSearchEmpty);
-
-    return _possibleConstructorReturn(this, (ViewSearchEmpty.__proto__ || Object.getPrototypeOf(ViewSearchEmpty)).apply(this, arguments));
-  }
-
-  _createClass(ViewSearchEmpty, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          text = _props.text,
-          _props$error = _props.error,
-          error = _props$error === undefined ? 'oops !' : _props$error,
-          searchWord = _props.searchWord,
-          _props$showIcon = _props.showIcon,
-          showIcon = _props$showIcon === undefined ? true : _props$showIcon,
-          golink = _props.golink,
-          goLinkClick = _props.goLinkClick,
-          _props$isSearchNeed = _props.isSearchNeed,
-          isSearchNeed = _props$isSearchNeed === undefined ? false : _props$isSearchNeed,
-          iconName = _props.iconName,
-          isPopup = _props.isPopup;
-
-
-      return _react2.default.createElement(
-        _Layout.Container,
-        { align: 'vertical', className: _ViewSearchEmptyModule2.default.container },
-        showIcon ? _react2.default.createElement(
-          'div',
-          { className: isPopup ? _ViewSearchEmptyModule2.default.image : null },
-          iconName === 'team' ? _react2.default.createElement(_EmptyTeams2.default, null) : _react2.default.createElement(_EmptySearch2.default, null)
-        ) : null,
-        showIcon && error ? _react2.default.createElement(
-          'div',
-          { className: _ViewSearchEmptyModule2.default.errorTxt },
-          error
-        ) : '',
-        showIcon && text && _react2.default.createElement(
-          'div',
-          { className: _ViewSearchEmptyModule2.default.srchTxt },
-          _react2.default.createElement(
-            'span',
-            null,
-            text
-          ),
-          searchWord ? _react2.default.createElement(
-            'span',
-            { className: _ViewSearchEmptyModule2.default.srchCount },
-            '"',
-            searchWord,
-            '"'
-          ) : null
-        ),
-        isSearchNeed && _react2.default.createElement(
-          'div',
-          { className: _ViewSearchEmptyModule2.default.srchHglght },
-          _react2.default.createElement(
-            'span',
-            null,
-            'Search in'
-          ),
-          _react2.default.createElement(
-            'span',
-            { className: _ViewSearchEmptyModule2.default.srchLink, onClick: goLinkClick },
-            golink
-          )
-        )
-      );
-    }
-  }]);
-
-  return ViewSearchEmpty;
-}(_react2.default.Component);
-
-exports.default = ViewSearchEmpty;
-
-
-ViewSearchEmpty.propTypes = {
-  error: _propTypes2.default.string,
-  goLinkClick: _propTypes2.default.func,
-  golink: _propTypes2.default.string,
-  iconName: _propTypes2.default.oneOf(['team', 'search']),
-  isPopup: _propTypes2.default.bool,
-  isSearchNeed: _propTypes2.default.bool,
-  searchWord: _propTypes2.default.string,
-  showIcon: _propTypes2.default.bool,
-  text: _propTypes2.default.string
-};
-ViewSearchEmpty.defaultProps = {
-  iconName: 'search',
-  isPopup: true,
-  showIcon: true
-};
-
-if (false) {
-  ViewSearchEmpty.docs = {
-    componentGroup: 'Molecule'
-  };
-}

package/lib/ViewSearchEmpty/ViewSearchEmpty.module.css

@@ -1,50 +0,0 @@
-.container {
-  position: relative;
-}
-.errorTxt {
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
-  font-size: var(--zd_size14);
-  color: var(--zd_text_danger);
-  text-transform: uppercase;
-}
-.srchTxt,
-.srchHglght {
-  font-size: var(--zd_size11);
-  color: var(--zd_text_dark6);
-  line-height: var(--zd_size16);
-  word-wrap: break-word;
-}
-.srchTxt, .srchHglght {
-  padding: var(--zd_size4) var(--zd_size10) 0 var(--zd_size10);
-  text-align: center;
-}
-.image {
-  max-width: var(--zd_size180);
-}
-.srchCount {
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
-  font-size: var(--zd_size12);
-  color: var(--zd_text_dark15);
-  word-break: break-all;
-}
-[dir=ltr] .srchCount {
-  margin: 0 0 0 var(--zd_size5);
-}
-[dir=rtl] .srchCount {
-  margin: 0 var(--zd_size5) 0 0;
-}
-.srchHglght {
-  padding: var(--zd_size20) var(--zd_size10) 0;
-}
-.srchLink {
-  font-size: var(--zd_size11);
-  color: var(--zd_text_primary);
-  text-decoration: underline;
-  cursor: pointer;
-}
-[dir=ltr] .srchLink {
-  margin: 0 0 0 var(--zd_size5);
-}
-[dir=rtl] .srchLink {
-  margin: 0 var(--zd_size5) 0 0;
-}

package/lib/ViewSearchEmpty/docs/ViewSearchEmpty__default.docs.js

@@ -1,60 +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 _ViewSearchEmpty = require('../ViewSearchEmpty');
-
-var _ViewSearchEmpty2 = _interopRequireDefault(_ViewSearchEmpty);
-
-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 ViewSearchEmpty__default = function (_Component) {
-  _inherits(ViewSearchEmpty__default, _Component);
-
-  function ViewSearchEmpty__default(props) {
-    _classCallCheck(this, ViewSearchEmpty__default);
-
-    return _possibleConstructorReturn(this, (ViewSearchEmpty__default.__proto__ || Object.getPrototypeOf(ViewSearchEmpty__default)).call(this, props));
-  }
-
-  _createClass(ViewSearchEmpty__default, [{
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(_ViewSearchEmpty2.default, {
-        text: 'There are no views matching the keyword',
-        searchWord: '21345',
-        searchlink: 'Search in',
-        golink: 'Archived Views'
-      });
-    }
-  }]);
-
-  return ViewSearchEmpty__default;
-}(_react.Component);
-
-exports.default = ViewSearchEmpty__default;
-
-
-if (false) {
-  ViewSearchEmpty__default.docs = {
-    componentGroup: 'Molecule'
-  };
-}

package/lib/ViewSearchEmpty/docs/ViewSearchEmpty__viewpopup.docs.js

@@ -1,61 +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 _ViewSearchEmpty = require('../ViewSearchEmpty');
-
-var _ViewSearchEmpty2 = _interopRequireDefault(_ViewSearchEmpty);
-
-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 ViewSearchEmpty__viewpopup = function (_Component) {
-  _inherits(ViewSearchEmpty__viewpopup, _Component);
-
-  function ViewSearchEmpty__viewpopup(props) {
-    _classCallCheck(this, ViewSearchEmpty__viewpopup);
-
-    return _possibleConstructorReturn(this, (ViewSearchEmpty__viewpopup.__proto__ || Object.getPrototypeOf(ViewSearchEmpty__viewpopup)).call(this, props));
-  }
-
-  _createClass(ViewSearchEmpty__viewpopup, [{
-    key: 'render',
-    value: function render() {
-      return _react2.default.createElement(_ViewSearchEmpty2.default, {
-        text: 'There are no views matching the keyword',
-        searchWord: '21345',
-        searchlink: 'Search in',
-        iconName: 'viewpop',
-        iconSize: 'small'
-      });
-    }
-  }]);
-
-  return ViewSearchEmpty__viewpopup;
-}(_react.Component);
-
-exports.default = ViewSearchEmpty__viewpopup;
-
-
-if (false) {
-  ViewSearchEmpty__viewpopup.docs = {
-    componentGroup: 'Molecule'
-  };
-}

package/lib/list/StatusDropdown/StatusDropdown.js

@@ -1,233 +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 _Popup = require('@zohodesk/components/lib/Popup/Popup');
-
-var _Popup2 = _interopRequireDefault(_Popup);
-
-var _DropBox = require('@zohodesk/components/lib/DropBox/DropBox');
-
-var _DropBox2 = _interopRequireDefault(_DropBox);
-
-var _ListItem = require('@zohodesk/components/lib/ListItem/ListItem');
-
-var _ListItem2 = _interopRequireDefault(_ListItem);
-
-var _BluePrintStatus = require('../BluePrintStatus/BluePrintStatus');
-
-var _BluePrintStatus2 = _interopRequireDefault(_BluePrintStatus);
-
-var _SecondaryText = require('../SecondaryText');
-
-var _Icon = require('@zohodesk/icons/lib/Icon');
-
-var _Icon2 = _interopRequireDefault(_Icon);
-
-var _StatusDropdownModule = require('./StatusDropdown.module.css');
-
-var _StatusDropdownModule2 = _interopRequireDefault(_StatusDropdownModule);
-
-var _permission = require('@zohodesk/permission');
-
-var _redux = require('redux');
-
-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 StatusComponent = function (_Component) {
-  _inherits(StatusComponent, _Component);
-
-  function StatusComponent(props) {
-    _classCallCheck(this, StatusComponent);
-
-    var _this = _possibleConstructorReturn(this, (StatusComponent.__proto__ || Object.getPrototypeOf(StatusComponent)).call(this, props));
-
-    _this.onClick = _this.onClick.bind(_this);
-    return _this;
-  }
-
-  _createClass(StatusComponent, [{
-    key: 'onClick',
-    value: function onClick(e) {
-      var _props = this.props,
-          isPopupOpen = _props.isPopupOpen,
-          onStatusPopupOpen = _props.onStatusPopupOpen,
-          togglePopup = _props.togglePopup;
-
-      if (!isPopupOpen && onStatusPopupOpen) {
-        onStatusPopupOpen();
-      }
-      togglePopup(e);
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props2 = this.props,
-          status = _props2.status,
-          removeClose = _props2.removeClose,
-          togglePopup = _props2.togglePopup,
-          statusMapping = _props2.statusMapping,
-          onChangeStatusMapping = _props2.onChangeStatusMapping,
-          isReadOnly = _props2.isReadOnly,
-          statusColor = _props2.statusColor,
-          labelClass = _props2.labelClass,
-          isRead = _props2.isRead,
-          bluePrintDetail = _props2.bluePrintDetail,
-          disablePopup = _props2.disablePopup,
-          isPopupOpen = _props2.isPopupOpen,
-          isPopupReady = _props2.isPopupReady,
-          position = _props2.position,
-          getTargetRef = _props2.getTargetRef,
-          getContainerRef = _props2.getContainerRef;
-
-      var disableClick = !(isReadOnly || disablePopup);
-      var isOverdue = bluePrintDetail && bluePrintDetail.isOverdue || false;
-      var iconText = bluePrintDetail && bluePrintDetail.iconText || '';
-      return _react2.default.createElement(
-        'span',
-        {
-          className: _StatusDropdownModule2.default.container,
-          onClick: disableClick ? this.onClick : removeClose
-        },
-        _react2.default.createElement(
-          'span',
-          {
-            className: _StatusDropdownModule2.default.label + ' ' + (disableClick && _StatusDropdownModule2.default.pointer) + ' ' + (isRead ? _StatusDropdownModule2.default.read : ''),
-            ref: getTargetRef,
-            'data-id': 'tktStatus'
-          },
-          bluePrintDetail && _react2.default.createElement(_BluePrintStatus2.default, { isOverdue: isOverdue, title: iconText }),
-          _react2.default.createElement(_SecondaryText.StatusText, {
-            className: _StatusDropdownModule2.default.statusValue + ' ' + labelClass,
-            color: statusColor,
-            text: status,
-            isBold: isRead,
-            dataTitle: status
-          }),
-          _react2.default.createElement(
-            'span',
-            { className: '' + (disableClick ? _StatusDropdownModule2.default.arrow : _StatusDropdownModule2.default.hiddenArrow) },
-            _react2.default.createElement(_Icon2.default, { name: 'ZD-blockDownArrow', size: '6' })
-          )
-        ),
-        isPopupOpen ? _react2.default.createElement(
-          _DropBox2.default,
-          {
-            isActive: isPopupReady,
-            boxPosition: position == 'bottomCenter' ? 'bottomLeft' : 'topLeft',
-            isAnimate: true,
-            size: 'small',
-            top: 8,
-            right: -27,
-            getRef: getContainerRef,
-            isArrow: false
-          },
-          _react2.default.createElement(
-            'div',
-            { className: _StatusDropdownModule2.default.dropdown, 'data-id': 'StatusList' },
-            statusMapping.map(function (item, i) {
-              return _react2.default.createElement(_ListItem2.default, {
-                key: i,
-                value: item.name,
-                autoHover: true,
-                active: status == item.name ? true : false,
-                onClick: function onClick(e, status) {
-                  onChangeStatusMapping(status);
-                  togglePopup(e);
-                }
-              });
-            })
-          )
-        ) : null
-      );
-    }
-  }]);
-
-  return StatusComponent;
-}(_react.Component);
-
-StatusComponent.defaultProps = {
-  isReadOnly: false,
-  statusColor: 'black'
-};
-StatusComponent.propTypes = {
-  bluePrintDetail: _propTypes2.default.object,
-  disablePopup: _propTypes2.default.bool,
-  getContainerRef: _propTypes2.default.func,
-  getTargetRef: _propTypes2.default.func,
-  isPopupOpen: _propTypes2.default.bool,
-  isPopupReady: _propTypes2.default.bool,
-  isRead: _propTypes2.default.bool,
-  isReadOnly: _propTypes2.default.bool,
-  labelClass: _propTypes2.default.string,
-  onChangeStatusMapping: _propTypes2.default.func,
-  onStatusPopupOpen: _propTypes2.default.func,
-  position: _propTypes2.default.string,
-  removeClose: _propTypes2.default.func,
-  status: _propTypes2.default.string,
-  statusColor: _propTypes2.default.oneOf(['default', 'black', 'red', 'orange', 'green']),
-  statusMapping: _propTypes2.default.array,
-  togglePopup: _propTypes2.default.func
-};
-var StatusDropDownComponent = function StatusDropDownComponent(props) {
-  var _props$features = props.features,
-      features = _props$features === undefined ? [] : _props$features,
-      _props$module = props.module,
-      module = _props$module === undefined ? 'tickets' : _props$module;
-
-  return _react2.default.createElement(
-    _permission.RestrictionValidator,
-    { features: features, module: module, action: 'status' },
-    _react2.default.createElement(StatusComponent, props)
-  );
-};
-StatusDropDownComponent.propTypes = {
-  dataId: _propTypes2.default.string,
-  features: _propTypes2.default.array,
-  module: _propTypes2.default.string
-};
-var StatusDropDown = (0, _redux.compose)(_Popup2.default, (0, _permission.licensePermissionCheckHOC)({
-  component: {
-    license: '*',
-    permission: '*'
-  },
-  props: {
-    disablePopup: function disablePopup(props) {
-      var _props$module2 = props.module,
-          module = _props$module2 === undefined ? 'tickets' : _props$module2;
-
-      var permission = module + '_edit';
-      return {
-        permission: permission,
-        obj: false,
-        falseObj: true
-      };
-    }
-  }
-}))(StatusDropDownComponent);
-exports.default = StatusDropDown;
-
-if (false) {
-  StatusDropDown.docs = {
-    folderName: 'List',
-    componentGroup: 'StatusDropDown'
-  };
-}

package/lib/list/StatusDropdown/StatusDropdown.module.css

@@ -1,65 +0,0 @@
-.container {
-  position: relative;
-  max-width: 100%;
-  composes: inlineBlockMiddle from '../listCommon.module.css';
-  line-height: normal;
-  cursor: default;
-}
-
-.pointer {
-  cursor: pointer;
-}
-
-.read {
-  font-family: var(--zd_semibold);
-}
-
-.label {
-  composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
-  composes: alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  max-width: 100%;
-}
-
-.statusValue {
-  composes: flexshrink from '~@zohodesk/components/lib/common/common.module.css';
-  composes: flexbasis from '~@zohodesk/components/lib/common/common.module.css';
-  composes: flexgrow from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.arrow,
-.hiddenArrow {
-  vertical-align: middle;
-}
-
-[dir=ltr] .arrow, [dir=ltr] .hiddenArrow {
-  margin-left: var(--zd_size5);
-}
-
-[dir=rtl] .arrow, [dir=rtl] .hiddenArrow {
-  margin-right: var(--zd_size5);
-}
-
-.container:hover .arrow {
-  visibility: visible;
-}
-
-.hiddenArrow,
-.arrow {
-  visibility: hidden;
-  font-size: var(--zd_size8);
-}
-
-.dropdown {
-  max-height: var(--zd_size180);
-  composes: oflowy from '~@zohodesk/components/lib/common/common.module.css';
-  margin: var(--zd_size10) 0;
-  padding: var(--zd_size10) 0;
-}
-
-[dir=ltr] .dropdown {
-  text-align: left;
-}
-
-[dir=rtl] .dropdown {
-  text-align: right;
-}