indicator-ui 0.1.118 → 0.1.119

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;
@@ -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":
@@ -75858,8 +76213,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 +76229,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 +76247,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 +76265,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 +76295,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
   });
 }
@@ -78787,6 +79122,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 +79239,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 +79422,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),