indicator-ui 0.1.114 → 0.1.116

package/dist/index.js

@@ -54336,32 +54336,32 @@ function useDrag() {
     });
   }, []);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    var _window;
+    var _window, _window2, _window3, _window4;
     var obj = getObj();
     obj === null || obj === void 0 || obj.addEventListener("mousedown", onStart);
-    obj === null || obj === void 0 || obj.addEventListener("mousemove", onMove);
-    (_window = window) === null || _window === void 0 || _window.addEventListener("mouseup", onEnd);
-    obj === null || obj === void 0 || obj.addEventListener("touchstart", onStart);
-    obj === null || obj === void 0 || obj.addEventListener("touchmove", onMove, {
-      passive: false
-    });
-    obj === null || obj === void 0 || obj.addEventListener("touchend", onEnd);
-    obj === null || obj === void 0 || obj.addEventListener("touchcancel", onEnd);
+    (_window = window) === null || _window === void 0 || _window.addEventListener("mousemove", onMove);
+    (_window2 = window) === null || _window2 === void 0 || _window2.addEventListener("mouseup", onEnd);
     if (dropDraggingOnLeave) {
       obj === null || obj === void 0 || obj.addEventListener("mouseleave", onEnd);
     } else {
       obj === null || obj === void 0 || obj.removeEventListener("mouseleave", onEnd);
     }
+    obj === null || obj === void 0 || obj.addEventListener("touchstart", onStart);
+    (_window3 = window) === null || _window3 === void 0 || _window3.addEventListener("touchmove", onMove, {
+      passive: false
+    });
+    obj === null || obj === void 0 || obj.addEventListener("touchend", onEnd);
+    (_window4 = window) === null || _window4 === void 0 || _window4.addEventListener("touchcancel", onEnd);
     return function () {
-      var _window2;
+      var _window5, _window6, _window7, _window8;
       obj === null || obj === void 0 || obj.removeEventListener("mousedown", onStart);
-      obj === null || obj === void 0 || obj.removeEventListener("mousemove", onMove);
-      (_window2 = window) === null || _window2 === void 0 || _window2.removeEventListener("mouseup", onEnd);
+      (_window5 = window) === null || _window5 === void 0 || _window5.removeEventListener("mousemove", onMove);
+      (_window6 = window) === null || _window6 === void 0 || _window6.removeEventListener("mouseup", onEnd);
+      obj === null || obj === void 0 || obj.removeEventListener("mouseleave", onEnd);
       obj === null || obj === void 0 || obj.removeEventListener("touchstart", onStart);
-      obj === null || obj === void 0 || obj.removeEventListener("touchmove", onMove);
+      (_window7 = window) === null || _window7 === void 0 || _window7.removeEventListener("touchmove", onMove);
       obj === null || obj === void 0 || obj.removeEventListener("touchend", onEnd);
-      obj === null || obj === void 0 || obj.removeEventListener("touchcancel", onEnd);
-      obj === null || obj === void 0 || obj.removeEventListener("mouseleave", onEnd);
+      (_window8 = window) === null || _window8 === void 0 || _window8.removeEventListener("touchcancel", onEnd);
     };
   }, [onMove, onEnd, dropDraggingOnLeave]);
   return {
@@ -74700,15 +74700,33 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FilterTag: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.FilterTag),
 /* harmony export */   Tag: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.Tag),
 /* harmony export */   TagCheckbox: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.TagCheckbox),
-/* harmony export */   TagCount: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.TagCount)
+/* harmony export */   TagCount: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.TagCount),
+/* harmony export */   _FilterTag: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__._FilterTag)
 /* harmony export */ });
 /* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/Tag/ui/index.ts");
 /* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/Tag/types/index.ts");
 
 
 
+/***/ }),
+
+/***/ "./src/ui/Tag/styles/FilterTag.module.scss":
+/*!*************************************************!*\
+  !*** ./src/ui/Tag/styles/FilterTag.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":"FilterTag-module__main___YSBj8","active":"FilterTag-module__active___rvj5m","small":"FilterTag-module__small___Y6cLf","large":"FilterTag-module__large___fwUFt"});
+
 /***/ }),
 
 /***/ "./src/ui/Tag/styles/Tag.module.scss":
@@ -74755,7 +74773,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__ = ({"tagCount":"TagCount-module__tagCount___tT9Gy","gray":"TagCount-module__gray___kkSxy","color":"TagCount-module__color___SZmrc","small":"TagCount-module__small___ejCLc","medium":"TagCount-module__medium___M9VAd","large":"TagCount-module__large___mhO1d"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"tagCount":"TagCount-module__tagCount___tT9Gy","gray":"TagCount-module__gray___kkSxy","color":"TagCount-module__color___SZmrc","white":"TagCount-module__white___xtJlj","small":"TagCount-module__small___ejCLc","medium":"TagCount-module__medium___M9VAd","large":"TagCount-module__large___mhO1d"});
 
 /***/ }),
 
@@ -74768,6 +74786,7 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FilterTagStyle: () => (/* reexport safe */ _FilterTag_module_scss__WEBPACK_IMPORTED_MODULE_3__["default"]),
 /* harmony export */   TagCheckboxStyle: () => (/* reexport safe */ _TagCheckbox_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"]),
 /* harmony export */   TagCountStyle: () => (/* reexport safe */ _TagCount_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"]),
 /* harmony export */   TagStyle: () => (/* reexport safe */ _Tag_module_scss__WEBPACK_IMPORTED_MODULE_2__["default"])
@@ -74775,6 +74794,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _TagCheckbox_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TagCheckbox.module.scss */ "./src/ui/Tag/styles/TagCheckbox.module.scss");
 /* harmony import */ var _TagCount_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TagCount.module.scss */ "./src/ui/Tag/styles/TagCount.module.scss");
 /* harmony import */ var _Tag_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Tag.module.scss */ "./src/ui/Tag/styles/Tag.module.scss");
+/* harmony import */ var _FilterTag_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./FilterTag.module.scss */ "./src/ui/Tag/styles/FilterTag.module.scss");
+
 
 
 
@@ -74791,18 +74812,6 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 
 
-/***/ }),
-
-/***/ "./src/ui/Tag/types/TagCountTypes.ts":
-/*!*******************************************!*\
-  !*** ./src/ui/Tag/types/TagCountTypes.ts ***!
-  \*******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-
-
 /***/ }),
 
 /***/ "./src/ui/Tag/types/TagTypes.ts":
@@ -74827,10 +74836,84 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _TagTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TagTypes */ "./src/ui/Tag/types/TagTypes.ts");
 /* harmony import */ var _TagCheckboxTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TagCheckboxTypes */ "./src/ui/Tag/types/TagCheckboxTypes.ts");
-/* harmony import */ var _TagCountTypes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TagCountTypes */ "./src/ui/Tag/types/TagCountTypes.ts");
 
 
 
+/***/ }),
+
+/***/ "./src/ui/Tag/ui/FilterTag.tsx":
+/*!*************************************!*\
+  !*** ./src/ui/Tag/ui/FilterTag.tsx ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FilterTag: () => (/* binding */ FilterTag),
+/* harmony export */   _FilterTag: () => (/* binding */ _FilterTag)
+/* 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 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");
+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; }
+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; }
+
+
+
+
+
+
+var _FilterTag = function _FilterTag(props, ref) {
+  var _props$as = props.as,
+    as = _props$as === void 0 ? 'div' : _props$as,
+    size = props.size,
+    count = props.count,
+    onClose = props.onClose,
+    label = props.label,
+    active = props.active,
+    componentProps = _objectWithoutProperties(props, _excluded);
+  var getButtonSize = function getButtonSize() {
+    switch (size) {
+      case 'small':
+        return '16';
+      case 'large':
+        return '20';
+    }
+  };
+  var getButtonColor = function getButtonColor() {
+    return active ? 'blue-light' : 'light';
+  };
+  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)),
+    children: [count !== undefined && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.TagCount, {
+      count: count,
+      size: size,
+      color: 'color'
+    }), (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, {}),
+      size: getButtonSize(),
+      color: getButtonColor(),
+      onClick: onClose
+    })]
+  }));
+};
+var FilterTag = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(_FilterTag);
 
 /***/ }),
 
@@ -75012,22 +75095,31 @@ __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/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 = ["count", "color", "size", "as"];
+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 TagCount(_ref) {
-  var count = _ref.count,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'gray' : _ref$color,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size;
-  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
-    className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === null || _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === void 0 ? void 0 : _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle.tagCount, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === null || _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === void 0 ? void 0 : _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle.color, color === 'color'), _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === null || _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === void 0 ? void 0 : _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle.gray, color === 'gray'), _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === null || _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === void 0 ? void 0 : _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle.small, size === 'small'), _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === null || _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === void 0 ? void 0 : _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle.medium, size === 'medium'), _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === null || _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === void 0 ? void 0 : _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle.large, size === 'large')),
+function TagCount(props) {
+  var count = props.count,
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'gray' : _props$color,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    _props$as = props.as,
+    as = _props$as === void 0 ? 'span' : _props$as,
+    componentProps = _objectWithoutProperties(props, _excluded);
+  var Component = as;
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Component, _objectSpread(_objectSpread({}, componentProps), {}, {
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === null || _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === void 0 ? void 0 : _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle.tagCount, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === null || _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === void 0 ? void 0 : _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle.color, color === 'color'), _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === null || _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === void 0 ? void 0 : _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle.gray, color === 'gray'), _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === null || _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === void 0 ? void 0 : _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle.white, color === 'white'), _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === null || _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === void 0 ? void 0 : _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle.small, size === 'small'), _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === null || _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === void 0 ? void 0 : _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle.medium, size === 'medium'), _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === null || _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle === void 0 ? void 0 : _styles__WEBPACK_IMPORTED_MODULE_2__.TagCountStyle.large, size === 'large')),
     children: count
-  });
+  }));
 }
 
 /***/ }),
@@ -75041,13 +75133,17 @@ function TagCount(_ref) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FilterTag: () => (/* reexport safe */ _FilterTag__WEBPACK_IMPORTED_MODULE_3__.FilterTag),
 /* harmony export */   Tag: () => (/* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_0__.Tag),
 /* harmony export */   TagCheckbox: () => (/* reexport safe */ _TagCheckbox__WEBPACK_IMPORTED_MODULE_1__.TagCheckbox),
-/* harmony export */   TagCount: () => (/* reexport safe */ _TagCount__WEBPACK_IMPORTED_MODULE_2__.TagCount)
+/* harmony export */   TagCount: () => (/* reexport safe */ _TagCount__WEBPACK_IMPORTED_MODULE_2__.TagCount),
+/* harmony export */   _FilterTag: () => (/* reexport safe */ _FilterTag__WEBPACK_IMPORTED_MODULE_3__._FilterTag)
 /* harmony export */ });
 /* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Tag */ "./src/ui/Tag/ui/Tag.tsx");
 /* harmony import */ var _TagCheckbox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TagCheckbox */ "./src/ui/Tag/ui/TagCheckbox.tsx");
 /* harmony import */ var _TagCount__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TagCount */ "./src/ui/Tag/ui/TagCount.tsx");
+/* harmony import */ var _FilterTag__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./FilterTag */ "./src/ui/Tag/ui/FilterTag.tsx");
+
 
 
 
@@ -78692,6 +78788,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Dropdown: () => (/* reexport safe */ _Dropdown__WEBPACK_IMPORTED_MODULE_26__.Dropdown),
 /* harmony export */   DropdownItem: () => (/* reexport safe */ _DropdownItem__WEBPACK_IMPORTED_MODULE_18__.DropdownItem),
 /* 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),
 /* harmony export */   FormBuilder: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_3__.FormBuilder),
 /* harmony export */   FormDateField: () => (/* reexport safe */ _formFields__WEBPACK_IMPORTED_MODULE_27__.FormDateField),
@@ -78758,6 +78855,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   WEEK_START_NUM: () => (/* reexport safe */ _DateTimePicker__WEBPACK_IMPORTED_MODULE_24__.WEEK_START_NUM),
 /* harmony export */   YearPicker: () => (/* reexport safe */ _DateTimePicker__WEBPACK_IMPORTED_MODULE_24__.YearPicker),
 /* harmony export */   YearSwitcher: () => (/* reexport safe */ _DateTimePicker__WEBPACK_IMPORTED_MODULE_24__.YearSwitcher),
+/* harmony export */   _FilterTag: () => (/* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_9__._FilterTag),
 /* harmony export */   addDateYear: () => (/* reexport safe */ _DateTimePicker__WEBPACK_IMPORTED_MODULE_24__.addDateYear),
 /* harmony export */   arrayFieldComponent: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_3__.arrayFieldComponent),
 /* harmony export */   blockWrapperComponent: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_3__.blockWrapperComponent),
@@ -78986,6 +79084,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Dropdown: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Dropdown),
 /* harmony export */   DropdownItem: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DropdownItem),
 /* 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),
 /* harmony export */   FormBuilder: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.FormBuilder),
 /* harmony export */   FormDateField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.FormDateField),
@@ -79053,6 +79152,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   WEEK_START_NUM: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.WEEK_START_NUM),
 /* harmony export */   YearPicker: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.YearPicker),
 /* harmony export */   YearSwitcher: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.YearSwitcher),
+/* harmony export */   _FilterTag: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__._FilterTag),
 /* harmony export */   addDateYear: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.addDateYear),
 /* harmony export */   arrayFieldComponent: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.arrayFieldComponent),
 /* harmony export */   blockWrapperComponent: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.blockWrapperComponent),