indicator-ui 0.1.118 → 0.1.120

package/dist/index.js

@@ -58519,8 +58519,8 @@ function COLLAPSIBLE_ANIM() {
       visibility: 'visible'
     }).to(obj, {
       height: height,
-      duration: 0.3,
-      ease: "power2.out"
+      ease: "power2.out",
+      duration: 0.3
     }).set(obj, {
       transform: 'none'
     });
@@ -58531,12 +58531,13 @@ function COLLAPSIBLE_ANIM() {
       args[_key2] = arguments[_key2];
     }
     var obj = args[0],
-      timeline = args[1];
+      timeline = args[1],
+      _ = args[2];
     timeline.clear().to(obj, {
       height: 0,
-      duration: 0.2,
-      ease: "power2.in"
-    }).set(obj, {
+      duration: 0.3,
+      ease: "power2.out"
+    }, '<').set(obj, {
       visibility: 'hidden'
     });
     return timeline;
@@ -64230,7 +64231,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"checkbox":"Checkbox-module__checkbox___GSei6","textBlock":"Checkbox-module__textBlock___lgsN_","text":"Checkbox-module__text___bgxrk","supportingText":"Checkbox-module__supportingText___BR8D6","textBold":"Checkbox-module__textBold___dlrM9","hover":"Checkbox-module__hover___B2BYJ","focus":"Checkbox-module__focus___OeuC2","active":"Checkbox-module__active___MV9lm","disabled":"Checkbox-module__disabled___haSYz","error":"Checkbox-module__error___YOn5a","widthFill":"Checkbox-module__widthFill___EHcfi","heightFill":"Checkbox-module__heightFill___uqjBX","widthHug":"Checkbox-module__widthHug___N5weH","heightHug":"Checkbox-module__heightHug___SK_mI","dark":"Checkbox-module__dark___IyGrG"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"checkbox":"Checkbox-module__checkbox___GSei6","textBlock":"Checkbox-module__textBlock___lgsN_","text":"Checkbox-module__text___bgxrk","supportingText":"Checkbox-module__supportingText___BR8D6","textBold":"Checkbox-module__textBold___dlrM9","focus":"Checkbox-module__focus___OeuC2","hover":"Checkbox-module__hover___B2BYJ","active":"Checkbox-module__active___MV9lm","disabled":"Checkbox-module__disabled___haSYz","error":"Checkbox-module__error___YOn5a","widthFill":"Checkbox-module__widthFill___EHcfi","heightFill":"Checkbox-module__heightFill___uqjBX","widthHug":"Checkbox-module__widthHug___N5weH","heightHug":"Checkbox-module__heightHug___SK_mI"});
 
 /***/ }),
 
@@ -67436,7 +67437,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"dropdownItem":"DropdownItem-module__dropdownItem___N8ZNV","showIcon":"DropdownItem-module__showIcon___Dg7F4","main":"DropdownItem-module__main___Lhu3D","text":"DropdownItem-module__text___ASNww","supportText":"DropdownItem-module__supportText___UEw04","check":"DropdownItem-module__check___e4EmQ","selected":"DropdownItem-module__selected___gw70Z","disabled":"DropdownItem-module__disabled___hI0kb","userIcon":"DropdownItem-module__userIcon___MATjB","small":"DropdownItem-module__small___IbHXt","medium":"DropdownItem-module__medium___bm3mg","widthFill":"DropdownItem-module__widthFill___m3eb0","widthHug":"DropdownItem-module__widthHug___HJMle"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"dropdownItem":"DropdownItem-module__dropdownItem___N8ZNV","main":"DropdownItem-module__main___Lhu3D","text":"DropdownItem-module__text___ASNww","supportText":"DropdownItem-module__supportText___UEw04","showIcon":"DropdownItem-module__showIcon___Dg7F4","check":"DropdownItem-module__check___e4EmQ","selected":"DropdownItem-module__selected___gw70Z","disabled":"DropdownItem-module__disabled___hI0kb","small":"DropdownItem-module__small___IbHXt","medium":"DropdownItem-module__medium___bm3mg","widthFill":"DropdownItem-module__widthFill___m3eb0","widthHug":"DropdownItem-module__widthHug___HJMle"});
 
 /***/ }),
 
@@ -67619,6 +67620,360 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _DropdownItem__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DropdownItem */ "./src/ui/DropdownItem/ui/DropdownItem.tsx");
 
 
+/***/ }),
+
+/***/ "./src/ui/DropdownV2/index.ts":
+/*!************************************!*\
+  !*** ./src/ui/DropdownV2/index.ts ***!
+  \************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DropdownItemV2: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.DropdownItemV2),
+/* harmony export */   DropdownV2: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.DropdownV2)
+/* harmony export */ });
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/DropdownV2/ui/index.ts");
+
+
+/***/ }),
+
+/***/ "./src/ui/DropdownV2/styles/DropdownItemV2.module.scss":
+/*!*************************************************************!*\
+  !*** ./src/ui/DropdownV2/styles/DropdownItemV2.module.scss ***!
+  \*************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"main":"DropdownItemV2-module__main___U3sM0","icon":"DropdownItemV2-module__icon___BgBJk","selected":"DropdownItemV2-module__selected___Ab1QJ","disabled":"DropdownItemV2-module__disabled___ktwNX","small":"DropdownItemV2-module__small___uv2i3","medium":"DropdownItemV2-module__medium___aj8yR"});
+
+/***/ }),
+
+/***/ "./src/ui/DropdownV2/styles/DropdownV2.module.scss":
+/*!*********************************************************!*\
+  !*** ./src/ui/DropdownV2/styles/DropdownV2.module.scss ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"main":"DropdownV2-module__main___Zkfs8"});
+
+/***/ }),
+
+/***/ "./src/ui/DropdownV2/styles/components/Check.module.scss":
+/*!***************************************************************!*\
+  !*** ./src/ui/DropdownV2/styles/components/Check.module.scss ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"check":"Check-module__check___r1ml8","selected":"Check-module__selected___XTE__","disabled":"Check-module__disabled___wC3Gq"});
+
+/***/ }),
+
+/***/ "./src/ui/DropdownV2/styles/components/Info.module.scss":
+/*!**************************************************************!*\
+  !*** ./src/ui/DropdownV2/styles/components/Info.module.scss ***!
+  \**************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"info":"Info-module__info___oxMEB","disabled":"Info-module__disabled___GDX_r","small":"Info-module__small___gmidj","medium":"Info-module__medium___hIlPd"});
+
+/***/ }),
+
+/***/ "./src/ui/DropdownV2/styles/components/index.ts":
+/*!******************************************************!*\
+  !*** ./src/ui/DropdownV2/styles/components/index.ts ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CheckStyle: () => (/* reexport safe */ _Check_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   InfoStyle: () => (/* reexport safe */ _Info_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _Info_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Info.module.scss */ "./src/ui/DropdownV2/styles/components/Info.module.scss");
+/* harmony import */ var _Check_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Check.module.scss */ "./src/ui/DropdownV2/styles/components/Check.module.scss");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/DropdownV2/styles/index.ts":
+/*!*******************************************!*\
+  !*** ./src/ui/DropdownV2/styles/index.ts ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CheckStyle: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_2__.CheckStyle),
+/* harmony export */   DropdownItemV2Style: () => (/* reexport safe */ _DropdownItemV2_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   DropdownV2Style: () => (/* reexport safe */ _DropdownV2_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"]),
+/* harmony export */   InfoStyle: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_2__.InfoStyle)
+/* harmony export */ });
+/* harmony import */ var _DropdownV2_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DropdownV2.module.scss */ "./src/ui/DropdownV2/styles/DropdownV2.module.scss");
+/* harmony import */ var _DropdownItemV2_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DropdownItemV2.module.scss */ "./src/ui/DropdownV2/styles/DropdownItemV2.module.scss");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components */ "./src/ui/DropdownV2/styles/components/index.ts");
+
+
+
+
+/***/ }),
+
+/***/ "./src/ui/DropdownV2/ui/DropdownItemV2.tsx":
+/*!*************************************************!*\
+  !*** ./src/ui/DropdownV2/ui/DropdownItemV2.tsx ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DropdownItemV2: () => (/* binding */ DropdownItemV2)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles */ "./src/ui/DropdownV2/styles/index.ts");
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components */ "./src/ui/DropdownV2/ui/components/index.ts");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["as", "avatar", "className", "selected", "title", "subtitle", "size", "disabled", "icon"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+
+
+
+
+
+function DropdownItemV2(props) {
+  var _props$as = props.as,
+    as = _props$as === void 0 ? 'li' : _props$as,
+    avatar = props.avatar,
+    className = props.className,
+    selected = props.selected,
+    title = props.title,
+    subtitle = props.subtitle,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'small' : _props$size,
+    disabled = props.disabled,
+    icon = props.icon,
+    componentProps = _objectWithoutProperties(props, _excluded);
+  var Component = as;
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(Component, _objectSpread(_objectSpread({}, componentProps), {}, {
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.DropdownItemV2Style.main, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_3__.DropdownItemV2Style.selected, selected), _styles__WEBPACK_IMPORTED_MODULE_3__.DropdownItemV2Style.disabled, disabled), _styles__WEBPACK_IMPORTED_MODULE_3__.DropdownItemV2Style.small, size === 'small'), _styles__WEBPACK_IMPORTED_MODULE_3__.DropdownItemV2Style.medium, size === 'medium'), className),
+    children: [icon && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+      className: _styles__WEBPACK_IMPORTED_MODULE_3__.DropdownItemV2Style.icon,
+      children: icon
+    }), avatar && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.UserPick, {
+      disabled: disabled,
+      url: avatar,
+      size: 20
+    }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components__WEBPACK_IMPORTED_MODULE_4__.Info, {
+      title: title,
+      subtitle: subtitle,
+      size: size,
+      disabled: disabled
+    }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components__WEBPACK_IMPORTED_MODULE_4__.Check, {
+      selected: selected,
+      disabled: disabled
+    })]
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/ui/DropdownV2/ui/DropdownV2.tsx":
+/*!*********************************************!*\
+  !*** ./src/ui/DropdownV2/ui/DropdownV2.tsx ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DropdownV2: () => (/* binding */ DropdownV2)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _DropdownItemV2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DropdownItemV2 */ "./src/ui/DropdownV2/ui/DropdownItemV2.tsx");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles */ "./src/ui/DropdownV2/styles/index.ts");
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["list", "className", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+
+
+
+
+
+
+function _DropdownV2(props, ref) {
+  var list = props.list,
+    className = props.className,
+    children = props.children,
+    componentProps = _objectWithoutProperties(props, _excluded);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("ul", _objectSpread(_objectSpread({}, componentProps), {}, {
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_4__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.DropdownV2Style.main, className),
+    ref: ref,
+    children: [list === null || list === void 0 ? void 0 : list.map(function (item, idx) {
+      return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(_DropdownItemV2__WEBPACK_IMPORTED_MODULE_2__.DropdownItemV2, _objectSpread(_objectSpread({}, item), {}, {
+        key: "_DropdownV2_".concat(idx)
+      }));
+    }), children]
+  }));
+}
+var DropdownV2 = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(_DropdownV2);
+
+/***/ }),
+
+/***/ "./src/ui/DropdownV2/ui/components/Check.tsx":
+/*!***************************************************!*\
+  !*** ./src/ui/DropdownV2/ui/components/Check.tsx ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Check: () => (/* binding */ Check)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../styles */ "./src/ui/DropdownV2/styles/index.ts");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+function Check(props) {
+  var selected = props.selected,
+    disabled = props.disabled;
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_2__.CheckSVG, {
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.CheckStyle.check, _defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_3__.CheckStyle.selected, selected), _styles__WEBPACK_IMPORTED_MODULE_3__.CheckStyle.disabled, disabled))
+  });
+}
+
+/***/ }),
+
+/***/ "./src/ui/DropdownV2/ui/components/Info.tsx":
+/*!**************************************************!*\
+  !*** ./src/ui/DropdownV2/ui/components/Info.tsx ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Info: () => (/* binding */ Info)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../styles */ "./src/ui/DropdownV2/styles/index.ts");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+function Info(props) {
+  var subtitle = props.subtitle,
+    title = props.title,
+    size = props.size,
+    disabled = props.disabled;
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("section", {
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.InfoStyle.info, _defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_2__.InfoStyle.info, size === 'small'), _styles__WEBPACK_IMPORTED_MODULE_2__.InfoStyle.info, size === 'medium'), _styles__WEBPACK_IMPORTED_MODULE_2__.InfoStyle.disabled, disabled)),
+    children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h6", {
+      children: title
+    }), " ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
+      children: subtitle
+    })]
+  });
+}
+
+/***/ }),
+
+/***/ "./src/ui/DropdownV2/ui/components/index.ts":
+/*!**************************************************!*\
+  !*** ./src/ui/DropdownV2/ui/components/index.ts ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Check: () => (/* reexport safe */ _Check__WEBPACK_IMPORTED_MODULE_0__.Check),
+/* harmony export */   Info: () => (/* reexport safe */ _Info__WEBPACK_IMPORTED_MODULE_1__.Info)
+/* harmony export */ });
+/* harmony import */ var _Check__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Check */ "./src/ui/DropdownV2/ui/components/Check.tsx");
+/* harmony import */ var _Info__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Info */ "./src/ui/DropdownV2/ui/components/Info.tsx");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/DropdownV2/ui/index.ts":
+/*!***************************************!*\
+  !*** ./src/ui/DropdownV2/ui/index.ts ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DropdownItemV2: () => (/* reexport safe */ _DropdownItemV2__WEBPACK_IMPORTED_MODULE_0__.DropdownItemV2),
+/* harmony export */   DropdownV2: () => (/* reexport safe */ _DropdownV2__WEBPACK_IMPORTED_MODULE_1__.DropdownV2)
+/* harmony export */ });
+/* harmony import */ var _DropdownItemV2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DropdownItemV2 */ "./src/ui/DropdownV2/ui/DropdownItemV2.tsx");
+/* harmony import */ var _DropdownV2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DropdownV2 */ "./src/ui/DropdownV2/ui/DropdownV2.tsx");
+
+
+
 /***/ }),
 
 /***/ "./src/ui/FormBuilder/consts/index.ts":
@@ -70387,7 +70742,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"flexField":"FlexField-module__flexField___bQEfy","inputField":"FlexField-module__inputField___ckUI1","placeholder":"FlexField-module__placeholder___LYS5Z","icon":"FlexField-module__icon___pHmKh","textSupport":"FlexField-module__textSupport___WGMzj","help":"FlexField-module__help___ORoT_","dropdown":"FlexField-module__dropdown___BqdfG","dropdownReverse":"FlexField-module__dropdownReverse___FNjEK","button":"FlexField-module__button___TjLHK","red":"FlexField-module__red___BY7NK","gray":"FlexField-module__gray___sjpVp","pointer":"FlexField-module__pointer___dOJ4b","focus":"FlexField-module__focus___pkwN6","isError":"FlexField-module__isError___VljDQ","disabled":"FlexField-module__disabled___lN8Vv","userPick":"FlexField-module__userPick___GeaoI","smallDisplay":"FlexField-module__smallDisplay___y_Y9l","largeDisplay":"FlexField-module__largeDisplay___I3LHo","darkTheme":"FlexField-module__darkTheme___VCwjD"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"flexField":"FlexField-module__flexField___bQEfy","textSupport":"FlexField-module__textSupport___WGMzj","inputField":"FlexField-module__inputField___ckUI1","placeholder":"FlexField-module__placeholder___LYS5Z","icon":"FlexField-module__icon___pHmKh","help":"FlexField-module__help___ORoT_","isError":"FlexField-module__isError___VljDQ","pointer":"FlexField-module__pointer___dOJ4b","disabled":"FlexField-module__disabled___lN8Vv","userPick":"FlexField-module__userPick___GeaoI","dropdown":"FlexField-module__dropdown___BqdfG","dropdownReverse":"FlexField-module__dropdownReverse___FNjEK","button":"FlexField-module__button___TjLHK","red":"FlexField-module__red___BY7NK","gray":"FlexField-module__gray___sjpVp","smallDisplay":"FlexField-module__smallDisplay___y_Y9l","largeDisplay":"FlexField-module__largeDisplay___I3LHo"});
 
 /***/ }),
 
@@ -71913,7 +72268,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"textareaField":"TextareaField-module__textareaField___Vcg4L","isError":"TextareaField-module__isError___VGTeU","darkTheme":"TextareaField-module__darkTheme___KXuqS"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"textareaField":"TextareaField-module__textareaField___Vcg4L","isError":"TextareaField-module__isError___VGTeU"});
 
 /***/ }),
 
@@ -74859,8 +75214,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
-/* harmony import */ var _ui_Tag_styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/ui/Tag/styles */ "./src/ui/Tag/styles/index.ts");
-/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
+/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../styles */ "./src/ui/Tag/styles/index.ts");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["as", "size", "count", "onClose", "label", "active"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -74878,7 +75233,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 var _FilterTag = function _FilterTag(props, ref) {
   var _props$as = props.as,
-    as = _props$as === void 0 ? 'div' : _props$as,
+    as = _props$as === void 0 ? 'button' : _props$as,
     size = props.size,
     count = props.count,
     onClose = props.onClose,
@@ -74898,7 +75253,8 @@ var _FilterTag = function _FilterTag(props, ref) {
   };
   var Component = as;
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(Component, _objectSpread(_objectSpread({}, componentProps), {}, {
-    className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_ui_Tag_styles__WEBPACK_IMPORTED_MODULE_4__.FilterTagStyle.main, _defineProperty(_defineProperty(_defineProperty({}, _ui_Tag_styles__WEBPACK_IMPORTED_MODULE_4__.FilterTagStyle.small, size === 'small'), _ui_Tag_styles__WEBPACK_IMPORTED_MODULE_4__.FilterTagStyle.large, size === 'large'), _ui_Tag_styles__WEBPACK_IMPORTED_MODULE_4__.FilterTagStyle.active, active)),
+    ref: ref,
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.FilterTagStyle.main, _defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_5__.FilterTagStyle.small, size === 'small'), _styles__WEBPACK_IMPORTED_MODULE_5__.FilterTagStyle.large, size === 'large'), _styles__WEBPACK_IMPORTED_MODULE_5__.FilterTagStyle.active, active)),
     children: [count !== undefined && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.TagCount, {
       count: count,
       size: size,
@@ -74906,7 +75262,7 @@ var _FilterTag = function _FilterTag(props, ref) {
     }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("section", {
       children: label
     }), onClose && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.MicroButton, {
-      icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_5__.XCloseSVG, {}),
+      icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_4__.XCloseSVG, {}),
       size: getButtonSize(),
       color: getButtonColor(),
       onClick: onClose
@@ -75858,8 +76214,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   UserPick: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.UserPick)
 /* harmony export */ });
 /* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/UserPick/ui/index.ts");
-/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/UserPick/types/index.ts");
-
 
 
 /***/ }),
@@ -75876,7 +76230,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"userPick":"UserPick-module__userPick___KBWm3","userPickPlaceholder":"UserPick-module__userPickPlaceholder___NrdUD"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"userPick":"UserPick-module__userPick___KBWm3","userPickPlaceholder":"UserPick-module__userPickPlaceholder___NrdUD","disabled":"UserPick-module__disabled___FEpxS"});
 
 /***/ }),
 
@@ -75894,31 +76248,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _UserPick_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./UserPick.module.scss */ "./src/ui/UserPick/styles/UserPick.module.scss");
 
 
-/***/ }),
-
-/***/ "./src/ui/UserPick/types/UserPickTypes.ts":
-/*!************************************************!*\
-  !*** ./src/ui/UserPick/types/UserPickTypes.ts ***!
-  \************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-
-
-/***/ }),
-
-/***/ "./src/ui/UserPick/types/index.ts":
-/*!****************************************!*\
-  !*** ./src/ui/UserPick/types/index.ts ***!
-  \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _UserPickTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./UserPickTypes */ "./src/ui/UserPick/types/UserPickTypes.ts");
-
-
 /***/ }),
 
 /***/ "./src/ui/UserPick/ui/UserPick.tsx":
@@ -75937,22 +76266,29 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
 /* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../styles */ "./src/ui/UserPick/styles/index.ts");
 /* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../assets */ "./src/ui/UserPick/assets/index.ts");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
 
-function UserPick(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? '20' : _ref$size,
-    url = _ref.url,
-    additionStyles = _ref.additionStyles;
+function UserPick(props) {
+  var _props$size = props.size,
+    size = _props$size === void 0 ? '20' : _props$size,
+    url = props.url,
+    additionStyles = props.additionStyles,
+    className = props.className,
+    disabled = props.disabled;
+  var baseClassNames = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_2__.UserPickStyle.disabled, disabled), additionStyles, className);
   var style = {
     width: "".concat(size, "px"),
     height: "".concat(size, "px")
   };
   if (!url) {
     return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
-      className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.UserPickStyle.userPickPlaceholder, additionStyles),
+      className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.UserPickStyle.userPickPlaceholder, baseClassNames),
       style: style,
       children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.PlaceholderSVG, {})
     });
@@ -75960,7 +76296,7 @@ function UserPick(_ref) {
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", {
     src: url,
     alt: '',
-    className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.UserPickStyle.userPick, additionStyles),
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.UserPickStyle.userPick, baseClassNames),
     style: style
   });
 }
@@ -76660,7 +76996,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"flexField":"FormField-module__flexField___ZJjFj","inputField":"FormField-module__inputField___jIgwS","icon":"FormField-module__icon___NrcZo","textSupport":"FormField-module__textSupport____FpIX","help":"FormField-module__help___VvUka","pointer":"FormField-module__pointer___hfvGg","error":"FormField-module__error___WY4nu","focus":"FormField-module__focus___ErRoo","disabled":"FormField-module__disabled___UBVzM","userPick":"FormField-module__userPick___MxrBc","smallDisplay":"FormField-module__smallDisplay___Y3CBB","largeDisplay":"FormField-module__largeDisplay___u4OTy","placeholder":"FormField-module__placeholder___AZ7d1","dropdown":"FormField-module__dropdown___ymElW","button":"FormField-module__button___A8CtI","red":"FormField-module__red___RlgTI","gray":"FormField-module__gray___MoYs5"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"flexField":"FormField-module__flexField___ZJjFj","textSupport":"FormField-module__textSupport____FpIX","inputField":"FormField-module__inputField___jIgwS","placeholder":"FormField-module__placeholder___AZ7d1","icon":"FormField-module__icon___NrcZo","error":"FormField-module__error___WY4nu","pointer":"FormField-module__pointer___hfvGg","disabled":"FormField-module__disabled___UBVzM","userPick":"FormField-module__userPick___MxrBc","smallDisplay":"FormField-module__smallDisplay___Y3CBB","largeDisplay":"FormField-module__largeDisplay___u4OTy","dropdown":"FormField-module__dropdown___ymElW","button":"FormField-module__button___A8CtI","red":"FormField-module__red___RlgTI","gray":"FormField-module__gray___MoYs5"});
 
 /***/ }),
 
@@ -78787,6 +79123,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   DateTimeRangeField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_2__.DateTimeRangeField),
 /* harmony export */   Dropdown: () => (/* reexport safe */ _Dropdown__WEBPACK_IMPORTED_MODULE_26__.Dropdown),
 /* harmony export */   DropdownItem: () => (/* reexport safe */ _DropdownItem__WEBPACK_IMPORTED_MODULE_18__.DropdownItem),
+/* harmony export */   DropdownItemV2: () => (/* reexport safe */ _DropdownV2__WEBPACK_IMPORTED_MODULE_29__.DropdownItemV2),
+/* harmony export */   DropdownV2: () => (/* reexport safe */ _DropdownV2__WEBPACK_IMPORTED_MODULE_29__.DropdownV2),
 /* harmony export */   ELEMENT_ATTRIBUTE_NAME: () => (/* reexport safe */ _DateTimePicker__WEBPACK_IMPORTED_MODULE_24__.ELEMENT_ATTRIBUTE_NAME),
 /* harmony export */   FilterTag: () => (/* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_9__.FilterTag),
 /* harmony export */   FlexField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_2__.FlexField),
@@ -78902,6 +79240,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Dropdown__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./Dropdown */ "./src/ui/Dropdown/index.ts");
 /* harmony import */ var _formFields__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./formFields */ "./src/ui/formFields/index.ts");
 /* harmony import */ var _Breadcrumbs__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./Breadcrumbs */ "./src/ui/Breadcrumbs/index.ts");
+/* harmony import */ var _DropdownV2__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./DropdownV2 */ "./src/ui/DropdownV2/index.ts");
+
 
 
 
@@ -79083,6 +79423,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   DateTimeRangeField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DateTimeRangeField),
 /* harmony export */   Dropdown: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Dropdown),
 /* harmony export */   DropdownItem: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DropdownItem),
+/* harmony export */   DropdownItemV2: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DropdownItemV2),
+/* harmony export */   DropdownV2: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DropdownV2),
 /* harmony export */   ELEMENT_ATTRIBUTE_NAME: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.ELEMENT_ATTRIBUTE_NAME),
 /* harmony export */   FilterTag: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.FilterTag),
 /* harmony export */   FlexField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.FlexField),