@semcore/base-trigger 4.10.1 → 4.10.2

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,7 +2,13 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [4.10.1-prerelease.0] - 2023-10-03
5
+ ## [4.10.2-prerelease.0] - 2023-10-06
6
+
7
+ ### Fixed
8
+
9
+ - Invalid attribute React warnings.
10
+
11
+ ## [4.10.1] - 2023-10-03
6
12
 
7
13
  ### Changed
8
14
 
@@ -22,24 +22,24 @@ var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
22
22
  var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
23
23
  var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
24
24
  /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
25
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_42382_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;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_42382_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_42382_gg_:active,.___SBaseTrigger_42382_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_42382_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_42382_gg_.__keyboardFocused_42382_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_42382_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_42382_gg_.__active_42382_gg_,.___SBaseTrigger_42382_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_42382_gg_.__disabled_42382_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_42382_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_42382_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_42382_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_42382_gg_{width:12px;height:12px}.___SBaseTrigger_42382_gg_._size_m_42382_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_42382_gg_._size_m_42382_gg_ .___SAddon_42382_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_42382_gg_._size_m_42382_gg_ .___SAddon_42382_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_42382_gg_._size_l_42382_gg_ .___SAddon_42382_gg_:only-child,.___SBaseTrigger_42382_gg_._size_m_42382_gg_ .___SAddon_42382_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_42382_gg_._size_l_42382_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_42382_gg_._size_l_42382_gg_ .___SAddon_42382_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_42382_gg_._size_l_42382_gg_ .___SAddon_42382_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_42382_gg_._neighborLocation_right_42382_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_42382_gg_._neighborLocation_both_42382_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_42382_gg_._neighborLocation_left_42382_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_42382_gg_.__placeholder_42382_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_42382_gg_._state_normal_42382_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_42382_gg_._state_valid_42382_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_42382_gg_._state_invalid_42382_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_42382_gg_._state_invalid_42382_gg_.__keyboardFocused_42382_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))}" /*__inner_css_end__*/, "42382_gg_") /*__reshadow_css_end__*/, {
26
- "__SBaseTrigger": "___SBaseTrigger_42382_gg_",
27
- "_keyboardFocused": "__keyboardFocused_42382_gg_",
28
- "_active": "__active_42382_gg_",
29
- "_disabled": "__disabled_42382_gg_",
30
- "__SInner": "___SInner_42382_gg_",
31
- "__SText": "___SText_42382_gg_",
32
- "__SAddon": "___SAddon_42382_gg_",
33
- "__SBaseAddon": "___SBaseAddon_42382_gg_",
34
- "_size_m": "_size_m_42382_gg_",
35
- "_size_l": "_size_l_42382_gg_",
36
- "_neighborLocation_right": "_neighborLocation_right_42382_gg_",
37
- "_neighborLocation_both": "_neighborLocation_both_42382_gg_",
38
- "_neighborLocation_left": "_neighborLocation_left_42382_gg_",
39
- "_placeholder": "__placeholder_42382_gg_",
40
- "_state_normal": "_state_normal_42382_gg_",
41
- "_state_valid": "_state_valid_42382_gg_",
42
- "_state_invalid": "_state_invalid_42382_gg_"
25
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_bc2o2_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;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_bc2o2_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_bc2o2_gg_:active,.___SBaseTrigger_bc2o2_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_bc2o2_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_bc2o2_gg_.__keyboardFocused_bc2o2_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_bc2o2_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_bc2o2_gg_.__active_bc2o2_gg_,.___SBaseTrigger_bc2o2_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_bc2o2_gg_.__disabled_bc2o2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_bc2o2_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_bc2o2_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_bc2o2_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_bc2o2_gg_{width:12px;height:12px}.___SBaseTrigger_bc2o2_gg_._size_m_bc2o2_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_bc2o2_gg_._size_m_bc2o2_gg_ .___SAddon_bc2o2_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_bc2o2_gg_._size_m_bc2o2_gg_ .___SAddon_bc2o2_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_bc2o2_gg_._size_l_bc2o2_gg_ .___SAddon_bc2o2_gg_:only-child,.___SBaseTrigger_bc2o2_gg_._size_m_bc2o2_gg_ .___SAddon_bc2o2_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_bc2o2_gg_._size_l_bc2o2_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_bc2o2_gg_._size_l_bc2o2_gg_ .___SAddon_bc2o2_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_bc2o2_gg_._size_l_bc2o2_gg_ .___SAddon_bc2o2_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_bc2o2_gg_._neighborLocation_right_bc2o2_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_bc2o2_gg_._neighborLocation_both_bc2o2_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_bc2o2_gg_._neighborLocation_left_bc2o2_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_bc2o2_gg_.__display-placeholder_bc2o2_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_bc2o2_gg_._state_normal_bc2o2_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_bc2o2_gg_._state_valid_bc2o2_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_bc2o2_gg_._state_invalid_bc2o2_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_bc2o2_gg_._state_invalid_bc2o2_gg_.__keyboardFocused_bc2o2_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))}" /*__inner_css_end__*/, "bc2o2_gg_") /*__reshadow_css_end__*/, {
26
+ "__SBaseTrigger": "___SBaseTrigger_bc2o2_gg_",
27
+ "_keyboardFocused": "__keyboardFocused_bc2o2_gg_",
28
+ "_active": "__active_bc2o2_gg_",
29
+ "_disabled": "__disabled_bc2o2_gg_",
30
+ "__SInner": "___SInner_bc2o2_gg_",
31
+ "__SText": "___SText_bc2o2_gg_",
32
+ "__SAddon": "___SAddon_bc2o2_gg_",
33
+ "__SBaseAddon": "___SBaseAddon_bc2o2_gg_",
34
+ "_size_m": "_size_m_bc2o2_gg_",
35
+ "_size_l": "_size_l_bc2o2_gg_",
36
+ "_neighborLocation_right": "_neighborLocation_right_bc2o2_gg_",
37
+ "_neighborLocation_both": "_neighborLocation_both_bc2o2_gg_",
38
+ "_neighborLocation_left": "_neighborLocation_left_bc2o2_gg_",
39
+ "_display-placeholder": "__display-placeholder_bc2o2_gg_",
40
+ "_state_normal": "_state_normal_bc2o2_gg_",
41
+ "_state_valid": "_state_valid_bc2o2_gg_",
42
+ "_state_invalid": "_state_invalid_bc2o2_gg_"
43
43
  });
44
44
  var RootBaseTrigger = /*#__PURE__*/function (_Component) {
45
45
  (0, _inherits2["default"])(RootBaseTrigger, _Component);
@@ -110,11 +110,8 @@ function Text(props) {
110
110
  styles = props.styles,
111
111
  empty = props.empty,
112
112
  placeholder = props.placeholder;
113
- return _ref5 = (0, _core.sstyled)(styles),
114
- /*#__PURE__*/
115
- /* "use:" prefix was used for backward compatibility (by lsroman) */
116
- _react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
117
- "use:placeholder": empty
113
+ return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
114
+ "display-placeholder": empty
118
115
  }, _ref2))), empty ? placeholder : children);
119
116
  }
120
117
  function Addon(props) {
@@ -1 +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","_this$asProps2","Children","styles","theme","neighborLocation","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","size","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 } 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 { Children, styles, theme, neighborLocation, empty } = 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 <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 /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n <SText render={Box} use: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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"}
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","_this$asProps2","Children","styles","theme","neighborLocation","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","size","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 } 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 { Children, styles, theme, neighborLocation, empty } = 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 <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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"}
@@ -20,9 +20,9 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
20
20
  var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
21
21
  var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
22
22
  /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
23
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1y63q_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1y63q_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1y63q_gg_") /*__reshadow_css_end__*/, {
24
- "__SButtonAddon": "___SButtonAddon_1y63q_gg_",
25
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_1y63q_gg_"
23
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1r450_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1r450_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1r450_gg_") /*__reshadow_css_end__*/, {
24
+ "__SButtonAddon": "___SButtonAddon_1r450_gg_",
25
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_1r450_gg_"
26
26
  });
27
27
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
28
28
  (0, _inherits2["default"])(RootButtonTrigger, _Component);
@@ -32,13 +32,13 @@ var _inputProps = _interopRequireWildcard(require("@semcore/utils/lib/inputProps
32
32
  var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
33
33
  var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
34
34
  /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
35
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_775im_gg_.__selected_775im_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_775im_gg_.__selected_775im_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_775im_gg_.__selected_775im_gg_.__active_775im_gg_,.___SFilterTrigger_775im_gg_.__selected_775im_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_775im_gg_{display:inline-flex}.___SWrapper_775im_gg_:focus{outline:0}.___SWrapper_775im_gg_.__keyboardFocused_775im_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_775im_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "775im_gg_") /*__reshadow_css_end__*/, {
36
- "__SFilterTrigger": "___SFilterTrigger_775im_gg_",
37
- "_selected": "__selected_775im_gg_",
38
- "_active": "__active_775im_gg_",
39
- "__SWrapper": "___SWrapper_775im_gg_",
40
- "_keyboardFocused": "__keyboardFocused_775im_gg_",
41
- "__SCounter": "___SCounter_775im_gg_"
35
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_sx3ni_gg_.__selected_sx3ni_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_sx3ni_gg_.__selected_sx3ni_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_sx3ni_gg_.__selected_sx3ni_gg_.__active_sx3ni_gg_,.___SFilterTrigger_sx3ni_gg_.__selected_sx3ni_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_sx3ni_gg_{display:inline-flex}.___SWrapper_sx3ni_gg_:focus{outline:0}.___SWrapper_sx3ni_gg_.__keyboardFocused_sx3ni_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_sx3ni_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "sx3ni_gg_") /*__reshadow_css_end__*/, {
36
+ "__SFilterTrigger": "___SFilterTrigger_sx3ni_gg_",
37
+ "_selected": "__selected_sx3ni_gg_",
38
+ "_active": "__active_sx3ni_gg_",
39
+ "__SWrapper": "___SWrapper_sx3ni_gg_",
40
+ "_keyboardFocused": "__keyboardFocused_sx3ni_gg_",
41
+ "__SCounter": "___SCounter_sx3ni_gg_"
42
42
  });
43
43
  var RootFilterTrigger = /*#__PURE__*/function (_Component) {
44
44
  (0, _inherits2["default"])(RootFilterTrigger, _Component);
@@ -21,19 +21,19 @@ var _flexBox = require("@semcore/flex-box");
21
21
  var _color = _interopRequireWildcard(require("@semcore/utils/lib/color"));
22
22
  var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
23
23
  /*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_g57kr_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;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_g57kr_gg_.__active_g57kr_gg_,.___SLinkTrigger_g57kr_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_g57kr_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_g57kr_gg_.__active_g57kr_gg_ .___SText_g57kr_gg_,.___SLinkTrigger_g57kr_gg_:active .___SText_g57kr_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_g57kr_gg_:hover .___SText_g57kr_gg_{border-color:currentColor}}.___SLinkTrigger_g57kr_gg_ .___SText_g57kr_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_g57kr_gg_.__color_g57kr_gg_{color:var(--color_g57kr)}@media (hover:hover){.___SLinkTrigger_g57kr_gg_.__color_g57kr_gg_:hover{color:var(--color-hover_g57kr)}}.___SLinkTrigger_g57kr_gg_.__disabled_g57kr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_g57kr_gg_.__keyboardFocused_g57kr_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_g57kr_gg_,.___SLinkAddon_g57kr_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_g57kr_gg_:not(:only-child):first-child,.___SLinkAddon_g57kr_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_g57kr_gg_:not(:only-child):last-child,.___SLinkAddon_g57kr_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_g57kr_gg_{width:16px;height:16px}.___SLinkTrigger_g57kr_gg_._size_m_g57kr_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_g57kr_gg_._size_l_g57kr_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_g57kr_gg_,.___SLinkTrigger_g57kr_gg_ .___SText_g57kr_gg_{transition:none}}" /*__inner_css_end__*/, "g57kr_gg_") /*__reshadow_css_end__*/, {
25
- "__SLinkTrigger": "___SLinkTrigger_g57kr_gg_",
26
- "_active": "__active_g57kr_gg_",
27
- "__SText": "___SText_g57kr_gg_",
28
- "_color": "__color_g57kr_gg_",
29
- "--color": "--color_g57kr",
30
- "--color-hover": "--color-hover_g57kr",
31
- "_disabled": "__disabled_g57kr_gg_",
32
- "_keyboardFocused": "__keyboardFocused_g57kr_gg_",
33
- "__SAddon": "___SAddon_g57kr_gg_",
34
- "__SLinkAddon": "___SLinkAddon_g57kr_gg_",
35
- "_size_m": "_size_m_g57kr_gg_",
36
- "_size_l": "_size_l_g57kr_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_qr6f7_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;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_qr6f7_gg_.__active_qr6f7_gg_,.___SLinkTrigger_qr6f7_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_qr6f7_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_qr6f7_gg_.__active_qr6f7_gg_ .___SText_qr6f7_gg_,.___SLinkTrigger_qr6f7_gg_:active .___SText_qr6f7_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_qr6f7_gg_:hover .___SText_qr6f7_gg_{border-color:currentColor}}.___SLinkTrigger_qr6f7_gg_ .___SText_qr6f7_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_qr6f7_gg_.__color_qr6f7_gg_{color:var(--color_qr6f7)}@media (hover:hover){.___SLinkTrigger_qr6f7_gg_.__color_qr6f7_gg_:hover{color:var(--color-hover_qr6f7)}}.___SLinkTrigger_qr6f7_gg_.__disabled_qr6f7_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_qr6f7_gg_.__keyboardFocused_qr6f7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_qr6f7_gg_,.___SLinkAddon_qr6f7_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_qr6f7_gg_:not(:only-child):first-child,.___SLinkAddon_qr6f7_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_qr6f7_gg_:not(:only-child):last-child,.___SLinkAddon_qr6f7_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_qr6f7_gg_{width:16px;height:16px}.___SLinkTrigger_qr6f7_gg_._size_m_qr6f7_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_qr6f7_gg_._size_l_qr6f7_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_qr6f7_gg_,.___SLinkTrigger_qr6f7_gg_ .___SText_qr6f7_gg_{transition:none}}" /*__inner_css_end__*/, "qr6f7_gg_") /*__reshadow_css_end__*/, {
25
+ "__SLinkTrigger": "___SLinkTrigger_qr6f7_gg_",
26
+ "_active": "__active_qr6f7_gg_",
27
+ "__SText": "___SText_qr6f7_gg_",
28
+ "_color": "__color_qr6f7_gg_",
29
+ "--color": "--color_qr6f7",
30
+ "--color-hover": "--color-hover_qr6f7",
31
+ "_disabled": "__disabled_qr6f7_gg_",
32
+ "_keyboardFocused": "__keyboardFocused_qr6f7_gg_",
33
+ "__SAddon": "___SAddon_qr6f7_gg_",
34
+ "__SLinkAddon": "___SLinkAddon_qr6f7_gg_",
35
+ "_size_m": "_size_m_qr6f7_gg_",
36
+ "_size_l": "_size_l_qr6f7_gg_"
37
37
  });
38
38
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
39
39
  (0, _inherits2["default"])(RootLinkTrigger, _Component);
@@ -157,7 +157,7 @@ SBaseTrigger[neighborLocation='left'] {
157
157
  margin-left: -1px;
158
158
  }
159
159
 
160
- SText[placeholder] {
160
+ SText[display-placeholder] {
161
161
  color: var(--intergalactic-text-placeholder, #8a8e9b);
162
162
  }
163
163
 
@@ -18,24 +18,24 @@ import logger from '@semcore/utils/lib/logger';
18
18
  import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
19
19
  import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
20
20
  /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
21
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_42382_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;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_42382_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_42382_gg_:active,.___SBaseTrigger_42382_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_42382_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_42382_gg_.__keyboardFocused_42382_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_42382_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_42382_gg_.__active_42382_gg_,.___SBaseTrigger_42382_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_42382_gg_.__disabled_42382_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_42382_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_42382_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_42382_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_42382_gg_{width:12px;height:12px}.___SBaseTrigger_42382_gg_._size_m_42382_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_42382_gg_._size_m_42382_gg_ .___SAddon_42382_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_42382_gg_._size_m_42382_gg_ .___SAddon_42382_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_42382_gg_._size_l_42382_gg_ .___SAddon_42382_gg_:only-child,.___SBaseTrigger_42382_gg_._size_m_42382_gg_ .___SAddon_42382_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_42382_gg_._size_l_42382_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_42382_gg_._size_l_42382_gg_ .___SAddon_42382_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_42382_gg_._size_l_42382_gg_ .___SAddon_42382_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_42382_gg_._neighborLocation_right_42382_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_42382_gg_._neighborLocation_both_42382_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_42382_gg_._neighborLocation_left_42382_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_42382_gg_.__placeholder_42382_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_42382_gg_._state_normal_42382_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_42382_gg_._state_valid_42382_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_42382_gg_._state_invalid_42382_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_42382_gg_._state_invalid_42382_gg_.__keyboardFocused_42382_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))}" /*__inner_css_end__*/, "42382_gg_") /*__reshadow_css_end__*/, {
22
- "__SBaseTrigger": "___SBaseTrigger_42382_gg_",
23
- "_keyboardFocused": "__keyboardFocused_42382_gg_",
24
- "_active": "__active_42382_gg_",
25
- "_disabled": "__disabled_42382_gg_",
26
- "__SInner": "___SInner_42382_gg_",
27
- "__SText": "___SText_42382_gg_",
28
- "__SAddon": "___SAddon_42382_gg_",
29
- "__SBaseAddon": "___SBaseAddon_42382_gg_",
30
- "_size_m": "_size_m_42382_gg_",
31
- "_size_l": "_size_l_42382_gg_",
32
- "_neighborLocation_right": "_neighborLocation_right_42382_gg_",
33
- "_neighborLocation_both": "_neighborLocation_both_42382_gg_",
34
- "_neighborLocation_left": "_neighborLocation_left_42382_gg_",
35
- "_placeholder": "__placeholder_42382_gg_",
36
- "_state_normal": "_state_normal_42382_gg_",
37
- "_state_valid": "_state_valid_42382_gg_",
38
- "_state_invalid": "_state_invalid_42382_gg_"
21
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_bc2o2_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;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_bc2o2_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_bc2o2_gg_:active,.___SBaseTrigger_bc2o2_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_bc2o2_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_bc2o2_gg_.__keyboardFocused_bc2o2_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_bc2o2_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_bc2o2_gg_.__active_bc2o2_gg_,.___SBaseTrigger_bc2o2_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_bc2o2_gg_.__disabled_bc2o2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_bc2o2_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_bc2o2_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_bc2o2_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_bc2o2_gg_{width:12px;height:12px}.___SBaseTrigger_bc2o2_gg_._size_m_bc2o2_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_bc2o2_gg_._size_m_bc2o2_gg_ .___SAddon_bc2o2_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_bc2o2_gg_._size_m_bc2o2_gg_ .___SAddon_bc2o2_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_bc2o2_gg_._size_l_bc2o2_gg_ .___SAddon_bc2o2_gg_:only-child,.___SBaseTrigger_bc2o2_gg_._size_m_bc2o2_gg_ .___SAddon_bc2o2_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_bc2o2_gg_._size_l_bc2o2_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_bc2o2_gg_._size_l_bc2o2_gg_ .___SAddon_bc2o2_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_bc2o2_gg_._size_l_bc2o2_gg_ .___SAddon_bc2o2_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_bc2o2_gg_._neighborLocation_right_bc2o2_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_bc2o2_gg_._neighborLocation_both_bc2o2_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_bc2o2_gg_._neighborLocation_left_bc2o2_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_bc2o2_gg_.__display-placeholder_bc2o2_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_bc2o2_gg_._state_normal_bc2o2_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_bc2o2_gg_._state_valid_bc2o2_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_bc2o2_gg_._state_invalid_bc2o2_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_bc2o2_gg_._state_invalid_bc2o2_gg_.__keyboardFocused_bc2o2_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))}" /*__inner_css_end__*/, "bc2o2_gg_") /*__reshadow_css_end__*/, {
22
+ "__SBaseTrigger": "___SBaseTrigger_bc2o2_gg_",
23
+ "_keyboardFocused": "__keyboardFocused_bc2o2_gg_",
24
+ "_active": "__active_bc2o2_gg_",
25
+ "_disabled": "__disabled_bc2o2_gg_",
26
+ "__SInner": "___SInner_bc2o2_gg_",
27
+ "__SText": "___SText_bc2o2_gg_",
28
+ "__SAddon": "___SAddon_bc2o2_gg_",
29
+ "__SBaseAddon": "___SBaseAddon_bc2o2_gg_",
30
+ "_size_m": "_size_m_bc2o2_gg_",
31
+ "_size_l": "_size_l_bc2o2_gg_",
32
+ "_neighborLocation_right": "_neighborLocation_right_bc2o2_gg_",
33
+ "_neighborLocation_both": "_neighborLocation_both_bc2o2_gg_",
34
+ "_neighborLocation_left": "_neighborLocation_left_bc2o2_gg_",
35
+ "_display-placeholder": "__display-placeholder_bc2o2_gg_",
36
+ "_state_normal": "_state_normal_bc2o2_gg_",
37
+ "_state_valid": "_state_valid_bc2o2_gg_",
38
+ "_state_invalid": "_state_invalid_bc2o2_gg_"
39
39
  });
40
40
  var RootBaseTrigger = /*#__PURE__*/function (_Component) {
41
41
  _inherits(RootBaseTrigger, _Component);
@@ -106,11 +106,8 @@ function Text(props) {
106
106
  styles = props.styles,
107
107
  empty = props.empty,
108
108
  placeholder = props.placeholder;
109
- return _ref5 = sstyled(styles),
110
- /*#__PURE__*/
111
- /* "use:" prefix was used for backward compatibility (by lsroman) */
112
- React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
113
- "use:placeholder": empty
109
+ return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
110
+ "display-placeholder": empty
114
111
  }, _ref2))), empty ? placeholder : children);
115
112
  }
116
113
  function Addon(props) {
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","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","_this$asProps2","Children","styles","theme","neighborLocation","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","Text","Addon","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","size","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 } 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 { Children, styles, theme, neighborLocation, empty } = 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 <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 /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n <SText render={Box} use: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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"}
1
+ {"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","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","_this$asProps2","Children","styles","theme","neighborLocation","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","Text","Addon","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","size","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 } 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 { Children, styles, theme, neighborLocation, empty } = 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 <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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"}
@@ -14,9 +14,9 @@ import Spin from '@semcore/spin';
14
14
  import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
15
15
  import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
16
16
  /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
17
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1y63q_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1y63q_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1y63q_gg_") /*__reshadow_css_end__*/, {
18
- "__SButtonAddon": "___SButtonAddon_1y63q_gg_",
19
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_1y63q_gg_"
17
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1r450_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1r450_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1r450_gg_") /*__reshadow_css_end__*/, {
18
+ "__SButtonAddon": "___SButtonAddon_1r450_gg_",
19
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_1r450_gg_"
20
20
  });
21
21
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
22
22
  _inherits(RootButtonTrigger, _Component);
@@ -27,13 +27,13 @@ import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
27
27
  import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
28
28
  import { setFocus } from '@semcore/utils/lib/use/useFocusLock';
29
29
  /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
30
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_775im_gg_.__selected_775im_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_775im_gg_.__selected_775im_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_775im_gg_.__selected_775im_gg_.__active_775im_gg_,.___SFilterTrigger_775im_gg_.__selected_775im_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_775im_gg_{display:inline-flex}.___SWrapper_775im_gg_:focus{outline:0}.___SWrapper_775im_gg_.__keyboardFocused_775im_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_775im_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "775im_gg_") /*__reshadow_css_end__*/, {
31
- "__SFilterTrigger": "___SFilterTrigger_775im_gg_",
32
- "_selected": "__selected_775im_gg_",
33
- "_active": "__active_775im_gg_",
34
- "__SWrapper": "___SWrapper_775im_gg_",
35
- "_keyboardFocused": "__keyboardFocused_775im_gg_",
36
- "__SCounter": "___SCounter_775im_gg_"
30
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_sx3ni_gg_.__selected_sx3ni_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_sx3ni_gg_.__selected_sx3ni_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_sx3ni_gg_.__selected_sx3ni_gg_.__active_sx3ni_gg_,.___SFilterTrigger_sx3ni_gg_.__selected_sx3ni_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_sx3ni_gg_{display:inline-flex}.___SWrapper_sx3ni_gg_:focus{outline:0}.___SWrapper_sx3ni_gg_.__keyboardFocused_sx3ni_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_sx3ni_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "sx3ni_gg_") /*__reshadow_css_end__*/, {
31
+ "__SFilterTrigger": "___SFilterTrigger_sx3ni_gg_",
32
+ "_selected": "__selected_sx3ni_gg_",
33
+ "_active": "__active_sx3ni_gg_",
34
+ "__SWrapper": "___SWrapper_sx3ni_gg_",
35
+ "_keyboardFocused": "__keyboardFocused_sx3ni_gg_",
36
+ "__SCounter": "___SCounter_sx3ni_gg_"
37
37
  });
38
38
  var RootFilterTrigger = /*#__PURE__*/function (_Component) {
39
39
  _inherits(RootFilterTrigger, _Component);
@@ -17,19 +17,19 @@ import { Box } from '@semcore/flex-box';
17
17
  import resolveColor, { shade } from '@semcore/utils/lib/color';
18
18
  import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
19
19
  /*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
20
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_g57kr_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;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_g57kr_gg_.__active_g57kr_gg_,.___SLinkTrigger_g57kr_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_g57kr_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_g57kr_gg_.__active_g57kr_gg_ .___SText_g57kr_gg_,.___SLinkTrigger_g57kr_gg_:active .___SText_g57kr_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_g57kr_gg_:hover .___SText_g57kr_gg_{border-color:currentColor}}.___SLinkTrigger_g57kr_gg_ .___SText_g57kr_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_g57kr_gg_.__color_g57kr_gg_{color:var(--color_g57kr)}@media (hover:hover){.___SLinkTrigger_g57kr_gg_.__color_g57kr_gg_:hover{color:var(--color-hover_g57kr)}}.___SLinkTrigger_g57kr_gg_.__disabled_g57kr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_g57kr_gg_.__keyboardFocused_g57kr_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_g57kr_gg_,.___SLinkAddon_g57kr_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_g57kr_gg_:not(:only-child):first-child,.___SLinkAddon_g57kr_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_g57kr_gg_:not(:only-child):last-child,.___SLinkAddon_g57kr_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_g57kr_gg_{width:16px;height:16px}.___SLinkTrigger_g57kr_gg_._size_m_g57kr_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_g57kr_gg_._size_l_g57kr_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_g57kr_gg_,.___SLinkTrigger_g57kr_gg_ .___SText_g57kr_gg_{transition:none}}" /*__inner_css_end__*/, "g57kr_gg_") /*__reshadow_css_end__*/, {
21
- "__SLinkTrigger": "___SLinkTrigger_g57kr_gg_",
22
- "_active": "__active_g57kr_gg_",
23
- "__SText": "___SText_g57kr_gg_",
24
- "_color": "__color_g57kr_gg_",
25
- "--color": "--color_g57kr",
26
- "--color-hover": "--color-hover_g57kr",
27
- "_disabled": "__disabled_g57kr_gg_",
28
- "_keyboardFocused": "__keyboardFocused_g57kr_gg_",
29
- "__SAddon": "___SAddon_g57kr_gg_",
30
- "__SLinkAddon": "___SLinkAddon_g57kr_gg_",
31
- "_size_m": "_size_m_g57kr_gg_",
32
- "_size_l": "_size_l_g57kr_gg_"
20
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_qr6f7_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;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_qr6f7_gg_.__active_qr6f7_gg_,.___SLinkTrigger_qr6f7_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_qr6f7_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_qr6f7_gg_.__active_qr6f7_gg_ .___SText_qr6f7_gg_,.___SLinkTrigger_qr6f7_gg_:active .___SText_qr6f7_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_qr6f7_gg_:hover .___SText_qr6f7_gg_{border-color:currentColor}}.___SLinkTrigger_qr6f7_gg_ .___SText_qr6f7_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_qr6f7_gg_.__color_qr6f7_gg_{color:var(--color_qr6f7)}@media (hover:hover){.___SLinkTrigger_qr6f7_gg_.__color_qr6f7_gg_:hover{color:var(--color-hover_qr6f7)}}.___SLinkTrigger_qr6f7_gg_.__disabled_qr6f7_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_qr6f7_gg_.__keyboardFocused_qr6f7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_qr6f7_gg_,.___SLinkAddon_qr6f7_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_qr6f7_gg_:not(:only-child):first-child,.___SLinkAddon_qr6f7_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_qr6f7_gg_:not(:only-child):last-child,.___SLinkAddon_qr6f7_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_qr6f7_gg_{width:16px;height:16px}.___SLinkTrigger_qr6f7_gg_._size_m_qr6f7_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_qr6f7_gg_._size_l_qr6f7_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_qr6f7_gg_,.___SLinkTrigger_qr6f7_gg_ .___SText_qr6f7_gg_{transition:none}}" /*__inner_css_end__*/, "qr6f7_gg_") /*__reshadow_css_end__*/, {
21
+ "__SLinkTrigger": "___SLinkTrigger_qr6f7_gg_",
22
+ "_active": "__active_qr6f7_gg_",
23
+ "__SText": "___SText_qr6f7_gg_",
24
+ "_color": "__color_qr6f7_gg_",
25
+ "--color": "--color_qr6f7",
26
+ "--color-hover": "--color-hover_qr6f7",
27
+ "_disabled": "__disabled_qr6f7_gg_",
28
+ "_keyboardFocused": "__keyboardFocused_qr6f7_gg_",
29
+ "__SAddon": "___SAddon_qr6f7_gg_",
30
+ "__SLinkAddon": "___SLinkAddon_qr6f7_gg_",
31
+ "_size_m": "_size_m_qr6f7_gg_",
32
+ "_size_l": "_size_l_qr6f7_gg_"
33
33
  });
34
34
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
35
35
  _inherits(RootLinkTrigger, _Component);
@@ -157,7 +157,7 @@ SBaseTrigger[neighborLocation='left'] {
157
157
  margin-left: -1px;
158
158
  }
159
159
 
160
- SText[placeholder] {
160
+ SText[display-placeholder] {
161
161
  color: var(--intergalactic-text-placeholder, #8a8e9b);
162
162
  }
163
163
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/base-trigger",
3
3
  "description": "Semrush BaseTrigger Component",
4
- "version": "4.10.1",
4
+ "version": "4.10.2",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -9,15 +9,15 @@
9
9
  "author": "UI-kit team <ui-kit-team@semrush.com>",
10
10
  "license": "MIT",
11
11
  "dependencies": {
12
- "@semcore/dot": "5.7.4",
13
- "@semcore/flex-box": "5.7.4",
14
- "@semcore/icon": "4.10.1",
15
- "@semcore/neighbor-location": "4.7.4",
16
- "@semcore/spin": "5.7.4",
17
- "@semcore/utils": "4.8.1"
12
+ "@semcore/dot": "5.7.5",
13
+ "@semcore/flex-box": "5.7.5",
14
+ "@semcore/icon": "4.10.2",
15
+ "@semcore/neighbor-location": "4.7.5",
16
+ "@semcore/spin": "5.7.5",
17
+ "@semcore/utils": "4.8.2"
18
18
  },
19
19
  "peerDependencies": {
20
- "@semcore/core": "^2.7.4",
20
+ "@semcore/core": "^2.7.5",
21
21
  "react": "16.8 - 18",
22
22
  "react-dom": "16.8 - 18"
23
23
  },