@semcore/base-trigger 16.4.6-prerelease.8 → 16.5.0-prerelease.0

package/lib/esm/FilterTrigger.mjs

@@ -1,115 +1,117 @@
+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 { createComponent, Component, sstyled, assignProps } from "@semcore/core";
-import { Box, NeighborLocation, Hint, ScreenReaderOnly } from "@semcore/base-components";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
 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 SemcoreCounter from "@semcore/counter";
+import Dot from "@semcore/dot";
+import { Box } from "@semcore/flex-box";
 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"*/
-const style = (
+var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___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}",
+    ".___SFilterTrigger_cepbf_gg_.__selected_cepbf_gg_{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_cepbf_gg_.__selected_cepbf_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SFilterTrigger_cepbf_gg_.__selected_cepbf_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}@media (hover:hover){.___SFilterTrigger_cepbf_gg_.__selected_cepbf_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_cepbf_gg_.__selected_cepbf_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SFilterTrigger_cepbf_gg_.__selected_cepbf_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SFilterTrigger_cepbf_gg_.__selected_cepbf_gg_.__active_cepbf_gg_,.___SFilterTrigger_cepbf_gg_.__selected_cepbf_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_cepbf_gg_.__selected_cepbf_gg_.__active_cepbf_gg_,.___SFilterTrigger_cepbf_gg_.__selected_cepbf_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SFilterTrigger_cepbf_gg_.__selected_cepbf_gg_.__active_cepbf_gg_,.___SFilterTrigger_cepbf_gg_.__selected_cepbf_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SWrapper_cepbf_gg_{display:inline-flex}.___SWrapper_cepbf_gg_:focus{outline:0}.___SCounter_cepbf_gg_{background-color:var(--intergalactic-bg-primary-info, rgb(118, 128, 231))}",
     /*__inner_css_end__*/
-    "171ij_gg_"
+    "cepbf_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SFilterTrigger": "___SFilterTrigger_171ij_gg_",
-    "_selected": "__selected_171ij_gg_",
-    "_active": "__active_171ij_gg_",
-    "__SWrapper": "___SWrapper_171ij_gg_"
+    "__SCounter": "___SCounter_cepbf_gg_",
+    "__SFilterTrigger": "___SFilterTrigger_cepbf_gg_",
+    "_selected": "__selected_cepbf_gg_",
+    "_active": "__active_cepbf_gg_",
+    "__SWrapper": "___SWrapper_cepbf_gg_"
   })
 );
-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) => {
+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) {
       if (e.key === "Escape") return;
       e.stopPropagation();
     });
-    _defineProperty(this, "handleClear", () => {
-      requestAnimationFrame(() => {
-        setFocus(this.asProps.triggerRef.current);
+    _defineProperty(_this, "handleClear", function() {
+      requestAnimationFrame(function() {
+        setFocus(_this.asProps.triggerRef.current);
       });
     });
+    return _this;
   }
-  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({
+  _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({
         "aria-label": getI18nText("filter"),
         "__excludeProps": ["id"],
         "use:role": void 0,
@@ -121,10 +123,10 @@ class RootFilterTrigger extends 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))));
-  }
-}
+      }, _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);
 _defineProperty(RootFilterTrigger, "displayName", "FilterTrigger");
 _defineProperty(RootFilterTrigger, "style", style);
 _defineProperty(RootFilterTrigger, "enhance", [i18nEnhance(localizedMessages), cssVariableEnhance({
@@ -136,92 +138,79 @@ _defineProperty(RootFilterTrigger, "enhance", [i18nEnhance(localizedMessages), c
   animateProps: ["width"],
   onChangeOf: ["value"]
 }), uniqueIDEnhancement()]);
-_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({
+_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({
         "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
-    }));
-  }
-}
+      }, _ref2))), addonTextChildren(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /* @__PURE__ */ React.createElement(FilterTrigger.Addon, {
+        tag: ChevronDown
+      }));
+    }
+  }]);
+})(Component);
 _defineProperty(TriggerButton, "displayName", "TriggerButton");
 _defineProperty(TriggerButton, "style", style);
-class ClearButton extends Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "triggerRef", /* @__PURE__ */ React.createRef());
+var ClearButton = /* @__PURE__ */ (function(_Component3) {
+  function ClearButton2() {
+    _classCallCheck(this, ClearButton2);
+    return _callSuper(this, ClearButton2, arguments);
   }
-  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,
+  _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({
         "size": size,
         "empty": empty,
         "selected": true,
         "disabled": disabled,
-        "aria-label": title ?? ariaLabel ?? getI18nText("clear"),
+        "aria-label": (_ref9 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref9 !== void 0 ? _ref9 : getI18nText("clear"),
         "__excludeProps": ["title"]
-      }, _ref3)
-    }), /* @__PURE__ */ React.createElement(FilterTrigger.Addon, {
-      tag: Close
-    })), /* @__PURE__ */ React.createElement(Hint, _ref7.cn("Hint", {
-      "triggerRef": this.triggerRef
-    }), title ?? ariaLabel ?? getI18nText("clear")));
-  }
-}
+      }, _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);
 _defineProperty(ClearButton, "displayName", "ClearButton");
 _defineProperty(ClearButton, "style", style);
-function Counter({
-  styles,
-  Children,
-  count,
-  getI18nText
-}) {
+function Counter(_ref1) {
   var _ref4 = arguments[0], _ref8;
-  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 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 FilterTrigger = createComponent(RootFilterTrigger, {
+var FilterTrigger = createComponent(RootFilterTrigger, {
   Text: BaseTrigger.Text,
   Addon: BaseTrigger.Addon,
   Counter,

package/lib/esm/LinkTrigger.mjs

@@ -1,77 +1,73 @@
+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 _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
-import { Box } from "@semcore/base-components";
+import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
 import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
+import { Box } from "@semcore/flex-box";
 import ChevronDown from "@semcore/icon/ChevronDown/m";
 import Spin from "@semcore/spin";
-import { Text as Text$1 } from "@semcore/typography";
 import React from "react";
 /*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
-const style = (
+var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLinkTrigger_1mko8_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;font-family:inherit;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1mko8_gg_.__active_1mko8_gg_,.___SLinkTrigger_1mko8_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1mko8_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1mko8_gg_.__active_1mko8_gg_ .___SText_1mko8_gg_,.___SLinkTrigger_1mko8_gg_:active .___SText_1mko8_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1mko8_gg_:hover .___SText_1mko8_gg_{border-color:currentColor}}.___SLinkTrigger_1mko8_gg_ .___SText_1mko8_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_1mko8_gg_.__color_1mko8_gg_{color:var(--color_1mko8)}@media (hover:hover){.___SLinkTrigger_1mko8_gg_.__color_1mko8_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1mko8_gg_.__disabled_1mko8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1mko8_gg_,.___SLinkAddon_1mko8_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1mko8_gg_:not(:only-child):first-child,.___SLinkAddon_1mko8_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1mko8_gg_:not(:only-child):last-child,.___SLinkAddon_1mko8_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1mko8_gg_{width:16px;height:16px}.___SLinkTrigger_1mko8_gg_._size_m_1mko8_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1mko8_gg_._size_l_1mko8_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1mko8_gg_,.___SLinkTrigger_1mko8_gg_ .___SText_1mko8_gg_{transition:none}}",
+    ".___SLinkTrigger_1oo37_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-moz-user-select:none;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;font-family:inherit;cursor:pointer;color:var(--intergalactic-text-link, rgb(35, 95, 226));background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1oo37_gg_.__active_1oo37_gg_,.___SLinkTrigger_1oo37_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SLinkTrigger_1oo37_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SLinkTrigger_1oo37_gg_.__active_1oo37_gg_ .___SText_1oo37_gg_,.___SLinkTrigger_1oo37_gg_:active .___SText_1oo37_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1oo37_gg_:hover .___SText_1oo37_gg_{border-color:currentColor}}.___SLinkTrigger_1oo37_gg_ .___SText_1oo37_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_1oo37_gg_.__color_1oo37_gg_{color:var(--color_1oo37)}@media (hover:hover){.___SLinkTrigger_1oo37_gg_.__color_1oo37_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1oo37_gg_.__disabled_1oo37_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SAddon_1oo37_gg_,.___SLinkAddon_1oo37_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1oo37_gg_:not(:only-child):first-child,.___SLinkAddon_1oo37_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1oo37_gg_:not(:only-child):last-child,.___SLinkAddon_1oo37_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1oo37_gg_{width:16px;height:16px}.___SLinkTrigger_1oo37_gg_._size_m_1oo37_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1oo37_gg_._size_l_1oo37_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1oo37_gg_,.___SLinkTrigger_1oo37_gg_ .___SText_1oo37_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "1mko8_gg_"
+    "1oo37_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLinkTrigger": "___SLinkTrigger_1mko8_gg_",
-    "_disabled": "__disabled_1mko8_gg_",
-    "__SLinkAddon": "___SLinkAddon_1mko8_gg_",
-    "_size_m": "_size_m_1mko8_gg_",
-    "_size_l": "_size_l_1mko8_gg_",
-    "_active": "__active_1mko8_gg_",
-    "__SText": "___SText_1mko8_gg_",
-    "_color": "__color_1mko8_gg_",
-    "--color": "--color_1mko8",
-    "__SAddon": "___SAddon_1mko8_gg_"
+    "__SLinkTrigger": "___SLinkTrigger_1oo37_gg_",
+    "_disabled": "__disabled_1oo37_gg_",
+    "__SLinkAddon": "___SLinkAddon_1oo37_gg_",
+    "_size_m": "_size_m_1oo37_gg_",
+    "_size_l": "_size_l_1oo37_gg_",
+    "_active": "__active_1oo37_gg_",
+    "__SText": "___SText_1oo37_gg_",
+    "_color": "__color_1oo37_gg_",
+    "--color": "--color_1oo37",
+    "__SAddon": "___SAddon_1oo37_gg_"
   })
 );
-class RootLinkTrigger extends Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "triggerRef", /* @__PURE__ */ React.createRef());
+var RootLinkTrigger = /* @__PURE__ */ (function(_Component) {
+  function RootLinkTrigger2() {
+    _classCallCheck(this, RootLinkTrigger2);
+    return _callSuper(this, RootLinkTrigger2, arguments);
   }
-  getTextProps() {
-    const {
-      placeholder,
-      empty
-    } = this.asProps;
-    return {
-      placeholder,
-      empty,
-      triggerRef: this.triggerRef
-    };
-  }
-  render() {
-    var _ref = this.asProps, _ref4;
-    const SLinkTrigger = Box;
-    const SLinkAddon = LinkTrigger.Addon;
-    const {
-      Children,
-      loading,
-      styles,
-      empty,
-      color: providedColor,
-      resolveColor
-    } = this.asProps;
-    const color = resolveColor(providedColor);
-    return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", {
-      ...assignProps({
+  _inherits(RootLinkTrigger2, _Component);
+  return _createClass(RootLinkTrigger2, [{
+    key: "getTextProps",
+    value: function getTextProps() {
+      var _this$asProps = this.asProps, placeholder = _this$asProps.placeholder, empty = _this$asProps.empty;
+      return {
+        placeholder,
+        empty
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      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, styles = _this$asProps2.styles, empty = _this$asProps2.empty, providedColor = _this$asProps2.color, resolveColor = _this$asProps2.resolveColor;
+      var color = resolveColor(providedColor);
+      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, assignProps({
         "tag": "button",
         "type": "button",
         "tabIndex": loading ? -1 : 0,
-        "ref": this.triggerRef,
         "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", {}))));
-  }
-}
+      }, _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);
 _defineProperty(RootLinkTrigger, "displayName", "LinkTrigger");
 _defineProperty(RootLinkTrigger, "style", style);
 _defineProperty(RootLinkTrigger, "defaultProps", {
@@ -80,38 +76,19 @@ _defineProperty(RootLinkTrigger, "defaultProps", {
 _defineProperty(RootLinkTrigger, "enhance", [resolveColorEnhance()]);
 function Text(props) {
   var _ref2 = arguments[0], _ref5;
-  const SText = Text$1;
-  const textRef = React.useRef();
-  const {
-    children,
-    styles,
-    empty,
-    placeholder,
-    triggerRef,
-    ellipsis = false,
-    hintProps
-  } = props;
-  const content = empty ? placeholder : children;
-  return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", {
-    ...assignProps({
-      "display-placeholder": empty,
-      "ref": textRef,
-      "ellipsis": ellipsis,
-      "hintProps": {
-        ...hintProps,
-        triggerRef
-      }
-    }, _ref2)
-  }), content));
+  var SText = Box;
+  var children = props.children, styles = props.styles, empty = props.empty, placeholder = props.placeholder;
+  return _ref5 = sstyled(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;
-  const SAddon = Box;
-  return _ref6 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", {
-    ...assignProps({}, _ref3)
-  }));
+  var SAddon = Box;
+  return _ref6 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, assignProps({}, _ref3))));
 }
-const LinkTrigger = createComponent(RootLinkTrigger, {
+var LinkTrigger = createComponent(RootLinkTrigger, {
   Text,
   Addon
 });

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

@@ -19,11 +19,11 @@ SBaseTrigger {
   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;
@@ -36,22 +36,22 @@ SBaseTrigger {
   }
 
   &:focus-visible {
-    border: 1px solid var(--intergalactic-border-info-active, #006dca);
+    border: 1px solid var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
   }
 
   &: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.443 0.273 264.2 / 0.419));
+    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;
@@ -160,18 +160,18 @@ SBaseTrigger[neighborLocation='left'] {
 }
 
 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));
 
   &:focus-visible {
-    outline-color: var(--intergalactic-keyboard-focus-invalid-outline, #ff4953);
+    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));
 }