@semcore/base-trigger 16.4.3 → 16.4.4-prerelease.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,16 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [16.4.4] - 2025-11-14
6
+
7
+ ### Added
8
+
9
+ - `data-ui-name` for Inner container.
10
+
11
+ ### Fixed
12
+
13
+ - `font-family` style for the `LinkTrigger` wasn't inherited.
14
+
5
15
  ## [16.4.3] - 2025-10-29
6
16
 
7
17
  ### Changed
@@ -20,25 +20,25 @@ var _flexBox = require("@semcore/flex-box");
20
20
  var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
21
21
  var _react = _interopRequireDefault(require("react"));
22
22
  /*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
23
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_1lc4c_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;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_1lc4c_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1lc4c_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1lc4c_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1lc4c_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_1lc4c_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1lc4c_gg_.__active_1lc4c_gg_,.___SBaseTrigger_1lc4c_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1lc4c_gg_.__disabled_1lc4c_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1lc4c_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1lc4c_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_1lc4c_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_1lc4c_gg_{width:12px;height:12px}.___SBaseTrigger_1lc4c_gg_._size_m_1lc4c_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_1lc4c_gg_._size_m_1lc4c_gg_ .___SAddon_1lc4c_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lc4c_gg_._size_m_1lc4c_gg_ .___SAddon_1lc4c_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lc4c_gg_._size_l_1lc4c_gg_ .___SAddon_1lc4c_gg_:only-child,.___SBaseTrigger_1lc4c_gg_._size_m_1lc4c_gg_ .___SAddon_1lc4c_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1lc4c_gg_._size_l_1lc4c_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_1lc4c_gg_._size_l_1lc4c_gg_ .___SAddon_1lc4c_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lc4c_gg_._size_l_1lc4c_gg_ .___SAddon_1lc4c_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lc4c_gg_._neighborLocation_right_1lc4c_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1lc4c_gg_._neighborLocation_both_1lc4c_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1lc4c_gg_._neighborLocation_left_1lc4c_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_1lc4c_gg_._neighborLocation_left_1lc4c_gg_.__disabled_1lc4c_gg_{border-left:none;margin-left:0}.___SText_1lc4c_gg_.__display-placeholder_1lc4c_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1lc4c_gg_._state_valid_1lc4c_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1lc4c_gg_._state_invalid_1lc4c_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1lc4c_gg_._state_invalid_1lc4c_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SInvalidPattern_1lc4c_gg_._size_m_1lc4c_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1lc4c_gg_._size_l_1lc4c_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"1lc4c_gg_"),
23
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_1r1fq_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;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_1r1fq_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1r1fq_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1r1fq_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1r1fq_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_1r1fq_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1r1fq_gg_.__active_1r1fq_gg_,.___SBaseTrigger_1r1fq_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1r1fq_gg_.__disabled_1r1fq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1r1fq_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1r1fq_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_1r1fq_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_1r1fq_gg_{width:12px;height:12px}.___SBaseTrigger_1r1fq_gg_._size_m_1r1fq_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_1r1fq_gg_._size_m_1r1fq_gg_ .___SAddon_1r1fq_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1r1fq_gg_._size_m_1r1fq_gg_ .___SAddon_1r1fq_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1r1fq_gg_._size_l_1r1fq_gg_ .___SAddon_1r1fq_gg_:only-child,.___SBaseTrigger_1r1fq_gg_._size_m_1r1fq_gg_ .___SAddon_1r1fq_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1r1fq_gg_._size_l_1r1fq_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_1r1fq_gg_._size_l_1r1fq_gg_ .___SAddon_1r1fq_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1r1fq_gg_._size_l_1r1fq_gg_ .___SAddon_1r1fq_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1r1fq_gg_._neighborLocation_right_1r1fq_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1r1fq_gg_._neighborLocation_both_1r1fq_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1r1fq_gg_._neighborLocation_left_1r1fq_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_1r1fq_gg_._neighborLocation_left_1r1fq_gg_.__disabled_1r1fq_gg_{border-left:none;margin-left:0}.___SText_1r1fq_gg_.__display-placeholder_1r1fq_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1r1fq_gg_._state_valid_1r1fq_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1r1fq_gg_._state_invalid_1r1fq_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1r1fq_gg_._state_invalid_1r1fq_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SInvalidPattern_1r1fq_gg_._size_m_1r1fq_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1r1fq_gg_._size_l_1r1fq_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"1r1fq_gg_"),
24
24
  /*__reshadow_css_end__*/
25
25
  {
26
- "__SBaseTrigger": "___SBaseTrigger_1lc4c_gg_",
27
- "_disabled": "__disabled_1lc4c_gg_",
28
- "__SInner": "___SInner_1lc4c_gg_",
29
- "__SText": "___SText_1lc4c_gg_",
30
- "__SAddon": "___SAddon_1lc4c_gg_",
31
- "__SBaseAddon": "___SBaseAddon_1lc4c_gg_",
32
- "_neighborLocation_right": "_neighborLocation_right_1lc4c_gg_",
33
- "_neighborLocation_both": "_neighborLocation_both_1lc4c_gg_",
34
- "_display-placeholder": "__display-placeholder_1lc4c_gg_",
35
- "_state_valid": "_state_valid_1lc4c_gg_",
36
- "__SInvalidPattern": "___SInvalidPattern_1lc4c_gg_",
37
- "_size_m": "_size_m_1lc4c_gg_",
38
- "_size_l": "_size_l_1lc4c_gg_",
39
- "_active": "__active_1lc4c_gg_",
40
- "_neighborLocation_left": "_neighborLocation_left_1lc4c_gg_",
41
- "_state_invalid": "_state_invalid_1lc4c_gg_"
26
+ "__SBaseTrigger": "___SBaseTrigger_1r1fq_gg_",
27
+ "_disabled": "__disabled_1r1fq_gg_",
28
+ "__SInner": "___SInner_1r1fq_gg_",
29
+ "__SText": "___SText_1r1fq_gg_",
30
+ "__SAddon": "___SAddon_1r1fq_gg_",
31
+ "__SBaseAddon": "___SBaseAddon_1r1fq_gg_",
32
+ "_neighborLocation_right": "_neighborLocation_right_1r1fq_gg_",
33
+ "_neighborLocation_both": "_neighborLocation_both_1r1fq_gg_",
34
+ "_display-placeholder": "__display-placeholder_1r1fq_gg_",
35
+ "_state_valid": "_state_valid_1r1fq_gg_",
36
+ "__SInvalidPattern": "___SInvalidPattern_1r1fq_gg_",
37
+ "_size_m": "_size_m_1r1fq_gg_",
38
+ "_size_l": "_size_l_1r1fq_gg_",
39
+ "_active": "__active_1r1fq_gg_",
40
+ "_neighborLocation_left": "_neighborLocation_left_1r1fq_gg_",
41
+ "_state_invalid": "_state_invalid_1r1fq_gg_"
42
42
  });
43
43
  var RootBaseTrigger = /*#__PURE__*/function (_Component) {
44
44
  function RootBaseTrigger() {
@@ -60,7 +60,8 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
60
60
  }, {
61
61
  key: "render",
62
62
  value: function render() {
63
- var _ref = this.asProps;
63
+ var _ref = this.asProps,
64
+ _this = this;
64
65
  var SBaseTrigger = _flexBox.Box;
65
66
  var SInner = 'span';
66
67
  var SInvalidPattern = _flexBox.InvalidStateBox;
@@ -87,7 +88,9 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
87
88
  "state": theme
88
89
  }, _ref))), state === 'invalid' && /*#__PURE__*/_react["default"].createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
89
90
  "size": size
90
- })), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {}), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
91
+ })), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {
92
+ "data-ui-name": "".concat(_this.asProps['data-ui-name'], ".InnerTriggerWrapper")
93
+ }), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
91
94
  });
92
95
  }
93
96
  }]);
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_logger","_useCssVariable","_flexBox","_neighborLocation","_react","style","sstyled","insert","RootBaseTrigger","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_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","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 { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport React from 'react';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\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 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\n render={Box}\n tag='button'\n type='button'\n tabIndex={0}\n neighborLocation={neighborLocation}\n state={theme}\n >\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"BaseTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_logger","_useCssVariable","_flexBox","_neighborLocation","_react","style","sstyled","insert","RootBaseTrigger","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_this","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","_this$asProps2","Children","styles","theme","neighborLocation","state","size","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","concat","addonTextChildren","Text","Addon","Component","_defineProperty2","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 { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport React from 'react';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\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 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\n render={Box}\n tag='button'\n type='button'\n tabIndex={0}\n neighborLocation={neighborLocation}\n state={theme}\n >\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner data-ui-name={`${this.asProps['data-ui-name']}.InnerTriggerWrapper`}>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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","ignoreList":[]}
@@ -19,11 +19,11 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
19
19
  var _react = _interopRequireDefault(require("react"));
20
20
  var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
21
21
  /*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
22
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_1jm4p_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1jm4p_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}", /*__inner_css_end__*/"1jm4p_gg_"),
22
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_1fexa_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1fexa_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}", /*__inner_css_end__*/"1fexa_gg_"),
23
23
  /*__reshadow_css_end__*/
24
24
  {
25
- "__SButtonAddon": "___SButtonAddon_1jm4p_gg_",
26
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_1jm4p_gg_"
25
+ "__SButtonAddon": "___SButtonAddon_1fexa_gg_",
26
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_1fexa_gg_"
27
27
  });
28
28
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
29
29
  function RootButtonTrigger() {
@@ -37,14 +37,14 @@ var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
37
37
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
38
38
  var _excluded = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"];
39
39
  /*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
40
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFilterTrigger_1kb9t_gg_.__selected_1kb9t_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_1kb9t_gg_.__selected_1kb9t_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1kb9t_gg_.__selected_1kb9t_gg_.__active_1kb9t_gg_,.___SFilterTrigger_1kb9t_gg_.__selected_1kb9t_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1kb9t_gg_{display:inline-flex}.___SWrapper_1kb9t_gg_:focus{outline:0}.___SCounter_1kb9t_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}", /*__inner_css_end__*/"1kb9t_gg_"),
40
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFilterTrigger_1prjc_gg_.__selected_1prjc_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_1prjc_gg_.__selected_1prjc_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1prjc_gg_.__selected_1prjc_gg_.__active_1prjc_gg_,.___SFilterTrigger_1prjc_gg_.__selected_1prjc_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1prjc_gg_{display:inline-flex}.___SWrapper_1prjc_gg_:focus{outline:0}.___SCounter_1prjc_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}", /*__inner_css_end__*/"1prjc_gg_"),
41
41
  /*__reshadow_css_end__*/
42
42
  {
43
- "__SCounter": "___SCounter_1kb9t_gg_",
44
- "__SFilterTrigger": "___SFilterTrigger_1kb9t_gg_",
45
- "_selected": "__selected_1kb9t_gg_",
46
- "_active": "__active_1kb9t_gg_",
47
- "__SWrapper": "___SWrapper_1kb9t_gg_"
43
+ "__SCounter": "___SCounter_1prjc_gg_",
44
+ "__SFilterTrigger": "___SFilterTrigger_1prjc_gg_",
45
+ "_selected": "__selected_1prjc_gg_",
46
+ "_active": "__active_1prjc_gg_",
47
+ "__SWrapper": "___SWrapper_1prjc_gg_"
48
48
  });
49
49
  var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
50
50
  var RootFilterTrigger = /*#__PURE__*/function (_Component) {
@@ -19,19 +19,19 @@ var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
19
19
  var _spin = _interopRequireDefault(require("@semcore/spin"));
20
20
  var _react = _interopRequireDefault(require("react"));
21
21
  /*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
22
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLinkTrigger_17zx6_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_17zx6_gg_.__active_17zx6_gg_,.___SLinkTrigger_17zx6_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_17zx6_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_17zx6_gg_.__active_17zx6_gg_ .___SText_17zx6_gg_,.___SLinkTrigger_17zx6_gg_:active .___SText_17zx6_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_17zx6_gg_:hover .___SText_17zx6_gg_{border-color:currentColor}}.___SLinkTrigger_17zx6_gg_ .___SText_17zx6_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_17zx6_gg_.__color_17zx6_gg_{color:var(--color_17zx6)}@media (hover:hover){.___SLinkTrigger_17zx6_gg_.__color_17zx6_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_17zx6_gg_.__disabled_17zx6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_17zx6_gg_,.___SLinkAddon_17zx6_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_17zx6_gg_:not(:only-child):first-child,.___SLinkAddon_17zx6_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_17zx6_gg_:not(:only-child):last-child,.___SLinkAddon_17zx6_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_17zx6_gg_{width:16px;height:16px}.___SLinkTrigger_17zx6_gg_._size_m_17zx6_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_17zx6_gg_._size_l_17zx6_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_17zx6_gg_,.___SLinkTrigger_17zx6_gg_ .___SText_17zx6_gg_{transition:none}}", /*__inner_css_end__*/"17zx6_gg_"),
22
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLinkTrigger_3zuia_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;font-family:inherit;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_3zuia_gg_.__active_3zuia_gg_,.___SLinkTrigger_3zuia_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_3zuia_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_3zuia_gg_.__active_3zuia_gg_ .___SText_3zuia_gg_,.___SLinkTrigger_3zuia_gg_:active .___SText_3zuia_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_3zuia_gg_:hover .___SText_3zuia_gg_{border-color:currentColor}}.___SLinkTrigger_3zuia_gg_ .___SText_3zuia_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_3zuia_gg_.__color_3zuia_gg_{color:var(--color_3zuia)}@media (hover:hover){.___SLinkTrigger_3zuia_gg_.__color_3zuia_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_3zuia_gg_.__disabled_3zuia_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_3zuia_gg_,.___SLinkAddon_3zuia_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_3zuia_gg_:not(:only-child):first-child,.___SLinkAddon_3zuia_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_3zuia_gg_:not(:only-child):last-child,.___SLinkAddon_3zuia_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_3zuia_gg_{width:16px;height:16px}.___SLinkTrigger_3zuia_gg_._size_m_3zuia_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_3zuia_gg_._size_l_3zuia_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_3zuia_gg_,.___SLinkTrigger_3zuia_gg_ .___SText_3zuia_gg_{transition:none}}", /*__inner_css_end__*/"3zuia_gg_"),
23
23
  /*__reshadow_css_end__*/
24
24
  {
25
- "__SLinkTrigger": "___SLinkTrigger_17zx6_gg_",
26
- "_disabled": "__disabled_17zx6_gg_",
27
- "__SLinkAddon": "___SLinkAddon_17zx6_gg_",
28
- "_size_m": "_size_m_17zx6_gg_",
29
- "_size_l": "_size_l_17zx6_gg_",
30
- "_active": "__active_17zx6_gg_",
31
- "__SText": "___SText_17zx6_gg_",
32
- "_color": "__color_17zx6_gg_",
33
- "--color": "--color_17zx6",
34
- "__SAddon": "___SAddon_17zx6_gg_"
25
+ "__SLinkTrigger": "___SLinkTrigger_3zuia_gg_",
26
+ "_disabled": "__disabled_3zuia_gg_",
27
+ "__SLinkAddon": "___SLinkAddon_3zuia_gg_",
28
+ "_size_m": "_size_m_3zuia_gg_",
29
+ "_size_l": "_size_l_3zuia_gg_",
30
+ "_active": "__active_3zuia_gg_",
31
+ "__SText": "___SText_3zuia_gg_",
32
+ "_color": "__color_3zuia_gg_",
33
+ "--color": "--color_3zuia",
34
+ "__SAddon": "___SAddon_3zuia_gg_"
35
35
  });
36
36
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
37
37
  function RootLinkTrigger() {
@@ -14,6 +14,7 @@ SLinkTrigger {
14
14
  overflow: visible;
15
15
  outline: 0;
16
16
  vertical-align: middle;
17
+ font-family: inherit;
17
18
  cursor: pointer;
18
19
  color: var(--intergalactic-text-link, #006dca);
19
20
  background: none;
@@ -17,25 +17,25 @@ import { Box, InvalidStateBox } from '@semcore/flex-box';
17
17
  import NeighborLocation from '@semcore/neighbor-location';
18
18
  import React from 'react';
19
19
  /*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
20
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_1lc4c_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;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_1lc4c_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1lc4c_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1lc4c_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1lc4c_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_1lc4c_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1lc4c_gg_.__active_1lc4c_gg_,.___SBaseTrigger_1lc4c_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1lc4c_gg_.__disabled_1lc4c_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1lc4c_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1lc4c_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_1lc4c_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_1lc4c_gg_{width:12px;height:12px}.___SBaseTrigger_1lc4c_gg_._size_m_1lc4c_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_1lc4c_gg_._size_m_1lc4c_gg_ .___SAddon_1lc4c_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lc4c_gg_._size_m_1lc4c_gg_ .___SAddon_1lc4c_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lc4c_gg_._size_l_1lc4c_gg_ .___SAddon_1lc4c_gg_:only-child,.___SBaseTrigger_1lc4c_gg_._size_m_1lc4c_gg_ .___SAddon_1lc4c_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1lc4c_gg_._size_l_1lc4c_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_1lc4c_gg_._size_l_1lc4c_gg_ .___SAddon_1lc4c_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lc4c_gg_._size_l_1lc4c_gg_ .___SAddon_1lc4c_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lc4c_gg_._neighborLocation_right_1lc4c_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1lc4c_gg_._neighborLocation_both_1lc4c_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1lc4c_gg_._neighborLocation_left_1lc4c_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_1lc4c_gg_._neighborLocation_left_1lc4c_gg_.__disabled_1lc4c_gg_{border-left:none;margin-left:0}.___SText_1lc4c_gg_.__display-placeholder_1lc4c_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1lc4c_gg_._state_valid_1lc4c_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1lc4c_gg_._state_invalid_1lc4c_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1lc4c_gg_._state_invalid_1lc4c_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SInvalidPattern_1lc4c_gg_._size_m_1lc4c_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1lc4c_gg_._size_l_1lc4c_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"1lc4c_gg_"),
20
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_1r1fq_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;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_1r1fq_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1r1fq_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1r1fq_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1r1fq_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_1r1fq_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1r1fq_gg_.__active_1r1fq_gg_,.___SBaseTrigger_1r1fq_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1r1fq_gg_.__disabled_1r1fq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1r1fq_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1r1fq_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_1r1fq_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_1r1fq_gg_{width:12px;height:12px}.___SBaseTrigger_1r1fq_gg_._size_m_1r1fq_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_1r1fq_gg_._size_m_1r1fq_gg_ .___SAddon_1r1fq_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1r1fq_gg_._size_m_1r1fq_gg_ .___SAddon_1r1fq_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1r1fq_gg_._size_l_1r1fq_gg_ .___SAddon_1r1fq_gg_:only-child,.___SBaseTrigger_1r1fq_gg_._size_m_1r1fq_gg_ .___SAddon_1r1fq_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1r1fq_gg_._size_l_1r1fq_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_1r1fq_gg_._size_l_1r1fq_gg_ .___SAddon_1r1fq_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1r1fq_gg_._size_l_1r1fq_gg_ .___SAddon_1r1fq_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1r1fq_gg_._neighborLocation_right_1r1fq_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1r1fq_gg_._neighborLocation_both_1r1fq_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1r1fq_gg_._neighborLocation_left_1r1fq_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_1r1fq_gg_._neighborLocation_left_1r1fq_gg_.__disabled_1r1fq_gg_{border-left:none;margin-left:0}.___SText_1r1fq_gg_.__display-placeholder_1r1fq_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1r1fq_gg_._state_valid_1r1fq_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1r1fq_gg_._state_invalid_1r1fq_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1r1fq_gg_._state_invalid_1r1fq_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SInvalidPattern_1r1fq_gg_._size_m_1r1fq_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1r1fq_gg_._size_l_1r1fq_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"1r1fq_gg_"),
21
21
  /*__reshadow_css_end__*/
22
22
  {
23
- "__SBaseTrigger": "___SBaseTrigger_1lc4c_gg_",
24
- "_disabled": "__disabled_1lc4c_gg_",
25
- "__SInner": "___SInner_1lc4c_gg_",
26
- "__SText": "___SText_1lc4c_gg_",
27
- "__SAddon": "___SAddon_1lc4c_gg_",
28
- "__SBaseAddon": "___SBaseAddon_1lc4c_gg_",
29
- "_neighborLocation_right": "_neighborLocation_right_1lc4c_gg_",
30
- "_neighborLocation_both": "_neighborLocation_both_1lc4c_gg_",
31
- "_display-placeholder": "__display-placeholder_1lc4c_gg_",
32
- "_state_valid": "_state_valid_1lc4c_gg_",
33
- "__SInvalidPattern": "___SInvalidPattern_1lc4c_gg_",
34
- "_size_m": "_size_m_1lc4c_gg_",
35
- "_size_l": "_size_l_1lc4c_gg_",
36
- "_active": "__active_1lc4c_gg_",
37
- "_neighborLocation_left": "_neighborLocation_left_1lc4c_gg_",
38
- "_state_invalid": "_state_invalid_1lc4c_gg_"
23
+ "__SBaseTrigger": "___SBaseTrigger_1r1fq_gg_",
24
+ "_disabled": "__disabled_1r1fq_gg_",
25
+ "__SInner": "___SInner_1r1fq_gg_",
26
+ "__SText": "___SText_1r1fq_gg_",
27
+ "__SAddon": "___SAddon_1r1fq_gg_",
28
+ "__SBaseAddon": "___SBaseAddon_1r1fq_gg_",
29
+ "_neighborLocation_right": "_neighborLocation_right_1r1fq_gg_",
30
+ "_neighborLocation_both": "_neighborLocation_both_1r1fq_gg_",
31
+ "_display-placeholder": "__display-placeholder_1r1fq_gg_",
32
+ "_state_valid": "_state_valid_1r1fq_gg_",
33
+ "__SInvalidPattern": "___SInvalidPattern_1r1fq_gg_",
34
+ "_size_m": "_size_m_1r1fq_gg_",
35
+ "_size_l": "_size_l_1r1fq_gg_",
36
+ "_active": "__active_1r1fq_gg_",
37
+ "_neighborLocation_left": "_neighborLocation_left_1r1fq_gg_",
38
+ "_state_invalid": "_state_invalid_1r1fq_gg_"
39
39
  });
40
40
  var RootBaseTrigger = /*#__PURE__*/function (_Component) {
41
41
  function RootBaseTrigger() {
@@ -57,7 +57,8 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
57
57
  }, {
58
58
  key: "render",
59
59
  value: function render() {
60
- var _ref = this.asProps;
60
+ var _ref = this.asProps,
61
+ _this = this;
61
62
  var SBaseTrigger = Box;
62
63
  var SInner = 'span';
63
64
  var SInvalidPattern = InvalidStateBox;
@@ -84,7 +85,9 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
84
85
  "state": theme
85
86
  }, _ref))), state === 'invalid' && /*#__PURE__*/React.createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
86
87
  "size": size
87
- })), /*#__PURE__*/React.createElement(SInner, _ref4.cn("SInner", {}), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
88
+ })), /*#__PURE__*/React.createElement(SInner, _ref4.cn("SInner", {
89
+ "data-ui-name": "".concat(_this.asProps['data-ui-name'], ".InnerTriggerWrapper")
90
+ }), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
88
91
  });
89
92
  }
90
93
  }]);
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTrigger.js","names":["createComponent","Component","Root","sstyled","addonTextChildren","animatedSizeEnhance","logger","cssVariableEnhance","Box","InvalidStateBox","NeighborLocation","React","style","_sstyled","insert","RootBaseTrigger","_Component","_classCallCheck","_callSuper","arguments","_inherits","_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 { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport React from 'react';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\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 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\n render={Box}\n tag='button'\n type='button'\n tabIndex={0}\n neighborLocation={neighborLocation}\n state={theme}\n >\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"BaseTrigger.js","names":["createComponent","Component","Root","sstyled","addonTextChildren","animatedSizeEnhance","logger","cssVariableEnhance","Box","InvalidStateBox","NeighborLocation","React","style","_sstyled","insert","RootBaseTrigger","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_this","SBaseTrigger","SInner","SInvalidPattern","_this$asProps2","Children","styles","theme","neighborLocation","state","size","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","concat","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 { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport React from 'react';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\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 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\n render={Box}\n tag='button'\n type='button'\n tabIndex={0}\n neighborLocation={neighborLocation}\n state={theme}\n >\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner data-ui-name={`${this.asProps['data-ui-name']}.InnerTriggerWrapper`}>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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","ignoreList":[]}
@@ -14,11 +14,11 @@ import Spin from '@semcore/spin';
14
14
  import React from 'react';
15
15
  import BaseTrigger from './BaseTrigger';
16
16
  /*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
17
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_1jm4p_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1jm4p_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}", /*__inner_css_end__*/"1jm4p_gg_"),
17
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_1fexa_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1fexa_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}", /*__inner_css_end__*/"1fexa_gg_"),
18
18
  /*__reshadow_css_end__*/
19
19
  {
20
- "__SButtonAddon": "___SButtonAddon_1jm4p_gg_",
21
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_1jm4p_gg_"
20
+ "__SButtonAddon": "___SButtonAddon_1fexa_gg_",
21
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_1fexa_gg_"
22
22
  });
23
23
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
24
24
  function RootButtonTrigger() {
@@ -33,14 +33,14 @@ import { Hint } from '@semcore/tooltip';
33
33
  import React from 'react';
34
34
  import BaseTrigger from './BaseTrigger';
35
35
  /*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
36
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFilterTrigger_1kb9t_gg_.__selected_1kb9t_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_1kb9t_gg_.__selected_1kb9t_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1kb9t_gg_.__selected_1kb9t_gg_.__active_1kb9t_gg_,.___SFilterTrigger_1kb9t_gg_.__selected_1kb9t_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1kb9t_gg_{display:inline-flex}.___SWrapper_1kb9t_gg_:focus{outline:0}.___SCounter_1kb9t_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}", /*__inner_css_end__*/"1kb9t_gg_"),
36
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFilterTrigger_1prjc_gg_.__selected_1prjc_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_1prjc_gg_.__selected_1prjc_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1prjc_gg_.__selected_1prjc_gg_.__active_1prjc_gg_,.___SFilterTrigger_1prjc_gg_.__selected_1prjc_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1prjc_gg_{display:inline-flex}.___SWrapper_1prjc_gg_:focus{outline:0}.___SCounter_1prjc_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}", /*__inner_css_end__*/"1prjc_gg_"),
37
37
  /*__reshadow_css_end__*/
38
38
  {
39
- "__SCounter": "___SCounter_1kb9t_gg_",
40
- "__SFilterTrigger": "___SFilterTrigger_1kb9t_gg_",
41
- "_selected": "__selected_1kb9t_gg_",
42
- "_active": "__active_1kb9t_gg_",
43
- "__SWrapper": "___SWrapper_1kb9t_gg_"
39
+ "__SCounter": "___SCounter_1prjc_gg_",
40
+ "__SFilterTrigger": "___SFilterTrigger_1prjc_gg_",
41
+ "_selected": "__selected_1prjc_gg_",
42
+ "_active": "__active_1prjc_gg_",
43
+ "__SWrapper": "___SWrapper_1prjc_gg_"
44
44
  });
45
45
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
46
46
  var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
@@ -16,19 +16,19 @@ import ChevronDown from '@semcore/icon/ChevronDown/m';
16
16
  import Spin from '@semcore/spin';
17
17
  import React from 'react';
18
18
  /*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
19
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLinkTrigger_17zx6_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_17zx6_gg_.__active_17zx6_gg_,.___SLinkTrigger_17zx6_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_17zx6_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_17zx6_gg_.__active_17zx6_gg_ .___SText_17zx6_gg_,.___SLinkTrigger_17zx6_gg_:active .___SText_17zx6_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_17zx6_gg_:hover .___SText_17zx6_gg_{border-color:currentColor}}.___SLinkTrigger_17zx6_gg_ .___SText_17zx6_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_17zx6_gg_.__color_17zx6_gg_{color:var(--color_17zx6)}@media (hover:hover){.___SLinkTrigger_17zx6_gg_.__color_17zx6_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_17zx6_gg_.__disabled_17zx6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_17zx6_gg_,.___SLinkAddon_17zx6_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_17zx6_gg_:not(:only-child):first-child,.___SLinkAddon_17zx6_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_17zx6_gg_:not(:only-child):last-child,.___SLinkAddon_17zx6_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_17zx6_gg_{width:16px;height:16px}.___SLinkTrigger_17zx6_gg_._size_m_17zx6_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_17zx6_gg_._size_l_17zx6_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_17zx6_gg_,.___SLinkTrigger_17zx6_gg_ .___SText_17zx6_gg_{transition:none}}", /*__inner_css_end__*/"17zx6_gg_"),
19
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLinkTrigger_3zuia_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;font-family:inherit;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_3zuia_gg_.__active_3zuia_gg_,.___SLinkTrigger_3zuia_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_3zuia_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_3zuia_gg_.__active_3zuia_gg_ .___SText_3zuia_gg_,.___SLinkTrigger_3zuia_gg_:active .___SText_3zuia_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_3zuia_gg_:hover .___SText_3zuia_gg_{border-color:currentColor}}.___SLinkTrigger_3zuia_gg_ .___SText_3zuia_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_3zuia_gg_.__color_3zuia_gg_{color:var(--color_3zuia)}@media (hover:hover){.___SLinkTrigger_3zuia_gg_.__color_3zuia_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_3zuia_gg_.__disabled_3zuia_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_3zuia_gg_,.___SLinkAddon_3zuia_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_3zuia_gg_:not(:only-child):first-child,.___SLinkAddon_3zuia_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_3zuia_gg_:not(:only-child):last-child,.___SLinkAddon_3zuia_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_3zuia_gg_{width:16px;height:16px}.___SLinkTrigger_3zuia_gg_._size_m_3zuia_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_3zuia_gg_._size_l_3zuia_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_3zuia_gg_,.___SLinkTrigger_3zuia_gg_ .___SText_3zuia_gg_{transition:none}}", /*__inner_css_end__*/"3zuia_gg_"),
20
20
  /*__reshadow_css_end__*/
21
21
  {
22
- "__SLinkTrigger": "___SLinkTrigger_17zx6_gg_",
23
- "_disabled": "__disabled_17zx6_gg_",
24
- "__SLinkAddon": "___SLinkAddon_17zx6_gg_",
25
- "_size_m": "_size_m_17zx6_gg_",
26
- "_size_l": "_size_l_17zx6_gg_",
27
- "_active": "__active_17zx6_gg_",
28
- "__SText": "___SText_17zx6_gg_",
29
- "_color": "__color_17zx6_gg_",
30
- "--color": "--color_17zx6",
31
- "__SAddon": "___SAddon_17zx6_gg_"
22
+ "__SLinkTrigger": "___SLinkTrigger_3zuia_gg_",
23
+ "_disabled": "__disabled_3zuia_gg_",
24
+ "__SLinkAddon": "___SLinkAddon_3zuia_gg_",
25
+ "_size_m": "_size_m_3zuia_gg_",
26
+ "_size_l": "_size_l_3zuia_gg_",
27
+ "_active": "__active_3zuia_gg_",
28
+ "__SText": "___SText_3zuia_gg_",
29
+ "_color": "__color_3zuia_gg_",
30
+ "--color": "--color_3zuia",
31
+ "__SAddon": "___SAddon_3zuia_gg_"
32
32
  });
33
33
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
34
34
  function RootLinkTrigger() {
@@ -14,6 +14,7 @@ SLinkTrigger {
14
14
  overflow: visible;
15
15
  outline: 0;
16
16
  vertical-align: middle;
17
+ font-family: inherit;
17
18
  cursor: pointer;
18
19
  color: var(--intergalactic-text-link, #006dca);
19
20
  background: none;
@@ -17,27 +17,27 @@ var style = (
17
17
  /*__reshadow_css_start__*/
18
18
  (sstyled.insert(
19
19
  /*__inner_css_start__*/
20
- ".___SBaseTrigger_1lc4c_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;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_1lc4c_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1lc4c_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1lc4c_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1lc4c_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_1lc4c_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1lc4c_gg_.__active_1lc4c_gg_,.___SBaseTrigger_1lc4c_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1lc4c_gg_.__disabled_1lc4c_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1lc4c_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1lc4c_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_1lc4c_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_1lc4c_gg_{width:12px;height:12px}.___SBaseTrigger_1lc4c_gg_._size_m_1lc4c_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_1lc4c_gg_._size_m_1lc4c_gg_ .___SAddon_1lc4c_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lc4c_gg_._size_m_1lc4c_gg_ .___SAddon_1lc4c_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lc4c_gg_._size_l_1lc4c_gg_ .___SAddon_1lc4c_gg_:only-child,.___SBaseTrigger_1lc4c_gg_._size_m_1lc4c_gg_ .___SAddon_1lc4c_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1lc4c_gg_._size_l_1lc4c_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_1lc4c_gg_._size_l_1lc4c_gg_ .___SAddon_1lc4c_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lc4c_gg_._size_l_1lc4c_gg_ .___SAddon_1lc4c_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lc4c_gg_._neighborLocation_right_1lc4c_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1lc4c_gg_._neighborLocation_both_1lc4c_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1lc4c_gg_._neighborLocation_left_1lc4c_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_1lc4c_gg_._neighborLocation_left_1lc4c_gg_.__disabled_1lc4c_gg_{border-left:none;margin-left:0}.___SText_1lc4c_gg_.__display-placeholder_1lc4c_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1lc4c_gg_._state_valid_1lc4c_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1lc4c_gg_._state_invalid_1lc4c_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1lc4c_gg_._state_invalid_1lc4c_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SInvalidPattern_1lc4c_gg_._size_m_1lc4c_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1lc4c_gg_._size_l_1lc4c_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}",
20
+ ".___SBaseTrigger_1r1fq_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;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_1r1fq_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1r1fq_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1r1fq_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1r1fq_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_1r1fq_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1r1fq_gg_.__active_1r1fq_gg_,.___SBaseTrigger_1r1fq_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1r1fq_gg_.__disabled_1r1fq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1r1fq_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1r1fq_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_1r1fq_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_1r1fq_gg_{width:12px;height:12px}.___SBaseTrigger_1r1fq_gg_._size_m_1r1fq_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_1r1fq_gg_._size_m_1r1fq_gg_ .___SAddon_1r1fq_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1r1fq_gg_._size_m_1r1fq_gg_ .___SAddon_1r1fq_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1r1fq_gg_._size_l_1r1fq_gg_ .___SAddon_1r1fq_gg_:only-child,.___SBaseTrigger_1r1fq_gg_._size_m_1r1fq_gg_ .___SAddon_1r1fq_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1r1fq_gg_._size_l_1r1fq_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_1r1fq_gg_._size_l_1r1fq_gg_ .___SAddon_1r1fq_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1r1fq_gg_._size_l_1r1fq_gg_ .___SAddon_1r1fq_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1r1fq_gg_._neighborLocation_right_1r1fq_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1r1fq_gg_._neighborLocation_both_1r1fq_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1r1fq_gg_._neighborLocation_left_1r1fq_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_1r1fq_gg_._neighborLocation_left_1r1fq_gg_.__disabled_1r1fq_gg_{border-left:none;margin-left:0}.___SText_1r1fq_gg_.__display-placeholder_1r1fq_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1r1fq_gg_._state_valid_1r1fq_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1r1fq_gg_._state_invalid_1r1fq_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1r1fq_gg_._state_invalid_1r1fq_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SInvalidPattern_1r1fq_gg_._size_m_1r1fq_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1r1fq_gg_._size_l_1r1fq_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}",
21
21
  /*__inner_css_end__*/
22
- "1lc4c_gg_"
22
+ "1r1fq_gg_"
23
23
  ), /*__reshadow_css_end__*/
24
24
  {
25
- "__SBaseTrigger": "___SBaseTrigger_1lc4c_gg_",
26
- "_disabled": "__disabled_1lc4c_gg_",
27
- "__SInner": "___SInner_1lc4c_gg_",
28
- "__SText": "___SText_1lc4c_gg_",
29
- "__SAddon": "___SAddon_1lc4c_gg_",
30
- "__SBaseAddon": "___SBaseAddon_1lc4c_gg_",
31
- "_neighborLocation_right": "_neighborLocation_right_1lc4c_gg_",
32
- "_neighborLocation_both": "_neighborLocation_both_1lc4c_gg_",
33
- "_display-placeholder": "__display-placeholder_1lc4c_gg_",
34
- "_state_valid": "_state_valid_1lc4c_gg_",
35
- "__SInvalidPattern": "___SInvalidPattern_1lc4c_gg_",
36
- "_size_m": "_size_m_1lc4c_gg_",
37
- "_size_l": "_size_l_1lc4c_gg_",
38
- "_active": "__active_1lc4c_gg_",
39
- "_neighborLocation_left": "_neighborLocation_left_1lc4c_gg_",
40
- "_state_invalid": "_state_invalid_1lc4c_gg_"
25
+ "__SBaseTrigger": "___SBaseTrigger_1r1fq_gg_",
26
+ "_disabled": "__disabled_1r1fq_gg_",
27
+ "__SInner": "___SInner_1r1fq_gg_",
28
+ "__SText": "___SText_1r1fq_gg_",
29
+ "__SAddon": "___SAddon_1r1fq_gg_",
30
+ "__SBaseAddon": "___SBaseAddon_1r1fq_gg_",
31
+ "_neighborLocation_right": "_neighborLocation_right_1r1fq_gg_",
32
+ "_neighborLocation_both": "_neighborLocation_both_1r1fq_gg_",
33
+ "_display-placeholder": "__display-placeholder_1r1fq_gg_",
34
+ "_state_valid": "_state_valid_1r1fq_gg_",
35
+ "__SInvalidPattern": "___SInvalidPattern_1r1fq_gg_",
36
+ "_size_m": "_size_m_1r1fq_gg_",
37
+ "_size_l": "_size_l_1r1fq_gg_",
38
+ "_active": "__active_1r1fq_gg_",
39
+ "_neighborLocation_left": "_neighborLocation_left_1r1fq_gg_",
40
+ "_state_invalid": "_state_invalid_1r1fq_gg_"
41
41
  })
42
42
  );
43
43
  var RootBaseTrigger = /* @__PURE__ */ (function(_Component) {
@@ -58,7 +58,7 @@ var RootBaseTrigger = /* @__PURE__ */ (function(_Component) {
58
58
  }, {
59
59
  key: "render",
60
60
  value: function render() {
61
- var _ref = this.asProps;
61
+ var _ref = this.asProps, _this = this;
62
62
  var SBaseTrigger = Box;
63
63
  var SInner = "span";
64
64
  var SInvalidPattern = InvalidStateBox;
@@ -76,7 +76,9 @@ var RootBaseTrigger = /* @__PURE__ */ (function(_Component) {
76
76
  "state": theme
77
77
  }, _ref))), state === "invalid" && /* @__PURE__ */ React.createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
78
78
  "size": size
79
- })), /* @__PURE__ */ React.createElement(SInner, _ref4.cn("SInner", {}), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
79
+ })), /* @__PURE__ */ React.createElement(SInner, _ref4.cn("SInner", {
80
+ "data-ui-name": "".concat(_this.asProps["data-ui-name"], ".InnerTriggerWrapper")
81
+ }), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
80
82
  });
81
83
  }
82
84
  }]);
@@ -16,13 +16,13 @@ var style = (
16
16
  /*__reshadow_css_start__*/
17
17
  (sstyled.insert(
18
18
  /*__inner_css_start__*/
19
- ".___SButtonAddon_1jm4p_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1jm4p_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}",
19
+ ".___SButtonAddon_1fexa_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1fexa_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}",
20
20
  /*__inner_css_end__*/
21
- "1jm4p_gg_"
21
+ "1fexa_gg_"
22
22
  ), /*__reshadow_css_end__*/
23
23
  {
24
- "__SButtonAddon": "___SButtonAddon_1jm4p_gg_",
25
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_1jm4p_gg_"
24
+ "__SButtonAddon": "___SButtonAddon_1fexa_gg_",
25
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_1fexa_gg_"
26
26
  })
27
27
  );
28
28
  var RootButtonTrigger = /* @__PURE__ */ (function(_Component) {
@@ -33,16 +33,16 @@ var style = (
33
33
  /*__reshadow_css_start__*/
34
34
  (sstyled.insert(
35
35
  /*__inner_css_start__*/
36
- ".___SFilterTrigger_1kb9t_gg_.__selected_1kb9t_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_1kb9t_gg_.__selected_1kb9t_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1kb9t_gg_.__selected_1kb9t_gg_.__active_1kb9t_gg_,.___SFilterTrigger_1kb9t_gg_.__selected_1kb9t_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1kb9t_gg_{display:inline-flex}.___SWrapper_1kb9t_gg_:focus{outline:0}.___SCounter_1kb9t_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}",
36
+ ".___SFilterTrigger_1prjc_gg_.__selected_1prjc_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_1prjc_gg_.__selected_1prjc_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1prjc_gg_.__selected_1prjc_gg_.__active_1prjc_gg_,.___SFilterTrigger_1prjc_gg_.__selected_1prjc_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1prjc_gg_{display:inline-flex}.___SWrapper_1prjc_gg_:focus{outline:0}.___SCounter_1prjc_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}",
37
37
  /*__inner_css_end__*/
38
- "1kb9t_gg_"
38
+ "1prjc_gg_"
39
39
  ), /*__reshadow_css_end__*/
40
40
  {
41
- "__SCounter": "___SCounter_1kb9t_gg_",
42
- "__SFilterTrigger": "___SFilterTrigger_1kb9t_gg_",
43
- "_selected": "__selected_1kb9t_gg_",
44
- "_active": "__active_1kb9t_gg_",
45
- "__SWrapper": "___SWrapper_1kb9t_gg_"
41
+ "__SCounter": "___SCounter_1prjc_gg_",
42
+ "__SFilterTrigger": "___SFilterTrigger_1prjc_gg_",
43
+ "_selected": "__selected_1prjc_gg_",
44
+ "_active": "__active_1prjc_gg_",
45
+ "__SWrapper": "___SWrapper_1prjc_gg_"
46
46
  })
47
47
  );
48
48
  var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ["aria-controls", "aria-haspopup", "aria-expanded", "aria-disabled", "aria-activedescendant", "aria-label", "aria-labelledby", "role"]);
@@ -16,21 +16,21 @@ var style = (
16
16
  /*__reshadow_css_start__*/
17
17
  (sstyled.insert(
18
18
  /*__inner_css_start__*/
19
- ".___SLinkTrigger_17zx6_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_17zx6_gg_.__active_17zx6_gg_,.___SLinkTrigger_17zx6_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_17zx6_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_17zx6_gg_.__active_17zx6_gg_ .___SText_17zx6_gg_,.___SLinkTrigger_17zx6_gg_:active .___SText_17zx6_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_17zx6_gg_:hover .___SText_17zx6_gg_{border-color:currentColor}}.___SLinkTrigger_17zx6_gg_ .___SText_17zx6_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_17zx6_gg_.__color_17zx6_gg_{color:var(--color_17zx6)}@media (hover:hover){.___SLinkTrigger_17zx6_gg_.__color_17zx6_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_17zx6_gg_.__disabled_17zx6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_17zx6_gg_,.___SLinkAddon_17zx6_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_17zx6_gg_:not(:only-child):first-child,.___SLinkAddon_17zx6_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_17zx6_gg_:not(:only-child):last-child,.___SLinkAddon_17zx6_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_17zx6_gg_{width:16px;height:16px}.___SLinkTrigger_17zx6_gg_._size_m_17zx6_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_17zx6_gg_._size_l_17zx6_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_17zx6_gg_,.___SLinkTrigger_17zx6_gg_ .___SText_17zx6_gg_{transition:none}}",
19
+ ".___SLinkTrigger_3zuia_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;font-family:inherit;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_3zuia_gg_.__active_3zuia_gg_,.___SLinkTrigger_3zuia_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_3zuia_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_3zuia_gg_.__active_3zuia_gg_ .___SText_3zuia_gg_,.___SLinkTrigger_3zuia_gg_:active .___SText_3zuia_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_3zuia_gg_:hover .___SText_3zuia_gg_{border-color:currentColor}}.___SLinkTrigger_3zuia_gg_ .___SText_3zuia_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_3zuia_gg_.__color_3zuia_gg_{color:var(--color_3zuia)}@media (hover:hover){.___SLinkTrigger_3zuia_gg_.__color_3zuia_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_3zuia_gg_.__disabled_3zuia_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_3zuia_gg_,.___SLinkAddon_3zuia_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_3zuia_gg_:not(:only-child):first-child,.___SLinkAddon_3zuia_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_3zuia_gg_:not(:only-child):last-child,.___SLinkAddon_3zuia_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_3zuia_gg_{width:16px;height:16px}.___SLinkTrigger_3zuia_gg_._size_m_3zuia_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_3zuia_gg_._size_l_3zuia_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_3zuia_gg_,.___SLinkTrigger_3zuia_gg_ .___SText_3zuia_gg_{transition:none}}",
20
20
  /*__inner_css_end__*/
21
- "17zx6_gg_"
21
+ "3zuia_gg_"
22
22
  ), /*__reshadow_css_end__*/
23
23
  {
24
- "__SLinkTrigger": "___SLinkTrigger_17zx6_gg_",
25
- "_disabled": "__disabled_17zx6_gg_",
26
- "__SLinkAddon": "___SLinkAddon_17zx6_gg_",
27
- "_size_m": "_size_m_17zx6_gg_",
28
- "_size_l": "_size_l_17zx6_gg_",
29
- "_active": "__active_17zx6_gg_",
30
- "__SText": "___SText_17zx6_gg_",
31
- "_color": "__color_17zx6_gg_",
32
- "--color": "--color_17zx6",
33
- "__SAddon": "___SAddon_17zx6_gg_"
24
+ "__SLinkTrigger": "___SLinkTrigger_3zuia_gg_",
25
+ "_disabled": "__disabled_3zuia_gg_",
26
+ "__SLinkAddon": "___SLinkAddon_3zuia_gg_",
27
+ "_size_m": "_size_m_3zuia_gg_",
28
+ "_size_l": "_size_l_3zuia_gg_",
29
+ "_active": "__active_3zuia_gg_",
30
+ "__SText": "___SText_3zuia_gg_",
31
+ "_color": "__color_3zuia_gg_",
32
+ "--color": "--color_3zuia",
33
+ "__SAddon": "___SAddon_3zuia_gg_"
34
34
  })
35
35
  );
36
36
  var RootLinkTrigger = /* @__PURE__ */ (function(_Component) {
@@ -14,6 +14,7 @@ SLinkTrigger {
14
14
  overflow: visible;
15
15
  outline: 0;
16
16
  vertical-align: middle;
17
+ font-family: inherit;
17
18
  cursor: pointer;
18
19
  color: var(--intergalactic-text-link, #006dca);
19
20
  background: none;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/base-trigger",
3
3
  "description": "Semrush BaseTrigger Component",
4
- "version": "16.4.3",
4
+ "version": "16.4.4-prerelease.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -15,7 +15,7 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@semcore/dot": "16.0.11",
18
- "@semcore/icon": "16.7.2",
18
+ "@semcore/icon": "16.7.3-prerelease.1",
19
19
  "@semcore/spin": "16.0.11",
20
20
  "@semcore/flex-box": "16.0.11",
21
21
  "@semcore/neighbor-location": "16.0.11",