intergalactic 15.55.0 → 15.56.0-prerelease-67a9389f

package/base-trigger/lib/cjs/FilterTrigger.js

@@ -32,13 +32,13 @@ var _inputProps = _interopRequireWildcard(require("intergalactic/utils/lib/input
 var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
 var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1uxun_gg_.__selected_1uxun_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_1uxun_gg_.__selected_1uxun_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1uxun_gg_.__selected_1uxun_gg_.__active_1uxun_gg_,.___SFilterTrigger_1uxun_gg_.__selected_1uxun_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1uxun_gg_{display:inline-flex}.___SWrapper_1uxun_gg_:focus{outline:0}.___SWrapper_1uxun_gg_.__keyboardFocused_1uxun_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1uxun_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1uxun_gg_") /*__reshadow_css_end__*/, {
-  "__SWrapper": "___SWrapper_1uxun_gg_",
-  "_keyboardFocused": "__keyboardFocused_1uxun_gg_",
-  "__SCounter": "___SCounter_1uxun_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_1uxun_gg_",
-  "_selected": "__selected_1uxun_gg_",
-  "_active": "__active_1uxun_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_15ygg_gg_.__selected_15ygg_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_15ygg_gg_.__selected_15ygg_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_15ygg_gg_.__selected_15ygg_gg_.__active_15ygg_gg_,.___SFilterTrigger_15ygg_gg_.__selected_15ygg_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_15ygg_gg_{display:inline-flex}.___SWrapper_15ygg_gg_:focus{outline:0}.___SWrapper_15ygg_gg_.__keyboardFocused_15ygg_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_15ygg_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "15ygg_gg_") /*__reshadow_css_end__*/, {
+  "__SWrapper": "___SWrapper_15ygg_gg_",
+  "_keyboardFocused": "__keyboardFocused_15ygg_gg_",
+  "__SCounter": "___SCounter_15ygg_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_15ygg_gg_",
+  "_selected": "__selected_15ygg_gg_",
+  "_active": "__active_15ygg_gg_"
 });
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootFilterTrigger, _Component);
@@ -50,14 +50,13 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "triggerRef", /*#__PURE__*/_react["default"].createRef());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleStopPropagation", function (e) {
       return e.stopPropagation();
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClear", function () {
       setTimeout(function () {
         if (document.activeElement === document.body) {
-          (0, _useFocusLock.setFocus)(_this.triggerRef.current);
+          (0, _useFocusLock.setFocus)(_this.asProps.triggerRef.current);
         }
       }, 0);
     });
@@ -67,8 +66,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _ref3,
-        _this$asProps$role;
+        _ref3;
       var SWrapper = _flexBox.Box;
       var SFilterTrigger = _BaseTrigger["default"];
       var _this$asProps = this.asProps,
@@ -83,17 +81,18 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         getI18nText = _this$asProps.getI18nText,
         includeInputProps = _this$asProps.includeInputProps,
         uid = _this$asProps.uid,
-        id = _this$asProps.id;
-      var role = empty ? (_this$asProps$role = this.asProps.role) !== null && _this$asProps$role !== void 0 ? _this$asProps$role : 'button' : 'group';
+        id = _this$asProps.id,
+        triggerRef = _this$asProps.triggerRef,
+        role = _this$asProps.role;
       var _getInputProps = (0, _inputProps["default"])(this.asProps, includeInputProps),
         _getInputProps2 = (0, _slicedToArray2["default"])(_getInputProps, 1),
         controlProps = _getInputProps2[0];
       return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWrapper, _ref3.cn("SWrapper", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "aria-label": getI18nText('filter'),
         "__excludeProps": ['id'],
-        "use:role": role,
-        "data-role": role
+        "use:role": role
       }, _ref))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _ref3.cn("NeighborLocation", {}), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", (0, _objectSpread2["default"])({
+        "tag": 'button',
         "w": '100%',
         "size": size,
         "placeholder": placeholder,
@@ -101,7 +100,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         "selected": !empty,
         "active": active,
         "disabled": disabled,
-        "ref": this.triggerRef,
+        "ref": triggerRef,
         "animationsDisabled": true
       }, controlProps)), (0, _addonTextChildren["default"])(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
         tag: _m2["default"]
@@ -137,7 +136,9 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(RootFilterTrigger, "defaultProps", {
   includeInputProps: _inputProps.inputProps,
   i18n: _intergalacticDynamicLocales.localizedMessages,
-  locale: 'en'
+  locale: 'en',
+  triggerRef: /*#__PURE__*/_react["default"].createRef(),
+  role: 'group'
 });
 function Counter(props) {
   var _ref2 = arguments[0],

package/base-trigger/lib/cjs/FilterTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_BaseTrigger","_flexBox","_neighborLocation","_dot","_m","_m2","_assignProps3","_addonTextChildren","_intergalacticDynamicLocales","_i18nEnhance","_animatedSizeEnhance","_useCssVariable","_inputProps","_uniqueID","_useFocusLock","style","sstyled","insert","RootFilterTrigger","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","stopPropagation","setTimeout","document","activeElement","body","setFocus","triggerRef","current","_createClass2","key","value","render","_ref","asProps","_ref3","_this$asProps$role","SWrapper","Box","SFilterTrigger","BaseTrigger","_this$asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","includeInputProps","uid","id","role","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","createElement","cn","_objectSpread2","assignProps","addonTextChildren","FilterTrigger","Text","Addon","Counter","tag","ChevronDown","callAllEventHandlers","handleClear","handleStopPropagation","Close","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","inputProps","i18n","locale","props","_ref2","arguments[0]","_ref4","SCounter","Dot","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';\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: inputProps,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n  triggerRef = React.createRef();\n\n  handleStopPropagation = (e) => e.stopPropagation();\n\n  handleClear = () => {\n    setTimeout(() => {\n      if (document.activeElement === document.body) {\n        setFocus(this.triggerRef.current);\n      }\n    }, 0);\n  };\n\n  render() {\n    const SWrapper = Root;\n    const SFilterTrigger = BaseTrigger;\n    const {\n      Children,\n      styles,\n      empty,\n      onClear,\n      size,\n      placeholder,\n      active,\n      disabled,\n      getI18nText,\n      includeInputProps,\n      uid,\n      id,\n    } = this.asProps;\n\n    const role = empty ? this.asProps.role ?? 'button' : 'group';\n\n    const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n    return sstyled(styles)(\n      <SWrapper\n        render={Box}\n        aria-label={getI18nText('filter')}\n        __excludeProps={['id']}\n        use:role={role}\n        data-role={role}\n      >\n        <NeighborLocation>\n          <SFilterTrigger\n            w='100%'\n            size={size}\n            placeholder={placeholder}\n            empty={empty}\n            selected={!empty}\n            active={active}\n            disabled={disabled}\n            ref={this.triggerRef}\n            animationsDisabled\n            {...controlProps}\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          {!empty && (\n            <SFilterTrigger\n              tag='button'\n              size={size}\n              empty={empty}\n              selected\n              onClick={callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation)}\n              onKeyDown={this.handleStopPropagation}\n              disabled={disabled}\n              id={`igc-${uid}-filter-trigger-clear`}\n              aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n            >\n              <FilterTrigger.Addon tag={Close} aria-label={getI18nText('clear')} />\n            </SFilterTrigger>\n          )}\n        </NeighborLocation>\n      </SWrapper>,\n    );\n  }\n}\n\nfunction Counter(props) {\n  const SCounter = Root;\n  return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n  RootFilterTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n    Counter,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
+{"version":3,"file":"FilterTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_BaseTrigger","_flexBox","_neighborLocation","_dot","_m","_m2","_assignProps3","_addonTextChildren","_intergalacticDynamicLocales","_i18nEnhance","_animatedSizeEnhance","_useCssVariable","_inputProps","_uniqueID","_useFocusLock","style","sstyled","insert","RootFilterTrigger","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","e","stopPropagation","setTimeout","document","activeElement","body","setFocus","asProps","triggerRef","current","_createClass2","key","value","render","_ref","_ref3","SWrapper","Box","SFilterTrigger","BaseTrigger","_this$asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","includeInputProps","uid","id","role","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","createElement","cn","_objectSpread2","assignProps","addonTextChildren","FilterTrigger","Text","Addon","Counter","tag","ChevronDown","callAllEventHandlers","handleClear","handleStopPropagation","Close","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","inputProps","i18n","locale","React","createRef","props","_ref2","arguments[0]","_ref4","SCounter","Dot","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';\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: inputProps,\n    i18n: localizedMessages,\n    locale: 'en',\n    triggerRef: React.createRef(),\n    role: 'group',\n  };\n\n  handleStopPropagation = (e) => e.stopPropagation();\n\n  handleClear = () => {\n    setTimeout(() => {\n      if (document.activeElement === document.body) {\n        setFocus(this.asProps.triggerRef.current);\n      }\n    }, 0);\n  };\n\n  render() {\n    const SWrapper = Root;\n    const SFilterTrigger = BaseTrigger;\n    const {\n      Children,\n      styles,\n      empty,\n      onClear,\n      size,\n      placeholder,\n      active,\n      disabled,\n      getI18nText,\n      includeInputProps,\n      uid,\n      id,\n      triggerRef,\n      role,\n    } = this.asProps;\n\n    const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n    return sstyled(styles)(\n      <SWrapper\n        render={Box}\n        aria-label={getI18nText('filter')}\n        __excludeProps={['id']}\n        use:role={role}\n      >\n        <NeighborLocation>\n          <SFilterTrigger\n            tag='button'\n            w='100%'\n            size={size}\n            placeholder={placeholder}\n            empty={empty}\n            selected={!empty}\n            active={active}\n            disabled={disabled}\n            ref={triggerRef}\n            animationsDisabled\n            {...controlProps}\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          {!empty && (\n            <SFilterTrigger\n              tag='button'\n              size={size}\n              empty={empty}\n              selected\n              onClick={callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation)}\n              onKeyDown={this.handleStopPropagation}\n              disabled={disabled}\n              id={`igc-${uid}-filter-trigger-clear`}\n              aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n            >\n              <FilterTrigger.Addon tag={Close} aria-label={getI18nText('clear')} />\n            </SFilterTrigger>\n          )}\n        </NeighborLocation>\n      </SWrapper>,\n    );\n  }\n}\n\nfunction Counter(props) {\n  const SCounter = Root;\n  return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n  RootFilterTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n    Counter,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}

package/base-trigger/lib/cjs/LinkTrigger.js

@@ -21,18 +21,18 @@ var _flexBox = require("intergalactic/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1759e_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}.___SLinkTrigger_1759e_gg_.__active_1759e_gg_,.___SLinkTrigger_1759e_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1759e_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1759e_gg_.__active_1759e_gg_ .___SText_1759e_gg_,.___SLinkTrigger_1759e_gg_:active .___SText_1759e_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1759e_gg_:hover .___SText_1759e_gg_{border-color:currentColor}}.___SLinkTrigger_1759e_gg_ .___SText_1759e_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_1759e_gg_.__color_1759e_gg_{color:var(--color_1759e)}@media (hover:hover){.___SLinkTrigger_1759e_gg_.__color_1759e_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1759e_gg_.__disabled_1759e_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1759e_gg_.__keyboardFocused_1759e_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1759e_gg_,.___SLinkAddon_1759e_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1759e_gg_:not(:only-child):first-child,.___SLinkAddon_1759e_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1759e_gg_:not(:only-child):last-child,.___SLinkAddon_1759e_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1759e_gg_{width:16px;height:16px}.___SLinkTrigger_1759e_gg_._size_m_1759e_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1759e_gg_._size_l_1759e_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1759e_gg_,.___SLinkTrigger_1759e_gg_ .___SText_1759e_gg_{transition:none}}" /*__inner_css_end__*/, "1759e_gg_") /*__reshadow_css_end__*/, {
-  "__SLinkTrigger": "___SLinkTrigger_1759e_gg_",
-  "_disabled": "__disabled_1759e_gg_",
-  "_keyboardFocused": "__keyboardFocused_1759e_gg_",
-  "__SLinkAddon": "___SLinkAddon_1759e_gg_",
-  "_size_m": "_size_m_1759e_gg_",
-  "_size_l": "_size_l_1759e_gg_",
-  "_active": "__active_1759e_gg_",
-  "__SText": "___SText_1759e_gg_",
-  "_color": "__color_1759e_gg_",
-  "--color": "--color_1759e",
-  "__SAddon": "___SAddon_1759e_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1p1yr_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}.___SLinkTrigger_1p1yr_gg_.__active_1p1yr_gg_,.___SLinkTrigger_1p1yr_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1p1yr_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1p1yr_gg_.__active_1p1yr_gg_ .___SText_1p1yr_gg_,.___SLinkTrigger_1p1yr_gg_:active .___SText_1p1yr_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1p1yr_gg_:hover .___SText_1p1yr_gg_{border-color:currentColor}}.___SLinkTrigger_1p1yr_gg_ .___SText_1p1yr_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_1p1yr_gg_.__color_1p1yr_gg_{color:var(--color_1p1yr)}@media (hover:hover){.___SLinkTrigger_1p1yr_gg_.__color_1p1yr_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1p1yr_gg_.__disabled_1p1yr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1p1yr_gg_.__keyboardFocused_1p1yr_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1p1yr_gg_,.___SLinkAddon_1p1yr_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1p1yr_gg_:not(:only-child):first-child,.___SLinkAddon_1p1yr_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1p1yr_gg_:not(:only-child):last-child,.___SLinkAddon_1p1yr_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1p1yr_gg_{width:16px;height:16px}.___SLinkTrigger_1p1yr_gg_._size_m_1p1yr_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1p1yr_gg_._size_l_1p1yr_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1p1yr_gg_,.___SLinkTrigger_1p1yr_gg_ .___SText_1p1yr_gg_{transition:none}}" /*__inner_css_end__*/, "1p1yr_gg_") /*__reshadow_css_end__*/, {
+  "__SLinkTrigger": "___SLinkTrigger_1p1yr_gg_",
+  "_disabled": "__disabled_1p1yr_gg_",
+  "_keyboardFocused": "__keyboardFocused_1p1yr_gg_",
+  "__SLinkAddon": "___SLinkAddon_1p1yr_gg_",
+  "_size_m": "_size_m_1p1yr_gg_",
+  "_size_l": "_size_l_1p1yr_gg_",
+  "_active": "__active_1p1yr_gg_",
+  "__SText": "___SText_1p1yr_gg_",
+  "_color": "__color_1p1yr_gg_",
+  "--color": "--color_1p1yr",
+  "__SAddon": "___SAddon_1p1yr_gg_"
 });
 var RootLinkTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootLinkTrigger, _Component);

package/base-trigger/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n  NeighborItemProps &\n  KeyboardFocusProps &\n  WithAnimatedSizeEnhanceProps & {\n    /**\n     * Trigger size\n     * @default m\n     */\n    size?: 'm' | 'l';\n    /**\n     * Trigger state\n     */\n    state?: 'normal' | 'valid' | 'invalid';\n    /**\n     * Sets active state to trigger\n     */\n    active?: boolean;\n    /**\n     * Responsible for placeholder displaying\n     */\n    empty?: boolean;\n    /**\n     * Placeholder text\n     */\n    placeholder?: React.ReactNode;\n    /**\n     * Sets disabled state to trigger\n     */\n    disabled?: boolean;\n    /** Trigger theme\n     * @deprecated\n     * @use IBaseTriggerProps.state\n     * */\n    theme?: 'normal' | 'valid' | 'invalid' | false;\n  };\n\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Text color */\n  color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n  /** Click on the filter cleaning cross */\n  onClear?: (event: React.SyntheticEvent) => void;\n  locale?: string;\n  /** List of props that will be added to the select inside of filter */\n  includeInputProps?: string[];\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n  Text: typeof Box;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n  NeighborItemProps &\n  KeyboardFocusProps &\n  WithAnimatedSizeEnhanceProps & {\n    /**\n     * Trigger size\n     * @default m\n     */\n    size?: 'm' | 'l';\n    /**\n     * Trigger state\n     */\n    state?: 'normal' | 'valid' | 'invalid';\n    /**\n     * Sets active state to trigger\n     */\n    active?: boolean;\n    /**\n     * Responsible for placeholder displaying\n     */\n    empty?: boolean;\n    /**\n     * Placeholder text\n     */\n    placeholder?: React.ReactNode;\n    /**\n     * Sets disabled state to trigger\n     */\n    disabled?: boolean;\n    /** Trigger theme\n     * @deprecated\n     * @use IBaseTriggerProps.state\n     * */\n    theme?: 'normal' | 'valid' | 'invalid' | false;\n  };\n\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Text color */\n  color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n  /** Click on the filter cleaning cross */\n  onClear?: (event: React.SyntheticEvent) => void;\n  locale?: string;\n  /** List of props that will be added to the select inside of filter */\n  includeInputProps?: string[];\n  /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n  triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n  Text: typeof Box;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}

package/base-trigger/lib/es6/BaseTrigger.js

@@ -18,24 +18,24 @@ import logger from 'intergalactic/utils/lib/logger';
 import animatedSizeEnhance from 'intergalactic/utils/lib/enhances/animatedSizeEnhance';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
 /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_hg5as_gg_{display:inline-block;align-items:center;justify-content: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;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_hg5as_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_hg5as_gg_:active,.___SBaseTrigger_hg5as_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_hg5as_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_hg5as_gg_.__keyboardFocused_hg5as_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_hg5as_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_hg5as_gg_.__active_hg5as_gg_,.___SBaseTrigger_hg5as_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_hg5as_gg_.__disabled_hg5as_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_hg5as_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_hg5as_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_hg5as_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_hg5as_gg_{width:12px;height:12px}.___SBaseTrigger_hg5as_gg_._size_m_hg5as_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_hg5as_gg_._size_m_hg5as_gg_ .___SAddon_hg5as_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_hg5as_gg_._size_m_hg5as_gg_ .___SAddon_hg5as_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_hg5as_gg_._size_l_hg5as_gg_ .___SAddon_hg5as_gg_:only-child,.___SBaseTrigger_hg5as_gg_._size_m_hg5as_gg_ .___SAddon_hg5as_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_hg5as_gg_._size_l_hg5as_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_hg5as_gg_._size_l_hg5as_gg_ .___SAddon_hg5as_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_hg5as_gg_._size_l_hg5as_gg_ .___SAddon_hg5as_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_hg5as_gg_._neighborLocation_right_hg5as_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_hg5as_gg_._neighborLocation_both_hg5as_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_hg5as_gg_._neighborLocation_left_hg5as_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_hg5as_gg_.__display-placeholder_hg5as_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_hg5as_gg_._state_valid_hg5as_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_hg5as_gg_._state_invalid_hg5as_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_hg5as_gg_._state_invalid_hg5as_gg_.__keyboardFocused_hg5as_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_hg5as_gg_._size_m_hg5as_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_hg5as_gg_._size_l_hg5as_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "hg5as_gg_") /*__reshadow_css_end__*/, {
-  "__SBaseTrigger": "___SBaseTrigger_hg5as_gg_",
-  "_disabled": "__disabled_hg5as_gg_",
-  "__SInner": "___SInner_hg5as_gg_",
-  "__SText": "___SText_hg5as_gg_",
-  "__SAddon": "___SAddon_hg5as_gg_",
-  "__SBaseAddon": "___SBaseAddon_hg5as_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_hg5as_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_hg5as_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_hg5as_gg_",
-  "_display-placeholder": "__display-placeholder_hg5as_gg_",
-  "_state_valid": "_state_valid_hg5as_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_hg5as_gg_",
-  "_size_m": "_size_m_hg5as_gg_",
-  "_size_l": "_size_l_hg5as_gg_",
-  "_keyboardFocused": "__keyboardFocused_hg5as_gg_",
-  "_active": "__active_hg5as_gg_",
-  "_state_invalid": "_state_invalid_hg5as_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_uzk2m_gg_{display:inline-block;align-items:center;justify-content: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;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_uzk2m_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_uzk2m_gg_:active,.___SBaseTrigger_uzk2m_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_uzk2m_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_uzk2m_gg_.__keyboardFocused_uzk2m_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_uzk2m_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_uzk2m_gg_.__active_uzk2m_gg_,.___SBaseTrigger_uzk2m_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_uzk2m_gg_.__disabled_uzk2m_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_uzk2m_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_uzk2m_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_uzk2m_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_uzk2m_gg_{width:12px;height:12px}.___SBaseTrigger_uzk2m_gg_._size_m_uzk2m_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_uzk2m_gg_._size_m_uzk2m_gg_ .___SAddon_uzk2m_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_uzk2m_gg_._size_m_uzk2m_gg_ .___SAddon_uzk2m_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_uzk2m_gg_._size_l_uzk2m_gg_ .___SAddon_uzk2m_gg_:only-child,.___SBaseTrigger_uzk2m_gg_._size_m_uzk2m_gg_ .___SAddon_uzk2m_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_uzk2m_gg_._size_l_uzk2m_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_uzk2m_gg_._size_l_uzk2m_gg_ .___SAddon_uzk2m_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_uzk2m_gg_._size_l_uzk2m_gg_ .___SAddon_uzk2m_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_uzk2m_gg_._neighborLocation_right_uzk2m_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_uzk2m_gg_._neighborLocation_both_uzk2m_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_uzk2m_gg_._neighborLocation_left_uzk2m_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_uzk2m_gg_.__display-placeholder_uzk2m_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_uzk2m_gg_._state_valid_uzk2m_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_uzk2m_gg_._state_invalid_uzk2m_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_uzk2m_gg_._state_invalid_uzk2m_gg_.__keyboardFocused_uzk2m_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_uzk2m_gg_._size_m_uzk2m_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_uzk2m_gg_._size_l_uzk2m_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "uzk2m_gg_") /*__reshadow_css_end__*/, {
+  "__SBaseTrigger": "___SBaseTrigger_uzk2m_gg_",
+  "_disabled": "__disabled_uzk2m_gg_",
+  "__SInner": "___SInner_uzk2m_gg_",
+  "__SText": "___SText_uzk2m_gg_",
+  "__SAddon": "___SAddon_uzk2m_gg_",
+  "__SBaseAddon": "___SBaseAddon_uzk2m_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_uzk2m_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_uzk2m_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_uzk2m_gg_",
+  "_display-placeholder": "__display-placeholder_uzk2m_gg_",
+  "_state_valid": "_state_valid_uzk2m_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_uzk2m_gg_",
+  "_size_m": "_size_m_uzk2m_gg_",
+  "_size_l": "_size_l_uzk2m_gg_",
+  "_keyboardFocused": "__keyboardFocused_uzk2m_gg_",
+  "_active": "__active_uzk2m_gg_",
+  "_state_invalid": "_state_invalid_uzk2m_gg_"
 });
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootBaseTrigger, _Component);

package/base-trigger/lib/es6/ButtonTrigger.js

@@ -14,9 +14,9 @@ import Spin from 'intergalactic/spin';
 import animatedSizeEnhance from 'intergalactic/utils/lib/enhances/animatedSizeEnhance';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
 /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_101kf_gg_{width:12px;height:12px}.___SButtonTriggerSpin_101kf_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "101kf_gg_") /*__reshadow_css_end__*/, {
-  "__SButtonAddon": "___SButtonAddon_101kf_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_101kf_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_138x2_gg_{width:12px;height:12px}.___SButtonTriggerSpin_138x2_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "138x2_gg_") /*__reshadow_css_end__*/, {
+  "__SButtonAddon": "___SButtonAddon_138x2_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_138x2_gg_"
 });
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootButtonTrigger, _Component);

package/base-trigger/lib/es6/FilterTrigger.js

@@ -27,13 +27,13 @@ import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import { setFocus } from 'intergalactic/utils/lib/use/useFocusLock';
 /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1uxun_gg_.__selected_1uxun_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_1uxun_gg_.__selected_1uxun_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1uxun_gg_.__selected_1uxun_gg_.__active_1uxun_gg_,.___SFilterTrigger_1uxun_gg_.__selected_1uxun_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1uxun_gg_{display:inline-flex}.___SWrapper_1uxun_gg_:focus{outline:0}.___SWrapper_1uxun_gg_.__keyboardFocused_1uxun_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1uxun_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1uxun_gg_") /*__reshadow_css_end__*/, {
-  "__SWrapper": "___SWrapper_1uxun_gg_",
-  "_keyboardFocused": "__keyboardFocused_1uxun_gg_",
-  "__SCounter": "___SCounter_1uxun_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_1uxun_gg_",
-  "_selected": "__selected_1uxun_gg_",
-  "_active": "__active_1uxun_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_15ygg_gg_.__selected_15ygg_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_15ygg_gg_.__selected_15ygg_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_15ygg_gg_.__selected_15ygg_gg_.__active_15ygg_gg_,.___SFilterTrigger_15ygg_gg_.__selected_15ygg_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_15ygg_gg_{display:inline-flex}.___SWrapper_15ygg_gg_:focus{outline:0}.___SWrapper_15ygg_gg_.__keyboardFocused_15ygg_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_15ygg_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "15ygg_gg_") /*__reshadow_css_end__*/, {
+  "__SWrapper": "___SWrapper_15ygg_gg_",
+  "_keyboardFocused": "__keyboardFocused_15ygg_gg_",
+  "__SCounter": "___SCounter_15ygg_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_15ygg_gg_",
+  "_selected": "__selected_15ygg_gg_",
+  "_active": "__active_15ygg_gg_"
 });
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootFilterTrigger, _Component);
@@ -45,14 +45,13 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "triggerRef", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "handleStopPropagation", function (e) {
       return e.stopPropagation();
     });
     _defineProperty(_assertThisInitialized(_this), "handleClear", function () {
       setTimeout(function () {
         if (document.activeElement === document.body) {
-          setFocus(_this.triggerRef.current);
+          setFocus(_this.asProps.triggerRef.current);
         }
       }, 0);
     });
@@ -62,8 +61,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _ref3,
-        _this$asProps$role;
+        _ref3;
       var SWrapper = Box;
       var SFilterTrigger = BaseTrigger;
       var _this$asProps = this.asProps,
@@ -78,17 +76,18 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         getI18nText = _this$asProps.getI18nText,
         includeInputProps = _this$asProps.includeInputProps,
         uid = _this$asProps.uid,
-        id = _this$asProps.id;
-      var role = empty ? (_this$asProps$role = this.asProps.role) !== null && _this$asProps$role !== void 0 ? _this$asProps$role : 'button' : 'group';
+        id = _this$asProps.id,
+        triggerRef = _this$asProps.triggerRef,
+        role = _this$asProps.role;
       var _getInputProps = getInputProps(this.asProps, includeInputProps),
         _getInputProps2 = _slicedToArray(_getInputProps, 1),
         controlProps = _getInputProps2[0];
       return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SWrapper, _ref3.cn("SWrapper", _objectSpread({}, _assignProps({
         "aria-label": getI18nText('filter'),
         "__excludeProps": ['id'],
-        "use:role": role,
-        "data-role": role
+        "use:role": role
       }, _ref))), /*#__PURE__*/React.createElement(NeighborLocation, _ref3.cn("NeighborLocation", {}), /*#__PURE__*/React.createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", _objectSpread({
+        "tag": 'button',
         "w": '100%',
         "size": size,
         "placeholder": placeholder,
@@ -96,7 +95,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         "selected": !empty,
         "active": active,
         "disabled": disabled,
-        "ref": this.triggerRef,
+        "ref": triggerRef,
         "animationsDisabled": true
       }, controlProps)), addonTextChildren(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /*#__PURE__*/React.createElement(FilterTrigger.Addon, {
         tag: ChevronDown
@@ -132,7 +131,9 @@ _defineProperty(RootFilterTrigger, "enhance", [i18nEnhance(localizedMessages), c
 _defineProperty(RootFilterTrigger, "defaultProps", {
   includeInputProps: inputProps,
   i18n: localizedMessages,
-  locale: 'en'
+  locale: 'en',
+  triggerRef: /*#__PURE__*/React.createRef(),
+  role: 'group'
 });
 function Counter(props) {
   var _ref2 = arguments[0],

package/base-trigger/lib/es6/FilterTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","getInputProps","inputProps","uniqueIDEnhancement","setFocus","style","_sstyled","insert","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","e","stopPropagation","setTimeout","document","activeElement","body","triggerRef","current","_createClass","key","value","render","_ref","asProps","_ref3","_this$asProps$role","SWrapper","SFilterTrigger","_this$asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","includeInputProps","uid","id","role","_getInputProps","_getInputProps2","_slicedToArray","controlProps","createElement","cn","_objectSpread","_assignProps","FilterTrigger","Text","Addon","Counter","tag","handleClear","handleStopPropagation","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","props","_ref2","arguments[0]","_ref4","SCounter","_assignProps2","parent"],"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';\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: inputProps,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n  triggerRef = React.createRef();\n\n  handleStopPropagation = (e) => e.stopPropagation();\n\n  handleClear = () => {\n    setTimeout(() => {\n      if (document.activeElement === document.body) {\n        setFocus(this.triggerRef.current);\n      }\n    }, 0);\n  };\n\n  render() {\n    const SWrapper = Root;\n    const SFilterTrigger = BaseTrigger;\n    const {\n      Children,\n      styles,\n      empty,\n      onClear,\n      size,\n      placeholder,\n      active,\n      disabled,\n      getI18nText,\n      includeInputProps,\n      uid,\n      id,\n    } = this.asProps;\n\n    const role = empty ? this.asProps.role ?? 'button' : 'group';\n\n    const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n    return sstyled(styles)(\n      <SWrapper\n        render={Box}\n        aria-label={getI18nText('filter')}\n        __excludeProps={['id']}\n        use:role={role}\n        data-role={role}\n      >\n        <NeighborLocation>\n          <SFilterTrigger\n            w='100%'\n            size={size}\n            placeholder={placeholder}\n            empty={empty}\n            selected={!empty}\n            active={active}\n            disabled={disabled}\n            ref={this.triggerRef}\n            animationsDisabled\n            {...controlProps}\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          {!empty && (\n            <SFilterTrigger\n              tag='button'\n              size={size}\n              empty={empty}\n              selected\n              onClick={callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation)}\n              onKeyDown={this.handleStopPropagation}\n              disabled={disabled}\n              id={`igc-${uid}-filter-trigger-clear`}\n              aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n            >\n              <FilterTrigger.Addon tag={Close} aria-label={getI18nText('clear')} />\n            </SFilterTrigger>\n          )}\n        </NeighborLocation>\n      </SWrapper>,\n    );\n  }\n}\n\nfunction Counter(props) {\n  const SCounter = Root;\n  return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n  RootFilterTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n    Counter,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
+{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","getInputProps","inputProps","uniqueIDEnhancement","setFocus","style","_sstyled","insert","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","e","stopPropagation","setTimeout","document","activeElement","body","asProps","triggerRef","current","_createClass","key","value","render","_ref","_ref3","SWrapper","SFilterTrigger","_this$asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","includeInputProps","uid","id","role","_getInputProps","_getInputProps2","_slicedToArray","controlProps","createElement","cn","_objectSpread","_assignProps","FilterTrigger","Text","Addon","Counter","tag","handleClear","handleStopPropagation","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","createRef","props","_ref2","arguments[0]","_ref4","SCounter","_assignProps2","parent"],"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';\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: inputProps,\n    i18n: localizedMessages,\n    locale: 'en',\n    triggerRef: React.createRef(),\n    role: 'group',\n  };\n\n  handleStopPropagation = (e) => e.stopPropagation();\n\n  handleClear = () => {\n    setTimeout(() => {\n      if (document.activeElement === document.body) {\n        setFocus(this.asProps.triggerRef.current);\n      }\n    }, 0);\n  };\n\n  render() {\n    const SWrapper = Root;\n    const SFilterTrigger = BaseTrigger;\n    const {\n      Children,\n      styles,\n      empty,\n      onClear,\n      size,\n      placeholder,\n      active,\n      disabled,\n      getI18nText,\n      includeInputProps,\n      uid,\n      id,\n      triggerRef,\n      role,\n    } = this.asProps;\n\n    const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n    return sstyled(styles)(\n      <SWrapper\n        render={Box}\n        aria-label={getI18nText('filter')}\n        __excludeProps={['id']}\n        use:role={role}\n      >\n        <NeighborLocation>\n          <SFilterTrigger\n            tag='button'\n            w='100%'\n            size={size}\n            placeholder={placeholder}\n            empty={empty}\n            selected={!empty}\n            active={active}\n            disabled={disabled}\n            ref={triggerRef}\n            animationsDisabled\n            {...controlProps}\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          {!empty && (\n            <SFilterTrigger\n              tag='button'\n              size={size}\n              empty={empty}\n              selected\n              onClick={callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation)}\n              onKeyDown={this.handleStopPropagation}\n              disabled={disabled}\n              id={`igc-${uid}-filter-trigger-clear`}\n              aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n            >\n              <FilterTrigger.Addon tag={Close} aria-label={getI18nText('clear')} />\n            </SFilterTrigger>\n          )}\n        </NeighborLocation>\n      </SWrapper>,\n    );\n  }\n}\n\nfunction Counter(props) {\n  const SCounter = Root;\n  return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n  RootFilterTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n    Counter,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default FilterTrigger;\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,OAAOC,GAAG,MAAM,cAAc;AAC9B,OAAOC,KAAK,MAAM,uBAAuB;AACzC,OAAOC,WAAW,MAAM,6BAA6B;AACrD,SAASC,oBAAoB,QAAQ,gCAAgC;AACrE,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,SAASC,iBAAiB,QAAQ,gDAAgD;AAClF,OAAOC,WAAW,MAAM,yCAAyC;AACjE,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,SAASC,kBAAkB,QAAQ,mCAAmC;AACtE,OAAOC,aAAa,IAAIC,UAAU,QAAQ,+BAA+B;AACzE,OAAOC,mBAAmB,MAAM,6BAA6B;AAC7D,SAASC,QAAQ,QAAQ,qCAAqC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIzDC,iBAAiB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,iBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,iBAAA;EAAA,SAAAA,kBAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,iBAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,4BAyBG,UAACa,CAAC;MAAA,OAAKA,CAAC,CAACC,eAAe,EAAE;IAAA;IAAAH,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,kBAEpC,YAAM;MAClBe,UAAU,CAAC,YAAM;QACf,IAAIC,QAAQ,CAACC,aAAa,KAAKD,QAAQ,CAACE,IAAI,EAAE;UAC5C3B,QAAQ,CAACS,KAAA,CAAKmB,OAAO,CAACC,UAAU,CAACC,OAAO,CAAC;QAC3C;MACF,CAAC,EAAE,CAAC,CAAC;IACP,CAAC;IAAA,OAAArB,KAAA;EAAA;EAAAsB,YAAA,CAAA3B,iBAAA;IAAA4B,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAP,OAAA;QAAAQ,KAAA;MACP,IAAMC,QAAQ,GAuBFnD,GAAG;MAtBf,IAAMoD,cAAc,GAAGrD,WAAW;MAClC,IAAAsD,aAAA,GAeI,IAAI,CAACX,OAAO;QAddY,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QACRC,MAAM,GAAAF,aAAA,CAANE,MAAM;QACNC,KAAK,GAAAH,aAAA,CAALG,KAAK;QACLC,OAAO,GAAAJ,aAAA,CAAPI,OAAO;QACPC,IAAI,GAAAL,aAAA,CAAJK,IAAI;QACJC,WAAW,GAAAN,aAAA,CAAXM,WAAW;QACXC,MAAM,GAAAP,aAAA,CAANO,MAAM;QACNC,QAAQ,GAAAR,aAAA,CAARQ,QAAQ;QACRC,WAAW,GAAAT,aAAA,CAAXS,WAAW;QACXC,iBAAiB,GAAAV,aAAA,CAAjBU,iBAAiB;QACjBC,GAAG,GAAAX,aAAA,CAAHW,GAAG;QACHC,EAAE,GAAAZ,aAAA,CAAFY,EAAE;QACFtB,UAAU,GAAAU,aAAA,CAAVV,UAAU;QACVuB,IAAI,GAAAb,aAAA,CAAJa,IAAI;MAGN,IAAAC,cAAA,GAAuBxD,aAAa,CAAC,IAAI,CAAC+B,OAAO,EAAEqB,iBAAiB,CAAC;QAAAK,eAAA,GAAAC,cAAA,CAAAF,cAAA;QAA9DG,YAAY,GAAAF,eAAA;MAEnB,OAAAlB,KAAA,GAAOpD,OAAO,CAACyD,MAAM,CAAC,eACpB7D,KAAA,CAAA6E,aAAA,CAACpB,QAAQ,EAAAD,KAAA,CAAAsB,EAAA,aAAAC,aAAA,KAAAC,YAAA;QAAA,cAEKZ,WAAW,CAAC,QAAQ,CAAC;QAAA,kBACjB,CAAC,IAAI,CAAC;QAAA,YACZI;MAAI,GAAAjB,IAAA,kBAEdvD,KAAA,CAAA6E,aAAA,CAACtE,gBAAgB,EAAAiD,KAAA,CAAAsB,EAAA,uCACf9E,KAAA,CAAA6E,aAAA,CAACnB,cAAc,EAAAF,KAAA,CAAAsB,EAAA,mBAAAC,aAAA;QAAA,OACT,QAAQ;QAAA,KACV,MAAM;QAAA,QACFf,IAAI;QAAA,eACGC,WAAW;QAAA,SACjBH,KAAK;QAAA,YACF,CAACA,KAAK;QAAA,UACRI,MAAM;QAAA,YACJC,QAAQ;QAAA,OACblB,UAAU;QAAA;MAAA,GAEX2B,YAAY,IAEfhE,iBAAiB,CAChBgD,QAAQ,EACRqB,aAAa,CAACC,IAAI,EAClB,CAACD,aAAa,CAACE,KAAK,EAAEF,aAAa,CAACG,OAAO,CAAC,EAC5CtB,KAAK,CACN,EACAA,KAAK,iBAAI9D,KAAA,CAAA6E,aAAA,CAACI,aAAa,CAACE,KAAK;QAACE,GAAG,EAAE3E;MAAY,EAAG,CACpC,EAChB,CAACoD,KAAK,iBACL9D,KAAA,CAAA6E,aAAA,CAACnB,cAAc,EAAAF,KAAA,CAAAsB,EAAA;QAAA,OACT,QAAQ;QAAA,QACNd,IAAI;QAAA,SACHF,KAAK;QAAA;QAAA,WAEHnD,oBAAoB,CAACoD,OAAO,EAAE,IAAI,CAACuB,WAAW,EAAE,IAAI,CAACC,qBAAqB,CAAC;QAAA,aACzE,IAAI,CAACA,qBAAqB;QAAA,YAC3BpB,QAAQ;QAAA,aAAA5B,MAAA,CACP+B,GAAG;QAAA,0BAAA/B,MAAA,CACU+B,GAAG,4BAAA/B,MAAA,CAAyBgC,EAAE;MAAA,iBAEtDvE,KAAA,CAAA6E,aAAA,CAACI,aAAa,CAACE,KAAK;QAACE,GAAG,EAAE5E,KAAM;QAAC,cAAY2D,WAAW,CAAC,OAAO;MAAE,EAAG,CAExE,CACgB,CACV;IAEf;EAAC;EAAA,OAAA5C,iBAAA;AAAA,EAxG6BtB,SAAS;AAAAsC,eAAA,CAAnChB,iBAAiB,iBACA,eAAe;AAAAgB,eAAA,CADhChB,iBAAiB,WAENH,KAAK;AAAAmB,eAAA,CAFhBhB,iBAAiB,aAGJ,CACfV,WAAW,CAACD,iBAAiB,CAAC,EAC9BG,kBAAkB,CAAC;EACjBwE,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACF9E,mBAAmB,CAAC;EAClB+E,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,EACF5E,mBAAmB,EAAE,CACtB;AAAAqB,eAAA,CAhBGhB,iBAAiB,kBAiBC;EACpB6C,iBAAiB,EAAEnD,UAAU;EAC7B8E,IAAI,EAAEnF,iBAAiB;EACvBoF,MAAM,EAAE,IAAI;EACZhD,UAAU,eAAEjD,KAAK,CAACkG,SAAS,EAAE;EAC7B1B,IAAI,EAAE;AACR,CAAC;AAoFH,SAASY,OAAOA,CAACe,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAMC,QAAQ,GACiClG,WAAW,CAAC8E,KAAK;EAAhE,OAAAmB,KAAA,GAAOlG,OAAO,CAAC+F,KAAK,CAACtC,MAAM,CAAC,eAAC7D,KAAA,CAAA6E,aAAA,CAAC0B,QAAQ,EAAAD,KAAA,CAAAxB,EAAA,aAAAC,aAAA,KAAAyB,aAAA;IAAA,OAAiChG;EAAG,GAAA4F,KAAA,IAAI;AAChF;AAEA,IAAMnB,aAAa,GAAGhF,eAAe,CACnCuB,iBAAiB,EACjB;EACE0D,IAAI,EAAE7E,WAAW,CAAC6E,IAAI;EACtBC,KAAK,EAAE9E,WAAW,CAAC8E,KAAK;EACxBC,OAAO,EAAPA;AACF,CAAC,EACD;EACEqB,MAAM,EAAEpG;AACV,CAAC,CACF;AAED,eAAe4E,aAAa"}

package/base-trigger/lib/es6/LinkTrigger.js

@@ -17,18 +17,18 @@ import { Box } from 'intergalactic/flex-box';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 /*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1759e_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}.___SLinkTrigger_1759e_gg_.__active_1759e_gg_,.___SLinkTrigger_1759e_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1759e_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1759e_gg_.__active_1759e_gg_ .___SText_1759e_gg_,.___SLinkTrigger_1759e_gg_:active .___SText_1759e_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1759e_gg_:hover .___SText_1759e_gg_{border-color:currentColor}}.___SLinkTrigger_1759e_gg_ .___SText_1759e_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_1759e_gg_.__color_1759e_gg_{color:var(--color_1759e)}@media (hover:hover){.___SLinkTrigger_1759e_gg_.__color_1759e_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1759e_gg_.__disabled_1759e_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1759e_gg_.__keyboardFocused_1759e_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1759e_gg_,.___SLinkAddon_1759e_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1759e_gg_:not(:only-child):first-child,.___SLinkAddon_1759e_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1759e_gg_:not(:only-child):last-child,.___SLinkAddon_1759e_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1759e_gg_{width:16px;height:16px}.___SLinkTrigger_1759e_gg_._size_m_1759e_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1759e_gg_._size_l_1759e_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1759e_gg_,.___SLinkTrigger_1759e_gg_ .___SText_1759e_gg_{transition:none}}" /*__inner_css_end__*/, "1759e_gg_") /*__reshadow_css_end__*/, {
-  "__SLinkTrigger": "___SLinkTrigger_1759e_gg_",
-  "_disabled": "__disabled_1759e_gg_",
-  "_keyboardFocused": "__keyboardFocused_1759e_gg_",
-  "__SLinkAddon": "___SLinkAddon_1759e_gg_",
-  "_size_m": "_size_m_1759e_gg_",
-  "_size_l": "_size_l_1759e_gg_",
-  "_active": "__active_1759e_gg_",
-  "__SText": "___SText_1759e_gg_",
-  "_color": "__color_1759e_gg_",
-  "--color": "--color_1759e",
-  "__SAddon": "___SAddon_1759e_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1p1yr_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}.___SLinkTrigger_1p1yr_gg_.__active_1p1yr_gg_,.___SLinkTrigger_1p1yr_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1p1yr_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1p1yr_gg_.__active_1p1yr_gg_ .___SText_1p1yr_gg_,.___SLinkTrigger_1p1yr_gg_:active .___SText_1p1yr_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1p1yr_gg_:hover .___SText_1p1yr_gg_{border-color:currentColor}}.___SLinkTrigger_1p1yr_gg_ .___SText_1p1yr_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_1p1yr_gg_.__color_1p1yr_gg_{color:var(--color_1p1yr)}@media (hover:hover){.___SLinkTrigger_1p1yr_gg_.__color_1p1yr_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1p1yr_gg_.__disabled_1p1yr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1p1yr_gg_.__keyboardFocused_1p1yr_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1p1yr_gg_,.___SLinkAddon_1p1yr_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1p1yr_gg_:not(:only-child):first-child,.___SLinkAddon_1p1yr_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1p1yr_gg_:not(:only-child):last-child,.___SLinkAddon_1p1yr_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1p1yr_gg_{width:16px;height:16px}.___SLinkTrigger_1p1yr_gg_._size_m_1p1yr_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1p1yr_gg_._size_l_1p1yr_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1p1yr_gg_,.___SLinkTrigger_1p1yr_gg_ .___SText_1p1yr_gg_{transition:none}}" /*__inner_css_end__*/, "1p1yr_gg_") /*__reshadow_css_end__*/, {
+  "__SLinkTrigger": "___SLinkTrigger_1p1yr_gg_",
+  "_disabled": "__disabled_1p1yr_gg_",
+  "_keyboardFocused": "__keyboardFocused_1p1yr_gg_",
+  "__SLinkAddon": "___SLinkAddon_1p1yr_gg_",
+  "_size_m": "_size_m_1p1yr_gg_",
+  "_size_l": "_size_l_1p1yr_gg_",
+  "_active": "__active_1p1yr_gg_",
+  "__SText": "___SText_1p1yr_gg_",
+  "_color": "__color_1p1yr_gg_",
+  "--color": "--color_1p1yr",
+  "__SAddon": "___SAddon_1p1yr_gg_"
 });
 var RootLinkTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootLinkTrigger, _Component);

package/base-trigger/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n  NeighborItemProps &\n  KeyboardFocusProps &\n  WithAnimatedSizeEnhanceProps & {\n    /**\n     * Trigger size\n     * @default m\n     */\n    size?: 'm' | 'l';\n    /**\n     * Trigger state\n     */\n    state?: 'normal' | 'valid' | 'invalid';\n    /**\n     * Sets active state to trigger\n     */\n    active?: boolean;\n    /**\n     * Responsible for placeholder displaying\n     */\n    empty?: boolean;\n    /**\n     * Placeholder text\n     */\n    placeholder?: React.ReactNode;\n    /**\n     * Sets disabled state to trigger\n     */\n    disabled?: boolean;\n    /** Trigger theme\n     * @deprecated\n     * @use IBaseTriggerProps.state\n     * */\n    theme?: 'normal' | 'valid' | 'invalid' | false;\n  };\n\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Text color */\n  color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n  /** Click on the filter cleaning cross */\n  onClear?: (event: React.SyntheticEvent) => void;\n  locale?: string;\n  /** List of props that will be added to the select inside of filter */\n  includeInputProps?: string[];\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n  Text: typeof Box;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n  NeighborItemProps &\n  KeyboardFocusProps &\n  WithAnimatedSizeEnhanceProps & {\n    /**\n     * Trigger size\n     * @default m\n     */\n    size?: 'm' | 'l';\n    /**\n     * Trigger state\n     */\n    state?: 'normal' | 'valid' | 'invalid';\n    /**\n     * Sets active state to trigger\n     */\n    active?: boolean;\n    /**\n     * Responsible for placeholder displaying\n     */\n    empty?: boolean;\n    /**\n     * Placeholder text\n     */\n    placeholder?: React.ReactNode;\n    /**\n     * Sets disabled state to trigger\n     */\n    disabled?: boolean;\n    /** Trigger theme\n     * @deprecated\n     * @use IBaseTriggerProps.state\n     * */\n    theme?: 'normal' | 'valid' | 'invalid' | false;\n  };\n\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Text color */\n  color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n  /** Click on the filter cleaning cross */\n  onClear?: (event: React.SyntheticEvent) => void;\n  locale?: string;\n  /** List of props that will be added to the select inside of filter */\n  includeInputProps?: string[];\n  /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n  triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n  Text: typeof Box;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}

package/base-trigger/lib/types/index.d.ts

@@ -68,6 +68,8 @@ export type FilterTriggerProps = BaseTriggerProps & {
   locale?: string;
   /** List of props that will be added to the select inside of filter */
   includeInputProps?: string[];
+  /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */
+  triggerRef?: React.Ref<HTMLButtonElement>;
 };
 
 declare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {

package/breadcrumbs/lib/cjs/Breadcrumbs.js

@@ -20,12 +20,12 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 /*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_jwsig_gg_{display:flex;align-items:center;padding:0;margin:0;list-style:none}.___SSeparator_jwsig_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SSeparator_jwsig_gg_:last-child{display:none}.___SBreadcrumbsItem_jwsig_gg_{position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;outline:0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbsItem_jwsig_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbsItem_jwsig_gg_.__keyboardFocused_jwsig_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbsItem_jwsig_gg_.__active_jwsig_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbsItem_jwsig_gg_.__active_jwsig_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "jwsig_gg_") /*__reshadow_css_end__*/, {
-  "__SBreadcrumbs": "___SBreadcrumbs_jwsig_gg_",
-  "__SBreadcrumbsItem": "___SBreadcrumbsItem_jwsig_gg_",
-  "_keyboardFocused": "__keyboardFocused_jwsig_gg_",
-  "__SSeparator": "___SSeparator_jwsig_gg_",
-  "_active": "__active_jwsig_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_dnx4r_gg_{display:flex;align-items:center;padding:0;margin:0;list-style:none}.___SSeparator_dnx4r_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SSeparator_dnx4r_gg_:last-child{display:none}.___SBreadcrumbsItem_dnx4r_gg_{position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;outline:0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbsItem_dnx4r_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbsItem_dnx4r_gg_.__keyboardFocused_dnx4r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbsItem_dnx4r_gg_.__active_dnx4r_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbsItem_dnx4r_gg_.__active_dnx4r_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "dnx4r_gg_") /*__reshadow_css_end__*/, {
+  "__SBreadcrumbs": "___SBreadcrumbs_dnx4r_gg_",
+  "__SBreadcrumbsItem": "___SBreadcrumbsItem_dnx4r_gg_",
+  "_keyboardFocused": "__keyboardFocused_dnx4r_gg_",
+  "__SSeparator": "___SSeparator_dnx4r_gg_",
+  "_active": "__active_dnx4r_gg_"
 });
 var Breadcrumbs = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Breadcrumbs, _Component);

package/breadcrumbs/lib/es6/Breadcrumbs.js

@@ -15,12 +15,12 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_jwsig_gg_{display:flex;align-items:center;padding:0;margin:0;list-style:none}.___SSeparator_jwsig_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SSeparator_jwsig_gg_:last-child{display:none}.___SBreadcrumbsItem_jwsig_gg_{position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;outline:0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbsItem_jwsig_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbsItem_jwsig_gg_.__keyboardFocused_jwsig_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbsItem_jwsig_gg_.__active_jwsig_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbsItem_jwsig_gg_.__active_jwsig_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "jwsig_gg_") /*__reshadow_css_end__*/, {
-  "__SBreadcrumbs": "___SBreadcrumbs_jwsig_gg_",
-  "__SBreadcrumbsItem": "___SBreadcrumbsItem_jwsig_gg_",
-  "_keyboardFocused": "__keyboardFocused_jwsig_gg_",
-  "__SSeparator": "___SSeparator_jwsig_gg_",
-  "_active": "__active_jwsig_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_dnx4r_gg_{display:flex;align-items:center;padding:0;margin:0;list-style:none}.___SSeparator_dnx4r_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SSeparator_dnx4r_gg_:last-child{display:none}.___SBreadcrumbsItem_dnx4r_gg_{position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;outline:0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbsItem_dnx4r_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbsItem_dnx4r_gg_.__keyboardFocused_dnx4r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbsItem_dnx4r_gg_.__active_dnx4r_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbsItem_dnx4r_gg_.__active_dnx4r_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "dnx4r_gg_") /*__reshadow_css_end__*/, {
+  "__SBreadcrumbs": "___SBreadcrumbs_dnx4r_gg_",
+  "__SBreadcrumbsItem": "___SBreadcrumbsItem_dnx4r_gg_",
+  "_keyboardFocused": "__keyboardFocused_dnx4r_gg_",
+  "__SSeparator": "___SSeparator_dnx4r_gg_",
+  "_active": "__active_dnx4r_gg_"
 });
 var Breadcrumbs = /*#__PURE__*/function (_Component) {
   _inherits(Breadcrumbs, _Component);