@semcore/base-trigger 4.52.1 → 16.0.0-prerelease.4

package/lib/esm/FilterTrigger.mjs

@@ -1,91 +1,89 @@
-import y from "@babel/runtime/helpers/esm/objectSpread2";
+import v from "@babel/runtime/helpers/esm/objectSpread2";
 import W from "@babel/runtime/helpers/esm/slicedToArray";
 import w from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import C from "@babel/runtime/helpers/esm/classCallCheck";
 import S from "@babel/runtime/helpers/esm/createClass";
-import A from "@babel/runtime/helpers/esm/assertThisInitialized";
+import R from "@babel/runtime/helpers/esm/assertThisInitialized";
 import x from "@babel/runtime/helpers/esm/inherits";
 import E from "@babel/runtime/helpers/esm/createSuper";
-import u from "@babel/runtime/helpers/esm/defineProperty";
-import $ from "@babel/runtime/helpers/esm/toConsumableArray";
-import { sstyled as D } from "@semcore/utils/lib/core/index";
-import M, { sstyled as h, assignProps as b, Component as F } from "@semcore/core";
+import p from "@babel/runtime/helpers/esm/defineProperty";
+import D from "@babel/runtime/helpers/esm/toConsumableArray";
+import { sstyled as h, createComponent as M, assignProps as b, Component as I } from "@semcore/core";
 import i from "react";
 import f from "./BaseTrigger.mjs";
-import { Box as H } from "@semcore/flex-box";
-import O from "@semcore/neighbor-location";
-import j from "@semcore/dot";
-import q from "@semcore/icon/Close/m";
-import L from "@semcore/icon/ChevronDown/m";
-import { callAllEventHandlers as K } from "@semcore/utils/lib/assignProps";
-import V from "@semcore/utils/lib/addonTextChildren";
-import { localizedMessages as R } from "./translations/__intergalactic-dynamic-locales.mjs";
-import G from "@semcore/utils/lib/enhances/i18nEnhance";
-import J from "@semcore/utils/lib/enhances/animatedSizeEnhance";
-import { cssVariableEnhance as Q } from "@semcore/utils/lib/useCssVariable";
-import U, { inputProps as X } from "@semcore/utils/lib/inputProps";
-import Y from "@semcore/utils/lib/uniqueID";
-import { setFocus as Z } from "@semcore/utils/lib/use/useFocusLock";
-import { isAdvanceMode as ee } from "@semcore/utils/lib/findComponent";
+import { Box as $ } from "@semcore/flex-box";
+import H from "@semcore/neighbor-location";
+import O from "@semcore/dot";
+import j from "@semcore/icon/Close/m";
+import q from "@semcore/icon/ChevronDown/m";
+import { callAllEventHandlers as L } from "@semcore/core/lib/utils/assignProps";
+import K from "@semcore/core/lib/utils/addonTextChildren";
+import { localizedMessages as z } from "./translations/__intergalactic-dynamic-locales.mjs";
+import V from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import G from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
+import { cssVariableEnhance as J } from "@semcore/core/lib/utils/useCssVariable";
+import Q, { inputProps as U } from "@semcore/core/lib/utils/inputProps";
+import X from "@semcore/core/lib/utils/uniqueID";
+import { setFocus as Y } from "@semcore/core/lib/utils/use/useFocusLock";
+import { isAdvanceMode as Z } from "@semcore/core/lib/utils/findComponent";
 import { Hint as T } from "@semcore/tooltip";
-import { ScreenReaderOnly as re } from "@semcore/utils/lib/ScreenReaderOnly";
-var te = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"], I = (
+import { ScreenReaderOnly as ee } from "@semcore/core/lib/utils/ScreenReaderOnly";
+var re = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"], F = (
   /*__reshadow_css_start__*/
-  (D.insert(
+  (h.insert(
     /*__inner_css_start__*/
-    ".___SFilterTrigger_1ui6y_gg_.__selected_1ui6y_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_1ui6y_gg_.__selected_1ui6y_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1ui6y_gg_.__selected_1ui6y_gg_.__active_1ui6y_gg_,.___SFilterTrigger_1ui6y_gg_.__selected_1ui6y_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1ui6y_gg_{display:inline-flex}.___SWrapper_1ui6y_gg_:focus{outline:0}.___SWrapper_1ui6y_gg_.__keyboardFocused_1ui6y_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1ui6y_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}",
-    "1ui6y_gg_"
+    ".___SFilterTrigger_1m3i1_gg_.__selected_1m3i1_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_1m3i1_gg_.__selected_1m3i1_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1m3i1_gg_.__selected_1m3i1_gg_.__active_1m3i1_gg_,.___SFilterTrigger_1m3i1_gg_.__selected_1m3i1_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1m3i1_gg_{display:inline-flex}.___SWrapper_1m3i1_gg_:focus{outline:0}.___SCounter_1m3i1_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}",
+    "1m3i1_gg_"
   ), {
-    __SWrapper: "___SWrapper_1ui6y_gg_",
-    _keyboardFocused: "__keyboardFocused_1ui6y_gg_",
-    __SCounter: "___SCounter_1ui6y_gg_",
-    __SFilterTrigger: "___SFilterTrigger_1ui6y_gg_",
-    _selected: "__selected_1ui6y_gg_",
-    _active: "__active_1ui6y_gg_"
+    __SCounter: "___SCounter_1m3i1_gg_",
+    __SFilterTrigger: "___SFilterTrigger_1m3i1_gg_",
+    _selected: "__selected_1m3i1_gg_",
+    _active: "__active_1m3i1_gg_",
+    __SWrapper: "___SWrapper_1m3i1_gg_"
   })
-), ae = [].concat($(X), ["aria-controls", "aria-haspopup", "aria-expanded", "aria-disabled", "aria-activedescendant", "aria-label", "aria-labelledby", "role"]), v = /* @__PURE__ */ function(s) {
+), te = [].concat(D(U), ["aria-controls", "aria-haspopup", "aria-expanded", "aria-disabled", "aria-activedescendant", "aria-label", "aria-labelledby", "role"]), y = /* @__PURE__ */ function(s) {
   x(a, s);
-  var d = E(a);
+  var m = E(a);
   function a() {
     var n;
     C(this, a);
     for (var e = arguments.length, t = new Array(e), o = 0; o < e; o++)
       t[o] = arguments[o];
-    return n = d.call.apply(d, [this].concat(t)), u(A(n), "handleStopPropagation", function(r) {
+    return n = m.call.apply(m, [this].concat(t)), p(R(n), "handleStopPropagation", function(r) {
       return r.stopPropagation();
-    }), u(A(n), "handleClear", function() {
+    }), p(R(n), "handleClear", function() {
       requestAnimationFrame(function() {
-        Z(n.asProps.triggerRef.current);
+        Y(n.asProps.triggerRef.current);
       });
     }), n;
   }
   return S(a, [{
     key: "getTriggerButtonProps",
     value: function() {
-      var e = this.asProps, t = e.empty, o = e.size, r = e.placeholder, l = e.active, g = e.disabled, c = e.includeInputProps, _ = e.triggerRef;
+      var e = this.asProps, t = e.empty, o = e.size, r = e.placeholder, l = e.active, c = e.disabled, g = e.includeInputProps, u = e.triggerRef;
       e["data-ui-name"];
-      var m = w(e, te), P = U(m, c), z = W(P, 1), N = z[0];
-      return y({
+      var _ = w(e, re), P = Q(_, g), k = W(P, 1), N = k[0];
+      return v({
         size: o,
         placeholder: r,
         empty: t,
         selected: !t,
         active: l,
-        disabled: g,
-        triggerRef: _
+        disabled: c,
+        triggerRef: u
       }, N);
     }
   }, {
     key: "getClearButtonProps",
     value: function() {
-      var e = this.asProps, t = e.empty, o = e.onClear, r = e.size, l = e.disabled, g = e.getI18nText;
+      var e = this.asProps, t = e.empty, o = e.onClear, r = e.size, l = e.disabled, c = e.getI18nText;
       return {
         size: r,
         empty: t,
-        onClick: K(o, this.handleClear, this.handleStopPropagation),
+        onClick: L(o, this.handleClear, this.handleStopPropagation),
         onKeyDown: this.handleStopPropagation,
         disabled: l,
-        getI18nText: g
+        getI18nText: c
       };
     }
   }, {
@@ -99,9 +97,9 @@ var te = ["empty", "size", "placeholder", "active", "disabled", "includeInputPro
   }, {
     key: "render",
     value: function() {
-      var e = this.asProps, t, o = H, r = this.asProps, l = r.Children, g = r.styles, c = r.getI18nText, _ = r.empty, m = r.forcedAdvancedMode, P = m || ee(l, [p.TriggerButton.displayName, p.ClearButton.displayName], !0);
-      return t = h(g), /* @__PURE__ */ i.createElement(o, t.cn("SWrapper", y({}, b({
-        "aria-label": c("filter"),
+      var e = this.asProps, t, o = $, r = this.asProps, l = r.Children, c = r.styles, g = r.getI18nText, u = r.empty, _ = r.forcedAdvancedMode, P = _ || Z(l, [d.TriggerButton.displayName, d.ClearButton.displayName], !0);
+      return t = h(c), /* @__PURE__ */ i.createElement(o, t.cn("SWrapper", v({}, b({
+        "aria-label": g("filter"),
         __excludeProps: ["id"],
         "use:role": void 0,
         "use:aria-controls": void 0,
@@ -112,25 +110,25 @@ var te = ["empty", "size", "placeholder", "active", "disabled", "includeInputPro
         "use:aria-activedescendant": void 0,
         "use:aria-label": void 0,
         "use:aria-labelledby": void 0
-      }, e))), /* @__PURE__ */ i.createElement(O, t.cn("NeighborLocation", {}), P ? /* @__PURE__ */ i.createElement(l, t.cn("Children", {})) : /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(p.TriggerButton, null, /* @__PURE__ */ i.createElement(l, t.cn("Children", {}))), !_ && /* @__PURE__ */ i.createElement(p.ClearButton, null))));
+      }, e))), /* @__PURE__ */ i.createElement(H, t.cn("NeighborLocation", {}), P ? /* @__PURE__ */ i.createElement(l, t.cn("Children", {})) : /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(d.TriggerButton, null, /* @__PURE__ */ i.createElement(l, t.cn("Children", {}))), !u && /* @__PURE__ */ i.createElement(d.ClearButton, null))));
     }
   }]), a;
-}(F);
-u(v, "displayName", "FilterTrigger");
-u(v, "style", I);
-u(v, "enhance", [G(R), Q({
+}(I);
+p(y, "displayName", "FilterTrigger");
+p(y, "style", F);
+p(y, "enhance", [V(z), J({
   variable: "--intergalactic-duration-control",
   fallback: "200",
   map: Number.parseInt,
   prop: "duration"
-}), J({
+}), G({
   animateProps: ["width"],
   onChangeOf: ["value"]
-}), Y()]);
-u(v, "defaultProps", function() {
+}), X()]);
+p(y, "defaultProps", function() {
   return {
-    includeInputProps: ae,
-    i18n: R,
+    includeInputProps: te,
+    i18n: z,
     locale: "en",
     triggerRef: /* @__PURE__ */ i.createRef(),
     role: "group"
@@ -138,68 +136,68 @@ u(v, "defaultProps", function() {
 });
 var B = /* @__PURE__ */ function(s) {
   x(a, s);
-  var d = E(a);
+  var m = E(a);
   function a() {
-    return C(this, a), d.apply(this, arguments);
+    return C(this, a), m.apply(this, arguments);
   }
   return S(a, [{
     key: "render",
     value: function() {
-      var e = this.asProps, t, o = f, r = this.asProps, l = r.Children, g = r.styles, c = r.empty, _ = r.triggerRef;
-      return t = h(g), /* @__PURE__ */ i.createElement(o, t.cn("SFilterTrigger", y({}, b({
+      var e = this.asProps, t, o = f, r = this.asProps, l = r.Children, c = r.styles, g = r.empty, u = r.triggerRef;
+      return t = h(c), /* @__PURE__ */ i.createElement(o, t.cn("SFilterTrigger", v({}, b({
         "use:role": "combobox",
         w: "100%",
-        empty: c,
-        selected: !c,
-        ref: _,
+        empty: g,
+        selected: !g,
+        ref: u,
         animationsDisabled: !0
-      }, e))), V(l, p.Text, [p.Addon, p.Counter], c), c && /* @__PURE__ */ i.createElement(p.Addon, {
-        tag: L
+      }, e))), K(l, d.Text, [d.Addon, d.Counter], g), g && /* @__PURE__ */ i.createElement(d.Addon, {
+        tag: q
       }));
     }
   }]), a;
-}(F);
-u(B, "displayName", "TriggerButton");
-u(B, "style", I);
-var k = /* @__PURE__ */ function(s) {
+}(I);
+p(B, "displayName", "TriggerButton");
+p(B, "style", F);
+var A = /* @__PURE__ */ function(s) {
   x(a, s);
-  var d = E(a);
+  var m = E(a);
   function a() {
-    return C(this, a), d.apply(this, arguments);
+    return C(this, a), m.apply(this, arguments);
   }
   return S(a, [{
     key: "render",
     value: function() {
-      var e = this.asProps, t, o = f, r = this.asProps, l = r.styles, g = r.empty, c = r.size, _ = r.disabled, m = r.getI18nText;
-      return g ? null : (t = h(l), /* @__PURE__ */ i.createElement(T, t.cn("Hint", {}), /* @__PURE__ */ i.createElement(T.Trigger, null, /* @__PURE__ */ i.createElement(o, t.cn("SFilterTrigger", y({}, b({
-        size: c,
-        empty: g,
+      var e = this.asProps, t, o = f, r = this.asProps, l = r.styles, c = r.empty, g = r.size, u = r.disabled, _ = r.getI18nText;
+      return c ? null : (t = h(l), /* @__PURE__ */ i.createElement(T, t.cn("Hint", {}), /* @__PURE__ */ i.createElement(T.Trigger, null, /* @__PURE__ */ i.createElement(o, t.cn("SFilterTrigger", v({}, b({
+        size: g,
+        empty: c,
         selected: !0,
-        disabled: _,
-        "aria-label": m("clear")
-      }, e))), /* @__PURE__ */ i.createElement(p.Addon, {
-        tag: q
-      }))), /* @__PURE__ */ i.createElement(T.Popper, null, m("clear"))));
+        disabled: u,
+        "aria-label": _("clear")
+      }, e))), /* @__PURE__ */ i.createElement(d.Addon, {
+        tag: j
+      }))), /* @__PURE__ */ i.createElement(T.Popper, null, _("clear"))));
     }
   }]), a;
-}(F);
-u(k, "displayName", "ClearButton");
-u(k, "style", I);
-function ie(s) {
-  var d = arguments[0], a, n = s.styles, e = s.Children, t = s.count, o = s.getI18nText, r = f.Addon;
-  return a = h(n), /* @__PURE__ */ i.createElement(r, a.cn("SCounter", y({}, b({
-    tag: j
-  }, d))), t !== void 0 ? /* @__PURE__ */ i.createElement(i.Fragment, null, t, /* @__PURE__ */ i.createElement(re, a.cn("ScreenReaderOnly", {}), o("BaseTrigger.FilterTrigger.Counter.selected:aria-label"))) : /* @__PURE__ */ i.createElement(e, a.cn("Children", {})));
+}(I);
+p(A, "displayName", "ClearButton");
+p(A, "style", F);
+function ae(s) {
+  var m = arguments[0], a, n = s.styles, e = s.Children, t = s.count, o = s.getI18nText, r = f.Addon;
+  return a = h(n), /* @__PURE__ */ i.createElement(r, a.cn("SCounter", v({}, b({
+    tag: O
+  }, m))), t !== void 0 ? /* @__PURE__ */ i.createElement(i.Fragment, null, t, /* @__PURE__ */ i.createElement(ee, a.cn("ScreenReaderOnly", {}), o("BaseTrigger.FilterTrigger.Counter.selected:aria-label"))) : /* @__PURE__ */ i.createElement(e, a.cn("Children", {})));
 }
-var p = M(v, {
+var d = M(y, {
   Text: f.Text,
   Addon: f.Addon,
-  Counter: ie,
+  Counter: ae,
   TriggerButton: B,
-  ClearButton: k
+  ClearButton: A
 }, {
   parent: f
 });
 export {
-  p as default
+  d as default
 };

package/lib/esm/LinkTrigger.mjs

@@ -1,88 +1,86 @@
-import h from "@babel/runtime/helpers/esm/objectSpread2";
-import b from "@babel/runtime/helpers/esm/classCallCheck";
+import m from "@babel/runtime/helpers/esm/objectSpread2";
+import y from "@babel/runtime/helpers/esm/classCallCheck";
 import L from "@babel/runtime/helpers/esm/createClass";
-import A from "@babel/runtime/helpers/esm/inherits";
-import C from "@babel/runtime/helpers/esm/createSuper";
-import l from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as w } from "@semcore/utils/lib/core/index";
-import z, { sstyled as y, assignProps as p, Component as P } from "@semcore/core";
+import b from "@babel/runtime/helpers/esm/inherits";
+import A from "@babel/runtime/helpers/esm/createSuper";
+import c from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as s, createComponent as C, assignProps as v, Component as z } from "@semcore/core";
 import t from "react";
-import E from "@semcore/utils/lib/addonTextChildren";
-import F from "@semcore/icon/ChevronDown/m";
+import P from "@semcore/core/lib/utils/addonTextChildren";
+import E from "@semcore/icon/ChevronDown/m";
 import R from "@semcore/spin";
-import { Box as m } from "@semcore/flex-box";
-import $ from "@semcore/utils/lib/enhances/resolveColorEnhance";
-import j from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
+import { Box as h } from "@semcore/flex-box";
+import j from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
 var D = (
   /*__reshadow_css_start__*/
-  (w.insert(
+  (s.insert(
     /*__inner_css_start__*/
-    ".___SLinkTrigger_nhd0y_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_nhd0y_gg_:focus{outline:0}.___SLinkTrigger_nhd0y_gg_.__active_nhd0y_gg_,.___SLinkTrigger_nhd0y_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_nhd0y_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_nhd0y_gg_.__active_nhd0y_gg_ .___SText_nhd0y_gg_,.___SLinkTrigger_nhd0y_gg_:active .___SText_nhd0y_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_nhd0y_gg_:hover .___SText_nhd0y_gg_{border-color:currentColor}}.___SLinkTrigger_nhd0y_gg_ .___SText_nhd0y_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_nhd0y_gg_.__color_nhd0y_gg_{color:var(--color_nhd0y)}@media (hover:hover){.___SLinkTrigger_nhd0y_gg_.__color_nhd0y_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_nhd0y_gg_.__disabled_nhd0y_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_nhd0y_gg_.__keyboardFocused_nhd0y_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_nhd0y_gg_,.___SLinkAddon_nhd0y_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_nhd0y_gg_:not(:only-child):first-child,.___SLinkAddon_nhd0y_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_nhd0y_gg_:not(:only-child):last-child,.___SLinkAddon_nhd0y_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_nhd0y_gg_{width:16px;height:16px}.___SLinkTrigger_nhd0y_gg_._size_m_nhd0y_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_nhd0y_gg_._size_l_nhd0y_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_nhd0y_gg_,.___SLinkTrigger_nhd0y_gg_ .___SText_nhd0y_gg_{transition:none}}",
-    "nhd0y_gg_"
+    ".___SLinkTrigger_lwral_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_lwral_gg_.__active_lwral_gg_,.___SLinkTrigger_lwral_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_lwral_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_lwral_gg_.__active_lwral_gg_ .___SText_lwral_gg_,.___SLinkTrigger_lwral_gg_:active .___SText_lwral_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_lwral_gg_:hover .___SText_lwral_gg_{border-color:currentColor}}.___SLinkTrigger_lwral_gg_ .___SText_lwral_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_lwral_gg_.__color_lwral_gg_{color:var(--color_lwral)}@media (hover:hover){.___SLinkTrigger_lwral_gg_.__color_lwral_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_lwral_gg_.__disabled_lwral_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_lwral_gg_,.___SLinkAddon_lwral_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_lwral_gg_:not(:only-child):first-child,.___SLinkAddon_lwral_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_lwral_gg_:not(:only-child):last-child,.___SLinkAddon_lwral_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_lwral_gg_{width:16px;height:16px}.___SLinkTrigger_lwral_gg_._size_m_lwral_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_lwral_gg_._size_l_lwral_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_lwral_gg_,.___SLinkTrigger_lwral_gg_ .___SText_lwral_gg_{transition:none}}",
+    "lwral_gg_"
   ), {
-    __SLinkTrigger: "___SLinkTrigger_nhd0y_gg_",
-    _disabled: "__disabled_nhd0y_gg_",
-    _keyboardFocused: "__keyboardFocused_nhd0y_gg_",
-    __SLinkAddon: "___SLinkAddon_nhd0y_gg_",
-    _size_m: "_size_m_nhd0y_gg_",
-    _size_l: "_size_l_nhd0y_gg_",
-    _active: "__active_nhd0y_gg_",
-    __SText: "___SText_nhd0y_gg_",
-    _color: "__color_nhd0y_gg_",
-    "--color": "--color_nhd0y",
-    __SAddon: "___SAddon_nhd0y_gg_"
+    __SLinkTrigger: "___SLinkTrigger_lwral_gg_",
+    _disabled: "__disabled_lwral_gg_",
+    __SLinkAddon: "___SLinkAddon_lwral_gg_",
+    _size_m: "_size_m_lwral_gg_",
+    _size_l: "_size_l_lwral_gg_",
+    _active: "__active_lwral_gg_",
+    __SText: "___SText_lwral_gg_",
+    _color: "__color_lwral_gg_",
+    "--color": "--color_lwral",
+    __SAddon: "___SAddon_lwral_gg_"
   })
-), a = /* @__PURE__ */ function(r) {
-  A(e, r);
-  var g = C(e);
-  function e() {
-    return b(this, e), g.apply(this, arguments);
+), g = /* @__PURE__ */ function(_) {
+  b(r, _);
+  var n = A(r);
+  function r() {
+    return y(this, r), n.apply(this, arguments);
   }
-  return L(e, [{
+  return L(r, [{
     key: "getTextProps",
     value: function() {
-      var n = this.asProps, _ = n.placeholder, o = n.empty;
+      var l = this.asProps, e = l.placeholder, i = l.empty;
       return {
-        placeholder: _,
-        empty: o
+        placeholder: e,
+        empty: i
       };
     }
   }, {
     key: "render",
     value: function() {
-      var n = this.asProps, _, o = m, c = s.Addon, i = this.asProps, v = i.Children, f = i.loading, k = i.styles, S = i.empty, u = i.color, x = i.resolveColor, T = x(u);
-      return _ = y(k), /* @__PURE__ */ t.createElement(o, _.cn("SLinkTrigger", h({}, p({
+      var l = this.asProps, e, i = h, d = p.Addon, o = this.asProps, w = o.Children, S = o.loading, f = o.styles, k = o.empty, u = o.color, x = o.resolveColor, T = x(u);
+      return e = s(f), /* @__PURE__ */ t.createElement(i, e.cn("SLinkTrigger", m({}, v({
         tag: "button",
         type: "button",
+        tabIndex: 0,
         "use:color": T
-      }, n))), E(v, s.Text, s.Addon, S), /* @__PURE__ */ t.createElement(c, _.cn("SLinkAddon", {}), f ? /* @__PURE__ */ t.createElement(R, _.cn("Spin", {
+      }, l))), P(w, p.Text, p.Addon, k), /* @__PURE__ */ t.createElement(d, e.cn("SLinkAddon", {}), S ? /* @__PURE__ */ t.createElement(R, e.cn("Spin", {
         size: "xs",
         theme: "currentColor"
-      })) : /* @__PURE__ */ t.createElement(F, _.cn("ChevronDown", {}))));
+      })) : /* @__PURE__ */ t.createElement(E, e.cn("ChevronDown", {}))));
     }
-  }]), e;
-}(P);
-l(a, "displayName", "LinkTrigger");
-l(a, "style", D);
-l(a, "defaultProps", {
+  }]), r;
+}(z);
+c(g, "displayName", "LinkTrigger");
+c(g, "style", D);
+c(g, "defaultProps", {
   size: "m"
 });
-l(a, "enhance", [j(), $()]);
-function B(r) {
-  var g = arguments[0], e, d = m, n = r.children, _ = r.styles, o = r.empty, c = r.placeholder;
-  return e = y(_), /* "use:" prefix was used for backward compatibility (by lsroman) */
-  /* @__PURE__ */ t.createElement(d, e.cn("SText", h({}, p({
-    "display-placeholder": o
-  }, g))), o ? c : n);
+c(g, "enhance", [j()]);
+function $(_) {
+  var n = arguments[0], r, a = h, l = _.children, e = _.styles, i = _.empty, d = _.placeholder;
+  return r = s(e), /* "use:" prefix was used for backward compatibility (by lsroman) */
+  /* @__PURE__ */ t.createElement(a, r.cn("SText", m({}, v({
+    "display-placeholder": i
+  }, n))), i ? d : l);
 }
-function N(r) {
-  var g = arguments[0], e, d = m;
-  return e = y(r.styles), /* @__PURE__ */ t.createElement(d, e.cn("SAddon", h({}, p({}, g))));
+function B(_) {
+  var n = arguments[0], r, a = h;
+  return r = s(_.styles), /* @__PURE__ */ t.createElement(a, r.cn("SAddon", m({}, v({}, n))));
 }
-var s = z(a, {
-  Text: B,
-  Addon: N
+var p = C(g, {
+  Text: $,
+  Addon: B
 });
 export {
-  s as default
+  p as default
 };

package/lib/types/index.d.ts

@@ -3,8 +3,8 @@ 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 { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
+import { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';
 
 /** @deprecated */
 export interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/base-trigger",
   "description": "Semrush BaseTrigger Component",
-  "version": "4.52.1",
+  "version": "16.0.0-prerelease.4",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,18 +14,15 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/dot": "5.40.1",
-    "@semcore/flex-box": "5.41.1",
-    "@semcore/icon": "4.60.1",
-    "@semcore/neighbor-location": "4.40.1",
-    "@semcore/spin": "5.41.1",
-    "@semcore/utils": "4.48.1",
-    "@semcore/tooltip": "6.49.1"
+    "@semcore/dot": "16.0.0-prerelease.4",
+    "@semcore/icon": "16.0.0-prerelease.4",
+    "@semcore/spin": "16.0.0-prerelease.4",
+    "@semcore/flex-box": "16.0.0-prerelease.4",
+    "@semcore/neighbor-location": "16.0.0-prerelease.4",
+    "@semcore/tooltip": "16.0.0-prerelease.4"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
-    "react": "16.8 - 18",
-    "react-dom": "16.8 - 18"
+    "@semcore/base-components": "^16.0.0-prerelease.4"
   },
   "repository": {
     "type": "git",