@semcore/base-trigger 4.54.0-prerelease.5 → 4.54.0-prerelease.6

package/lib/esm/LinkTrigger.mjs

@@ -1,57 +1,100 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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 _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { assignProps, Component, createComponent } from "@semcore/core";
-import { ButtonLink } from "@semcore/button";
-import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
-import { findAllComponents } from "@semcore/core/lib/utils/findComponent";
-import ChevronDownL from "@semcore/icon/ChevronDown/l";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
+import React from "react";
+import addonTextChildren from "@semcore/utils/lib/addonTextChildren";
 import ChevronDown from "@semcore/icon/ChevronDown/m";
 import Spin from "@semcore/spin";
-import React from "react";
-var RootLinkTrigger = /* @__PURE__ */ (function(_Component) {
+import { Box } from "@semcore/flex-box";
+import resolveColorEnhance from "@semcore/utils/lib/enhances/resolveColorEnhance";
+import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
+/*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
+var style = (
+  /*__reshadow_css_start__*/
+  (sstyled.insert(
+    /*__inner_css_start__*/
+    ".___SLinkTrigger_1suv2_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, rgb(35, 95, 226));background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1suv2_gg_:focus{outline:0}.___SLinkTrigger_1suv2_gg_.__active_1suv2_gg_,.___SLinkTrigger_1suv2_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SLinkTrigger_1suv2_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SLinkTrigger_1suv2_gg_.__active_1suv2_gg_ .___SText_1suv2_gg_,.___SLinkTrigger_1suv2_gg_:active .___SText_1suv2_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1suv2_gg_:hover .___SText_1suv2_gg_{border-color:currentColor}}.___SLinkTrigger_1suv2_gg_ .___SText_1suv2_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_1suv2_gg_.__color_1suv2_gg_{color:var(--color_1suv2)}@media (hover:hover){.___SLinkTrigger_1suv2_gg_.__color_1suv2_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1suv2_gg_.__disabled_1suv2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SLinkTrigger_1suv2_gg_.__keyboardFocused_1suv2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469));z-index:1}@supports (color:color(display-p3 0 0 0)){.___SLinkTrigger_1suv2_gg_.__keyboardFocused_1suv2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SLinkTrigger_1suv2_gg_.__keyboardFocused_1suv2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SAddon_1suv2_gg_,.___SLinkAddon_1suv2_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1suv2_gg_:not(:only-child):first-child,.___SLinkAddon_1suv2_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1suv2_gg_:not(:only-child):last-child,.___SLinkAddon_1suv2_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1suv2_gg_{width:16px;height:16px}.___SLinkTrigger_1suv2_gg_._size_m_1suv2_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1suv2_gg_._size_l_1suv2_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1suv2_gg_,.___SLinkTrigger_1suv2_gg_ .___SText_1suv2_gg_{transition:none}}",
+    /*__inner_css_end__*/
+    "1suv2_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SLinkTrigger": "___SLinkTrigger_1suv2_gg_",
+    "_disabled": "__disabled_1suv2_gg_",
+    "_keyboardFocused": "__keyboardFocused_1suv2_gg_",
+    "__SLinkAddon": "___SLinkAddon_1suv2_gg_",
+    "_size_m": "_size_m_1suv2_gg_",
+    "_size_l": "_size_l_1suv2_gg_",
+    "_active": "__active_1suv2_gg_",
+    "__SText": "___SText_1suv2_gg_",
+    "_color": "__color_1suv2_gg_",
+    "--color": "--color_1suv2",
+    "__SAddon": "___SAddon_1suv2_gg_"
+  })
+);
+var RootLinkTrigger = /* @__PURE__ */ function(_Component) {
+  _inherits(RootLinkTrigger2, _Component);
+  var _super = _createSuper(RootLinkTrigger2);
   function RootLinkTrigger2() {
     _classCallCheck(this, RootLinkTrigger2);
-    return _callSuper(this, RootLinkTrigger2, arguments);
+    return _super.apply(this, arguments);
   }
-  _inherits(RootLinkTrigger2, _Component);
-  return _createClass(RootLinkTrigger2, [{
+  _createClass(RootLinkTrigger2, [{
     key: "getTextProps",
-    value: function getTextProps(props) {
-      var _this$asProps = this.asProps, placeholder = _this$asProps.placeholder, empty = _this$asProps.empty, Children = _this$asProps.Children, size = _this$asProps.size;
-      var content = empty ? placeholder : props.children;
-      var addons = findAllComponents(Children, [LinkTrigger.Addon.displayName]);
-      var addonWidth = size >= 600 ? 28 : 20;
+    value: function getTextProps() {
+      var _this$asProps = this.asProps, placeholder = _this$asProps.placeholder, empty = _this$asProps.empty;
       return {
-        "use:children": content,
-        empty,
-        "w": "calc(100% - ".concat(addonWidth * (addons.length + 1), "px)")
+        placeholder,
+        empty
       };
     }
   }, {
     key: "render",
     value: function render() {
-      var _ref = this.asProps;
-      var SLinkTrigger = ButtonLink;
+      var _ref = this.asProps, _ref4;
+      var SLinkTrigger = Box;
       var SLinkAddon = LinkTrigger.Addon;
-      var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, loading = _this$asProps2.loading, empty = _this$asProps2.empty, disabled = _this$asProps2.disabled, size = _this$asProps2.size;
-      return /* @__PURE__ */ React.createElement(SLinkTrigger, assignProps({
-        "use:disabled": disabled || loading
-      }, _ref), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /* @__PURE__ */ React.createElement(SLinkAddon, null, loading ? /* @__PURE__ */ React.createElement(Spin, {
-        size: size >= 600 ? "s" : "xs",
-        theme: "currentColor"
-      }) : size >= 600 ? /* @__PURE__ */ React.createElement(ChevronDownL, null) : /* @__PURE__ */ React.createElement(ChevronDown, null)));
+      var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, loading = _this$asProps2.loading, styles = _this$asProps2.styles, empty = _this$asProps2.empty, providedColor = _this$asProps2.color, resolveColor = _this$asProps2.resolveColor;
+      var color = resolveColor(providedColor);
+      return _ref4 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, assignProps({
+        "tag": "button",
+        "type": "button",
+        "use:color": color
+      }, _ref))), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /* @__PURE__ */ React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /* @__PURE__ */ React.createElement(Spin, _ref4.cn("Spin", {
+        "size": "xs",
+        "theme": "currentColor"
+      })) : /* @__PURE__ */ React.createElement(ChevronDown, _ref4.cn("ChevronDown", {}))));
     }
   }]);
-})(Component);
+  return RootLinkTrigger2;
+}(Component);
 _defineProperty(RootLinkTrigger, "displayName", "LinkTrigger");
+_defineProperty(RootLinkTrigger, "style", style);
+_defineProperty(RootLinkTrigger, "defaultProps", {
+  size: "m"
+});
+_defineProperty(RootLinkTrigger, "enhance", [keyboardFocusEnhance(), resolveColorEnhance()]);
+function Text(props) {
+  var _ref2 = arguments[0], _ref5;
+  var SText = Box;
+  var children = props.children, styles = props.styles, empty = props.empty, placeholder = props.placeholder;
+  return _ref5 = sstyled$1(styles), /* "use:" prefix was used for backward compatibility (by lsroman) */
+  /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({}, assignProps({
+    "display-placeholder": empty
+  }, _ref2))), empty ? placeholder : children);
+}
+function Addon(props) {
+  var _ref3 = arguments[0], _ref6;
+  var SAddon = Box;
+  return _ref6 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, assignProps({}, _ref3))));
+}
 var LinkTrigger = createComponent(RootLinkTrigger, {
-  Text: ButtonLink.Text,
-  Addon: ButtonLink.Addon
-}, {
-  parent: ButtonLink
+  Text,
+  Addon
 });
 export {
   LinkTrigger as default

package/lib/esm/style/base-trigger.shadow.css

@@ -14,6 +14,7 @@ SBaseTrigger {
   text-decoration: none;
   -webkit-tap-highlight-color: transparent;
   overflow: visible;
+  outline: 0;
   text-align: center;
   vertical-align: middle;
   font-family: inherit;
@@ -31,12 +32,16 @@ SBaseTrigger {
   }
 
   &:active,
-  &:hover {
+  &:hover,
+  &:focus {
+    outline: 0;
     text-decoration: none;
   }
 
-  &:focus-visible {
+  &[keyboardFocused] {
     border: 1px solid var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
+    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
+    z-index: 1;
   }
 
   &:hover {
@@ -152,11 +157,6 @@ SBaseTrigger[neighborLocation='left'] {
   border-bottom-left-radius: 0;
   /* disable-tokens-validator */
   margin-left: -1px;
-
-  &[disabled] {
-    border-left: none;
-    margin-left: 0;
-  }
 }
 
 SText[display-placeholder] {
@@ -170,8 +170,9 @@ SBaseTrigger[state='valid'] {
 SBaseTrigger[state='invalid'] {
   border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
 
-  &:focus-visible {
-    outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
+  &[keyboardFocused] {
+    border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
+    box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px oklch(0.628 0.257 28.9 / 0.652));
   }
 }
 

package/lib/esm/style/filter-trigger.shadow.css

@@ -20,3 +20,11 @@ SWrapper {
     outline: none;
   }
 }
+
+SWrapper[keyboardFocused]:focus {
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
+}
+
+SCounter {
+  background-color: var(--intergalactic-bg-primary-info, oklch(0.64 0.152 276.7));
+}

package/lib/esm/style/link-trigger.shadow.css

@@ -0,0 +1,104 @@
+SLinkTrigger {
+  display: inline-flex;
+  align-items: center;
+  line-height: normal;
+  position: relative;
+  touch-action: manipulation;
+  white-space: nowrap;
+  user-select: none;
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  text-decoration: none;
+  -webkit-tap-highlight-color: transparent;
+  overflow: visible;
+  outline: 0;
+  vertical-align: middle;
+  cursor: pointer;
+  color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
+  background: none;
+  transition: color 0.15s ease-in-out;
+  border: 0;
+
+  &:focus {
+    outline: none;
+  }
+
+  &[active],
+  &:hover,
+  &:active {
+    color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
+
+    & SText {
+      border-color: currentColor;
+    }
+  }
+
+  & SText {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-color: transparent;
+    transition: border-bottom-color 0.15s ease-in-out;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+}
+
+SLinkTrigger[color] {
+  color: var(--color);
+
+  &:hover {
+    filter: brightness(0.8);
+  }
+}
+
+SLinkTrigger[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
+  cursor: default;
+  pointer-events: none;
+}
+
+SLinkTrigger[keyboardFocused] {
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
+  z-index: 1;
+}
+
+SAddon,
+SLinkAddon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  margin-bottom: var(--intergalactic-spacing-05x, 2px);
+
+  &:not(:only-child):first-child {
+    margin-right: var(--intergalactic-spacing-1x, 4px);
+  }
+
+  &:not(:only-child):last-child {
+    margin-left: var(--intergalactic-spacing-1x, 4px);
+  }
+}
+
+SLinkAddon {
+  width: 16px;
+  height: 16px;
+}
+
+SLinkTrigger[size='m'] {
+  font-size: var(--intergalactic-fs-200, 14px);
+}
+
+SLinkTrigger[size='l'] {
+  font-size: var(--intergalactic-fs-300, 16px);
+}
+
+@media (prefers-reduced-motion) {
+  SLinkTrigger {
+    transition: none;
+
+    & SText {
+      transition: none;
+    }
+  }
+}

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -6,12 +6,12 @@ import it from "./it.json.mjs";
 import ja from "./ja.json.mjs";
 import ko from "./ko.json.mjs";
 import nl from "./nl.json.mjs";
-import pl from "./pl.json.mjs";
 import pt from "./pt.json.mjs";
-import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
+import pl from "./pl.json.mjs";
+import sv from "./sv.json.mjs";
 var localizedMessages = {
   de,
   en,

package/lib/esm/translations/de.json.mjs

@@ -2,8 +2,7 @@ const clear = "Löschen";
 const filter = "Filter";
 const de = {
   clear,
-  filter,
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "ausgewählte"
+  filter
 };
 export {
   clear,

package/lib/esm/translations/es.json.mjs

@@ -2,8 +2,7 @@ const clear = "Borrar";
 const filter = "Filtro";
 const es = {
   clear,
-  filter,
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "seleccionadas"
+  filter
 };
 export {
   clear,

package/lib/esm/translations/fr.json.mjs

@@ -2,8 +2,7 @@ const clear = "Effacer";
 const filter = "Filtre";
 const fr = {
   clear,
-  filter,
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "sélectionnés"
+  filter
 };
 export {
   clear,

package/lib/esm/translations/it.json.mjs

@@ -2,8 +2,7 @@ const clear = "Pulisci";
 const filter = "Filtro";
 const it = {
   clear,
-  filter,
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "selezionati"
+  filter
 };
 export {
   clear,

package/lib/esm/translations/ja.json.mjs

@@ -2,8 +2,7 @@ const clear = "クリア";
 const filter = "フィルタ";
 const ja = {
   clear,
-  filter,
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "選択済み"
+  filter
 };
 export {
   clear,

package/lib/esm/translations/ko.json.mjs

@@ -2,8 +2,7 @@ const clear = "지우기";
 const filter = "필터";
 const ko = {
   clear,
-  filter,
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "선택됨"
+  filter
 };
 export {
   clear,

package/lib/esm/translations/nl.json.mjs

@@ -2,8 +2,7 @@ const clear = "Wissen";
 const filter = "Filter";
 const nl = {
   clear,
-  filter,
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "geselecteerd"
+  filter
 };
 export {
   clear,

package/lib/esm/translations/pl.json.mjs

@@ -2,8 +2,7 @@ const clear = "Wyczyść";
 const filter = "Filtr";
 const pl = {
   clear,
-  filter,
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "wybrano"
+  filter
 };
 export {
   clear,

package/lib/esm/translations/pt.json.mjs

@@ -2,8 +2,7 @@ const clear = "Limpar";
 const filter = "Filtro";
 const pt = {
   clear,
-  filter,
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "selecionados"
+  filter
 };
 export {
   clear,

package/lib/esm/translations/sv.json.mjs

@@ -2,8 +2,7 @@ const clear = "Rensa";
 const filter = "Filter";
 const sv = {
   clear,
-  filter,
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "valda"
+  filter
 };
 export {
   clear,

package/lib/esm/translations/tr.json.mjs

@@ -2,8 +2,7 @@ const clear = "Temizle";
 const filter = "Filtre";
 const tr = {
   clear,
-  filter,
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "seçildi"
+  filter
 };
 export {
   clear,

package/lib/esm/translations/vi.json.mjs

@@ -2,8 +2,7 @@ const clear = "Xóa";
 const filter = "Lọc";
 const vi = {
   clear,
-  filter,
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "đã chọn"
+  filter
 };
 export {
   clear,

package/lib/esm/translations/zh.json.mjs

@@ -2,8 +2,7 @@ const clear = "清除";
 const filter = "筛选器";
 const zh = {
   clear,
-  filter,
-  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "已选定"
+  filter
 };
 export {
   clear,

package/lib/types/index.d.ts

@@ -1,13 +1,16 @@
-import type { Box, BoxProps, NeighborItemProps } from '@semcore/base-components';
-import type { ButtonLinkProps, ButtonLink } from '@semcore/button';
-import type { Intergalactic } from '@semcore/core';
-import type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';
-import type { CounterProps } from '@semcore/counter';
-import type { Text } from '@semcore/typography';
-import type React from 'react';
+import React from 'react';
+import { UnknownProperties, Intergalactic, Root } from '@semcore/core';
+import { Box, BoxProps } from '@semcore/flex-box';
+import { DotProps } from '@semcore/dot';
+import { NeighborItemProps } from '@semcore/neighbor-location';
+import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+import { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';
 
+/** @deprecated */
+export interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}
 export type BaseTriggerProps = BoxProps &
   NeighborItemProps &
+  KeyboardFocusProps &
   WithAnimatedSizeEnhanceProps & {
     /**
      * Trigger size
@@ -30,35 +33,43 @@ export type BaseTriggerProps = BoxProps &
      * Placeholder text
      */
     placeholder?: React.ReactNode;
+    /**
+     * Display the dropdowns chevron icon
+     * @default true
+     */
+    chevron?: boolean;
     /**
      * Sets disabled state to trigger
      */
     disabled?: boolean;
+    /** Trigger theme
+     * @deprecated
+     * @use IBaseTriggerProps.state
+     * */
+    theme?: 'normal' | 'valid' | 'invalid' | false;
   };
 
+/** @deprecated */
+export interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}
 export type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {
   /** Sets the loading state */
   loading?: boolean;
-  /**
-   * Display the dropdowns chevron icon
-   * @default true
-   */
-  chevron?: boolean;
 };
 
-export type LinkTriggerProps = ButtonLinkProps & {
+/** @deprecated */
+export interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}
+export type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {
   /** Sets the loading state */
   loading?: boolean;
-  /** Placeholder text */
-  placeholder?: React.ReactNode;
-  /** Responsible for placeholder displaying */
-  empty?: boolean;
+  /** Text color */
+  color?: string;
 };
 
+/** @deprecated */
+export interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}
 export type FilterTriggerProps = BaseTriggerProps & {
   /** Click on the filter cleaning cross */
   onClear?: (event: React.SyntheticEvent) => void;
-  /** Specifies the locale for i18n support */
   locale?: string;
   /** List of props that will be added to the select inside of filter */
   includeInputProps?: string[];
@@ -72,7 +83,7 @@ export type FilterTriggerCounterProps = {
 };
 
 declare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {
-  Text: typeof Text;
+  Text: typeof Box;
   Addon: typeof Box;
 };
 
@@ -82,14 +93,14 @@ declare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps>
 };
 
 declare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {
-  Text: typeof ButtonLink.Text;
-  Addon: typeof ButtonLink.Addon;
+  Text: typeof BaseTrigger.Text;
+  Addon: typeof BaseTrigger.Addon;
 };
 
 declare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {
   Text: typeof BaseTrigger.Text;
   Addon: typeof BaseTrigger.Addon;
-  Counter: Intergalactic.Component<'div', CounterProps & FilterTriggerCounterProps>;
+  Counter: Intergalactic.Component<'div', BoxProps & DotProps & FilterTriggerCounterProps>;
   TriggerButton: typeof BaseTrigger;
   ClearButton: typeof BaseTrigger;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/base-trigger",
   "description": "Semrush BaseTrigger Component",
-  "version": "4.54.0-prerelease.5",
+  "version": "4.54.0-prerelease.6",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,16 +14,16 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/dot": "5.41.0-prerelease.5",
-    "@semcore/flex-box": "5.42.0-prerelease.5",
-    "@semcore/icon": "4.63.0-prerelease.5",
-    "@semcore/neighbor-location": "4.41.0-prerelease.5",
-    "@semcore/spin": "5.42.0-prerelease.5",
-    "@semcore/utils": "4.49.0-prerelease.5",
-    "@semcore/tooltip": "6.50.0-prerelease.5"
+    "@semcore/dot": "5.41.0-prerelease.6",
+    "@semcore/flex-box": "5.42.0-prerelease.6",
+    "@semcore/icon": "4.63.0-prerelease.6",
+    "@semcore/neighbor-location": "4.41.0-prerelease.6",
+    "@semcore/spin": "5.42.0-prerelease.6",
+    "@semcore/utils": "4.49.0-prerelease.6",
+    "@semcore/tooltip": "6.50.0-prerelease.6"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.40.0-prerelease.5",
+    "@semcore/core": "^2.40.0-prerelease.6",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },