@semcore/base-trigger 4.53.2-prerelease.0 → 4.54.0-prerelease.0

package/lib/esm/LinkTrigger.mjs

@@ -1,100 +1,57 @@
-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 { 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 { 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 ChevronDown from "@semcore/icon/ChevronDown/m";
 import Spin from "@semcore/spin";
-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_17gdu_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, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_17gdu_gg_:focus{outline:0}.___SLinkTrigger_17gdu_gg_.__active_17gdu_gg_,.___SLinkTrigger_17gdu_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_17gdu_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_17gdu_gg_.__active_17gdu_gg_ .___SText_17gdu_gg_,.___SLinkTrigger_17gdu_gg_:active .___SText_17gdu_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_17gdu_gg_:hover .___SText_17gdu_gg_{border-color:currentColor}}.___SLinkTrigger_17gdu_gg_ .___SText_17gdu_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_17gdu_gg_.__color_17gdu_gg_{color:var(--color_17gdu)}@media (hover:hover){.___SLinkTrigger_17gdu_gg_.__color_17gdu_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_17gdu_gg_.__disabled_17gdu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_17gdu_gg_.__keyboardFocused_17gdu_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_17gdu_gg_,.___SLinkAddon_17gdu_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_17gdu_gg_:not(:only-child):first-child,.___SLinkAddon_17gdu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_17gdu_gg_:not(:only-child):last-child,.___SLinkAddon_17gdu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_17gdu_gg_{width:16px;height:16px}.___SLinkTrigger_17gdu_gg_._size_m_17gdu_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_17gdu_gg_._size_l_17gdu_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_17gdu_gg_,.___SLinkTrigger_17gdu_gg_ .___SText_17gdu_gg_{transition:none}}",
-    /*__inner_css_end__*/
-    "17gdu_gg_"
-  ), /*__reshadow_css_end__*/
-  {
-    "__SLinkTrigger": "___SLinkTrigger_17gdu_gg_",
-    "_disabled": "__disabled_17gdu_gg_",
-    "_keyboardFocused": "__keyboardFocused_17gdu_gg_",
-    "__SLinkAddon": "___SLinkAddon_17gdu_gg_",
-    "_size_m": "_size_m_17gdu_gg_",
-    "_size_l": "_size_l_17gdu_gg_",
-    "_active": "__active_17gdu_gg_",
-    "__SText": "___SText_17gdu_gg_",
-    "_color": "__color_17gdu_gg_",
-    "--color": "--color_17gdu",
-    "__SAddon": "___SAddon_17gdu_gg_"
-  })
-);
-var RootLinkTrigger = /* @__PURE__ */ function(_Component) {
-  _inherits(RootLinkTrigger2, _Component);
-  var _super = _createSuper(RootLinkTrigger2);
+import React from "react";
+var RootLinkTrigger = /* @__PURE__ */ (function(_Component) {
   function RootLinkTrigger2() {
     _classCallCheck(this, RootLinkTrigger2);
-    return _super.apply(this, arguments);
+    return _callSuper(this, RootLinkTrigger2, arguments);
   }
-  _createClass(RootLinkTrigger2, [{
+  _inherits(RootLinkTrigger2, _Component);
+  return _createClass(RootLinkTrigger2, [{
     key: "getTextProps",
-    value: function getTextProps() {
-      var _this$asProps = this.asProps, placeholder = _this$asProps.placeholder, empty = _this$asProps.empty;
+    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;
       return {
-        placeholder,
-        empty
+        "use:children": content,
+        empty,
+        "w": "calc(100% - ".concat(addonWidth * (addons.length + 1), "px)")
       };
     }
   }, {
     key: "render",
     value: function render() {
-      var _ref = this.asProps, _ref4;
-      var SLinkTrigger = Box;
+      var _ref = this.asProps;
+      var SLinkTrigger = ButtonLink;
       var SLinkAddon = LinkTrigger.Addon;
-      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", {}))));
+      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)));
     }
   }]);
-  return RootLinkTrigger2;
-}(Component);
+})(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,
-  Addon
+  Text: ButtonLink.Text,
+  Addon: ButtonLink.Addon
+}, {
+  parent: ButtonLink
 });
 export {
   LinkTrigger as default

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

@@ -14,17 +14,16 @@ SBaseTrigger {
   text-decoration: none;
   -webkit-tap-highlight-color: transparent;
   overflow: visible;
-  outline: 0;
   text-align: center;
   vertical-align: middle;
   font-family: inherit;
   cursor: pointer;
 
-  background: var(--intergalactic-bg-primary-neutral, #ffffff);
+  background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
 
   font-weight: var(--intergalactic-regular, 400);
-  border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
-  color: var(--intergalactic-text-primary, #191b23);
+  border: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
 
   &::-moz-focus-inner {
     border: none;
@@ -32,31 +31,27 @@ SBaseTrigger {
   }
 
   &:active,
-  &:hover,
-  &:focus {
-    outline: 0;
+  &:hover {
     text-decoration: none;
   }
 
-  &[keyboardFocused] {
-    border: 1px solid var(--intergalactic-border-info-active, #006dca);
-    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
-    z-index: 1;
+  &:focus-visible {
+    border: 1px solid var(--intergalactic-border-info-active, oklch(0.382 0.248 264.2 / 0.386));
   }
 
   &:hover {
-    background-color: var(--intergalactic-bg-primary-neutral-hover, #f4f5f9);
+    background-color: var(--intergalactic-bg-primary-neutral-hover, oklch(0.98 0.001 180));
   }
 
   &:active,
   &[active] {
-    border-color: var(--intergalactic-border-info-active, #006dca);
-    background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+    border-color: var(--intergalactic-border-info-active, oklch(0.382 0.248 264.2 / 0.386));
+    background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
   }
 }
 
 SBaseTrigger[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
   cursor: default;
   /* Disable link interactions */
   pointer-events: none;
@@ -157,22 +152,26 @@ SBaseTrigger[neighborLocation='left'] {
   border-bottom-left-radius: 0;
   /* disable-tokens-validator */
   margin-left: -1px;
+
+  &[disabled] {
+    border-left: none;
+    margin-left: 0;
+  }
 }
 
 SText[display-placeholder] {
-  color: var(--intergalactic-text-placeholder, #8a8e9b);
+  color: var(--intergalactic-text-placeholder, oklch(0.098 0.023 157.4 / 0.457));
 }
 
 SBaseTrigger[state='valid'] {
-  border-color: var(--intergalactic-border-success-active, #007c65);
+  border-color: var(--intergalactic-border-success-active, oklch(0.75 0.153 167.5));
 }
 
 SBaseTrigger[state='invalid'] {
-  border-color: var(--intergalactic-border-critical-active, #d1002f);
+  border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
 
-  &[keyboardFocused] {
-    border-color: var(--intergalactic-border-critical-active, #d1002f);
-    box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5));
+  &:focus-visible {
+    outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
   }
 }
 

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

@@ -4,5 +4,5 @@ SButtonAddon {
 }
 
 SButtonTriggerSpin {
-  fill: var(--intergalactic-icon-primary-neutral, #6c6e79);
+  fill: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
 }

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

@@ -1,15 +1,15 @@
 SFilterTrigger[selected] {
-  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);
+  border-color: var(--intergalactic-border-info-active, oklch(0.382 0.248 264.2 / 0.386));
+  background-color: var(--intergalactic-control-secondary-info, oklch(0.41 0.258 264.2 / 0.031));
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
 
   &:hover {
-    background-color: var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));
+    background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.407 0.258 264.2 / 0.062));
   }
 
   &:active,
   &[active] {
-    background-color: var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3));
+    background-color: var(--intergalactic-control-secondary-info-active, oklch(0.405 0.257 264.2 / 0.093));
   }
 }
 
@@ -20,11 +20,3 @@ SWrapper {
     outline: none;
   }
 }
-
-SWrapper[keyboardFocused]:focus {
-  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
-}
-
-SCounter {
-  background-color: var(--intergalactic-bg-primary-info, #008ff8);
-}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/types/index.d.ts

@@ -1,16 +1,13 @@
-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';
+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';
 
-/** @deprecated */
-export interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}
 export type BaseTriggerProps = BoxProps &
   NeighborItemProps &
-  KeyboardFocusProps &
   WithAnimatedSizeEnhanceProps & {
     /**
      * Trigger size
@@ -33,43 +30,35 @@ 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;
 };
 
-/** @deprecated */
-export interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}
-export type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {
+export type LinkTriggerProps = ButtonLinkProps & {
   /** Sets the loading state */
   loading?: boolean;
-  /** Text color */
-  color?: string;
+  /** Placeholder text */
+  placeholder?: React.ReactNode;
+  /** Responsible for placeholder displaying */
+  empty?: boolean;
 };
 
-/** @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[];
@@ -83,7 +72,7 @@ export type FilterTriggerCounterProps = {
 };
 
 declare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {
-  Text: typeof Box;
+  Text: typeof Text;
   Addon: typeof Box;
 };
 
@@ -93,14 +82,14 @@ declare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps>
 };
 
 declare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {
-  Text: typeof BaseTrigger.Text;
-  Addon: typeof BaseTrigger.Addon;
+  Text: typeof ButtonLink.Text;
+  Addon: typeof ButtonLink.Addon;
 };
 
 declare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {
   Text: typeof BaseTrigger.Text;
   Addon: typeof BaseTrigger.Addon;
-  Counter: Intergalactic.Component<'div', BoxProps & DotProps & FilterTriggerCounterProps>;
+  Counter: Intergalactic.Component<'div', CounterProps & FilterTriggerCounterProps>;
   TriggerButton: typeof BaseTrigger;
   ClearButton: typeof BaseTrigger;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/base-trigger",
   "description": "Semrush BaseTrigger Component",
-  "version": "4.53.2-prerelease.0",
+  "version": "4.54.0-prerelease.0",
   "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.40.4-prerelease.0",
-    "@semcore/flex-box": "5.41.4-prerelease.0",
-    "@semcore/icon": "4.62.1-prerelease.0",
-    "@semcore/neighbor-location": "4.40.4-prerelease.0",
-    "@semcore/spin": "5.41.4-prerelease.0",
-    "@semcore/utils": "4.48.5-prerelease.0",
-    "@semcore/tooltip": "6.49.4-prerelease.0"
+    "@semcore/dot": "5.41.0-prerelease.0",
+    "@semcore/flex-box": "5.42.0-prerelease.0",
+    "@semcore/icon": "4.63.0-prerelease.0",
+    "@semcore/neighbor-location": "4.41.0-prerelease.0",
+    "@semcore/spin": "5.42.0-prerelease.0",
+    "@semcore/utils": "4.49.0-prerelease.0",
+    "@semcore/tooltip": "6.50.0-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.4-prerelease.0",
+    "@semcore/core": "^2.40.0-prerelease.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },