@zohodesk/components 1.0.0-temp-71 → 1.0.0-temp-72

package/lib/deprecated/PortalLayer/props/propTypes.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  autoZIndexNeeded: _propTypes["default"].bool,
+  children: _propTypes["default"].element,
+  initialState: _propTypes["default"].bool,
+  isChildrenRestrictionNeeded: _propTypes["default"].bool,
+  portalId: _propTypes["default"].string,
+  renderChildren: _propTypes["default"].func,
+  saveGetFunction: _propTypes["default"].func,
+  saveUpdateFunction: _propTypes["default"].func
+};
+exports.propTypes = propTypes;

package/lib/deprecated/advancedMultiSelectVariableJson.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var componentAppearanceVariables = [{
+  "comment": "advanced multiselect",
+  "data": {
+    "zdt_advancedmultiselect_default_border": {
+      'light': ['var(--dot_inputLine)'],
+      'dark': ['var(--dot_inputLine)'],
+      'pureDark': ['var(--dot_inputLine)']
+    },
+    "zdt_advancedmultiselect_transparent_border": {
+      'light': ['var(--dot_mirror)'],
+      'dark': ['var(--dot_mirror)'],
+      'pureDark': ['var(--dot_mirror)']
+    },
+    "zdt_advancedmultiselect_dark_border": {
+      'light': ['var(--dot_mulledwine)'],
+      'dark': ['var(--dot_mulledwine)'],
+      'pureDark': ['var(--dot_mulledwine)']
+    },
+    "zdt_advancedmultiselect_default_hover_border": {
+      'light': ['var(--dot_inputLineHover)'],
+      'dark': ['var(--dot_inputLineHover)'],
+      'pureDark': ['var(--dot_inputLineHover)']
+    },
+    "zdt_advancedmultiselect_transparent_hover_border": {
+      'light': ['var(--dot_inputLineHover)'],
+      'dark': ['var(--dot_inputLineHover)'],
+      'pureDark': ['var(--dot_inputLineHover)']
+    },
+    "zdt_advancedmultiselect_dark_hover_border": {
+      'light': ['var(--dot_stardust)'],
+      'dark': ['var(--dot_stardust)'],
+      'pureDark': ['var(--dot_stardust)']
+    },
+    "zdt_advancedmultiselect_default_active_border": {
+      'light': ['var(--dot_inputLineFocus)'],
+      'dark': ['var(--dot_inputLineFocus)'],
+      'pureDark': ['var(--dot_inputLineFocus)']
+    },
+    "zdt_advancedmultiselect_transparent_active_border": {
+      'light': ['var(--dot_inputLineFocus)'],
+      'dark': ['var(--dot_inputLineFocus)'],
+      'pureDark': ['var(--dot_inputLineFocus)']
+    },
+    "zdt_advancedmultiselect_dark_active_border": {
+      'light': ['var(--dot_stardust)'],
+      'dark': ['var(--dot_stardust)'],
+      'pureDark': ['var(--dot_stardust)']
+    },
+    "zdt_advancedmultiselect_delete_text": {
+      'light': ['var(--dot_shuttleGrey)'],
+      'dark': ['var(--dot_cadetblue)'],
+      'pureDark': ['#999']
+    },
+    "zdt_advancedmultiselect_delete_hover_text": {
+      'light': ['var(--dot_black)'],
+      'dark': ['var(--dot_platinum)'],
+      'pureDark': ['var(--dot_platinum)']
+    },
+    "zdt_advancedmultiselect_delete_bg": {
+      'light': ['var(--dot_mirror)'],
+      'dark': ['var(--dot_mirror)'],
+      'pureDark': ['var(--dot_mirror)']
+    },
+    "zdt_advancedmultiselect_box_bg": {
+      'light': ['var(--dot_white)'],
+      'dark': ['var(--dot_ebonyclay)'],
+      'pureDark': ['#212121']
+    },
+    "zdt_advancedmultiselect_droppopup_text": {
+      'light': ['var(--dot_slateGrey)'],
+      'dark': ['var(--dot_oslogrey)'],
+      'pureDark': ['var(--dot_oslogrey)']
+    },
+    "zdt_advancedmultiselect_more_text": {
+      'light': ['var(--zdt_cta_primary_text)'],
+      'dark': ['var(--zdt_cta_primary_text)'],
+      'pureDark': ['var(--zdt_cta_primary_text)']
+    }
+  }
+}];

package/lib/index.js

@@ -150,11 +150,8 @@ var _exportNames = {
   Provider__Zindex_For_FunctionComponent: true,
   SemanticButton: true,
   SemanticButton__default: true,
-  FocusScope: true,
-  FocusScope__default: true,
-  FocusRing: true,
-  FocusRing__default: true,
-  LightNightMode__AlternativeColors: true
+  LightNightMode__AlternativeColors: true,
+  ResponsiveDropBox: true
 };
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
@@ -468,30 +465,6 @@ Object.defineProperty(exports, "DropDownHeading__Heading", {
     return _DropDownHeading__default["default"];
   }
 });
-Object.defineProperty(exports, "FocusRing", {
-  enumerable: true,
-  get: function get() {
-    return _FocusRing["default"];
-  }
-});
-Object.defineProperty(exports, "FocusRing__default", {
-  enumerable: true,
-  get: function get() {
-    return _FocusRing__default["default"];
-  }
-});
-Object.defineProperty(exports, "FocusScope", {
-  enumerable: true,
-  get: function get() {
-    return _FocusScope["default"];
-  }
-});
-Object.defineProperty(exports, "FocusScope__default", {
-  enumerable: true,
-  get: function get() {
-    return _FocusScope__default["default"];
-  }
-});
 Object.defineProperty(exports, "GroupSelect", {
   enumerable: true,
   get: function get() {
@@ -786,6 +759,12 @@ Object.defineProperty(exports, "ReactDOM", {
     return _reactDom["default"];
   }
 });
+Object.defineProperty(exports, "ResponsiveDropBox", {
+  enumerable: true,
+  get: function get() {
+    return _ResponsiveDropBox["default"];
+  }
+});
 Object.defineProperty(exports, "Responsive__Custom", {
   enumerable: true,
   get: function get() {
@@ -1399,14 +1378,8 @@ var _Button2 = _interopRequireDefault(require("./semantic/Button/Button"));
 
 var _Button__defaultDocs = _interopRequireDefault(require("./semantic/Button/docs/Button__default.docs.js"));
 
-var _FocusScope = _interopRequireDefault(require("./a11y/FocusScope/FocusScope"));
-
-var _FocusScope__default = _interopRequireDefault(require("./a11y/FocusScope/docs/FocusScope__default.docs"));
-
-var _FocusRing = _interopRequireDefault(require("./beta/FocusRing/FocusRing"));
-
-var _FocusRing__default = _interopRequireDefault(require("./beta/FocusRing/docs/FocusRing__default.docs"));
-
 var _AlternativeColors = _interopRequireDefault(require("./LightNightMode/docs/AlternativeColors.docs"));
 
+var _ResponsiveDropBox = _interopRequireDefault(require("./ResponsiveDropBox/ResponsiveDropBox"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/semantic/Button/Button.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
 
 var _semanticButtonModule = _interopRequireDefault(require("./semanticButton.module.css"));
 
@@ -23,7 +25,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : 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); }; }
 
@@ -33,7 +35,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var Button = /*#__PURE__*/function (_React$Component) {
   _inherits(Button, _React$Component);
@@ -92,43 +94,8 @@ var Button = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = Button;
-Button.defaultProps = {
-  children: null,
-  autoFocus: false,
-  dataId: 'semanticButton',
-  disabled: false,
-  palette: 'primary',
-  text: 'Button',
-  type: 'button',
-  value: 'text',
-  customClass: '',
-  a11y: {}
-};
-Button.propTypes = {
-  ariaControls: _propTypes["default"].bool,
-  ariaExpanded: _propTypes["default"].bool,
-  ariaHaspopup: _propTypes["default"].bool,
-  ariaLabel: _propTypes["default"].string,
-  autofocus: _propTypes["default"].bool,
-  children: _propTypes["default"].node,
-  customClass: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  name: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  ref: _propTypes["default"].func,
-  text: _propTypes["default"].string,
-  title: _propTypes["default"].string,
-  type: _propTypes["default"].oneOf(['submit', 'reset', 'button']),
-  value: _propTypes["default"].string,
-  a11y: _propTypes["default"].shape({
-    ariaLabel: _propTypes["default"].string,
-    ariaHaspopup: _propTypes["default"].bool,
-    ariaExpanded: _propTypes["default"].bool,
-    ariaControls: _propTypes["default"].string,
-    ariaLabelledby: _propTypes["default"].string
-  })
-};
+Button.defaultProps = _defaultProps.defaultProps;
+Button.propTypes = _propTypes.propTypes;
 
 if (false) {
   Button.docs = {

package/lib/semantic/Button/docs/Button__default.docs.js

@@ -23,7 +23,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : 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); }; }
 
@@ -33,7 +33,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var Button__default = /*#__PURE__*/function (_React$Component) {
   _inherits(Button__default, _React$Component);

package/lib/semantic/Button/props/defaultProps.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  children: null,
+  autoFocus: false,
+  dataId: 'semanticButton',
+  disabled: false,
+  palette: 'primary',
+  text: 'Button',
+  type: 'button',
+  value: 'text',
+  customClass: '',
+  a11y: {}
+};
+exports.defaultProps = defaultProps;

package/lib/semantic/Button/props/propTypes.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  ariaControls: _propTypes["default"].bool,
+  ariaExpanded: _propTypes["default"].bool,
+  ariaHaspopup: _propTypes["default"].bool,
+  ariaLabel: _propTypes["default"].string,
+  autofocus: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  customClass: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  name: _propTypes["default"].string,
+  onClick: _propTypes["default"].func,
+  ref: _propTypes["default"].func,
+  text: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  type: _propTypes["default"].oneOf(['submit', 'reset', 'button']),
+  value: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    ariaLabel: _propTypes["default"].string,
+    ariaHaspopup: _propTypes["default"].bool,
+    ariaExpanded: _propTypes["default"].bool,
+    ariaControls: _propTypes["default"].string,
+    ariaLabelledby: _propTypes["default"].string
+  })
+};
+exports.propTypes = propTypes;

package/lib/semantic/Button/semanticButton.module.css

@@ -1,9 +1,9 @@
-.buttonReset {
-  outline: 0;
-  font: inherit;
-  color: inherit;
-  border: inherit;
-  background-color: inherit;
-  padding: 0;
-  text-align: inherit;
-}
+.buttonReset {
+  outline: 0;
+  font: inherit;
+  color: inherit;
+  border: inherit;
+  background-color: inherit;
+  padding: 0;
+  text-align: inherit;
+}

package/package.json

@@ -1,76 +1,76 @@
-{
-  "name": "@zohodesk/components",
-  "version": "1.0.0-temp-71",
-  "main": "lib/index.js",
-  "module": "es/index.js",
-  "jsnext:main": "es/index.js",
-  "private": false,
-  "umdVar": "Component",
-  "scripts": {
-    "build:docs": "react-cli build:docs",
-    "lint": "react-cli lint",
-    "lintAll": "react-cli lint ./src",
-    "lintAllFix": "npm run lintAll --eslint:fix=true",
-    "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
-    "dubCheck": "node dubFinder  node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
-    "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
-    "build:variables": "node ./preprocess/index",
-    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
-    "common_package_build":"cd ../common && npm run build && cd ../components",
-    "start": "react-cli start",
-    "docs": "npm run common_package_build && npm run dubCheck && react-cli docs",
-    "build": " react-cli build:component:cmjs",
-    "buildlocal": " react-cli build:component:cmjs && npm run rtl",
-    "build:dev": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
-    "build:es": "react-cli build:library:es",
-    "rtl:watch": "react-cli rtl ./src ./es -w",
-    "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
-    "coverage": "react-cli coverage",
-    "prepare": "react-cli clean assets &&  npm run init &&  npm run build && npm run build:es && npm run rtl",
-    "postpublish": "react-cli postpublish",
-    "report": "react-cli publish:report",
-    "test": "react-cli test",
-    "sstest": "npm run init && react-cli sstest",
-    "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
-    "download": "rm package-lock.json && rm -rf node_modules/ && npm install",
-    "expublish": "npm publish --tag experimental-version"
-  },
-  "devDependencies": {
-    "@zohodesk/docstool": "1.0.0-alpha-2",
-    "@zohodesk/variables": "1.0.0-beta.29",
-    "@zohodesk/icons": "1.0.0-beta.109",
-    "@zohodesk/virtualizer": "1.0.3",
-    "velocity-react": "1.4.3",
-    "react-sortable-hoc": "^0.8.3",
-    "@zohodesk/svg": "1.0.0-beta.48"
-  },
-  "dependencies": {
-    "hoist-non-react-statics": "3.0.1",
-    "react-transition-group": "2.5.0",
-    "reselect": "4.0.0",
-    "selectn": "1.1.2"
-  },
-  "peerDependencies": {
-    "@zohodesk/icons": "1.0.0-beta.109",
-    "@zohodesk/variables": "1.0.0-beta.29",
-    "@zohodesk/svg": "1.0.0-beta.49",
-    "@zohodesk/virtualizer": "1.0.3",
-    "velocity-react": "1.4.3",
-    "react-sortable-hoc": "^0.8.3"
-  },
-  "react-cli": {
-    "preprocess": {
-      "runner": "./preprocess/index.js"
-    },
-    "docs": {
-      "disableES5Transpile": true,
-      "componentFolder": "./src",
-      "cssUniqueness": "false",
-      "rtlExclude": [
-        "@zohodesk/icons",
-        "@zohodesk/variables"
-      ],
-      "hasRTL": true
-    }
-  }
-}
+{
+  "name": "@zohodesk/components",
+  "version": "1.0.0-temp-72",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "jsnext:main": "es/index.js",
+  "private": false,
+  "umdVar": "Component",
+  "scripts": {
+    "build:docs": "react-cli build:docs",
+    "lint": "react-cli lint",
+    "lintAll": "react-cli lint ./src",
+    "lintAllFix": "npm run lintAll --eslint:fix=true",
+    "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
+    "dubCheck": "node dubFinder  node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
+    "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
+    "build:variables": "node ./preprocess/index",
+    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
+    "common_package_build": "cd ../common && npm run build && cd ../components",
+    "start": "react-cli start",
+    "docs": "npm run common_package_build && npm run dubCheck && react-cli docs",
+    "build": " react-cli build:component:cmjs",
+    "buildlocal": " react-cli build:component:cmjs && npm run rtl",
+    "build:dev": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
+    "build:es": "react-cli build:library:es",
+    "rtl:watch": "react-cli rtl ./src ./es -w",
+    "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
+    "coverage": "react-cli coverage",
+    "prepare": "react-cli clean assets &&  npm run init &&  npm run build && npm run build:es && npm run rtl",
+    "postpublish": "react-cli postpublish",
+    "report": "react-cli publish:report",
+    "test": "react-cli test",
+    "sstest": "npm run init && react-cli sstest",
+    "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
+    "download": "rm package-lock.json && rm -rf node_modules/ && npm install",
+    "expublish": "npm publish --tag experimental-version"
+  },
+  "devDependencies": {
+    "@zohodesk/docstool": "1.0.0-alpha-2",
+    "@zohodesk/variables": "1.0.0-temp.30",
+    "@zohodesk/icons": "1.0.0-beta.109",
+    "@zohodesk/virtualizer": "1.0.3",
+    "velocity-react": "1.4.3",
+    "react-sortable-hoc": "^0.8.3",
+    "@zohodesk/svg": "1.0.0-beta.48"
+  },
+  "dependencies": {
+    "hoist-non-react-statics": "3.0.1",
+    "react-transition-group": "2.5.0",
+    "reselect": "4.0.0",
+    "selectn": "1.1.2"
+  },
+  "peerDependencies": {
+    "@zohodesk/icons": "1.0.0-beta.109",
+    "@zohodesk/variables": "1.0.0-temp.30",
+    "@zohodesk/svg": "1.0.0-beta.49",
+    "@zohodesk/virtualizer": "1.0.3",
+    "velocity-react": "1.4.3",
+    "react-sortable-hoc": "^0.8.3"
+  },
+  "react-cli": {
+    "preprocess": {
+      "runner": "./preprocess/index.js"
+    },
+    "docs": {
+      "disableES5Transpile": true,
+      "componentFolder": "./src",
+      "cssUniqueness": "false",
+      "rtlExclude": [
+        "@zohodesk/icons",
+        "@zohodesk/variables"
+      ],
+      "hasRTL": true
+    }
+  }
+}

package/es/MultiSelect/AdvancedMultiSelect.module.css

@@ -1,113 +0,0 @@
-.wrapper {
-  position: relative;
-}
-.disabled,
-.readOnly {
-  cursor: not-allowed;
-}
-.container {
-  max-height: var(--zd_size120);
-  composes: oflowy from '../common/common.module.css';
-}
-.hasBorder {
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-  transition: border var(--zd_transition2) linear 0s;
-}
-.borderColor_transparent {
-  border-bottom-color: var(--zdt_advancedmultiselect_transparent_border);
-}
-.effect .borderColor_transparent:hover {
-  border-bottom-color: var(--zdt_advancedmultiselect_transparent_hover_border);
-}
-.effect .borderColor_transparent.active {
-  border-bottom-color: var(--zdt_advancedmultiselect_transparent_active_border);
-}
-.borderColor_default {
-  border-bottom-color: var(--zdt_advancedmultiselect_default_border);
-}
-.effect .borderColor_default:hover {
-  border-bottom-color: var(--zdt_advancedmultiselect_default_hover_border);
-}
-.effect .borderColor_default.active {
-  border-bottom-color: var(--zdt_advancedmultiselect_default_active_border);
-}
-.borderColor_dark {
-  border-bottom-color: var(--zdt_advancedmultiselect_dark_border);
-}
-.effect .borderColor_dark:hover {
-  border-bottom-color: var(--zdt_advancedmultiselect_dark_hover_border);
-}
-.effect .borderColor_dark.active {
-  border-bottom-color: var(--zdt_advancedmultiselect_dark_active_border);
-}
-.container.medium {
-  padding: 0 var(--zd_size34) var(--zd_size7) 0;
-}
-.container.xmedium {
-  padding: 0 var(--zd_size34) var(--zd_size1) 0;
-  min-height: var(--zd_size30);
-}
-
-.delete {
-  position: absolute;
-  bottom: 0;
-  right: var(--zd_size15);
-  padding-bottom: var(--zd_size10);
-  color: var(--zdt_advancedmultiselect_delete_text);
-  cursor: pointer;
-  background-color: var(--zdt_advancedmultiselect_delete_bg);
-  border: 0;
-}
-
-.delete:hover {
-  color: var(--zdt_advancedmultiselect_delete_hover_text);
-}
-.transparentContainer .delete {
-  opacity: 0;
-  visibility: hidden;
-}
-.transparentContainer:hover .delete {
-  opacity: 1;
-  visibility: visible;
-}
-
-.box {
-  background: var(--zdt_advancedmultiselect_box_bg);
-}
-
-.small {
-  max-height: var(--zd_size200);
-}
-
-.medium {
-  max-height: var(--zd_size350);
-}
-
-.large {
-  max-height: var(--zd_size400);
-}
-
-.dropContainer {
-  display: inline-block;
-  max-width: 100%;
-  margin-bottom: var(--zd_size5);
-}
-
-.dropPopup {
-  font-size: var(--zd_font_size13);
-}
-
-.dropPopup :global .toggleDropIcon {
-  color: var(--zdt_advancedmultiselect_droppopup_text);
-}
-
-.more {
-  font-size: var(--zd_font_size14);
-  color: var(--zdt_advancedmultiselect_more_text);
-  cursor: pointer;
-  margin-top: var(--zd_size5);
-  font-family: inherit;
-  background-color: var(--zdt_advancedmultiselect_delete_bg);
-  border: 0;
-}