@semcore/base-trigger 16.4.5 → 16.4.6-prerelease.12

package/lib/esm/ButtonTrigger.mjs

@@ -1,9 +1,5 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
+import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
 import animatedSizeEnhance from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
 import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
@@ -12,55 +8,49 @@ import Spin from "@semcore/spin";
 import React from "react";
 import BaseTrigger from "./BaseTrigger.mjs";
 /*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SButtonAddon_1l4qi_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1l4qi_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}",
+    ".___SButtonAddon_1w7ap_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1w7ap_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}",
     /*__inner_css_end__*/
-    "1l4qi_gg_"
+    "1w7ap_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SButtonAddon": "___SButtonAddon_1l4qi_gg_",
-    "__SButtonTriggerSpin": "___SButtonTriggerSpin_1l4qi_gg_"
+    "__SButtonAddon": "___SButtonAddon_1w7ap_gg_",
+    "__SButtonTriggerSpin": "___SButtonTriggerSpin_1w7ap_gg_"
   })
 );
-var RootButtonTrigger = /* @__PURE__ */ (function(_Component) {
-  function RootButtonTrigger2() {
-    _classCallCheck(this, RootButtonTrigger2);
-    return _callSuper(this, RootButtonTrigger2, arguments);
+class RootButtonTrigger extends Component {
+  getTextProps() {
+    return {
+      tag: "span"
+    };
   }
-  _inherits(RootButtonTrigger2, _Component);
-  return _createClass(RootButtonTrigger2, [{
-    key: "getTextProps",
-    value: function getTextProps() {
-      return {
-        tag: "span"
-      };
-    }
-  }, {
-    key: "getAddonProps",
-    value: function getAddonProps() {
-      return {
-        tag: "span"
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps, _ref2;
-      var SButtonAddon = ButtonTrigger.Addon;
-      var SButtonTriggerSpin = Spin;
-      var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles, loading = _this$asProps.loading, chevron = _this$asProps.chevron, empty = _this$asProps.empty;
-      return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(BaseTrigger, assignProps({
-        "tabIndex": loading ? -1 : 0
-      }, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /* @__PURE__ */ React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /* @__PURE__ */ React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
-        "size": "xs",
-        "theme": false
-      })) : /* @__PURE__ */ React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));
-    }
-  }]);
-})(Component);
+  getAddonProps() {
+    return {
+      tag: "span"
+    };
+  }
+  render() {
+    var _ref = this.asProps, _ref2;
+    const SButtonAddon = ButtonTrigger.Addon;
+    const SButtonTriggerSpin = Spin;
+    const {
+      Children,
+      styles,
+      loading,
+      chevron,
+      empty
+    } = this.asProps;
+    return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(BaseTrigger, assignProps({
+      "tabIndex": loading ? -1 : 0
+    }, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /* @__PURE__ */ React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /* @__PURE__ */ React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
+      "size": "xs",
+      "theme": false
+    })) : /* @__PURE__ */ React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));
+  }
+}
 _defineProperty(RootButtonTrigger, "displayName", "ButtonTrigger");
 _defineProperty(RootButtonTrigger, "style", style);
 _defineProperty(RootButtonTrigger, "enhance", [cssVariableEnhance({
@@ -75,7 +65,7 @@ _defineProperty(RootButtonTrigger, "enhance", [cssVariableEnhance({
 _defineProperty(RootButtonTrigger, "defaultProps", {
   chevron: true
 });
-var ButtonTrigger = createComponent(RootButtonTrigger, {
+const ButtonTrigger = createComponent(RootButtonTrigger, {
   Text: BaseTrigger.Text,
   Addon: BaseTrigger.Addon
 }, {

package/lib/esm/FilterTrigger.mjs

@@ -1,117 +1,115 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
+import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
+import { Box, NeighborLocation, Hint, ScreenReaderOnly } from "@semcore/base-components";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import animatedSizeEnhance from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
 import getInputProps, { inputProps } from "@semcore/core/lib/utils/inputProps";
-import { ScreenReaderOnly } from "@semcore/core/lib/utils/ScreenReaderOnly";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import { setFocus } from "@semcore/core/lib/utils/use/useFocusLock";
 import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
-import Dot from "@semcore/dot";
-import { Box } from "@semcore/flex-box";
+import SemcoreCounter from "@semcore/counter";
 import ChevronDown from "@semcore/icon/ChevronDown/m";
 import Close from "@semcore/icon/Close/m";
-import NeighborLocation from "@semcore/neighbor-location";
-import { Hint } from "@semcore/tooltip";
 import React from "react";
 import BaseTrigger from "./BaseTrigger.mjs";
 import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
-var _excluded = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"];
 /*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SFilterTrigger_wnfdv_gg_.__selected_wnfdv_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_wnfdv_gg_.__selected_wnfdv_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_wnfdv_gg_.__selected_wnfdv_gg_.__active_wnfdv_gg_,.___SFilterTrigger_wnfdv_gg_.__selected_wnfdv_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_wnfdv_gg_{display:inline-flex}.___SWrapper_wnfdv_gg_:focus{outline:0}.___SCounter_wnfdv_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}",
+    ".___SFilterTrigger_171ij_gg_.__selected_171ij_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_171ij_gg_.__selected_171ij_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_171ij_gg_.__selected_171ij_gg_.__active_171ij_gg_,.___SFilterTrigger_171ij_gg_.__selected_171ij_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_171ij_gg_{display:inline-flex}.___SWrapper_171ij_gg_:focus{outline:0}",
     /*__inner_css_end__*/
-    "wnfdv_gg_"
+    "171ij_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SCounter": "___SCounter_wnfdv_gg_",
-    "__SFilterTrigger": "___SFilterTrigger_wnfdv_gg_",
-    "_selected": "__selected_wnfdv_gg_",
-    "_active": "__active_wnfdv_gg_",
-    "__SWrapper": "___SWrapper_wnfdv_gg_"
+    "__SFilterTrigger": "___SFilterTrigger_171ij_gg_",
+    "_selected": "__selected_171ij_gg_",
+    "_active": "__active_171ij_gg_",
+    "__SWrapper": "___SWrapper_171ij_gg_"
   })
 );
-var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ["aria-controls", "aria-haspopup", "aria-expanded", "aria-disabled", "aria-activedescendant", "aria-label", "aria-labelledby", "role"]);
-var RootFilterTrigger = /* @__PURE__ */ (function(_Component) {
-  function RootFilterTrigger2() {
-    var _this;
-    _classCallCheck(this, RootFilterTrigger2);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, RootFilterTrigger2, [].concat(args));
-    _defineProperty(_this, "handleStopPropagation", function(e) {
+const filterTriggerInputProps = [...inputProps, "aria-controls", "aria-haspopup", "aria-expanded", "aria-disabled", "aria-activedescendant", "aria-label", "aria-labelledby", "role"];
+class RootFilterTrigger extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "handleStopPropagation", (e) => {
       if (e.key === "Escape") return;
       e.stopPropagation();
     });
-    _defineProperty(_this, "handleClear", function() {
-      requestAnimationFrame(function() {
-        setFocus(_this.asProps.triggerRef.current);
+    _defineProperty(this, "handleClear", () => {
+      requestAnimationFrame(() => {
+        setFocus(this.asProps.triggerRef.current);
       });
     });
-    return _this;
   }
-  _inherits(RootFilterTrigger2, _Component);
-  return _createClass(RootFilterTrigger2, [{
-    key: "getTriggerButtonProps",
-    value: function getTriggerButtonProps() {
-      var _this$asProps = this.asProps, empty = _this$asProps.empty, size = _this$asProps.size, placeholder = _this$asProps.placeholder, active = _this$asProps.active, disabled = _this$asProps.disabled, includeInputProps = _this$asProps.includeInputProps, triggerRef = _this$asProps.triggerRef;
-      _this$asProps["data-ui-name"];
-      var other = _objectWithoutProperties(_this$asProps, _excluded);
-      var _getInputProps = getInputProps(other, includeInputProps), _getInputProps2 = _slicedToArray(_getInputProps, 1), controlProps = _getInputProps2[0];
-      return _objectSpread({
-        size,
-        placeholder,
-        empty,
-        selected: !empty,
-        active,
-        disabled,
-        triggerRef
-      }, controlProps);
-    }
-  }, {
-    key: "getClearButtonProps",
-    value: function getClearButtonProps() {
-      var _this$asProps2 = this.asProps, empty = _this$asProps2.empty, onClear = _this$asProps2.onClear, size = _this$asProps2.size, disabled = _this$asProps2.disabled, getI18nText = _this$asProps2.getI18nText;
-      return {
-        size,
-        empty,
-        onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),
-        onKeyDown: this.handleStopPropagation,
-        disabled,
-        getI18nText
-      };
-    }
-  }, {
-    key: "getCounterProps",
-    value: function getCounterProps() {
-      var getI18nText = this.asProps.getI18nText;
-      return {
-        getI18nText
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps, _ref5;
-      var SWrapper = Box;
-      var _this$asProps3 = this.asProps, Children = _this$asProps3.Children, styles = _this$asProps3.styles, getI18nText = _this$asProps3.getI18nText, empty = _this$asProps3.empty, forcedAdvancedMode = _this$asProps3.forcedAdvancedMode;
-      var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName], true);
-      return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SWrapper, _ref5.cn("SWrapper", _objectSpread({}, assignProps({
+  getTriggerButtonProps() {
+    const {
+      empty,
+      size,
+      placeholder,
+      active,
+      disabled,
+      includeInputProps,
+      triggerRef,
+      "data-ui-name": _dataUiName,
+      ...other
+    } = this.asProps;
+    const [controlProps] = getInputProps(other, includeInputProps);
+    return {
+      size,
+      placeholder,
+      empty,
+      selected: !empty,
+      active,
+      disabled,
+      triggerRef,
+      ...controlProps
+    };
+  }
+  getClearButtonProps() {
+    const {
+      empty,
+      onClear,
+      size,
+      disabled,
+      getI18nText
+    } = this.asProps;
+    return {
+      size,
+      empty,
+      onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),
+      onKeyDown: this.handleStopPropagation,
+      disabled,
+      getI18nText
+    };
+  }
+  getCounterProps() {
+    const {
+      getI18nText,
+      size
+    } = this.asProps;
+    return {
+      getI18nText,
+      size
+    };
+  }
+  render() {
+    var _ref = this.asProps, _ref5;
+    const SWrapper = Box;
+    const {
+      Children,
+      styles,
+      getI18nText,
+      empty,
+      forcedAdvancedMode
+    } = this.asProps;
+    const advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName], true);
+    return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SWrapper, _ref5.cn("SWrapper", {
+      ...assignProps({
         "aria-label": getI18nText("filter"),
         "__excludeProps": ["id"],
         "use:role": void 0,
@@ -123,10 +121,10 @@ var RootFilterTrigger = /* @__PURE__ */ (function(_Component) {
         "use:aria-activedescendant": void 0,
         "use:aria-label": void 0,
         "use:aria-labelledby": void 0
-      }, _ref))), /* @__PURE__ */ React.createElement(NeighborLocation, _ref5.cn("NeighborLocation", {}), advancedMode ? /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FilterTrigger.TriggerButton, null, /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {}))), !empty && /* @__PURE__ */ React.createElement(FilterTrigger.ClearButton, null))));
-    }
-  }]);
-})(Component);
+      }, _ref)
+    }), /* @__PURE__ */ React.createElement(NeighborLocation, _ref5.cn("NeighborLocation", {}), advancedMode ? /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FilterTrigger.TriggerButton, null, /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {}))), !empty && /* @__PURE__ */ React.createElement(FilterTrigger.ClearButton, null))));
+  }
+}
 _defineProperty(RootFilterTrigger, "displayName", "FilterTrigger");
 _defineProperty(RootFilterTrigger, "style", style);
 _defineProperty(RootFilterTrigger, "enhance", [i18nEnhance(localizedMessages), cssVariableEnhance({
@@ -138,79 +136,92 @@ _defineProperty(RootFilterTrigger, "enhance", [i18nEnhance(localizedMessages), c
   animateProps: ["width"],
   onChangeOf: ["value"]
 }), uniqueIDEnhancement()]);
-_defineProperty(RootFilterTrigger, "defaultProps", function() {
-  return {
-    includeInputProps: filterTriggerInputProps,
-    i18n: localizedMessages,
-    locale: "en",
-    triggerRef: /* @__PURE__ */ React.createRef(),
-    role: "group"
-  };
-});
-var TriggerButton = /* @__PURE__ */ (function(_Component2) {
-  function TriggerButton2() {
-    _classCallCheck(this, TriggerButton2);
-    return _callSuper(this, TriggerButton2, arguments);
-  }
-  _inherits(TriggerButton2, _Component2);
-  return _createClass(TriggerButton2, [{
-    key: "render",
-    value: function render() {
-      var _ref2 = this.asProps, _ref6;
-      var SFilterTrigger = BaseTrigger;
-      var _this$asProps4 = this.asProps, Children = _this$asProps4.Children, styles = _this$asProps4.styles, empty = _this$asProps4.empty, triggerRef = _this$asProps4.triggerRef;
-      return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", _objectSpread({}, assignProps({
+_defineProperty(RootFilterTrigger, "defaultProps", () => ({
+  includeInputProps: filterTriggerInputProps,
+  i18n: localizedMessages,
+  locale: "en",
+  triggerRef: /* @__PURE__ */ React.createRef(),
+  role: "group"
+}));
+class TriggerButton extends Component {
+  render() {
+    var _ref2 = this.asProps, _ref6;
+    const SFilterTrigger = BaseTrigger;
+    const {
+      Children,
+      styles,
+      empty,
+      triggerRef
+    } = this.asProps;
+    return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", {
+      ...assignProps({
         "use:role": "combobox",
         "w": "100%",
         "empty": empty,
         "selected": !empty,
         "ref": triggerRef,
         "animationsDisabled": true
-      }, _ref2))), addonTextChildren(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /* @__PURE__ */ React.createElement(FilterTrigger.Addon, {
-        tag: ChevronDown
-      }));
-    }
-  }]);
-})(Component);
+      }, _ref2)
+    }), addonTextChildren(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /* @__PURE__ */ React.createElement(FilterTrigger.Addon, {
+      tag: ChevronDown
+    }));
+  }
+}
 _defineProperty(TriggerButton, "displayName", "TriggerButton");
 _defineProperty(TriggerButton, "style", style);
-var ClearButton = /* @__PURE__ */ (function(_Component3) {
-  function ClearButton2() {
-    _classCallCheck(this, ClearButton2);
-    return _callSuper(this, ClearButton2, arguments);
+class ClearButton extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "triggerRef", /* @__PURE__ */ React.createRef());
   }
-  _inherits(ClearButton2, _Component3);
-  return _createClass(ClearButton2, [{
-    key: "render",
-    value: function render() {
-      var _ref3 = this.asProps, _ref7, _ref9, _ref0;
-      var SFilterTrigger = BaseTrigger;
-      var _this$asProps5 = this.asProps, styles = _this$asProps5.styles, empty = _this$asProps5.empty, size = _this$asProps5.size, disabled = _this$asProps5.disabled, getI18nText = _this$asProps5.getI18nText, ariaLabel = _this$asProps5["aria-label"], title = _this$asProps5.title;
-      if (empty) return null;
-      return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(Hint, _ref7.cn("Hint", {}), /* @__PURE__ */ React.createElement(Hint.Trigger, null, /* @__PURE__ */ React.createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", _objectSpread({}, assignProps({
+  render() {
+    var _ref3 = this.asProps, _ref7;
+    const SFilterTrigger = BaseTrigger;
+    const {
+      styles,
+      empty,
+      size,
+      disabled,
+      getI18nText,
+      "aria-label": ariaLabel,
+      title
+    } = this.asProps;
+    if (empty) return null;
+    return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", {
+      ...assignProps({
+        "ref": this.triggerRef,
         "size": size,
         "empty": empty,
         "selected": true,
         "disabled": disabled,
-        "aria-label": (_ref9 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref9 !== void 0 ? _ref9 : getI18nText("clear"),
+        "aria-label": title ?? ariaLabel ?? getI18nText("clear"),
         "__excludeProps": ["title"]
-      }, _ref3))), /* @__PURE__ */ React.createElement(FilterTrigger.Addon, {
-        tag: Close
-      }))), /* @__PURE__ */ React.createElement(Hint.Popper, null, (_ref0 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref0 !== void 0 ? _ref0 : getI18nText("clear")));
-    }
-  }]);
-})(Component);
+      }, _ref3)
+    }), /* @__PURE__ */ React.createElement(FilterTrigger.Addon, {
+      tag: Close
+    })), /* @__PURE__ */ React.createElement(Hint, _ref7.cn("Hint", {
+      "triggerRef": this.triggerRef
+    }), title ?? ariaLabel ?? getI18nText("clear")));
+  }
+}
 _defineProperty(ClearButton, "displayName", "ClearButton");
 _defineProperty(ClearButton, "style", style);
-function Counter(_ref1) {
+function Counter({
+  styles,
+  Children,
+  count,
+  getI18nText
+}) {
   var _ref4 = arguments[0], _ref8;
-  var styles = _ref1.styles, Children = _ref1.Children, count = _ref1.count, getI18nText = _ref1.getI18nText;
-  var SCounter = BaseTrigger.Addon;
-  return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(SCounter, _ref8.cn("SCounter", _objectSpread({}, assignProps({
-    "tag": Dot
-  }, _ref4))), count !== void 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, count, /* @__PURE__ */ React.createElement(ScreenReaderOnly, _ref8.cn("ScreenReaderOnly", {}), getI18nText("BaseTrigger.FilterTrigger.Counter.selected:aria-label"))) : /* @__PURE__ */ React.createElement(Children, _ref8.cn("Children", {})));
+  const SCounter = BaseTrigger.Addon;
+  return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(SCounter, _ref8.cn("SCounter", {
+    ...assignProps({
+      "tag": SemcoreCounter,
+      "theme": "info"
+    }, _ref4)
+  }), count !== void 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, count, /* @__PURE__ */ React.createElement(ScreenReaderOnly, _ref8.cn("ScreenReaderOnly", {}), getI18nText("BaseTrigger.FilterTrigger.Counter.selected:aria-label"))) : /* @__PURE__ */ React.createElement(Children, _ref8.cn("Children", {})));
 }
-var FilterTrigger = createComponent(RootFilterTrigger, {
+const FilterTrigger = createComponent(RootFilterTrigger, {
   Text: BaseTrigger.Text,
   Addon: BaseTrigger.Addon,
   Counter,