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

package/lib/cjs/FilterTrigger.js

@@ -1,7 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,59 +11,66 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _core = require("@semcore/core");
-var _baseComponents = require("@semcore/base-components");
-var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
-var _assignProps5 = require("@semcore/core/lib/utils/assignProps");
-var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/animatedSizeEnhance"));
-var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
-var _findComponent = require("@semcore/core/lib/utils/findComponent");
-var _inputProps = _interopRequireWildcard(require("@semcore/core/lib/utils/inputProps"));
-var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
-var _useFocusLock = require("@semcore/core/lib/utils/use/useFocusLock");
-var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
-var _counter = _interopRequireDefault(require("@semcore/counter"));
-var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
-var _m2 = _interopRequireDefault(require("@semcore/icon/Close/m"));
+var _index = require("@semcore/utils/lib/core/index");
+var _core = _interopRequireWildcard(require("@semcore/core"));
 var _react = _interopRequireDefault(require("react"));
 var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
+var _flexBox = require("@semcore/flex-box");
+var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
+var _dot = _interopRequireDefault(require("@semcore/dot"));
+var _m = _interopRequireDefault(require("@semcore/icon/Close/m"));
+var _m2 = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
+var _assignProps5 = require("@semcore/utils/lib/assignProps");
+var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
+var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
+var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
+var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
+var _inputProps = _interopRequireWildcard(require("@semcore/utils/lib/inputProps"));
+var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
+var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
+var _findComponent = require("@semcore/utils/lib/findComponent");
+var _tooltip = require("@semcore/tooltip");
+var _ScreenReaderOnly = require("@semcore/utils/lib/ScreenReaderOnly");
 var _excluded = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"];
 /*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_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_ylf6h_gg_.__selected_ylf6h_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}@media (hover:hover){.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_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_ylf6h_gg_.__selected_ylf6h_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_.__active_ylf6h_gg_,.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_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_ylf6h_gg_.__selected_ylf6h_gg_.__active_ylf6h_gg_,.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_.__active_ylf6h_gg_,.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SWrapper_ylf6h_gg_{display:inline-flex}.___SWrapper_ylf6h_gg_:focus{outline:0}", /*__inner_css_end__*/"ylf6h_gg_"),
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1p5nz_gg_.__selected_1p5nz_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_1p5nz_gg_.__selected_1p5nz_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SFilterTrigger_1p5nz_gg_.__selected_1p5nz_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31308 0.96324 / 0.039))}}}@media (hover:hover){.___SFilterTrigger_1p5nz_gg_.__selected_1p5nz_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_1p5nz_gg_.__selected_1p5nz_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SFilterTrigger_1p5nz_gg_.__selected_1p5nz_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12403 0.30857 0.96259 / 0.077))}}}}.___SFilterTrigger_1p5nz_gg_.__selected_1p5nz_gg_.__active_1p5nz_gg_,.___SFilterTrigger_1p5nz_gg_.__selected_1p5nz_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_1p5nz_gg_.__selected_1p5nz_gg_.__active_1p5nz_gg_,.___SFilterTrigger_1p5nz_gg_.__selected_1p5nz_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SFilterTrigger_1p5nz_gg_.__selected_1p5nz_gg_.__active_1p5nz_gg_,.___SFilterTrigger_1p5nz_gg_.__selected_1p5nz_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SWrapper_1p5nz_gg_{display:inline-flex}.___SWrapper_1p5nz_gg_:focus{outline:0}.___SWrapper_1p5nz_gg_.__keyboardFocused_1p5nz_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@supports (color:color(display-p3 0 0 0)){.___SWrapper_1p5nz_gg_.__keyboardFocused_1p5nz_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SWrapper_1p5nz_gg_.__keyboardFocused_1p5nz_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SCounter_1p5nz_gg_{background-color:var(--intergalactic-bg-primary-info, rgb(118, 128, 231))}", /*__inner_css_end__*/"1p5nz_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SFilterTrigger": "___SFilterTrigger_ylf6h_gg_",
-  "_selected": "__selected_ylf6h_gg_",
-  "_active": "__active_ylf6h_gg_",
-  "__SWrapper": "___SWrapper_ylf6h_gg_"
+  "__SWrapper": "___SWrapper_1p5nz_gg_",
+  "_keyboardFocused": "__keyboardFocused_1p5nz_gg_",
+  "__SCounter": "___SCounter_1p5nz_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_1p5nz_gg_",
+  "_selected": "__selected_1p5nz_gg_",
+  "_active": "__active_1p5nz_gg_"
 });
 var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(RootFilterTrigger, _Component);
+  var _super = (0, _createSuper2["default"])(RootFilterTrigger);
   function RootFilterTrigger() {
     var _this;
     (0, _classCallCheck2["default"])(this, RootFilterTrigger);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2["default"])(this, RootFilterTrigger, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "handleStopPropagation", function (e) {
-      if (e.key === 'Escape') return;
-      e.stopPropagation();
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleStopPropagation", function (e) {
+      return e.stopPropagation();
     });
-    (0, _defineProperty2["default"])(_this, "handleClear", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClear", function () {
       requestAnimationFrame(function () {
         (0, _useFocusLock.setFocus)(_this.asProps.triggerRef.current);
       });
     });
     return _this;
   }
-  (0, _inherits2["default"])(RootFilterTrigger, _Component);
-  return (0, _createClass2["default"])(RootFilterTrigger, [{
+  (0, _createClass2["default"])(RootFilterTrigger, [{
     key: "getTriggerButtonProps",
     value: function getTriggerButtonProps() {
       var _this$asProps = this.asProps,
@@ -74,7 +81,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         disabled = _this$asProps.disabled,
         includeInputProps = _this$asProps.includeInputProps,
         triggerRef = _this$asProps.triggerRef,
-        _dataUiName = _this$asProps['data-ui-name'],
+        dataUiName = _this$asProps['data-ui-name'],
         other = (0, _objectWithoutProperties2["default"])(_this$asProps, _excluded);
       var _getInputProps = (0, _inputProps["default"])(other, includeInputProps),
         _getInputProps2 = (0, _slicedToArray2["default"])(_getInputProps, 1),
@@ -110,12 +117,9 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
   }, {
     key: "getCounterProps",
     value: function getCounterProps() {
-      var _this$asProps3 = this.asProps,
-        getI18nText = _this$asProps3.getI18nText,
-        size = _this$asProps3.size;
+      var getI18nText = this.asProps.getI18nText;
       return {
-        getI18nText: getI18nText,
-        size: size
+        getI18nText: getI18nText
       };
     }
   }, {
@@ -123,13 +127,13 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _ref = this.asProps,
         _ref5;
-      var SWrapper = _baseComponents.Box;
-      var _this$asProps4 = this.asProps,
-        Children = _this$asProps4.Children,
-        styles = _this$asProps4.styles,
-        getI18nText = _this$asProps4.getI18nText,
-        empty = _this$asProps4.empty,
-        forcedAdvancedMode = _this$asProps4.forcedAdvancedMode;
+      var SWrapper = _flexBox.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 || (0, _findComponent.isAdvanceMode)(Children, [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName], true);
       return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWrapper, _ref5.cn("SWrapper", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "aria-label": getI18nText('filter'),
@@ -143,9 +147,10 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         "use:aria-activedescendant": undefined,
         "use:aria-label": undefined,
         "use:aria-labelledby": undefined
-      }, _ref))), /*#__PURE__*/_react["default"].createElement(_baseComponents.NeighborLocation, _ref5.cn("NeighborLocation", {}), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(FilterTrigger.TriggerButton, null, /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {}))), !empty && /*#__PURE__*/_react["default"].createElement(FilterTrigger.ClearButton, null))));
+      }, _ref))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _ref5.cn("NeighborLocation", {}), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(FilterTrigger.TriggerButton, null, /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {}))), !empty && /*#__PURE__*/_react["default"].createElement(FilterTrigger.ClearButton, null))));
     }
   }]);
+  return RootFilterTrigger;
 }(_core.Component);
 (0, _defineProperty2["default"])(RootFilterTrigger, "displayName", 'FilterTrigger');
 (0, _defineProperty2["default"])(RootFilterTrigger, "style", style);
@@ -168,22 +173,23 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
   };
 });
 var TriggerButton = /*#__PURE__*/function (_Component2) {
+  (0, _inherits2["default"])(TriggerButton, _Component2);
+  var _super2 = (0, _createSuper2["default"])(TriggerButton);
   function TriggerButton() {
     (0, _classCallCheck2["default"])(this, TriggerButton);
-    return (0, _callSuper2["default"])(this, TriggerButton, arguments);
+    return _super2.apply(this, arguments);
   }
-  (0, _inherits2["default"])(TriggerButton, _Component2);
-  return (0, _createClass2["default"])(TriggerButton, [{
+  (0, _createClass2["default"])(TriggerButton, [{
     key: "render",
     value: function render() {
       var _ref2 = this.asProps,
         _ref6;
       var SFilterTrigger = _BaseTrigger["default"];
-      var _this$asProps5 = this.asProps,
-        Children = _this$asProps5.Children,
-        styles = _this$asProps5.styles,
-        empty = _this$asProps5.empty,
-        triggerRef = _this$asProps5.triggerRef;
+      var _this$asProps4 = this.asProps,
+        Children = _this$asProps4.Children,
+        styles = _this$asProps4.styles,
+        empty = _this$asProps4.empty,
+        triggerRef = _this$asProps4.triggerRef;
       return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "use:role": 'combobox',
         "w": '100%',
@@ -192,74 +198,62 @@ var TriggerButton = /*#__PURE__*/function (_Component2) {
         "ref": triggerRef,
         "animationsDisabled": true
       }, _ref2))), (0, _addonTextChildren["default"])(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
-        tag: _m["default"]
+        tag: _m2["default"]
       }));
     }
   }]);
+  return TriggerButton;
 }(_core.Component);
 (0, _defineProperty2["default"])(TriggerButton, "displayName", 'TriggerButton');
 (0, _defineProperty2["default"])(TriggerButton, "style", style);
 var ClearButton = /*#__PURE__*/function (_Component3) {
+  (0, _inherits2["default"])(ClearButton, _Component3);
+  var _super3 = (0, _createSuper2["default"])(ClearButton);
   function ClearButton() {
-    var _this2;
     (0, _classCallCheck2["default"])(this, ClearButton);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    _this2 = (0, _callSuper2["default"])(this, ClearButton, [].concat(args));
-    (0, _defineProperty2["default"])(_this2, "triggerRef", /*#__PURE__*/_react["default"].createRef());
-    return _this2;
+    return _super3.apply(this, arguments);
   }
-  (0, _inherits2["default"])(ClearButton, _Component3);
-  return (0, _createClass2["default"])(ClearButton, [{
+  (0, _createClass2["default"])(ClearButton, [{
     key: "render",
     value: function render() {
       var _ref3 = this.asProps,
-        _ref7,
-        _ref9,
-        _ref0;
+        _ref7;
       var SFilterTrigger = _BaseTrigger["default"];
-      var _this$asProps6 = this.asProps,
-        styles = _this$asProps6.styles,
-        empty = _this$asProps6.empty,
-        size = _this$asProps6.size,
-        disabled = _this$asProps6.disabled,
-        getI18nText = _this$asProps6.getI18nText,
-        ariaLabel = _this$asProps6['aria-label'],
-        title = _this$asProps6.title;
+      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;
       if (empty) return null;
-      return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "ref": this.triggerRef,
+      return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_tooltip.Hint, _ref7.cn("Hint", {}), /*#__PURE__*/_react["default"].createElement(_tooltip.Hint.Trigger, null, /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "size": size,
         "empty": empty,
         "selected": true,
         "disabled": disabled,
-        "aria-label": (_ref9 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref9 !== void 0 ? _ref9 : getI18nText('clear'),
-        "__excludeProps": ['title']
+        "aria-label": getI18nText('clear')
       }, _ref3))), /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
-        tag: _m2["default"]
-      })), /*#__PURE__*/_react["default"].createElement(_baseComponents.Hint, _ref7.cn("Hint", {
-        "triggerRef": this.triggerRef
-      }), (_ref0 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref0 !== void 0 ? _ref0 : getI18nText('clear')));
+        tag: _m["default"]
+      }))), /*#__PURE__*/_react["default"].createElement(_tooltip.Hint.Popper, null, getI18nText('clear')));
     }
   }]);
+  return ClearButton;
 }(_core.Component);
 (0, _defineProperty2["default"])(ClearButton, "displayName", 'ClearButton');
 (0, _defineProperty2["default"])(ClearButton, "style", style);
-function Counter(_ref1) {
+function Counter(_ref9) {
   var _ref4 = arguments[0],
     _ref8;
-  var styles = _ref1.styles,
-    Children = _ref1.Children,
-    count = _ref1.count,
-    getI18nText = _ref1.getI18nText;
+  var styles = _ref9.styles,
+    Children = _ref9.Children,
+    count = _ref9.count,
+    getI18nText = _ref9.getI18nText;
   var SCounter = _BaseTrigger["default"].Addon;
   return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCounter, _ref8.cn("SCounter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": _counter["default"],
-    "theme": 'info'
-  }, _ref4))), count !== undefined ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, count, /*#__PURE__*/_react["default"].createElement(_baseComponents.ScreenReaderOnly, _ref8.cn("ScreenReaderOnly", {}), getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label'))) : /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {})));
+    "tag": _dot["default"]
+  }, _ref4))), count !== undefined ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, count, /*#__PURE__*/_react["default"].createElement(_ScreenReaderOnly.ScreenReaderOnly, _ref8.cn("ScreenReaderOnly", {}), getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label'))) : /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {})));
 }
-var FilterTrigger = (0, _core.createComponent)(RootFilterTrigger, {
+var FilterTrigger = (0, _core["default"])(RootFilterTrigger, {
   Text: _BaseTrigger["default"].Text,
   Addon: _BaseTrigger["default"].Addon,
   Counter: Counter,
@@ -268,5 +262,6 @@ var FilterTrigger = (0, _core.createComponent)(RootFilterTrigger, {
 }, {
   parent: _BaseTrigger["default"]
 });
-var _default = exports["default"] = FilterTrigger;
+var _default = FilterTrigger;
+exports["default"] = _default;
 //# sourceMappingURL=FilterTrigger.js.map

package/lib/cjs/FilterTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterTrigger.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_assignProps5","_animatedSizeEnhance","_i18nEnhance","_findComponent","_inputProps","_interopRequireWildcard","_uniqueID","_useFocusLock","_useCssVariable","_counter","_m","_m2","_react","_BaseTrigger","_intergalacticDynamicLocales","_excluded","style","sstyled","insert","filterTriggerInputProps","concat","_toConsumableArray2","inputProps","RootFilterTrigger","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","_defineProperty2","e","key","stopPropagation","requestAnimationFrame","setFocus","asProps","triggerRef","current","_inherits2","_createClass2","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","_dataUiName","other","_objectWithoutProperties2","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","_objectSpread2","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","getCounterProps","_this$asProps3","render","_ref","_ref5","SWrapper","Box","_this$asProps4","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","assignProps","undefined","NeighborLocation","Fragment","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","role","_Component2","_ref2","_ref6","SFilterTrigger","BaseTrigger","_this$asProps5","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_Component3","_this2","_len2","_key2","_ref3","_ref7","_ref9","_ref0","_this$asProps6","ariaLabel","title","Close","Hint","_ref1","_ref4","arguments[0]","_ref8","count","SCounter","SemcoreCounter","ScreenReaderOnly","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import { NeighborLocation, Box, ScreenReaderOnly, Hint } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { setFocus } from '@semcore/core/lib/utils/use/useFocusLock';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { default as SemcoreCounter } from '@semcore/counter';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Close from '@semcore/icon/Close/m';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\nimport style from './style/filter-trigger.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nconst filterTriggerInputProps = [\n  ...inputProps,\n  'aria-controls',\n  'aria-haspopup',\n  'aria-expanded',\n  'aria-disabled',\n  'aria-activedescendant',\n  'aria-label',\n  'aria-labelledby',\n  'role',\n];\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n    uniqueIDEnhancement(),\n  ];\n\n  static defaultProps = () => ({\n    includeInputProps: filterTriggerInputProps,\n    i18n: localizedMessages,\n    locale: 'en',\n    triggerRef: React.createRef(),\n    role: 'group',\n  });\n\n  handleStopPropagation = (e) => {\n    if (e.key === 'Escape') return;\n\n    e.stopPropagation();\n  };\n\n  handleClear = () => {\n    requestAnimationFrame(() => {\n      setFocus(this.asProps.triggerRef.current);\n    });\n  };\n\n  getTriggerButtonProps() {\n    const {\n      empty,\n      size,\n      placeholder,\n      active,\n      disabled,\n      includeInputProps,\n      triggerRef,\n      'data-ui-name': _dataUiName,\n      ...other\n    } = this.asProps;\n\n    const [controlProps] = getInputProps(other, includeInputProps);\n\n    return {\n      size,\n      placeholder,\n      empty,\n      selected: !empty,\n      active,\n      disabled,\n      triggerRef,\n      ...controlProps,\n    };\n  }\n\n  getClearButtonProps() {\n    const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n    return {\n      size,\n      empty,\n      onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n      onKeyDown: this.handleStopPropagation,\n      disabled,\n      getI18nText,\n    };\n  }\n\n  getCounterProps() {\n    const { getI18nText, size } = this.asProps;\n\n    return {\n      getI18nText,\n      size,\n    };\n  }\n\n  render() {\n    const SWrapper = Root;\n    const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(\n        Children,\n        [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n        true,\n      );\n\n    return sstyled(styles)(\n      <SWrapper\n        render={Box}\n        aria-label={getI18nText('filter')}\n        __excludeProps={['id']}\n        use:role={undefined}\n        use:aria-controls={undefined}\n        use:aria-owns={undefined}\n        use:aria-haspopup={undefined}\n        use:aria-expanded={undefined}\n        use:aria-disabled={undefined}\n        use:aria-activedescendant={undefined}\n        use:aria-label={undefined}\n        use:aria-labelledby={undefined}\n      >\n        <NeighborLocation>\n          {advancedMode\n            ? (\n                <Children />\n              )\n            : (\n                <>\n                  <FilterTrigger.TriggerButton>\n                    <Children />\n                  </FilterTrigger.TriggerButton>\n                  {!empty && <FilterTrigger.ClearButton />}\n                </>\n              )}\n        </NeighborLocation>\n      </SWrapper>,\n    );\n  }\n}\n\nclass TriggerButton extends Component {\n  static displayName = 'TriggerButton';\n  static style = style;\n\n  render() {\n    const SFilterTrigger = Root;\n    const { Children, styles, empty, triggerRef } = this.asProps;\n\n    return sstyled(styles)(\n      <SFilterTrigger\n        render={BaseTrigger}\n        use:role='combobox'\n        w='100%'\n        empty={empty}\n        selected={!empty}\n        ref={triggerRef}\n        animationsDisabled\n      >\n        {addonTextChildren(\n          Children,\n          FilterTrigger.Text,\n          [FilterTrigger.Addon, FilterTrigger.Counter],\n          empty,\n        )}\n        {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n      </SFilterTrigger>,\n    );\n  }\n}\n\nclass ClearButton extends Component {\n  static displayName = 'ClearButton';\n  static style = style;\n\n  triggerRef = React.createRef();\n\n  render() {\n    const SFilterTrigger = Root;\n    const {\n      styles,\n      empty,\n      size,\n      disabled,\n      getI18nText,\n      'aria-label': ariaLabel,\n      title,\n    } = this.asProps;\n\n    if (empty) return null;\n\n    return sstyled(styles)(\n      <>\n        <SFilterTrigger\n          ref={this.triggerRef}\n          render={BaseTrigger}\n          size={size}\n          empty={empty}\n          selected\n          disabled={disabled}\n          aria-label={title ?? ariaLabel ?? getI18nText('clear')}\n          __excludeProps={['title']}\n        >\n          <FilterTrigger.Addon tag={Close} />\n        </SFilterTrigger>\n\n        <Hint triggerRef={this.triggerRef}>{title ?? ariaLabel ?? getI18nText('clear')}</Hint>\n      </>,\n    );\n  }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n  const SCounter = Root;\n  return sstyled(styles)(\n    <SCounter render={BaseTrigger.Addon} tag={SemcoreCounter} theme='info'>\n      {count !== undefined\n        ? (\n            <>\n              {count}\n              <ScreenReaderOnly>\n                {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n              </ScreenReaderOnly>\n            </>\n          )\n        : (\n            <Children />\n          )}\n    </SCounter>,\n  );\n}\n\nconst FilterTrigger = createComponent(\n  RootFilterTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n    Counter,\n    TriggerButton,\n    ClearButton,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FilterTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_BaseTrigger","_flexBox","_neighborLocation","_dot","_m","_m2","_assignProps5","_addonTextChildren","_intergalacticDynamicLocales","_i18nEnhance","_animatedSizeEnhance","_useCssVariable","_inputProps","_uniqueID","_useFocusLock","_findComponent","_tooltip","_ScreenReaderOnly","_excluded","style","_index","sstyled","insert","filterTriggerInputProps","concat","_toConsumableArray2","inputProps","RootFilterTrigger","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","_defineProperty2","_assertThisInitialized2","e","stopPropagation","requestAnimationFrame","setFocus","asProps","triggerRef","current","_createClass2","key","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","dataUiName","other","_objectWithoutProperties2","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","_objectSpread2","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","Box","_this$asProps3","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","assignProps","undefined","Fragment","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","role","_Component2","_super2","_ref2","_ref6","SFilterTrigger","BaseTrigger","_this$asProps4","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_Component3","_super3","_ref3","_ref7","_this$asProps5","Hint","Trigger","Close","Popper","_ref9","_ref4","arguments[0]","_ref8","count","SCounter","Dot","ScreenReaderOnly","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { Hint } from '@semcore/tooltip';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\n\nconst filterTriggerInputProps = [\n  ...inputProps,\n  'aria-controls',\n  'aria-haspopup',\n  'aria-expanded',\n  'aria-disabled',\n  'aria-activedescendant',\n  'aria-label',\n  'aria-labelledby',\n  'role',\n];\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n    uniqueIDEnhancement(),\n  ];\n  static defaultProps = () => ({\n    includeInputProps: filterTriggerInputProps,\n    i18n: localizedMessages,\n    locale: 'en',\n    triggerRef: React.createRef(),\n    role: 'group',\n  });\n\n  handleStopPropagation = (e) => e.stopPropagation();\n\n  handleClear = () => {\n    requestAnimationFrame(() => {\n      setFocus(this.asProps.triggerRef.current);\n    });\n  };\n\n  getTriggerButtonProps() {\n    const {\n      empty,\n      size,\n      placeholder,\n      active,\n      disabled,\n      includeInputProps,\n      triggerRef,\n      'data-ui-name': dataUiName,\n      ...other\n    } = this.asProps;\n\n    const [controlProps] = getInputProps(other, includeInputProps);\n\n    return {\n      size,\n      placeholder,\n      empty,\n      selected: !empty,\n      active,\n      disabled,\n      triggerRef,\n      ...controlProps,\n    };\n  }\n\n  getClearButtonProps() {\n    const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n    return {\n      size,\n      empty,\n      onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n      onKeyDown: this.handleStopPropagation,\n      disabled,\n      getI18nText,\n    };\n  }\n\n  getCounterProps() {\n    const { getI18nText } = this.asProps;\n\n    return {\n      getI18nText,\n    };\n  }\n\n  render() {\n    const SWrapper = Root;\n    const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(\n        Children,\n        [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n        true,\n      );\n\n    return sstyled(styles)(\n      <SWrapper\n        render={Box}\n        aria-label={getI18nText('filter')}\n        __excludeProps={['id']}\n        use:role={undefined}\n        use:aria-controls={undefined}\n        use:aria-owns={undefined}\n        use:aria-haspopup={undefined}\n        use:aria-expanded={undefined}\n        use:aria-disabled={undefined}\n        use:aria-activedescendant={undefined}\n        use:aria-label={undefined}\n        use:aria-labelledby={undefined}\n      >\n        <NeighborLocation>\n          {advancedMode ? (\n            <Children />\n          ) : (\n            <>\n              <FilterTrigger.TriggerButton>\n                <Children />\n              </FilterTrigger.TriggerButton>\n              {!empty && <FilterTrigger.ClearButton />}\n            </>\n          )}\n        </NeighborLocation>\n      </SWrapper>,\n    );\n  }\n}\n\nclass TriggerButton extends Component {\n  static displayName = 'TriggerButton';\n  static style = style;\n\n  render() {\n    const SFilterTrigger = Root;\n    const { Children, styles, empty, triggerRef } = this.asProps;\n\n    return sstyled(styles)(\n      <SFilterTrigger\n        render={BaseTrigger}\n        use:role='combobox'\n        w='100%'\n        empty={empty}\n        selected={!empty}\n        ref={triggerRef}\n        animationsDisabled\n      >\n        {addonTextChildren(\n          Children,\n          FilterTrigger.Text,\n          [FilterTrigger.Addon, FilterTrigger.Counter],\n          empty,\n        )}\n        {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n      </SFilterTrigger>,\n    );\n  }\n}\n\nclass ClearButton extends Component {\n  static displayName = 'ClearButton';\n  static style = style;\n\n  render() {\n    const SFilterTrigger = Root;\n    const { styles, empty, size, disabled, getI18nText } = this.asProps;\n\n    if (empty) return null;\n\n    return sstyled(styles)(\n      <Hint>\n        <Hint.Trigger>\n          <SFilterTrigger\n            render={BaseTrigger}\n            size={size}\n            empty={empty}\n            selected\n            disabled={disabled}\n            aria-label={getI18nText('clear')}\n          >\n            <FilterTrigger.Addon tag={Close} />\n          </SFilterTrigger>\n        </Hint.Trigger>\n        <Hint.Popper>{getI18nText('clear')}</Hint.Popper>\n      </Hint>,\n    );\n  }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n  const SCounter = Root;\n  return sstyled(styles)(\n    <SCounter render={BaseTrigger.Addon} tag={Dot}>\n      {count !== undefined ? (\n        <>\n          {count}\n          <ScreenReaderOnly>\n            {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n          </ScreenReaderOnly>\n        </>\n      ) : (\n        <Children />\n      )}\n    </SCounter>,\n  );\n}\n\nconst FilterTrigger = createComponent(\n  RootFilterTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n    Counter,\n    TriggerButton,\n    ClearButton,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}

package/lib/cjs/LinkTrigger.js

@@ -1,73 +1,118 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _core = require("@semcore/core");
-var _button = require("@semcore/button");
-var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
-var _findComponent = require("@semcore/core/lib/utils/findComponent");
-var _l = _interopRequireDefault(require("@semcore/icon/ChevronDown/l"));
+var _index = require("@semcore/utils/lib/core/index");
+var _core = _interopRequireWildcard(require("@semcore/core"));
+var _react = _interopRequireDefault(require("react"));
+var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
 var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
 var _spin = _interopRequireDefault(require("@semcore/spin"));
-var _react = _interopRequireDefault(require("react"));
+var _flexBox = require("@semcore/flex-box");
+var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
+var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
+/*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.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) {
+  (0, _inherits2["default"])(RootLinkTrigger, _Component);
+  var _super = (0, _createSuper2["default"])(RootLinkTrigger);
   function RootLinkTrigger() {
     (0, _classCallCheck2["default"])(this, RootLinkTrigger);
-    return (0, _callSuper2["default"])(this, RootLinkTrigger, arguments);
+    return _super.apply(this, arguments);
   }
-  (0, _inherits2["default"])(RootLinkTrigger, _Component);
-  return (0, _createClass2["default"])(RootLinkTrigger, [{
+  (0, _createClass2["default"])(RootLinkTrigger, [{
     key: "getTextProps",
-    value: function getTextProps(props) {
+    value: function getTextProps() {
       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 = (0, _findComponent.findAllComponents)(Children, [LinkTrigger.Addon.displayName]);
-      var addonWidth = size >= 600 ? 28 : 20;
+        empty = _this$asProps.empty;
       return {
-        'use:children': content,
-        empty: empty,
-        'w': "calc(100% - ".concat(addonWidth * (addons.length + 1), "px)")
+        placeholder: placeholder,
+        empty: empty
       };
     }
   }, {
     key: "render",
     value: function render() {
-      var _ref = this.asProps;
-      var SLinkTrigger = _button.ButtonLink;
+      var _ref = this.asProps,
+        _ref4;
+      var SLinkTrigger = _flexBox.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,
-        disabled = _this$asProps2.disabled,
-        size = _this$asProps2.size;
-      return /*#__PURE__*/_react["default"].createElement(SLinkTrigger, (0, _core.assignProps)({
-        "use:disabled": disabled || loading
-      }, _ref), (0, _addonTextChildren["default"])(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/_react["default"].createElement(SLinkAddon, null, loading ? /*#__PURE__*/_react["default"].createElement(_spin["default"], {
-        size: size >= 600 ? 's' : 'xs',
-        theme: "currentColor"
-      }) : size >= 600 ? /*#__PURE__*/_react["default"].createElement(_l["default"], null) : /*#__PURE__*/_react["default"].createElement(_m["default"], null)));
+        providedColor = _this$asProps2.color,
+        resolveColor = _this$asProps2.resolveColor;
+      var color = resolveColor(providedColor);
+      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "tag": 'button',
+        "type": 'button',
+        "use:color": color
+      }, _ref))), (0, _addonTextChildren["default"])(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/_react["default"].createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(_spin["default"], _ref4.cn("Spin", {
+        "size": 'xs',
+        "theme": 'currentColor'
+      })) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref4.cn("ChevronDown", {}))));
     }
   }]);
+  return RootLinkTrigger;
 }(_core.Component);
 (0, _defineProperty2["default"])(RootLinkTrigger, "displayName", 'LinkTrigger');
-var LinkTrigger = (0, _core.createComponent)(RootLinkTrigger, {
-  Text: _button.ButtonLink.Text,
-  Addon: _button.ButtonLink.Addon
-}, {
-  parent: _button.ButtonLink
+(0, _defineProperty2["default"])(RootLinkTrigger, "style", style);
+(0, _defineProperty2["default"])(RootLinkTrigger, "defaultProps", {
+  size: 'm'
+});
+(0, _defineProperty2["default"])(RootLinkTrigger, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _resolveColorEnhance["default"])()]);
+function Text(props) {
+  var _ref2 = arguments[0],
+    _ref5;
+  var SText = _flexBox.Box;
+  var children = props.children,
+    styles = props.styles,
+    empty = props.empty,
+    placeholder = props.placeholder;
+  return _ref5 = (0, _core.sstyled)(styles),
+  /*#__PURE__*/
+  /* "use:" prefix was used for backward compatibility (by lsroman) */
+  _react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "display-placeholder": empty
+  }, _ref2))), empty ? placeholder : children);
+}
+function Addon(props) {
+  var _ref3 = arguments[0],
+    _ref6;
+  var SAddon = _flexBox.Box;
+  return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
+}
+var LinkTrigger = (0, _core["default"])(RootLinkTrigger, {
+  Text: Text,
+  Addon: Addon
 });
-var _default = exports["default"] = LinkTrigger;
+var _default = LinkTrigger;
+exports["default"] = _default;
 //# sourceMappingURL=LinkTrigger.js.map