intergalactic 15.118.0 → 15.119.0

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

@@ -21,9 +21,9 @@ var _spin = _interopRequireDefault(require("intergalactic/spin"));
 var _animatedSizeEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/animatedSizeEnhance"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_5mzu5_gg_{width:12px;height:12px}.___SButtonTriggerSpin_5mzu5_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "5mzu5_gg_") /*__reshadow_css_end__*/, {
-  "__SButtonAddon": "___SButtonAddon_5mzu5_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_5mzu5_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_8qh67_gg_{width:12px;height:12px}.___SButtonTriggerSpin_8qh67_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "8qh67_gg_") /*__reshadow_css_end__*/, {
+  "__SButtonAddon": "___SButtonAddon_8qh67_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_8qh67_gg_"
 });
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootButtonTrigger, _Component);

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

@@ -35,15 +35,17 @@ var _inputProps = _interopRequireWildcard(require("intergalactic/utils/lib/input
 var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
 var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 var _findComponent = require("intergalactic/utils/lib/findComponent");
+var _tooltip = require("intergalactic/tooltip");
+var _ScreenReaderOnly = require("intergalactic/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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1ig88_gg_.__selected_1ig88_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_1ig88_gg_.__selected_1ig88_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1ig88_gg_.__selected_1ig88_gg_.__active_1ig88_gg_,.___SFilterTrigger_1ig88_gg_.__selected_1ig88_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1ig88_gg_{display:inline-flex}.___SWrapper_1ig88_gg_:focus{outline:0}.___SWrapper_1ig88_gg_.__keyboardFocused_1ig88_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1ig88_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1ig88_gg_") /*__reshadow_css_end__*/, {
-  "__SWrapper": "___SWrapper_1ig88_gg_",
-  "_keyboardFocused": "__keyboardFocused_1ig88_gg_",
-  "__SCounter": "___SCounter_1ig88_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_1ig88_gg_",
-  "_selected": "__selected_1ig88_gg_",
-  "_active": "__active_1ig88_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_12s82_gg_.__selected_12s82_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_12s82_gg_.__selected_12s82_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_12s82_gg_.__selected_12s82_gg_.__active_12s82_gg_,.___SFilterTrigger_12s82_gg_.__selected_12s82_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_12s82_gg_{display:inline-flex}.___SWrapper_12s82_gg_:focus{outline:0}.___SWrapper_12s82_gg_.__keyboardFocused_12s82_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_12s82_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "12s82_gg_") /*__reshadow_css_end__*/, {
+  "__SWrapper": "___SWrapper_12s82_gg_",
+  "_keyboardFocused": "__keyboardFocused_12s82_gg_",
+  "__SCounter": "___SCounter_12s82_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_12s82_gg_",
+  "_selected": "__selected_12s82_gg_",
+  "_active": "__active_12s82_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) {
@@ -100,15 +102,21 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         onClear = _this$asProps2.onClear,
         size = _this$asProps2.size,
         disabled = _this$asProps2.disabled,
-        getI18nText = _this$asProps2.getI18nText,
-        uid = _this$asProps2.uid;
+        getI18nText = _this$asProps2.getI18nText;
       return {
         size: size,
         empty: empty,
         onClick: (0, _assignProps5.callAllEventHandlers)(onClear, this.handleClear, this.handleStopPropagation),
         onKeyDown: this.handleStopPropagation,
         disabled: disabled,
-        id: "igc-".concat(uid, "-filter-trigger-clear"),
+        getI18nText: getI18nText
+      };
+    }
+  }, {
+    key: "getCounterProps",
+    value: function getCounterProps() {
+      var getI18nText = this.asProps.getI18nText;
+      return {
         getI18nText: getI18nText
       };
     }
@@ -124,7 +132,6 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         getI18nText = _this$asProps3.getI18nText,
         empty = _this$asProps3.empty,
         forcedAdvancedMode = _this$asProps3.forcedAdvancedMode;
-      var role = this.asProps.role === 'button' ? 'group' : this.asProps.role;
       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'),
@@ -183,6 +190,7 @@ var TriggerButton = /*#__PURE__*/function (_Component2) {
         triggerRef = _this$asProps4.triggerRef;
       return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "tag": 'button',
+        "use:role": 'combobox',
         "type": 'button',
         "w": '100%',
         "empty": empty,
@@ -216,36 +224,36 @@ var ClearButton = /*#__PURE__*/function (_Component3) {
         empty = _this$asProps5.empty,
         size = _this$asProps5.size,
         disabled = _this$asProps5.disabled,
-        getI18nText = _this$asProps5.getI18nText,
-        uid = _this$asProps5.uid,
-        id = _this$asProps5.id;
+        getI18nText = _this$asProps5.getI18nText;
       if (empty) return null;
-      return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+      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)({
         "tag": 'button',
         "type": 'button',
         "size": size,
         "empty": empty,
         "selected": true,
         "disabled": disabled,
-        "id": "igc-".concat(uid, "-filter-trigger-clear"),
-        "aria-labelledby": "igc-".concat(uid, "-filter-trigger-clear ").concat(id),
         "aria-label": getI18nText('clear')
       }, _ref3))), /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
         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(props) {
+function Counter(_ref9) {
   var _ref4 = arguments[0],
     _ref8;
+  var styles = _ref9.styles,
+    Children = _ref9.Children,
+    count = _ref9.count,
+    getI18nText = _ref9.getI18nText;
   var SCounter = _BaseTrigger["default"].Addon;
-  return _ref8 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SCounter, _ref8.cn("SCounter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCounter, _ref8.cn("SCounter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": _dot["default"]
-  }, _ref4))));
+  }, _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["default"])(RootFilterTrigger, {
   Text: _BaseTrigger["default"].Text,

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","_assignProps5","_addonTextChildren","_intergalacticDynamicLocales","_i18nEnhance","_animatedSizeEnhance","_useCssVariable","_inputProps","_uniqueID","_useFocusLock","_findComponent","_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","uid","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","id","render","_ref","_ref5","SWrapper","Box","_this$asProps3","Children","styles","forcedAdvancedMode","role","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","_Component2","_super2","_ref2","_ref6","SFilterTrigger","BaseTrigger","_this$asProps4","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_Component3","_super3","_ref3","_ref7","_this$asProps5","Close","props","_ref4","arguments[0]","_ref8","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';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\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, uid } = this.asProps;\n\n    return {\n      size,\n      empty,\n      onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n      onKeyDown: this.handleStopPropagation,\n      disabled,\n      id: `igc-${uid}-filter-trigger-clear`,\n      getI18nText,\n    };\n  }\n\n  render() {\n    const SWrapper = Root;\n    const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n    const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\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        tag='button'\n        type='button'\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, uid, id } = this.asProps;\n\n    if (empty) return null;\n\n    return sstyled(styles)(\n      <SFilterTrigger\n        render={BaseTrigger}\n        tag='button'\n        type='button'\n        size={size}\n        empty={empty}\n        selected\n        disabled={disabled}\n        id={`igc-${uid}-filter-trigger-clear`}\n        aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n        aria-label={getI18nText('clear')}\n      >\n        <FilterTrigger.Addon tag={Close} />\n      </SFilterTrigger>,\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    TriggerButton,\n    ClearButton,\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","_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        tag='button'\n        use:role='combobox'\n        type='button'\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            tag='button'\n            type='button'\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/base-trigger/lib/cjs/LinkTrigger.js

@@ -22,18 +22,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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1oivs_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1oivs_gg_:focus{outline:0}.___SLinkTrigger_1oivs_gg_.__active_1oivs_gg_,.___SLinkTrigger_1oivs_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1oivs_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1oivs_gg_.__active_1oivs_gg_ .___SText_1oivs_gg_,.___SLinkTrigger_1oivs_gg_:active .___SText_1oivs_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1oivs_gg_:hover .___SText_1oivs_gg_{border-color:currentColor}}.___SLinkTrigger_1oivs_gg_ .___SText_1oivs_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_1oivs_gg_.__color_1oivs_gg_{color:var(--color_1oivs)}@media (hover:hover){.___SLinkTrigger_1oivs_gg_.__color_1oivs_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1oivs_gg_.__disabled_1oivs_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1oivs_gg_.__keyboardFocused_1oivs_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1oivs_gg_,.___SLinkAddon_1oivs_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1oivs_gg_:not(:only-child):first-child,.___SLinkAddon_1oivs_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1oivs_gg_:not(:only-child):last-child,.___SLinkAddon_1oivs_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1oivs_gg_{width:16px;height:16px}.___SLinkTrigger_1oivs_gg_._size_m_1oivs_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1oivs_gg_._size_l_1oivs_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1oivs_gg_,.___SLinkTrigger_1oivs_gg_ .___SText_1oivs_gg_{transition:none}}" /*__inner_css_end__*/, "1oivs_gg_") /*__reshadow_css_end__*/, {
-  "__SLinkTrigger": "___SLinkTrigger_1oivs_gg_",
-  "_disabled": "__disabled_1oivs_gg_",
-  "_keyboardFocused": "__keyboardFocused_1oivs_gg_",
-  "__SLinkAddon": "___SLinkAddon_1oivs_gg_",
-  "_size_m": "_size_m_1oivs_gg_",
-  "_size_l": "_size_l_1oivs_gg_",
-  "_active": "__active_1oivs_gg_",
-  "__SText": "___SText_1oivs_gg_",
-  "_color": "__color_1oivs_gg_",
-  "--color": "--color_1oivs",
-  "__SAddon": "___SAddon_1oivs_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1dpdw_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1dpdw_gg_:focus{outline:0}.___SLinkTrigger_1dpdw_gg_.__active_1dpdw_gg_,.___SLinkTrigger_1dpdw_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1dpdw_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1dpdw_gg_.__active_1dpdw_gg_ .___SText_1dpdw_gg_,.___SLinkTrigger_1dpdw_gg_:active .___SText_1dpdw_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1dpdw_gg_:hover .___SText_1dpdw_gg_{border-color:currentColor}}.___SLinkTrigger_1dpdw_gg_ .___SText_1dpdw_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_1dpdw_gg_.__color_1dpdw_gg_{color:var(--color_1dpdw)}@media (hover:hover){.___SLinkTrigger_1dpdw_gg_.__color_1dpdw_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1dpdw_gg_.__disabled_1dpdw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1dpdw_gg_.__keyboardFocused_1dpdw_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1dpdw_gg_,.___SLinkAddon_1dpdw_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1dpdw_gg_:not(:only-child):first-child,.___SLinkAddon_1dpdw_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1dpdw_gg_:not(:only-child):last-child,.___SLinkAddon_1dpdw_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1dpdw_gg_{width:16px;height:16px}.___SLinkTrigger_1dpdw_gg_._size_m_1dpdw_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1dpdw_gg_._size_l_1dpdw_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1dpdw_gg_,.___SLinkTrigger_1dpdw_gg_ .___SText_1dpdw_gg_{transition:none}}" /*__inner_css_end__*/, "1dpdw_gg_") /*__reshadow_css_end__*/, {
+  "__SLinkTrigger": "___SLinkTrigger_1dpdw_gg_",
+  "_disabled": "__disabled_1dpdw_gg_",
+  "_keyboardFocused": "__keyboardFocused_1dpdw_gg_",
+  "__SLinkAddon": "___SLinkAddon_1dpdw_gg_",
+  "_size_m": "_size_m_1dpdw_gg_",
+  "_size_l": "_size_l_1dpdw_gg_",
+  "_active": "__active_1dpdw_gg_",
+  "__SText": "___SText_1dpdw_gg_",
+  "_color": "__color_1dpdw_gg_",
+  "--color": "--color_1dpdw",
+  "__SAddon": "___SAddon_1dpdw_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, Root } 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     * Display the dropdowns chevron icon\n     * @default true\n     */\n    chevron?: boolean;\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  TriggerButton: typeof BaseTrigger;\n  ClearButton: typeof BaseTrigger;\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, Root } 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     * Display the dropdowns chevron icon\n     * @default true\n     */\n    chevron?: boolean;\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\nexport type FilterTriggerCounterProps = {\n  /** Count for render */\n  count?: number;\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 & FilterTriggerCounterProps>;\n  TriggerButton: typeof BaseTrigger;\n  ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}

package/base-trigger/lib/cjs/translations/en.json

@@ -1,4 +1,5 @@
 {
   "clear": "Clear",
-  "filter": "Filter"
+  "filter": "Filter",
+  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "selected"
 }

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_jjceu_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_jjceu_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_jjceu_gg_:active,.___SBaseTrigger_jjceu_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_jjceu_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_jjceu_gg_.__keyboardFocused_jjceu_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_jjceu_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_jjceu_gg_.__active_jjceu_gg_,.___SBaseTrigger_jjceu_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_jjceu_gg_.__disabled_jjceu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_jjceu_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_jjceu_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_jjceu_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_jjceu_gg_{width:12px;height:12px}.___SBaseTrigger_jjceu_gg_._size_m_jjceu_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_jjceu_gg_._size_m_jjceu_gg_ .___SAddon_jjceu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_jjceu_gg_._size_m_jjceu_gg_ .___SAddon_jjceu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_jjceu_gg_._size_l_jjceu_gg_ .___SAddon_jjceu_gg_:only-child,.___SBaseTrigger_jjceu_gg_._size_m_jjceu_gg_ .___SAddon_jjceu_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_jjceu_gg_._size_l_jjceu_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_jjceu_gg_._size_l_jjceu_gg_ .___SAddon_jjceu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_jjceu_gg_._size_l_jjceu_gg_ .___SAddon_jjceu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_jjceu_gg_._neighborLocation_right_jjceu_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_jjceu_gg_._neighborLocation_both_jjceu_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_jjceu_gg_._neighborLocation_left_jjceu_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_jjceu_gg_.__display-placeholder_jjceu_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_jjceu_gg_._state_valid_jjceu_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_jjceu_gg_._state_invalid_jjceu_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_jjceu_gg_._state_invalid_jjceu_gg_.__keyboardFocused_jjceu_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_jjceu_gg_._size_m_jjceu_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_jjceu_gg_._size_l_jjceu_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "jjceu_gg_") /*__reshadow_css_end__*/, {
-  "__SBaseTrigger": "___SBaseTrigger_jjceu_gg_",
-  "_disabled": "__disabled_jjceu_gg_",
-  "__SInner": "___SInner_jjceu_gg_",
-  "__SText": "___SText_jjceu_gg_",
-  "__SAddon": "___SAddon_jjceu_gg_",
-  "__SBaseAddon": "___SBaseAddon_jjceu_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_jjceu_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_jjceu_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_jjceu_gg_",
-  "_display-placeholder": "__display-placeholder_jjceu_gg_",
-  "_state_valid": "_state_valid_jjceu_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_jjceu_gg_",
-  "_size_m": "_size_m_jjceu_gg_",
-  "_size_l": "_size_l_jjceu_gg_",
-  "_keyboardFocused": "__keyboardFocused_jjceu_gg_",
-  "_active": "__active_jjceu_gg_",
-  "_state_invalid": "_state_invalid_jjceu_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_u2zwt_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_u2zwt_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_u2zwt_gg_:active,.___SBaseTrigger_u2zwt_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_u2zwt_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_u2zwt_gg_.__keyboardFocused_u2zwt_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_u2zwt_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_u2zwt_gg_.__active_u2zwt_gg_,.___SBaseTrigger_u2zwt_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_u2zwt_gg_.__disabled_u2zwt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_u2zwt_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_u2zwt_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_u2zwt_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_u2zwt_gg_{width:12px;height:12px}.___SBaseTrigger_u2zwt_gg_._size_m_u2zwt_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_u2zwt_gg_._size_m_u2zwt_gg_ .___SAddon_u2zwt_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_u2zwt_gg_._size_m_u2zwt_gg_ .___SAddon_u2zwt_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_u2zwt_gg_._size_l_u2zwt_gg_ .___SAddon_u2zwt_gg_:only-child,.___SBaseTrigger_u2zwt_gg_._size_m_u2zwt_gg_ .___SAddon_u2zwt_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_u2zwt_gg_._size_l_u2zwt_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_u2zwt_gg_._size_l_u2zwt_gg_ .___SAddon_u2zwt_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_u2zwt_gg_._size_l_u2zwt_gg_ .___SAddon_u2zwt_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_u2zwt_gg_._neighborLocation_right_u2zwt_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_u2zwt_gg_._neighborLocation_both_u2zwt_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_u2zwt_gg_._neighborLocation_left_u2zwt_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_u2zwt_gg_.__display-placeholder_u2zwt_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_u2zwt_gg_._state_valid_u2zwt_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_u2zwt_gg_._state_invalid_u2zwt_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_u2zwt_gg_._state_invalid_u2zwt_gg_.__keyboardFocused_u2zwt_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_u2zwt_gg_._size_m_u2zwt_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_u2zwt_gg_._size_l_u2zwt_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "u2zwt_gg_") /*__reshadow_css_end__*/, {
+  "__SBaseTrigger": "___SBaseTrigger_u2zwt_gg_",
+  "_disabled": "__disabled_u2zwt_gg_",
+  "__SInner": "___SInner_u2zwt_gg_",
+  "__SText": "___SText_u2zwt_gg_",
+  "__SAddon": "___SAddon_u2zwt_gg_",
+  "__SBaseAddon": "___SBaseAddon_u2zwt_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_u2zwt_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_u2zwt_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_u2zwt_gg_",
+  "_display-placeholder": "__display-placeholder_u2zwt_gg_",
+  "_state_valid": "_state_valid_u2zwt_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_u2zwt_gg_",
+  "_size_m": "_size_m_u2zwt_gg_",
+  "_size_l": "_size_l_u2zwt_gg_",
+  "_keyboardFocused": "__keyboardFocused_u2zwt_gg_",
+  "_active": "__active_u2zwt_gg_",
+  "_state_invalid": "_state_invalid_u2zwt_gg_"
 });
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootBaseTrigger, _Component);
@@ -112,7 +112,8 @@ function Text(props) {
     empty = props.empty,
     placeholder = props.placeholder;
   return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
-    "display-placeholder": empty
+    "display-placeholder": empty,
+    "aria-hidden": empty
   }, _ref2))), empty ? placeholder : children);
 }
 function Addon(props) {

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

@@ -1 +1 @@
-{"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","InvalidStateBox","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootBaseTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","SInner","SInvalidPattern","_this$asProps2","Children","styles","theme","neighborLocation","state","size","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","Text","Addon","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    keyboardFocusEnhance(),\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  ];\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'span';\n    const SInvalidPattern = InvalidStateBox;\n    const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      \"The 'theme' property is deprecated, use 'state'\",\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n              {state === 'invalid' && <SInvalidPattern size={size} />}\n              <SInner>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    <SText render={Box} display-placeholder={empty}>\n      {empty ? placeholder : children}\n    </SText>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}
+{"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","InvalidStateBox","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootBaseTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","SInner","SInvalidPattern","_this$asProps2","Children","styles","theme","neighborLocation","state","size","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","Text","Addon","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    keyboardFocusEnhance(),\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  ];\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'span';\n    const SInvalidPattern = InvalidStateBox;\n    const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      \"The 'theme' property is deprecated, use 'state'\",\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n              {state === 'invalid' && <SInvalidPattern size={size} />}\n              <SInner>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n      {empty ? placeholder : children}\n    </SText>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}

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_5mzu5_gg_{width:12px;height:12px}.___SButtonTriggerSpin_5mzu5_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "5mzu5_gg_") /*__reshadow_css_end__*/, {
-  "__SButtonAddon": "___SButtonAddon_5mzu5_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_5mzu5_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_8qh67_gg_{width:12px;height:12px}.___SButtonTriggerSpin_8qh67_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "8qh67_gg_") /*__reshadow_css_end__*/, {
+  "__SButtonAddon": "___SButtonAddon_8qh67_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_8qh67_gg_"
 });
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootButtonTrigger, _Component);

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

@@ -32,15 +32,17 @@ 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_1ig88_gg_.__selected_1ig88_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_1ig88_gg_.__selected_1ig88_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1ig88_gg_.__selected_1ig88_gg_.__active_1ig88_gg_,.___SFilterTrigger_1ig88_gg_.__selected_1ig88_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1ig88_gg_{display:inline-flex}.___SWrapper_1ig88_gg_:focus{outline:0}.___SWrapper_1ig88_gg_.__keyboardFocused_1ig88_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1ig88_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1ig88_gg_") /*__reshadow_css_end__*/, {
-  "__SWrapper": "___SWrapper_1ig88_gg_",
-  "_keyboardFocused": "__keyboardFocused_1ig88_gg_",
-  "__SCounter": "___SCounter_1ig88_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_1ig88_gg_",
-  "_selected": "__selected_1ig88_gg_",
-  "_active": "__active_1ig88_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_12s82_gg_.__selected_12s82_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_12s82_gg_.__selected_12s82_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_12s82_gg_.__selected_12s82_gg_.__active_12s82_gg_,.___SFilterTrigger_12s82_gg_.__selected_12s82_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_12s82_gg_{display:inline-flex}.___SWrapper_12s82_gg_:focus{outline:0}.___SWrapper_12s82_gg_.__keyboardFocused_12s82_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_12s82_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "12s82_gg_") /*__reshadow_css_end__*/, {
+  "__SWrapper": "___SWrapper_12s82_gg_",
+  "_keyboardFocused": "__keyboardFocused_12s82_gg_",
+  "__SCounter": "___SCounter_12s82_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_12s82_gg_",
+  "_selected": "__selected_12s82_gg_",
+  "_active": "__active_12s82_gg_"
 });
 import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
+import { Hint } from 'intergalactic/tooltip';
+import { ScreenReaderOnly } from 'intergalactic/utils/lib/ScreenReaderOnly';
 var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootFilterTrigger, _Component);
@@ -96,15 +98,21 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         onClear = _this$asProps2.onClear,
         size = _this$asProps2.size,
         disabled = _this$asProps2.disabled,
-        getI18nText = _this$asProps2.getI18nText,
-        uid = _this$asProps2.uid;
+        getI18nText = _this$asProps2.getI18nText;
       return {
         size: size,
         empty: empty,
         onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),
         onKeyDown: this.handleStopPropagation,
         disabled: disabled,
-        id: "igc-".concat(uid, "-filter-trigger-clear"),
+        getI18nText: getI18nText
+      };
+    }
+  }, {
+    key: "getCounterProps",
+    value: function getCounterProps() {
+      var getI18nText = this.asProps.getI18nText;
+      return {
         getI18nText: getI18nText
       };
     }
@@ -120,7 +128,6 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         getI18nText = _this$asProps3.getI18nText,
         empty = _this$asProps3.empty,
         forcedAdvancedMode = _this$asProps3.forcedAdvancedMode;
-      var role = this.asProps.role === 'button' ? 'group' : this.asProps.role;
       var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName], true);
       return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SWrapper, _ref5.cn("SWrapper", _objectSpread({}, _assignProps({
         "aria-label": getI18nText('filter'),
@@ -179,6 +186,7 @@ var TriggerButton = /*#__PURE__*/function (_Component2) {
         triggerRef = _this$asProps4.triggerRef;
       return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", _objectSpread({}, _assignProps2({
         "tag": 'button',
+        "use:role": 'combobox',
         "type": 'button',
         "w": '100%',
         "empty": empty,
@@ -212,36 +220,36 @@ var ClearButton = /*#__PURE__*/function (_Component3) {
         empty = _this$asProps5.empty,
         size = _this$asProps5.size,
         disabled = _this$asProps5.disabled,
-        getI18nText = _this$asProps5.getI18nText,
-        uid = _this$asProps5.uid,
-        id = _this$asProps5.id;
+        getI18nText = _this$asProps5.getI18nText;
       if (empty) return null;
-      return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", _objectSpread({}, _assignProps3({
+      return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(Hint, _ref7.cn("Hint", {}), /*#__PURE__*/React.createElement(Hint.Trigger, null, /*#__PURE__*/React.createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", _objectSpread({}, _assignProps3({
         "tag": 'button',
         "type": 'button',
         "size": size,
         "empty": empty,
         "selected": true,
         "disabled": disabled,
-        "id": "igc-".concat(uid, "-filter-trigger-clear"),
-        "aria-labelledby": "igc-".concat(uid, "-filter-trigger-clear ").concat(id),
         "aria-label": getI18nText('clear')
       }, _ref3))), /*#__PURE__*/React.createElement(FilterTrigger.Addon, {
         tag: Close
-      }));
+      }))), /*#__PURE__*/React.createElement(Hint.Popper, null, getI18nText('clear')));
     }
   }]);
   return ClearButton;
 }(Component);
 _defineProperty(ClearButton, "displayName", 'ClearButton');
 _defineProperty(ClearButton, "style", style);
-function Counter(props) {
+function Counter(_ref9) {
   var _ref4 = arguments[0],
     _ref8;
+  var styles = _ref9.styles,
+    Children = _ref9.Children,
+    count = _ref9.count,
+    getI18nText = _ref9.getI18nText;
   var SCounter = BaseTrigger.Addon;
-  return _ref8 = sstyled(props.styles), /*#__PURE__*/React.createElement(SCounter, _ref8.cn("SCounter", _objectSpread({}, _assignProps4({
+  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SCounter, _ref8.cn("SCounter", _objectSpread({}, _assignProps4({
     "tag": Dot
-  }, _ref4))));
+  }, _ref4))), count !== undefined ? /*#__PURE__*/React.createElement(React.Fragment, null, count, /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref8.cn("ScreenReaderOnly", {}), getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label'))) : /*#__PURE__*/React.createElement(Children, _ref8.cn("Children", {})));
 }
 var FilterTrigger = createComponent(RootFilterTrigger, {
   Text: BaseTrigger.Text,