@semcore/base-trigger 4.26.6 → 4.27.0-prerelease.1

package/CHANGELOG.md

@@ -2,7 +2,19 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [4.26.6-prerelease.1] - 2024-03-01
+## [4.27.0-prerelease.1] - 2024-03-04
+
+### Changed
+
+- Tag for `ButtonTrigger` is `button` instead of `div`.
+
+## [4.26.7] - 2024-03-06
+
+### Fixed
+
+- In some rare cases `FilterTrigger` may share it's ref between component instances.
+
+## [4.26.6] - 2024-03-01
 
 ### Changed
 

package/lib/cjs/BaseTrigger.js

@@ -22,24 +22,24 @@ var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
 var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
 var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_11vvu_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_11vvu_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_11vvu_gg_:active,.___SBaseTrigger_11vvu_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_11vvu_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_11vvu_gg_.__keyboardFocused_11vvu_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_11vvu_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_11vvu_gg_.__active_11vvu_gg_,.___SBaseTrigger_11vvu_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_11vvu_gg_.__disabled_11vvu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_11vvu_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_11vvu_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_11vvu_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_11vvu_gg_{width:12px;height:12px}.___SBaseTrigger_11vvu_gg_._size_m_11vvu_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_11vvu_gg_._size_m_11vvu_gg_ .___SAddon_11vvu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_11vvu_gg_._size_m_11vvu_gg_ .___SAddon_11vvu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_11vvu_gg_._size_l_11vvu_gg_ .___SAddon_11vvu_gg_:only-child,.___SBaseTrigger_11vvu_gg_._size_m_11vvu_gg_ .___SAddon_11vvu_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_11vvu_gg_._size_l_11vvu_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_11vvu_gg_._size_l_11vvu_gg_ .___SAddon_11vvu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_11vvu_gg_._size_l_11vvu_gg_ .___SAddon_11vvu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_11vvu_gg_._neighborLocation_right_11vvu_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_11vvu_gg_._neighborLocation_both_11vvu_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_11vvu_gg_._neighborLocation_left_11vvu_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_11vvu_gg_.__display-placeholder_11vvu_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_11vvu_gg_._state_valid_11vvu_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_11vvu_gg_._state_invalid_11vvu_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_11vvu_gg_._state_invalid_11vvu_gg_.__keyboardFocused_11vvu_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_11vvu_gg_._size_m_11vvu_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_11vvu_gg_._size_l_11vvu_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "11vvu_gg_") /*__reshadow_css_end__*/, {
-  "__SBaseTrigger": "___SBaseTrigger_11vvu_gg_",
-  "_disabled": "__disabled_11vvu_gg_",
-  "__SInner": "___SInner_11vvu_gg_",
-  "__SText": "___SText_11vvu_gg_",
-  "__SAddon": "___SAddon_11vvu_gg_",
-  "__SBaseAddon": "___SBaseAddon_11vvu_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_11vvu_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_11vvu_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_11vvu_gg_",
-  "_display-placeholder": "__display-placeholder_11vvu_gg_",
-  "_state_valid": "_state_valid_11vvu_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_11vvu_gg_",
-  "_size_m": "_size_m_11vvu_gg_",
-  "_size_l": "_size_l_11vvu_gg_",
-  "_keyboardFocused": "__keyboardFocused_11vvu_gg_",
-  "_active": "__active_11vvu_gg_",
-  "_state_invalid": "_state_invalid_11vvu_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_192y5_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_192y5_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_192y5_gg_:active,.___SBaseTrigger_192y5_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_192y5_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_192y5_gg_.__keyboardFocused_192y5_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_192y5_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_192y5_gg_.__active_192y5_gg_,.___SBaseTrigger_192y5_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_192y5_gg_.__disabled_192y5_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_192y5_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_192y5_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_192y5_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_192y5_gg_{width:12px;height:12px}.___SBaseTrigger_192y5_gg_._size_m_192y5_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_192y5_gg_._size_m_192y5_gg_ .___SAddon_192y5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_192y5_gg_._size_m_192y5_gg_ .___SAddon_192y5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_192y5_gg_._size_l_192y5_gg_ .___SAddon_192y5_gg_:only-child,.___SBaseTrigger_192y5_gg_._size_m_192y5_gg_ .___SAddon_192y5_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_192y5_gg_._size_l_192y5_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_192y5_gg_._size_l_192y5_gg_ .___SAddon_192y5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_192y5_gg_._size_l_192y5_gg_ .___SAddon_192y5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_192y5_gg_._neighborLocation_right_192y5_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_192y5_gg_._neighborLocation_both_192y5_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_192y5_gg_._neighborLocation_left_192y5_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_192y5_gg_.__display-placeholder_192y5_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_192y5_gg_._state_valid_192y5_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_192y5_gg_._state_invalid_192y5_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_192y5_gg_._state_invalid_192y5_gg_.__keyboardFocused_192y5_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_192y5_gg_._size_m_192y5_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_192y5_gg_._size_l_192y5_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "192y5_gg_") /*__reshadow_css_end__*/, {
+  "__SBaseTrigger": "___SBaseTrigger_192y5_gg_",
+  "_disabled": "__disabled_192y5_gg_",
+  "__SInner": "___SInner_192y5_gg_",
+  "__SText": "___SText_192y5_gg_",
+  "__SAddon": "___SAddon_192y5_gg_",
+  "__SBaseAddon": "___SBaseAddon_192y5_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_192y5_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_192y5_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_192y5_gg_",
+  "_display-placeholder": "__display-placeholder_192y5_gg_",
+  "_state_valid": "_state_valid_192y5_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_192y5_gg_",
+  "_size_m": "_size_m_192y5_gg_",
+  "_size_l": "_size_l_192y5_gg_",
+  "_keyboardFocused": "__keyboardFocused_192y5_gg_",
+  "_active": "__active_192y5_gg_",
+  "_state_invalid": "_state_invalid_192y5_gg_"
 });
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootBaseTrigger, _Component);
@@ -64,7 +64,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _ref = this.asProps;
       var SBaseTrigger = _flexBox.Box;
-      var SInner = 'div';
+      var SInner = 'span';
       var SInvalidPattern = _flexBox.InvalidStateBox;
       var _this$asProps2 = this.asProps,
         Children = _this$asProps2.Children,
@@ -123,7 +123,8 @@ function Addon(props) {
   var _ref3 = arguments[0],
     _ref6;
   var SAddon = _flexBox.Box;
-  return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
+  var styles = props.styles;
+  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
 }
 var BaseTrigger = (0, _core["default"])(RootBaseTrigger, {
   Text: Text,

package/lib/cjs/BaseTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","style","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","_this$asProps2","Children","styles","theme","neighborLocation","state","size","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"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 = 'div';\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  return sstyled(props.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":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","style","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","_this$asProps2","Children","styles","theme","neighborLocation","state","size","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"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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"}

package/lib/cjs/ButtonTrigger.js

@@ -20,9 +20,9 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
 var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
 var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1gasd_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1gasd_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1gasd_gg_") /*__reshadow_css_end__*/, {
-  "__SButtonAddon": "___SButtonAddon_1gasd_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_1gasd_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_degip_gg_{width:12px;height:12px}.___SButtonTriggerSpin_degip_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "degip_gg_") /*__reshadow_css_end__*/, {
+  "__SButtonAddon": "___SButtonAddon_degip_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_degip_gg_"
 });
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootButtonTrigger, _Component);
@@ -32,6 +32,20 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
     return _super.apply(this, arguments);
   }
   (0, _createClass2["default"])(RootButtonTrigger, [{
+    key: "getTextProps",
+    value: function getTextProps() {
+      return {
+        tag: 'span'
+      };
+    }
+  }, {
+    key: "getAddonProps",
+    value: function getAddonProps() {
+      return {
+        tag: 'span'
+      };
+    }
+  }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
@@ -43,7 +57,9 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
         styles = _this$asProps.styles,
         loading = _this$asProps.loading,
         empty = _this$asProps.empty;
-      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({
+        "tag": 'button'
+      }, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
         "size": 'xs',
         "theme": false
       })) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref2.cn("ChevronDown", {}))));

package/lib/cjs/ButtonTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_BaseTrigger","_spin","_animatedSizeEnhance","_useCssVariable","style","sstyled","insert","RootButtonTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","empty","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","Component","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n  static enhance = [\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\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const SButtonTriggerSpin = Spin;\n    const { Children, styles, loading, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n        <SButtonAddon>\n          {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n        </SButtonAddon>\n      </Root>,\n    );\n  }\n}\n\nconst ButtonTrigger = createComponent(\n  RootButtonTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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"}
+{"version":3,"file":"ButtonTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_BaseTrigger","_spin","_animatedSizeEnhance","_useCssVariable","style","sstyled","insert","RootButtonTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","empty","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","Component","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n  static enhance = [\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\n  getTextProps() {\n    return {\n      tag: 'span',\n    };\n  }\n  getAddonProps() {\n    return {\n      tag: 'span',\n    };\n  }\n\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const SButtonTriggerSpin = Spin;\n    const { Children, styles, loading, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger} tag={'button'}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n        <SButtonAddon>\n          {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n        </SButtonAddon>\n      </Root>,\n    );\n  }\n}\n\nconst ButtonTrigger = createComponent(\n  RootButtonTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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"}

package/lib/cjs/FilterTrigger.js

@@ -33,13 +33,13 @@ var _inputProps = _interopRequireWildcard(require("@semcore/utils/lib/inputProps
 var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
 /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_103a7_gg_.__selected_103a7_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_103a7_gg_.__selected_103a7_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_103a7_gg_.__selected_103a7_gg_.__active_103a7_gg_,.___SFilterTrigger_103a7_gg_.__selected_103a7_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_103a7_gg_{display:inline-flex}.___SWrapper_103a7_gg_:focus{outline:0}.___SWrapper_103a7_gg_.__keyboardFocused_103a7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_103a7_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "103a7_gg_") /*__reshadow_css_end__*/, {
-  "__SWrapper": "___SWrapper_103a7_gg_",
-  "_keyboardFocused": "__keyboardFocused_103a7_gg_",
-  "__SCounter": "___SCounter_103a7_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_103a7_gg_",
-  "_selected": "__selected_103a7_gg_",
-  "_active": "__active_103a7_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1lh50_gg_.__selected_1lh50_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_1lh50_gg_.__selected_1lh50_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1lh50_gg_.__selected_1lh50_gg_.__active_1lh50_gg_,.___SFilterTrigger_1lh50_gg_.__selected_1lh50_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1lh50_gg_{display:inline-flex}.___SWrapper_1lh50_gg_:focus{outline:0}.___SWrapper_1lh50_gg_.__keyboardFocused_1lh50_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1lh50_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1lh50_gg_") /*__reshadow_css_end__*/, {
+  "__SWrapper": "___SWrapper_1lh50_gg_",
+  "_keyboardFocused": "__keyboardFocused_1lh50_gg_",
+  "__SCounter": "___SCounter_1lh50_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_1lh50_gg_",
+  "_selected": "__selected_1lh50_gg_",
+  "_active": "__active_1lh50_gg_"
 });
 var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby']);
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {
@@ -143,12 +143,14 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
   animateProps: ['width'],
   onChangeOf: ['value']
 }), (0, _uniqueID["default"])()]);
-(0, _defineProperty2["default"])(RootFilterTrigger, "defaultProps", {
-  includeInputProps: filterTriggerInputProps,
-  i18n: _intergalacticDynamicLocales.localizedMessages,
-  locale: 'en',
-  triggerRef: /*#__PURE__*/_react["default"].createRef(),
-  role: 'group'
+(0, _defineProperty2["default"])(RootFilterTrigger, "defaultProps", function () {
+  return {
+    includeInputProps: filterTriggerInputProps,
+    i18n: _intergalacticDynamicLocales.localizedMessages,
+    locale: 'en',
+    triggerRef: /*#__PURE__*/_react["default"].createRef(),
+    role: 'group'
+  };
 });
 function Counter(props) {
   var _ref2 = arguments[0],

package/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","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","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","undefined","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","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\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];\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  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    } = this.asProps;\n\n    const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\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        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          <SFilterTrigger\n            tag='button'\n            type='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              type='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              aria-label={getI18nText('clear')}\n            >\n              <FilterTrigger.Addon tag={Close} />\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":";;;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,IAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,EAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,GAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,kBAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,4BAAA,GAAAX,OAAA;AACA,IAAAY,YAAA,GAAAV,sBAAA,CAAAF,OAAA;AACA,IAAAa,oBAAA,GAAAX,sBAAA,CAAAF,OAAA;AACA,IAAAc,eAAA,GAAAd,OAAA;AACA,IAAAe,WAAA,GAAAhB,uBAAA,CAAAC,OAAA;AACA,IAAAgB,SAAA,GAAAd,sBAAA,CAAAF,OAAA;AACA,IAAAiB,aAAA,GAAAjB,OAAA;AAA+D;AAAA,IAAAkB,KAAA,+BAAApB,KAAA,CAAAqB,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI/D,IAAMC,uBAAuB,MAAAC,MAAA,KAAAC,mBAAA,aACxBC,sBAAU,IACb,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,uBAAuB,EACvB,YAAY,EACZ,iBAAiB,EAClB;AAAC,IAEIC,iBAAiB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,iBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,iBAAA;EAAA,SAAAA,kBAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,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,SAAAN,MAAA,CAAAa,IAAA;IAAA,IAAAK,gBAAA,iBAAAC,uBAAA,aAAAX,KAAA,4BAyBG,UAACY,CAAC;MAAA,OAAKA,CAAC,CAACC,eAAe,EAAE;IAAA;IAAA,IAAAH,gBAAA,iBAAAC,uBAAA,aAAAX,KAAA,kBAEpC,YAAM;MAClBc,qBAAqB,CAAC,YAAM;QAC1B,IAAAC,sBAAQ,EAACf,KAAA,CAAKgB,OAAO,CAACC,UAAU,CAACC,OAAO,CAAC;MAC3C,CAAC,CAAC;IACJ,CAAC;IAAA,OAAAlB,KAAA;EAAA;EAAA,IAAAmB,aAAA,aAAAxB,iBAAA;IAAAyB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAP,OAAA;QAAAQ,KAAA;MACP,IAAMC,QAAQ,GAwBFC,YAAG;MAvBf,IAAMC,cAAc,GAAGC,uBAAW;MAClC,IAAAC,aAAA,GAcI,IAAI,CAACb,OAAO;QAbdc,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;QACFxB,UAAU,GAAAY,aAAA,CAAVZ,UAAU;MAGZ,IAAMyB,IAAI,GAAG,IAAI,CAAC1B,OAAO,CAAC0B,IAAI,KAAK,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAC1B,OAAO,CAAC0B,IAAI;MAEzE,IAAAC,cAAA,GAAuB,IAAAC,sBAAa,EAAC,IAAI,CAAC5B,OAAO,EAAEuB,iBAAiB,CAAC;QAAAM,eAAA,OAAAC,eAAA,aAAAH,cAAA;QAA9DI,YAAY,GAAAF,eAAA;MAEnB,OAAArB,KAAA,GAAO,IAAAnC,aAAO,EAAC0C,MAAM,CAAC,eACpB5D,MAAA,YAAA6E,aAAA,CAACvB,QAAQ,EAAAD,KAAA,CAAAyB,EAAA,iBAAAC,cAAA,qBAAAlF,KAAA,CAAAmF,WAAA;QAAA,cAEKb,WAAW,CAAC,QAAQ,CAAC;QAAA,kBACjB,CAAC,IAAI,CAAC;QAAA,YACZI,IAAI;QAAA,qBACKU,SAAS;QAAA,iBACbA,SAAS;QAAA,qBACLA,SAAS;QAAA,qBACTA,SAAS;QAAA,qBACTA,SAAS;QAAA,6BACDA,SAAS;QAAA,kBACpBA,SAAS;QAAA,uBACJA;MAAS,GAAA7B,IAAA,kBAE9BpD,MAAA,YAAA6E,aAAA,CAACzE,iBAAA,WAAgB,EAAAiD,KAAA,CAAAyB,EAAA,uCACf9E,MAAA,YAAA6E,aAAA,CAACrB,cAAc,EAAAH,KAAA,CAAAyB,EAAA,uBAAAC,cAAA;QAAA,OACT,QAAQ;QAAA,QACP,QAAQ;QAAA,KACX,MAAM;QAAA,QACFhB,IAAI;QAAA,eACGC,WAAW;QAAA,SACjBH,KAAK;QAAA,YACF,CAACA,KAAK;QAAA,UACRI,MAAM;QAAA,YACJC,QAAQ;QAAA,OACbpB,UAAU;QAAA;MAAA,GAEX8B,YAAY,IAEf,IAAAM,6BAAiB,EAChBvB,QAAQ,EACRwB,aAAa,CAACC,IAAI,EAClB,CAACD,aAAa,CAACE,KAAK,EAAEF,aAAa,CAACG,OAAO,CAAC,EAC5CzB,KAAK,CACN,EACAA,KAAK,iBAAI7D,MAAA,YAAA6E,aAAA,CAACM,aAAa,CAACE,KAAK;QAACE,GAAG,EAAEC;MAAY,EAAG,CACpC,EAChB,CAAC3B,KAAK,iBACL7D,MAAA,YAAA6E,aAAA,CAACrB,cAAc,EAAAH,KAAA,CAAAyB,EAAA;QAAA,OACT,QAAQ;QAAA,QACP,QAAQ;QAAA,QACPf,IAAI;QAAA,SACHF,KAAK;QAAA;QAAA,WAEH,IAAA4B,kCAAoB,EAAC3B,OAAO,EAAE,IAAI,CAAC4B,WAAW,EAAE,IAAI,CAACC,qBAAqB,CAAC;QAAA,aACzE,IAAI,CAACA,qBAAqB;QAAA,YAC3BzB,QAAQ;QAAA,aAAA7C,MAAA,CACPgD,GAAG;QAAA,0BAAAhD,MAAA,CACUgD,GAAG,4BAAAhD,MAAA,CAAyBiD,EAAE;QAAA,cAC1CH,WAAW,CAAC,OAAO;MAAC,iBAEhCnE,MAAA,YAAA6E,aAAA,CAACM,aAAa,CAACE,KAAK;QAACE,GAAG,EAAEK;MAAM,EAAG,CAEtC,CACgB,CACV;IAEf;EAAC;EAAA,OAAApE,iBAAA;AAAA,EAlH6BqE,eAAS;AAAA,IAAAtD,gBAAA,aAAnCf,iBAAiB,iBACA,eAAe;AAAA,IAAAe,gBAAA,aADhCf,iBAAiB,WAENP,KAAK;AAAA,IAAAsB,gBAAA,aAFhBf,iBAAiB,aAGJ,CACf,IAAAsE,uBAAW,EAACC,8CAAiB,CAAC,EAC9B,IAAAC,kCAAkB,EAAC;EACjBC,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACF,IAAAC,+BAAmB,EAAC;EAClBC,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,EACF,IAAAC,oBAAmB,GAAE,CACtB;AAAA,IAAAnE,gBAAA,aAhBGf,iBAAiB,kBAiBC;EACpB4C,iBAAiB,EAAEhD,uBAAuB;EAC1CuF,IAAI,EAAEZ,8CAAiB;EACvBa,MAAM,EAAE,IAAI;EACZ9D,UAAU,eAAE+D,iBAAK,CAACC,SAAS,EAAE;EAC7BvC,IAAI,EAAE;AACR,CAAC;AA8FH,SAASe,OAAOA,CAACyB,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAMC,QAAQ,GACiC1D,uBAAW,CAAC4B,KAAK;EAAhE,OAAA6B,KAAA,GAAO,IAAAhG,aAAO,EAAC6F,KAAK,CAACnD,MAAM,CAAC,eAAC5D,MAAA,YAAA6E,aAAA,CAACsC,QAAQ,EAAAD,KAAA,CAAApC,EAAA,iBAAAC,cAAA,qBAAAlF,KAAA,CAAAmF,WAAA;IAAA,OAAiCoC;EAAG,GAAAJ,KAAA,IAAI;AAChF;AAEA,IAAM7B,aAAa,GAAG,IAAAkC,gBAAe,EACnC7F,iBAAiB,EACjB;EACE4D,IAAI,EAAE3B,uBAAW,CAAC2B,IAAI;EACtBC,KAAK,EAAE5B,uBAAW,CAAC4B,KAAK;EACxBC,OAAO,EAAPA;AACF,CAAC,EACD;EACEgC,MAAM,EAAE7D;AACV,CAAC,CACF;AAAC,IAAA8D,QAAA,GAEapC,aAAa;AAAAqC,OAAA,cAAAD,QAAA"}
+{"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","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","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","undefined","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","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\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];\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  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    } = this.asProps;\n\n    const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\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        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          <SFilterTrigger\n            tag='button'\n            type='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              type='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              aria-label={getI18nText('clear')}\n            >\n              <FilterTrigger.Addon tag={Close} />\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/lib/cjs/LinkTrigger.js

@@ -21,18 +21,18 @@ var _flexBox = require("@semcore/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_17pn9_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_17pn9_gg_.__active_17pn9_gg_,.___SLinkTrigger_17pn9_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_17pn9_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_17pn9_gg_.__active_17pn9_gg_ .___SText_17pn9_gg_,.___SLinkTrigger_17pn9_gg_:active .___SText_17pn9_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_17pn9_gg_:hover .___SText_17pn9_gg_{border-color:currentColor}}.___SLinkTrigger_17pn9_gg_ .___SText_17pn9_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_17pn9_gg_.__color_17pn9_gg_{color:var(--color_17pn9)}@media (hover:hover){.___SLinkTrigger_17pn9_gg_.__color_17pn9_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_17pn9_gg_.__disabled_17pn9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_17pn9_gg_.__keyboardFocused_17pn9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_17pn9_gg_,.___SLinkAddon_17pn9_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_17pn9_gg_:not(:only-child):first-child,.___SLinkAddon_17pn9_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_17pn9_gg_:not(:only-child):last-child,.___SLinkAddon_17pn9_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_17pn9_gg_{width:16px;height:16px}.___SLinkTrigger_17pn9_gg_._size_m_17pn9_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_17pn9_gg_._size_l_17pn9_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_17pn9_gg_,.___SLinkTrigger_17pn9_gg_ .___SText_17pn9_gg_{transition:none}}" /*__inner_css_end__*/, "17pn9_gg_") /*__reshadow_css_end__*/, {
-  "__SLinkTrigger": "___SLinkTrigger_17pn9_gg_",
-  "_disabled": "__disabled_17pn9_gg_",
-  "_keyboardFocused": "__keyboardFocused_17pn9_gg_",
-  "__SLinkAddon": "___SLinkAddon_17pn9_gg_",
-  "_size_m": "_size_m_17pn9_gg_",
-  "_size_l": "_size_l_17pn9_gg_",
-  "_active": "__active_17pn9_gg_",
-  "__SText": "___SText_17pn9_gg_",
-  "_color": "__color_17pn9_gg_",
-  "--color": "--color_17pn9",
-  "__SAddon": "___SAddon_17pn9_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1s3mb_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_1s3mb_gg_.__active_1s3mb_gg_,.___SLinkTrigger_1s3mb_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1s3mb_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1s3mb_gg_.__active_1s3mb_gg_ .___SText_1s3mb_gg_,.___SLinkTrigger_1s3mb_gg_:active .___SText_1s3mb_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1s3mb_gg_:hover .___SText_1s3mb_gg_{border-color:currentColor}}.___SLinkTrigger_1s3mb_gg_ .___SText_1s3mb_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_1s3mb_gg_.__color_1s3mb_gg_{color:var(--color_1s3mb)}@media (hover:hover){.___SLinkTrigger_1s3mb_gg_.__color_1s3mb_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1s3mb_gg_.__disabled_1s3mb_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1s3mb_gg_.__keyboardFocused_1s3mb_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1s3mb_gg_,.___SLinkAddon_1s3mb_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1s3mb_gg_:not(:only-child):first-child,.___SLinkAddon_1s3mb_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1s3mb_gg_:not(:only-child):last-child,.___SLinkAddon_1s3mb_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1s3mb_gg_{width:16px;height:16px}.___SLinkTrigger_1s3mb_gg_._size_m_1s3mb_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1s3mb_gg_._size_l_1s3mb_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1s3mb_gg_,.___SLinkTrigger_1s3mb_gg_ .___SText_1s3mb_gg_{transition:none}}" /*__inner_css_end__*/, "1s3mb_gg_") /*__reshadow_css_end__*/, {
+  "__SLinkTrigger": "___SLinkTrigger_1s3mb_gg_",
+  "_disabled": "__disabled_1s3mb_gg_",
+  "_keyboardFocused": "__keyboardFocused_1s3mb_gg_",
+  "__SLinkAddon": "___SLinkAddon_1s3mb_gg_",
+  "_size_m": "_size_m_1s3mb_gg_",
+  "_size_l": "_size_l_1s3mb_gg_",
+  "_active": "__active_1s3mb_gg_",
+  "__SText": "___SText_1s3mb_gg_",
+  "_color": "__color_1s3mb_gg_",
+  "--color": "--color_1s3mb",
+  "__SAddon": "___SAddon_1s3mb_gg_"
 });
 var RootLinkTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootLinkTrigger, _Component);

package/lib/es6/BaseTrigger.js

@@ -18,24 +18,24 @@ import logger from '@semcore/utils/lib/logger';
 import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
 import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
 /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_11vvu_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_11vvu_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_11vvu_gg_:active,.___SBaseTrigger_11vvu_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_11vvu_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_11vvu_gg_.__keyboardFocused_11vvu_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_11vvu_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_11vvu_gg_.__active_11vvu_gg_,.___SBaseTrigger_11vvu_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_11vvu_gg_.__disabled_11vvu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_11vvu_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_11vvu_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_11vvu_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_11vvu_gg_{width:12px;height:12px}.___SBaseTrigger_11vvu_gg_._size_m_11vvu_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_11vvu_gg_._size_m_11vvu_gg_ .___SAddon_11vvu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_11vvu_gg_._size_m_11vvu_gg_ .___SAddon_11vvu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_11vvu_gg_._size_l_11vvu_gg_ .___SAddon_11vvu_gg_:only-child,.___SBaseTrigger_11vvu_gg_._size_m_11vvu_gg_ .___SAddon_11vvu_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_11vvu_gg_._size_l_11vvu_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_11vvu_gg_._size_l_11vvu_gg_ .___SAddon_11vvu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_11vvu_gg_._size_l_11vvu_gg_ .___SAddon_11vvu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_11vvu_gg_._neighborLocation_right_11vvu_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_11vvu_gg_._neighborLocation_both_11vvu_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_11vvu_gg_._neighborLocation_left_11vvu_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_11vvu_gg_.__display-placeholder_11vvu_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_11vvu_gg_._state_valid_11vvu_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_11vvu_gg_._state_invalid_11vvu_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_11vvu_gg_._state_invalid_11vvu_gg_.__keyboardFocused_11vvu_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_11vvu_gg_._size_m_11vvu_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_11vvu_gg_._size_l_11vvu_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "11vvu_gg_") /*__reshadow_css_end__*/, {
-  "__SBaseTrigger": "___SBaseTrigger_11vvu_gg_",
-  "_disabled": "__disabled_11vvu_gg_",
-  "__SInner": "___SInner_11vvu_gg_",
-  "__SText": "___SText_11vvu_gg_",
-  "__SAddon": "___SAddon_11vvu_gg_",
-  "__SBaseAddon": "___SBaseAddon_11vvu_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_11vvu_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_11vvu_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_11vvu_gg_",
-  "_display-placeholder": "__display-placeholder_11vvu_gg_",
-  "_state_valid": "_state_valid_11vvu_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_11vvu_gg_",
-  "_size_m": "_size_m_11vvu_gg_",
-  "_size_l": "_size_l_11vvu_gg_",
-  "_keyboardFocused": "__keyboardFocused_11vvu_gg_",
-  "_active": "__active_11vvu_gg_",
-  "_state_invalid": "_state_invalid_11vvu_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_192y5_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_192y5_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_192y5_gg_:active,.___SBaseTrigger_192y5_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_192y5_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_192y5_gg_.__keyboardFocused_192y5_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_192y5_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_192y5_gg_.__active_192y5_gg_,.___SBaseTrigger_192y5_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_192y5_gg_.__disabled_192y5_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_192y5_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_192y5_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_192y5_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_192y5_gg_{width:12px;height:12px}.___SBaseTrigger_192y5_gg_._size_m_192y5_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_192y5_gg_._size_m_192y5_gg_ .___SAddon_192y5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_192y5_gg_._size_m_192y5_gg_ .___SAddon_192y5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_192y5_gg_._size_l_192y5_gg_ .___SAddon_192y5_gg_:only-child,.___SBaseTrigger_192y5_gg_._size_m_192y5_gg_ .___SAddon_192y5_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_192y5_gg_._size_l_192y5_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_192y5_gg_._size_l_192y5_gg_ .___SAddon_192y5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_192y5_gg_._size_l_192y5_gg_ .___SAddon_192y5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_192y5_gg_._neighborLocation_right_192y5_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_192y5_gg_._neighborLocation_both_192y5_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_192y5_gg_._neighborLocation_left_192y5_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_192y5_gg_.__display-placeholder_192y5_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_192y5_gg_._state_valid_192y5_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_192y5_gg_._state_invalid_192y5_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_192y5_gg_._state_invalid_192y5_gg_.__keyboardFocused_192y5_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_192y5_gg_._size_m_192y5_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_192y5_gg_._size_l_192y5_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "192y5_gg_") /*__reshadow_css_end__*/, {
+  "__SBaseTrigger": "___SBaseTrigger_192y5_gg_",
+  "_disabled": "__disabled_192y5_gg_",
+  "__SInner": "___SInner_192y5_gg_",
+  "__SText": "___SText_192y5_gg_",
+  "__SAddon": "___SAddon_192y5_gg_",
+  "__SBaseAddon": "___SBaseAddon_192y5_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_192y5_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_192y5_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_192y5_gg_",
+  "_display-placeholder": "__display-placeholder_192y5_gg_",
+  "_state_valid": "_state_valid_192y5_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_192y5_gg_",
+  "_size_m": "_size_m_192y5_gg_",
+  "_size_l": "_size_l_192y5_gg_",
+  "_keyboardFocused": "__keyboardFocused_192y5_gg_",
+  "_active": "__active_192y5_gg_",
+  "_state_invalid": "_state_invalid_192y5_gg_"
 });
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootBaseTrigger, _Component);
@@ -60,7 +60,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _ref = this.asProps;
       var SBaseTrigger = Box;
-      var SInner = 'div';
+      var SInner = 'span';
       var SInvalidPattern = InvalidStateBox;
       var _this$asProps2 = this.asProps,
         Children = _this$asProps2.Children,
@@ -119,7 +119,8 @@ function Addon(props) {
   var _ref3 = arguments[0],
     _ref6;
   var SAddon = Box;
-  return _ref6 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, _assignProps3({}, _ref3))));
+  var styles = props.styles;
+  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, _assignProps3({}, _ref3))));
 }
 var BaseTrigger = createComponent(RootBaseTrigger, {
   Text: Text,

package/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 = 'div';\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  return sstyled(props.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}>\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/lib/es6/ButtonTrigger.js

@@ -14,9 +14,9 @@ import Spin from '@semcore/spin';
 import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
 import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
 /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1gasd_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1gasd_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1gasd_gg_") /*__reshadow_css_end__*/, {
-  "__SButtonAddon": "___SButtonAddon_1gasd_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_1gasd_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_degip_gg_{width:12px;height:12px}.___SButtonTriggerSpin_degip_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "degip_gg_") /*__reshadow_css_end__*/, {
+  "__SButtonAddon": "___SButtonAddon_degip_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_degip_gg_"
 });
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootButtonTrigger, _Component);
@@ -26,6 +26,20 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
     return _super.apply(this, arguments);
   }
   _createClass(RootButtonTrigger, [{
+    key: "getTextProps",
+    value: function getTextProps() {
+      return {
+        tag: 'span'
+      };
+    }
+  }, {
+    key: "getAddonProps",
+    value: function getAddonProps() {
+      return {
+        tag: 'span'
+      };
+    }
+  }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
@@ -37,7 +51,9 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
         styles = _this$asProps.styles,
         loading = _this$asProps.loading,
         empty = _this$asProps.empty;
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({}, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({
+        "tag": 'button'
+      }, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
         "size": 'xs',
         "theme": false
       })) : /*#__PURE__*/React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));

package/lib/es6/ButtonTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootButtonTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","_this$asProps","Children","styles","loading","empty","createElement","_assignProps","Text","cn","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n  static enhance = [\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\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const SButtonTriggerSpin = Spin;\n    const { Children, styles, loading, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n        <SButtonAddon>\n          {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n        </SButtonAddon>\n      </Root>,\n    );\n  }\n}\n\nconst ButtonTrigger = createComponent(\n  RootButtonTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default ButtonTrigger;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,IAAI,MAAM,eAAe;AAChC,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,SAASC,kBAAkB,QAAQ,mCAAmC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;AAAA;AAAA,IAIjEC,iBAAiB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,iBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,iBAAA;EAAA,SAAAA,kBAAA;IAAAK,eAAA,OAAAL,iBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,iBAAA;IAAAS,GAAA;IAAAC,KAAA,EAgBrB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAK;MACxC,IAAMC,kBAAkB,GAAGxB,IAAI;MAC/B,IAAAyB,aAAA,GAA6C,IAAI,CAACN,OAAO;QAAjDO,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,OAAO,GAAAH,aAAA,CAAPG,OAAO;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;MAExC,OAAAT,KAAA,GAAOxB,OAAO,CAAC+B,MAAM,CAAC,eACpBnC,KAAA,CAAAsC,aAAA,CAAc/B,WAAW,EAAAgC,YAAA,KAAAb,IAAA,GACtBrB,iBAAiB,CAAC6B,QAAQ,EAAEJ,aAAa,CAACU,IAAI,EAAEV,aAAa,CAACC,KAAK,EAAEM,KAAK,CAAC,eAC5ErC,KAAA,CAAAsC,aAAA,CAACT,YAAY,EAAAD,KAAA,CAAAa,EAAA,sBACVL,OAAO,gBAAGpC,KAAA,CAAAsC,aAAA,CAACN,kBAAkB,EAAAJ,KAAA,CAAAa,EAAA;QAAA,QAAM,IAAI;QAAA,SAAQ;MAAK,GAAI,gBAAGzC,KAAA,CAAAsC,aAAA,CAAChC,WAAW,EAAAsB,KAAA,CAAAa,EAAA,oBAAG,CAC9D,CACV;IAEX;EAAC;EAAA,OAAA3B,iBAAA;AAAA,EA7B6BZ,SAAS;AAAAwC,eAAA,CAAnC5B,iBAAiB,iBACA,eAAe;AAAA4B,eAAA,CADhC5B,iBAAiB,WAENH,KAAK;AAAA+B,eAAA,CAFhB5B,iBAAiB,aAGJ,CACfJ,kBAAkB,CAAC;EACjBiC,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACFvC,mBAAmB,CAAC;EAClBwC,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAkBH,IAAMpB,aAAa,GAAG7B,eAAe,CACnCa,iBAAiB,EACjB;EACE0B,IAAI,EAAEjC,WAAW,CAACiC,IAAI;EACtBT,KAAK,EAAExB,WAAW,CAACwB;AACrB,CAAC,EACD;EACEoB,MAAM,EAAE5C;AACV,CAAC,CACF;AAED,eAAeuB,aAAa"}
+{"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootButtonTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","_this$asProps","Children","styles","loading","empty","createElement","_assignProps","Text","cn","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n  static enhance = [\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\n  getTextProps() {\n    return {\n      tag: 'span',\n    };\n  }\n  getAddonProps() {\n    return {\n      tag: 'span',\n    };\n  }\n\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const SButtonTriggerSpin = Spin;\n    const { Children, styles, loading, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger} tag={'button'}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n        <SButtonAddon>\n          {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n        </SButtonAddon>\n      </Root>,\n    );\n  }\n}\n\nconst ButtonTrigger = createComponent(\n  RootButtonTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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"}

package/lib/es6/FilterTrigger.js

@@ -28,13 +28,13 @@ import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import { setFocus } from '@semcore/utils/lib/use/useFocusLock';
 /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_103a7_gg_.__selected_103a7_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_103a7_gg_.__selected_103a7_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_103a7_gg_.__selected_103a7_gg_.__active_103a7_gg_,.___SFilterTrigger_103a7_gg_.__selected_103a7_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_103a7_gg_{display:inline-flex}.___SWrapper_103a7_gg_:focus{outline:0}.___SWrapper_103a7_gg_.__keyboardFocused_103a7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_103a7_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "103a7_gg_") /*__reshadow_css_end__*/, {
-  "__SWrapper": "___SWrapper_103a7_gg_",
-  "_keyboardFocused": "__keyboardFocused_103a7_gg_",
-  "__SCounter": "___SCounter_103a7_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_103a7_gg_",
-  "_selected": "__selected_103a7_gg_",
-  "_active": "__active_103a7_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1lh50_gg_.__selected_1lh50_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_1lh50_gg_.__selected_1lh50_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1lh50_gg_.__selected_1lh50_gg_.__active_1lh50_gg_,.___SFilterTrigger_1lh50_gg_.__selected_1lh50_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1lh50_gg_{display:inline-flex}.___SWrapper_1lh50_gg_:focus{outline:0}.___SWrapper_1lh50_gg_.__keyboardFocused_1lh50_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1lh50_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1lh50_gg_") /*__reshadow_css_end__*/, {
+  "__SWrapper": "___SWrapper_1lh50_gg_",
+  "_keyboardFocused": "__keyboardFocused_1lh50_gg_",
+  "__SCounter": "___SCounter_1lh50_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_1lh50_gg_",
+  "_selected": "__selected_1lh50_gg_",
+  "_active": "__active_1lh50_gg_"
 });
 var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby']);
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {
@@ -138,12 +138,14 @@ _defineProperty(RootFilterTrigger, "enhance", [i18nEnhance(localizedMessages), c
   animateProps: ['width'],
   onChangeOf: ['value']
 }), uniqueIDEnhancement()]);
-_defineProperty(RootFilterTrigger, "defaultProps", {
-  includeInputProps: filterTriggerInputProps,
-  i18n: localizedMessages,
-  locale: 'en',
-  triggerRef: /*#__PURE__*/React.createRef(),
-  role: 'group'
+_defineProperty(RootFilterTrigger, "defaultProps", function () {
+  return {
+    includeInputProps: filterTriggerInputProps,
+    i18n: localizedMessages,
+    locale: 'en',
+    triggerRef: /*#__PURE__*/React.createRef(),
+    role: 'group'
+  };
 });
 function Counter(props) {
   var _ref2 = arguments[0],

package/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","filterTriggerInputProps","concat","_toConsumableArray","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","_defineProperty","_assertThisInitialized","e","stopPropagation","requestAnimationFrame","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","undefined","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\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];\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  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    } = this.asProps;\n\n    const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\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        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          <SFilterTrigger\n            tag='button'\n            type='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              type='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              aria-label={getI18nText('clear')}\n            >\n              <FilterTrigger.Addon tag={Close} />\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","filterTriggerInputProps","concat","_toConsumableArray","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","_defineProperty","_assertThisInitialized","e","stopPropagation","requestAnimationFrame","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","undefined","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\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];\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  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    } = this.asProps;\n\n    const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\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        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          <SFilterTrigger\n            tag='button'\n            type='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              type='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              aria-label={getI18nText('clear')}\n            >\n              <FilterTrigger.Addon tag={Close} />\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/lib/es6/LinkTrigger.js

@@ -17,18 +17,18 @@ import { Box } from '@semcore/flex-box';
 import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
 import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
 /*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_17pn9_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_17pn9_gg_.__active_17pn9_gg_,.___SLinkTrigger_17pn9_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_17pn9_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_17pn9_gg_.__active_17pn9_gg_ .___SText_17pn9_gg_,.___SLinkTrigger_17pn9_gg_:active .___SText_17pn9_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_17pn9_gg_:hover .___SText_17pn9_gg_{border-color:currentColor}}.___SLinkTrigger_17pn9_gg_ .___SText_17pn9_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_17pn9_gg_.__color_17pn9_gg_{color:var(--color_17pn9)}@media (hover:hover){.___SLinkTrigger_17pn9_gg_.__color_17pn9_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_17pn9_gg_.__disabled_17pn9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_17pn9_gg_.__keyboardFocused_17pn9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_17pn9_gg_,.___SLinkAddon_17pn9_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_17pn9_gg_:not(:only-child):first-child,.___SLinkAddon_17pn9_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_17pn9_gg_:not(:only-child):last-child,.___SLinkAddon_17pn9_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_17pn9_gg_{width:16px;height:16px}.___SLinkTrigger_17pn9_gg_._size_m_17pn9_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_17pn9_gg_._size_l_17pn9_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_17pn9_gg_,.___SLinkTrigger_17pn9_gg_ .___SText_17pn9_gg_{transition:none}}" /*__inner_css_end__*/, "17pn9_gg_") /*__reshadow_css_end__*/, {
-  "__SLinkTrigger": "___SLinkTrigger_17pn9_gg_",
-  "_disabled": "__disabled_17pn9_gg_",
-  "_keyboardFocused": "__keyboardFocused_17pn9_gg_",
-  "__SLinkAddon": "___SLinkAddon_17pn9_gg_",
-  "_size_m": "_size_m_17pn9_gg_",
-  "_size_l": "_size_l_17pn9_gg_",
-  "_active": "__active_17pn9_gg_",
-  "__SText": "___SText_17pn9_gg_",
-  "_color": "__color_17pn9_gg_",
-  "--color": "--color_17pn9",
-  "__SAddon": "___SAddon_17pn9_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1s3mb_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_1s3mb_gg_.__active_1s3mb_gg_,.___SLinkTrigger_1s3mb_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1s3mb_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1s3mb_gg_.__active_1s3mb_gg_ .___SText_1s3mb_gg_,.___SLinkTrigger_1s3mb_gg_:active .___SText_1s3mb_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1s3mb_gg_:hover .___SText_1s3mb_gg_{border-color:currentColor}}.___SLinkTrigger_1s3mb_gg_ .___SText_1s3mb_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_1s3mb_gg_.__color_1s3mb_gg_{color:var(--color_1s3mb)}@media (hover:hover){.___SLinkTrigger_1s3mb_gg_.__color_1s3mb_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1s3mb_gg_.__disabled_1s3mb_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1s3mb_gg_.__keyboardFocused_1s3mb_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1s3mb_gg_,.___SLinkAddon_1s3mb_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1s3mb_gg_:not(:only-child):first-child,.___SLinkAddon_1s3mb_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1s3mb_gg_:not(:only-child):last-child,.___SLinkAddon_1s3mb_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1s3mb_gg_{width:16px;height:16px}.___SLinkTrigger_1s3mb_gg_._size_m_1s3mb_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1s3mb_gg_._size_l_1s3mb_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1s3mb_gg_,.___SLinkTrigger_1s3mb_gg_ .___SText_1s3mb_gg_{transition:none}}" /*__inner_css_end__*/, "1s3mb_gg_") /*__reshadow_css_end__*/, {
+  "__SLinkTrigger": "___SLinkTrigger_1s3mb_gg_",
+  "_disabled": "__disabled_1s3mb_gg_",
+  "_keyboardFocused": "__keyboardFocused_1s3mb_gg_",
+  "__SLinkAddon": "___SLinkAddon_1s3mb_gg_",
+  "_size_m": "_size_m_1s3mb_gg_",
+  "_size_l": "_size_l_1s3mb_gg_",
+  "_active": "__active_1s3mb_gg_",
+  "__SText": "___SText_1s3mb_gg_",
+  "_color": "__color_1s3mb_gg_",
+  "--color": "--color_1s3mb",
+  "__SAddon": "___SAddon_1s3mb_gg_"
 });
 var RootLinkTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootLinkTrigger, _Component);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/base-trigger",
   "description": "Semrush BaseTrigger Component",
-  "version": "4.26.6",
+  "version": "4.27.0-prerelease.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,15 +9,15 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
-    "@semcore/dot": "5.18.4",
-    "@semcore/flex-box": "5.19.3",
-    "@semcore/icon": "4.27.0",
-    "@semcore/neighbor-location": "4.17.4",
-    "@semcore/spin": "5.18.4",
-    "@semcore/utils": "4.20.4"
+    "@semcore/dot": "5.18.5-prerelease.1",
+    "@semcore/flex-box": "5.19.4-prerelease.1",
+    "@semcore/icon": "4.27.1-prerelease.1",
+    "@semcore/neighbor-location": "4.17.5-prerelease.1",
+    "@semcore/spin": "5.18.5-prerelease.1",
+    "@semcore/utils": "4.20.5-prerelease.1"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.4",
+    "@semcore/core": "^2.17.5-prerelease.1",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },