@semcore/base-trigger 17.2.1-prerelease.9 → 18.0.0-prerelease.0

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.
Files changed (26) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/BaseTrigger.js +16 -17
  3. package/lib/cjs/BaseTrigger.js.map +1 -1
  4. package/lib/cjs/ButtonTrigger.js +4 -5
  5. package/lib/cjs/ButtonTrigger.js.map +1 -1
  6. package/lib/cjs/FilterTrigger.js +15 -10
  7. package/lib/cjs/FilterTrigger.js.map +1 -1
  8. package/lib/cjs/style/base-trigger.shadow.css +24 -54
  9. package/lib/cjs/style/button-trigger.shadow.css +6 -3
  10. package/lib/cjs/style/filter-trigger.shadow.css +87 -9
  11. package/lib/es6/BaseTrigger.js +16 -17
  12. package/lib/es6/BaseTrigger.js.map +1 -1
  13. package/lib/es6/ButtonTrigger.js +4 -5
  14. package/lib/es6/ButtonTrigger.js.map +1 -1
  15. package/lib/es6/FilterTrigger.js +16 -11
  16. package/lib/es6/FilterTrigger.js.map +1 -1
  17. package/lib/es6/style/base-trigger.shadow.css +24 -54
  18. package/lib/es6/style/button-trigger.shadow.css +6 -3
  19. package/lib/es6/style/filter-trigger.shadow.css +87 -9
  20. package/lib/esm/BaseTrigger.mjs +17 -18
  21. package/lib/esm/ButtonTrigger.mjs +5 -6
  22. package/lib/esm/FilterTrigger.mjs +17 -12
  23. package/lib/esm/style/base-trigger.shadow.css +24 -54
  24. package/lib/esm/style/button-trigger.shadow.css +6 -3
  25. package/lib/esm/style/filter-trigger.shadow.css +87 -9
  26. package/package.json +12 -12
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [18.0.0] - 2026-09-28
6
+
7
+ ### BREAK
8
+
9
+ - New theme applied.
10
+
5
11
  ## [17.2.1] - 2026-06-26
6
12
 
7
13
  ### Fixed
package/lib/cjs/BaseTrigger.js CHANGED
@@ -14,25 +14,24 @@ var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
14
14
  var _typography = require("@semcore/typography");
15
15
  var _react = _interopRequireDefault(require("react"));
16
16
  /*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
17
- const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_9qkze_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,oklch(1 0 0));font-weight:var(--intergalactic-regular,400);border:1px solid var(--intergalactic-border-primary,#000c0829);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SBaseTrigger_9qkze_gg_{border:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SBaseTrigger_9qkze_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_9qkze_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_9qkze_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_9qkze_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active,oklch(.7 .131 275.2))}@media (hover:hover){.___SBaseTrigger_9qkze_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover,oklch(.98 .001 180))}}.___SBaseTrigger_9qkze_gg_.__active_9qkze_gg_,.___SBaseTrigger_9qkze_gg_:active{border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:var(--intergalactic-bg-primary-neutral,oklch(1 0 0))}.___SBaseTrigger_9qkze_gg_.__disabled_9qkze_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none}.___SInner_9qkze_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_9qkze_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_9qkze_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_9qkze_gg_{width:12px;height:12px}.___SBaseTrigger_9qkze_gg_._size_m_9qkze_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_9qkze_gg_._size_m_9qkze_gg_ .___SAddon_9qkze_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_9qkze_gg_._size_m_9qkze_gg_ .___SAddon_9qkze_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_9qkze_gg_._size_m_9qkze_gg_ .___SAddon_9qkze_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_9qkze_gg_._size_l_9qkze_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_9qkze_gg_._size_l_9qkze_gg_ .___SAddon_9qkze_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_9qkze_gg_._size_l_9qkze_gg_ .___SAddon_9qkze_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_9qkze_gg_._size_l_9qkze_gg_ .___SAddon_9qkze_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_9qkze_gg_._neighborLocation_right_9qkze_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_9qkze_gg_._neighborLocation_both_9qkze_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_9qkze_gg_._neighborLocation_left_9qkze_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_9qkze_gg_._neighborLocation_left_9qkze_gg_.__disabled_9qkze_gg_{border-left:none;margin-left:0}.___SText_9qkze_gg_.__display-placeholder_9qkze_gg_{color:var(--intergalactic-text-placeholder,oklch(.098 .023 157.4/.457))}.___SBaseTrigger_9qkze_gg_._state_valid_9qkze_gg_{border-color:var(--intergalactic-border-success-active,#00b991)}@media (color-gamut:p3){.___SBaseTrigger_9qkze_gg_._state_valid_9qkze_gg_{border-color:var(--intergalactic-border-success-active,oklch(.7 .166 170))}}.___SBaseTrigger_9qkze_gg_._state_invalid_9qkze_gg_{border-color:var(--intergalactic-border-critical-active,#ff6364)}@media (color-gamut:p3){.___SBaseTrigger_9qkze_gg_._state_invalid_9qkze_gg_{border-color:var(--intergalactic-border-critical-active,oklch(.7 .21 23))}}.___SBaseTrigger_9qkze_gg_._state_invalid_9qkze_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline,oklch(.628 .257 28.9/.652))}.___SInvalidPattern_9qkze_gg_._size_m_9qkze_gg_{margin-left:calc(var(--intergalactic-spacing-2x, 8px)*-1)}.___SInvalidPattern_9qkze_gg_._size_l_9qkze_gg_{margin-left:calc(var(--intergalactic-spacing-3x, 12px)*-1)}", /*__inner_css_end__*/"9qkze_gg_"),
17
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_1hynq_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;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-control-select-trigger-normal,oklch(1 0 0));font-weight:var(--intergalactic-regular,400);border:1px solid var(--intergalactic-border-primary,#000c0829);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));border-radius:var(--intergalactic-control-rounded,6px);padding:0 var(--intergalactic-spacing-content-padding-medium,12px)}@media (color-gamut:p3){.___SBaseTrigger_1hynq_gg_{border:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SBaseTrigger_1hynq_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_1hynq_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1hynq_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1hynq_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active,oklch(.7 .131 275.2))}@media (hover:hover){.___SBaseTrigger_1hynq_gg_:hover{background-color:var(--intergalactic-control-select-trigger-hover,oklch(.97 .001 180))}}.___SBaseTrigger_1hynq_gg_.__active_1hynq_gg_,.___SBaseTrigger_1hynq_gg_:active{border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2))}@media (hover:hover){.___SBaseTrigger_1hynq_gg_.__active_1hynq_gg_:hover,.___SBaseTrigger_1hynq_gg_:active:hover{background:var(--intergalactic-control-select-trigger-normal,oklch(1 0 0))}}.___SBaseTrigger_1hynq_gg_.__disabled_1hynq_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none}.___SInner_1hynq_gg_{display:inline-flex;align-items:center;justify-content:center;gap:var(--intergalactic-spacing-content-gap-medium,6px);height:100%;width:100%}.___SText_1hynq_gg_{display:inline;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;text-align:left}.___SAddon_1hynq_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SAddon_1hynq_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-content-gap-small, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-content-gap-small, 4px)*-1)}.___SBaseTrigger_1hynq_gg_._size_m_1hynq_gg_{min-width:var(--intergalactic-form-control-m,32px);height:var(--intergalactic-form-control-m,32px);font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,1.4286)}.___SBaseTrigger_1hynq_gg_._size_l_1hynq_gg_{min-width:var(--intergalactic-form-control-l,44px);height:var(--intergalactic-form-control-l,44px);font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,1.5)}.___SBaseTrigger_1hynq_gg_._neighborLocation_right_1hynq_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1hynq_gg_._neighborLocation_both_1hynq_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1hynq_gg_._neighborLocation_left_1hynq_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_1hynq_gg_._neighborLocation_left_1hynq_gg_.__disabled_1hynq_gg_{border-left:none;margin-left:0}.___SText_1hynq_gg_.__display-placeholder_1hynq_gg_{color:var(--intergalactic-text-placeholder,#00060356)}@media (color-gamut:p3){.___SText_1hynq_gg_.__display-placeholder_1hynq_gg_{color:var(--intergalactic-text-placeholder,oklch(.109 .023 165.5/.337))}}.___SBaseTrigger_1hynq_gg_._state_valid_1hynq_gg_{border-color:var(--intergalactic-border-success-active,#00b991)}@media (color-gamut:p3){.___SBaseTrigger_1hynq_gg_._state_valid_1hynq_gg_{border-color:var(--intergalactic-border-success-active,oklch(.7 .166 170))}}.___SBaseTrigger_1hynq_gg_._state_invalid_1hynq_gg_{border-color:var(--intergalactic-border-critical-active,#ff6364)}@media (color-gamut:p3){.___SBaseTrigger_1hynq_gg_._state_invalid_1hynq_gg_{border-color:var(--intergalactic-border-critical-active,oklch(.7 .21 23))}}.___SBaseTrigger_1hynq_gg_._state_invalid_1hynq_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline,oklch(.628 .257 28.9/.652))}.___SInvalidPattern_1hynq_gg_._size_l_1hynq_gg_,.___SInvalidPattern_1hynq_gg_._size_m_1hynq_gg_{margin-left:calc(var(--intergalactic-spacing-content-padding-medium, 12px)*-1)}", /*__inner_css_end__*/"1hynq_gg_"),
18
18
  /*__reshadow_css_end__*/
19
19
  {
20
- "__SBaseTrigger": "___SBaseTrigger_9qkze_gg_",
21
- "_disabled": "__disabled_9qkze_gg_",
22
- "__SInner": "___SInner_9qkze_gg_",
23
- "__SText": "___SText_9qkze_gg_",
24
- "__SAddon": "___SAddon_9qkze_gg_",
25
- "__SBaseAddon": "___SBaseAddon_9qkze_gg_",
26
- "_neighborLocation_right": "_neighborLocation_right_9qkze_gg_",
27
- "_neighborLocation_both": "_neighborLocation_both_9qkze_gg_",
28
- "_display-placeholder": "__display-placeholder_9qkze_gg_",
29
- "_state_valid": "_state_valid_9qkze_gg_",
30
- "__SInvalidPattern": "___SInvalidPattern_9qkze_gg_",
31
- "_size_m": "_size_m_9qkze_gg_",
32
- "_size_l": "_size_l_9qkze_gg_",
33
- "_active": "__active_9qkze_gg_",
34
- "_neighborLocation_left": "_neighborLocation_left_9qkze_gg_",
35
- "_state_invalid": "_state_invalid_9qkze_gg_"
20
+ "__SBaseTrigger": "___SBaseTrigger_1hynq_gg_",
21
+ "_disabled": "__disabled_1hynq_gg_",
22
+ "__SInner": "___SInner_1hynq_gg_",
23
+ "__SText": "___SText_1hynq_gg_",
24
+ "_size_m": "_size_m_1hynq_gg_",
25
+ "_size_l": "_size_l_1hynq_gg_",
26
+ "_neighborLocation_right": "_neighborLocation_right_1hynq_gg_",
27
+ "_neighborLocation_both": "_neighborLocation_both_1hynq_gg_",
28
+ "_display-placeholder": "__display-placeholder_1hynq_gg_",
29
+ "_state_valid": "_state_valid_1hynq_gg_",
30
+ "__SInvalidPattern": "___SInvalidPattern_1hynq_gg_",
31
+ "_active": "__active_1hynq_gg_",
32
+ "__SAddon": "___SAddon_1hynq_gg_",
33
+ "_neighborLocation_left": "_neighborLocation_left_1hynq_gg_",
34
+ "_state_invalid": "_state_invalid_1hynq_gg_"
36
35
  });
37
36
  class RootBaseTrigger extends _core.Component {
38
37
  constructor(...args) {
package/lib/cjs/BaseTrigger.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTrigger.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_typography","_react","style","sstyled","insert","RootBaseTrigger","Component","constructor","args","_defineProperty2","default","React","createRef","getTextProps","placeholder","empty","asProps","triggerRef","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","Children","styles","theme","neighborLocation","state","size","createElement","NeighborLocation","Detect","_ref4","cn","assignProps","addonTextChildren","BaseTrigger","Text","Addon","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","TextKit","textRef","useRef","children","ellipsis","content","Fragment","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import { NeighborLocation, Box, InvalidStateBox } from '@semcore/base-components';\nimport { 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 { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Text as TextKit } from '@semcore/typography';\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 triggerRef = React.createRef();\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n triggerRef: this.triggerRef,\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 // 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 ref={this.triggerRef}\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 textRef = React.useRef();\n const { children, styles, empty, placeholder, triggerRef, ellipsis = false } = props;\n const content = empty ? placeholder : children;\n\n return sstyled(styles)(\n <>\n <SText\n render={TextKit}\n display-placeholder={empty}\n aria-hidden={empty}\n ref={textRef}\n ellipsis={ellipsis}\n hint:triggerRef={triggerRef}\n >\n {content}\n </SText>\n </>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\n/**\n * BaseTrigger\n *\n * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api/|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code/|Examples}\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","_baseComponents","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_typography","_react","style","sstyled","insert","RootBaseTrigger","Component","constructor","args","_defineProperty2","default","React","createRef","getTextProps","placeholder","empty","asProps","triggerRef","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","Children","styles","theme","neighborLocation","state","size","createElement","NeighborLocation","Detect","_ref4","cn","assignProps","addonTextChildren","BaseTrigger","Text","Addon","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","TextKit","textRef","useRef","children","ellipsis","content","Fragment","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import { NeighborLocation, Box, InvalidStateBox } from '@semcore/base-components';\nimport { 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 { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Text as TextKit } from '@semcore/typography';\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 triggerRef = React.createRef();\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n triggerRef: this.triggerRef,\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 // 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 ref={this.triggerRef}\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 textRef = React.useRef();\n const { children, styles, empty, placeholder, triggerRef, ellipsis = false } = props;\n const content = empty ? placeholder : children;\n\n return sstyled(styles)(\n <>\n <SText\n render={TextKit}\n display-placeholder={empty}\n aria-hidden={empty}\n ref={textRef}\n ellipsis={ellipsis}\n hint:triggerRef={triggerRef}\n >\n {content}\n </SText>\n </>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\n/**\n * BaseTrigger\n *\n * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api/|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code/|Examples}\n */\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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","ignoreList":[]}
package/lib/cjs/ButtonTrigger.js CHANGED
@@ -15,11 +15,11 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
15
15
  var _react = _interopRequireDefault(require("react"));
16
16
  var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
17
17
  /*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
18
- const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_11dqr_gg_{width:12px;height:12px}.___SButtonTriggerSpin_11dqr_gg_{fill:var(--intergalactic-icon-primary-neutral,oklch(.092 .024 152.2/.526))}", /*__inner_css_end__*/"11dqr_gg_"),
18
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_1qcck_gg_{width:var(--intergalactic-spacing-3x,12px);height:var(--intergalactic-spacing-3x,12px);color:var(--intergalactic-icon-non-interactive,#00040180);position:relative;left:var(--intergalactic-spacing-05x,2px)}@media (color-gamut:p3){.___SButtonAddon_1qcck_gg_{color:var(--intergalactic-icon-non-interactive,oklch(.094 .024 153.9/.503))}}.___SButtonTriggerSpin_1qcck_gg_{fill:var(--intergalactic-icon-non-interactive,#00040180)}@media (color-gamut:p3){.___SButtonTriggerSpin_1qcck_gg_{fill:var(--intergalactic-icon-non-interactive,oklch(.094 .024 153.9/.503))}}", /*__inner_css_end__*/"1qcck_gg_"),
19
19
  /*__reshadow_css_end__*/
20
20
  {
21
- "__SButtonAddon": "___SButtonAddon_11dqr_gg_",
22
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_11dqr_gg_"
21
+ "__SButtonAddon": "___SButtonAddon_1qcck_gg_",
22
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_1qcck_gg_"
23
23
  });
24
24
  class RootButtonTrigger extends _core.Component {
25
25
  getTextProps() {
@@ -48,8 +48,7 @@ class RootButtonTrigger extends _core.Component {
48
48
  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_BaseTrigger.default, (0, _core.assignProps)({
49
49
  "use:disabled": disabled || loading
50
50
  }, _ref), (0, _addonTextChildren.default)(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /*#__PURE__*/_react.default.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react.default.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
51
- "size": 'xs',
52
- "theme": false
51
+ "size": 'xs'
53
52
  })) : /*#__PURE__*/_react.default.createElement(_m.default, _ref2.cn("ChevronDown", {}))));
54
53
  }
55
54
  }
package/lib/cjs/ButtonTrigger.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_m","_spin","_react","_BaseTrigger","style","sstyled","insert","RootButtonTrigger","Component","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","Children","styles","loading","disabled","chevron","empty","default","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.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 { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n\n static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\n }\n\n getAddonProps() {\n return {\n tag: 'span',\n };\n }\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, disabled, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger} use:disabled={disabled || loading}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n {(chevron || loading) && (\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n )}\n </Root>,\n );\n }\n}\n\n/**\n * ButtonTrigger\n *\n * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api#buttontrigger|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code#buttontrigger|Examples}\n */\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"ButtonTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_m","_spin","_react","_BaseTrigger","style","sstyled","insert","RootButtonTrigger","Component","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","Children","styles","loading","disabled","chevron","empty","default","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.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 { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n\n static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\n }\n\n getAddonProps() {\n return {\n tag: 'span',\n };\n }\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, disabled, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger} use:disabled={disabled || loading}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n {(chevron || loading) && (\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size='xs' /> : <ChevronDown />}\n </SButtonAddon>\n )}\n </Root>,\n );\n }\n}\n\n/**\n * ButtonTrigger\n *\n * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api#buttontrigger|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code#buttontrigger|Examples}\n */\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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","ignoreList":[]}
package/lib/cjs/FilterTrigger.js CHANGED
@@ -25,13 +25,18 @@ var _react = _interopRequireDefault(require("react"));
25
25
  var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
26
26
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
27
27
  /*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
28
- const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_{border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_{background-color:var(--intergalactic-control-secondary-info,oklch(.527 .264 262.9/.039))}}@media (hover:hover){.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,oklch(.525 .265 263/.077))}}}.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_.__active_1ivzv_gg_,.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_.__active_1ivzv_gg_,.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,oklch(.524 .266 263.1/.116))}}.___SWrapper_1ivzv_gg_{display:inline-flex}.___SWrapper_1ivzv_gg_:focus{outline:none}", /*__inner_css_end__*/"1ivzv_gg_"),
28
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___STrigger_3xqvi_gg_{position:relative}.___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_:not(.__empty_3xqvi_gg_){border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_:not(.__empty_3xqvi_gg_):before{content:\"\";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;background-color:var(--intergalactic-border-primary,#000c0829);transition:height calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-out}@media (color-gamut:p3){.___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_:not(.__empty_3xqvi_gg_):before{background-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_._size_m_3xqvi_gg_:not(.__empty_3xqvi_gg_):before{height:16px}.___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_._size_l_3xqvi_gg_:not(.__empty_3xqvi_gg_):before{height:24px}.___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_.__active_3xqvi_gg_:not(.__empty_3xqvi_gg_):before,.___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_:not(.__empty_3xqvi_gg_):active:before{height:calc(100% - 2px)}.___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_.__disabled_3xqvi_gg_:not(.__empty_3xqvi_gg_){opacity:1}.___SClear_3xqvi_gg_{border-top-left-radius:0;border-bottom-left-radius:0}.___SClear_3xqvi_gg_.__disabled_3xqvi_gg_{opacity:1}@media (hover:hover){.___SWrapper_3xqvi_gg_:hover:not(:has(.__disabled_3xqvi_gg_)) .___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_._size_l_3xqvi_gg_:not(.__empty_3xqvi_gg_):before,.___SWrapper_3xqvi_gg_:hover:not(:has(.__disabled_3xqvi_gg_)) .___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_._size_m_3xqvi_gg_:not(.__empty_3xqvi_gg_):before{height:calc(100% - 2px)}}.___SWrapper_3xqvi_gg_{display:inline-flex;position:relative;border-radius:var(--intergalactic-control-rounded,6px)}.___SWrapper_3xqvi_gg_:after{content:\"\";position:absolute;border:1px solid var(--intergalactic-border-primary,#000c0829);border-radius:var(--intergalactic-control-rounded,6px);top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}@media (color-gamut:p3){.___SWrapper_3xqvi_gg_:after{border:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_.__active_3xqvi_gg_,.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_:active,.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_:has(.___STrigger_3xqvi_gg_:focus-visible){background-color:var(--intergalactic-control-select-trigger-active,oklch(.96 .001 180))}.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_.__active_3xqvi_gg_ .___STrigger_3xqvi_gg_,.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_:active .___STrigger_3xqvi_gg_,.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_:has(.___STrigger_3xqvi_gg_:focus-visible) .___STrigger_3xqvi_gg_{background:var(--intergalactic-control-select-trigger-normal,oklch(1 0 0))}.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_.__active_3xqvi_gg_:after,.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_:active:after,.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_:has(.___STrigger_3xqvi_gg_:focus-visible):after{border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2))}.___SWrapper_3xqvi_gg_:focus{outline:none}.___SWrapper_3xqvi_gg_.__disabled_3xqvi_gg_{opacity:var(--intergalactic-disabled-opacity,.4)}.___SWrapper_3xqvi_gg_ :is(.___SClear_3xqvi_gg_,.___STrigger_3xqvi_gg_){border:none}.___SWrapper_3xqvi_gg_ :is(.___SClear_3xqvi_gg_.__active_3xqvi_gg_,.___SClear_3xqvi_gg_:active,.___STrigger_3xqvi_gg_.__active_3xqvi_gg_,.___STrigger_3xqvi_gg_:active){background-color:var(--intergalactic-control-select-trigger-active,oklch(.96 .001 180))}", /*__inner_css_end__*/"3xqvi_gg_"),
29
29
  /*__reshadow_css_end__*/
30
30
  {
31
- "__SFilterTrigger": "___SFilterTrigger_1ivzv_gg_",
32
- "_selected": "__selected_1ivzv_gg_",
33
- "_active": "__active_1ivzv_gg_",
34
- "__SWrapper": "___SWrapper_1ivzv_gg_"
31
+ "__STrigger": "___STrigger_3xqvi_gg_",
32
+ "_role_combobox": "_role_combobox_3xqvi_gg_",
33
+ "_empty": "__empty_3xqvi_gg_",
34
+ "_size_m": "_size_m_3xqvi_gg_",
35
+ "_size_l": "_size_l_3xqvi_gg_",
36
+ "_active": "__active_3xqvi_gg_",
37
+ "_disabled": "__disabled_3xqvi_gg_",
38
+ "__SClear": "___SClear_3xqvi_gg_",
39
+ "__SWrapper": "___SWrapper_3xqvi_gg_"
35
40
  });
36
41
  const filterTriggerInputProps = [..._inputProps.inputProps, 'aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role'];
37
42
  class RootFilterTrigger extends _core.Component {
@@ -124,7 +129,7 @@ class RootFilterTrigger extends _core.Component {
124
129
  "use:aria-label": undefined,
125
130
  "use:aria-labelledby": undefined
126
131
  }, _ref)
127
- }), /*#__PURE__*/_react.default.createElement(_baseComponents.NeighborLocation, _ref5.cn("NeighborLocation", {}), advancedMode ? /*#__PURE__*/_react.default.createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(FilterTrigger.TriggerButton, null, /*#__PURE__*/_react.default.createElement(Children, _ref5.cn("Children", {}))), !empty && /*#__PURE__*/_react.default.createElement(FilterTrigger.ClearButton, null))));
132
+ }), advancedMode ? /*#__PURE__*/_react.default.createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(FilterTrigger.TriggerButton, null, /*#__PURE__*/_react.default.createElement(Children, _ref5.cn("Children", {}))), !empty && /*#__PURE__*/_react.default.createElement(FilterTrigger.ClearButton, null)));
128
133
  }
129
134
  }
130
135
  (0, _defineProperty2.default)(RootFilterTrigger, "displayName", 'FilterTrigger');
@@ -149,14 +154,14 @@ class TriggerButton extends _core.Component {
149
154
  render() {
150
155
  var _ref2 = this.asProps,
151
156
  _ref6;
152
- const SFilterTrigger = _BaseTrigger.default;
157
+ const STrigger = _BaseTrigger.default;
153
158
  const {
154
159
  Children,
155
160
  styles,
156
161
  empty,
157
162
  triggerRef
158
163
  } = this.asProps;
159
- return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", {
164
+ return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(STrigger, _ref6.cn("STrigger", {
160
165
  ...(0, _core.assignProps)({
161
166
  "use:role": 'combobox',
162
167
  "w": '100%',
@@ -180,7 +185,7 @@ class ClearButton extends _core.Component {
180
185
  render() {
181
186
  var _ref3 = this.asProps,
182
187
  _ref7;
183
- const SFilterTrigger = _BaseTrigger.default;
188
+ const SClear = _BaseTrigger.default;
184
189
  const {
185
190
  styles,
186
191
  empty,
@@ -191,7 +196,7 @@ class ClearButton extends _core.Component {
191
196
  title
192
197
  } = this.asProps;
193
198
  if (empty) return null;
194
- return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", {
199
+ return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SClear, _ref7.cn("SClear", {
195
200
  ...(0, _core.assignProps)({
196
201
  "ref": this.triggerRef,
197
202
  "size": size,
package/lib/cjs/FilterTrigger.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FilterTrigger.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_assignProps5","_animatedSizeEnhance","_i18nEnhance","_findComponent","_inputProps","_interopRequireWildcard","_uniqueID","_useFocusLock","_useCssVariable","_counter","_m","_m2","_react","_BaseTrigger","_intergalacticDynamicLocales","style","sstyled","insert","filterTriggerInputProps","inputProps","RootFilterTrigger","Component","constructor","args","_defineProperty2","default","e","key","stopPropagation","requestAnimationFrame","setFocus","asProps","triggerRef","current","getTriggerButtonProps","empty","size","placeholder","active","disabled","includeInputProps","_dataUiName","other","controlProps","getInputProps","selected","getClearButtonProps","onClear","getI18nText","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","Box","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","assignProps","undefined","NeighborLocation","Fragment","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","role","_ref2","_ref6","SFilterTrigger","BaseTrigger","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_ref3","_ref7","ariaLabel","title","Close","Hint","count","_ref4","arguments[0]","_ref8","SCounter","SemcoreCounter","ScreenReaderOnly","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import { NeighborLocation, Box, ScreenReaderOnly, Hint } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { setFocus } from '@semcore/core/lib/utils/use/useFocusLock';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { default as SemcoreCounter } from '@semcore/counter';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Close from '@semcore/icon/Close/m';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\nimport style from './style/filter-trigger.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n 'role',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => {\n if (e.key === 'Escape') return;\n\n e.stopPropagation();\n };\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': _dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n getI18nText,\n };\n }\n\n getCounterProps() {\n const { getI18nText, size } = this.asProps;\n\n return {\n getI18nText,\n size,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={undefined}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode\n ? (\n <Children />\n )\n : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n use:role='combobox'\n w='100%'\n empty={empty}\n selected={!empty}\n ref={triggerRef}\n animationsDisabled\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>,\n );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n triggerRef = React.createRef();\n\n render() {\n const SFilterTrigger = Root;\n const {\n styles,\n empty,\n size,\n disabled,\n getI18nText,\n 'aria-label': ariaLabel,\n title,\n } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <>\n <SFilterTrigger\n ref={this.triggerRef}\n render={BaseTrigger}\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n aria-label={title ?? ariaLabel ?? getI18nText('clear')}\n __excludeProps={['title']}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n\n <Hint triggerRef={this.triggerRef}>{title ?? ariaLabel ?? getI18nText('clear')}</Hint>\n </>,\n );\n }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n const SCounter = Root;\n return sstyled(styles)(\n <SCounter render={BaseTrigger.Addon} tag={SemcoreCounter} theme='info'>\n {count !== undefined\n ? (\n <>\n {count}\n <ScreenReaderOnly>\n {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n </ScreenReaderOnly>\n </>\n )\n : (\n <Children />\n )}\n </SCounter>,\n );\n}\n\n/**\n * FilterTrigger\n *\n * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api#filtertrigger|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code#filtertrigger|Examples}\n */\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"FilterTrigger.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_assignProps5","_animatedSizeEnhance","_i18nEnhance","_findComponent","_inputProps","_interopRequireWildcard","_uniqueID","_useFocusLock","_useCssVariable","_counter","_m","_m2","_react","_BaseTrigger","_intergalacticDynamicLocales","style","sstyled","insert","filterTriggerInputProps","inputProps","RootFilterTrigger","Component","constructor","args","_defineProperty2","default","e","key","stopPropagation","requestAnimationFrame","setFocus","asProps","triggerRef","current","getTriggerButtonProps","empty","size","placeholder","active","disabled","includeInputProps","_dataUiName","other","controlProps","getInputProps","selected","getClearButtonProps","onClear","getI18nText","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","Box","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","assignProps","undefined","Fragment","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","role","_ref2","_ref6","STrigger","BaseTrigger","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_ref3","_ref7","SClear","ariaLabel","title","Close","Hint","count","_ref4","arguments[0]","_ref8","SCounter","SemcoreCounter","ScreenReaderOnly","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import { Box, ScreenReaderOnly, Hint } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { setFocus } from '@semcore/core/lib/utils/use/useFocusLock';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { default as SemcoreCounter } from '@semcore/counter';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Close from '@semcore/icon/Close/m';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\nimport style from './style/filter-trigger.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n 'role',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => {\n if (e.key === 'Escape') return;\n\n e.stopPropagation();\n };\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': _dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n getI18nText,\n };\n }\n\n getCounterProps() {\n const { getI18nText, size } = this.asProps;\n\n return {\n getI18nText,\n size,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={undefined}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n {advancedMode\n ? (\n <Children />\n )\n : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const STrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <STrigger\n render={BaseTrigger}\n use:role='combobox'\n w='100%'\n empty={empty}\n selected={!empty}\n ref={triggerRef}\n animationsDisabled\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </STrigger>,\n );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n triggerRef = React.createRef();\n\n render() {\n const SClear = Root;\n const {\n styles,\n empty,\n size,\n disabled,\n getI18nText,\n 'aria-label': ariaLabel,\n title,\n } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <>\n <SClear\n ref={this.triggerRef}\n render={BaseTrigger}\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n aria-label={title ?? ariaLabel ?? getI18nText('clear')}\n __excludeProps={['title']}\n >\n <FilterTrigger.Addon tag={Close} />\n </SClear>\n\n <Hint triggerRef={this.triggerRef}>{title ?? ariaLabel ?? getI18nText('clear')}</Hint>\n </>,\n );\n }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n const SCounter = Root;\n return sstyled(styles)(\n <SCounter render={BaseTrigger.Addon} tag={SemcoreCounter} theme='info'>\n {count !== undefined\n ? (\n <>\n {count}\n <ScreenReaderOnly>\n {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n </ScreenReaderOnly>\n </>\n )\n : (\n <Children />\n )}\n </SCounter>,\n );\n}\n\n/**\n * FilterTrigger\n *\n * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api#filtertrigger|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code#filtertrigger|Examples}\n */\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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","ignoreList":[]}
package/lib/cjs/style/base-trigger.shadow.css CHANGED
@@ -8,7 +8,6 @@ SBaseTrigger {
8
8
  white-space: nowrap;
9
9
  user-select: none;
10
10
  box-sizing: border-box;
11
- padding: 0;
12
11
  margin: 0;
13
12
  box-shadow: none;
14
13
  text-decoration: none;
@@ -19,12 +18,15 @@ SBaseTrigger {
19
18
  font-family: inherit;
20
19
  cursor: pointer;
21
20
 
22
- background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
21
+ background: var(--intergalactic-control-select-trigger-normal, oklch(1 0 0));
23
22
 
24
23
  font-weight: var(--intergalactic-regular, 400);
25
24
  border: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
26
25
  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
27
26
 
27
+ border-radius: var(--intergalactic-control-rounded, 6px);
28
+ padding: 0 var(--intergalactic-spacing-content-padding-medium, 12px);
29
+
28
30
  &::-moz-focus-inner {
29
31
  border: none;
30
32
  padding: 0;
@@ -40,13 +42,17 @@ SBaseTrigger {
40
42
  }
41
43
 
42
44
  &:hover {
43
- background-color: var(--intergalactic-bg-primary-neutral-hover, oklch(0.98 0.001 180));
45
+ background-color: var(--intergalactic-control-select-trigger-hover, oklch(0.97 0.001 180));
44
46
  }
45
47
 
46
48
  &:active,
47
49
  &[active] {
48
50
  border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
49
- background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
51
+
52
+ &:hover {
53
+ background: var(--intergalactic-control-select-trigger-normal, oklch(1 0 0));
54
+ }
55
+ /*background-color: var(--intergalactic-control-select-trigger-active, oklch(0.96 0.001 180));*/
50
56
  }
51
57
  }
52
58
 
@@ -61,6 +67,7 @@ SInner {
61
67
  display: inline-flex;
62
68
  align-items: center;
63
69
  justify-content: center;
70
+ gap: var(--intergalactic-spacing-content-gap-medium, 6px);
64
71
  height: 100%;
65
72
  width: 100%;
66
73
  }
@@ -68,11 +75,9 @@ SInner {
68
75
  SText {
69
76
  display: inline;
70
77
  /* disable-tokens-validator */
71
- padding: 1px 0;
72
78
  overflow: hidden;
73
79
  white-space: nowrap;
74
80
  text-overflow: ellipsis;
75
- line-height: var(--intergalactic-lh-200, 142%);
76
81
  flex-grow: 1;
77
82
  text-align: left;
78
83
  }
@@ -83,57 +88,25 @@ SAddon {
83
88
  justify-content: center;
84
89
  flex-shrink: 0;
85
90
  pointer-events: none;
86
- }
87
91
 
88
- SBaseAddon {
89
- width: 12px;
90
- height: 12px;
92
+ &:only-child {
93
+ margin-left: calc(-1 * var(--intergalactic-spacing-content-gap-small, 4px));
94
+ margin-right: calc(-1 * var(--intergalactic-spacing-content-gap-small, 4px));
95
+ }
91
96
  }
92
97
 
93
98
  SBaseTrigger[size='m'] {
94
- min-width: 26px;
95
- height: 28px;
96
- border-radius: var(--intergalactic-control-rounded, 6px);
97
- padding: 0 var(--intergalactic-spacing-2x, 8px);
99
+ min-width: var(--intergalactic-form-control-m, 32px);
100
+ height: var(--intergalactic-form-control-m, 32px);
98
101
  font-size: var(--intergalactic-fs-200, 14px);
99
-
100
- & SAddon {
101
- &:not(:only-child):first-child {
102
- margin-right: var(--intergalactic-spacing-2x, 8px);
103
- }
104
-
105
- &:not(:only-child):last-child {
106
- margin-left: var(--intergalactic-spacing-2x, 8px);
107
- }
108
-
109
- &:only-child {
110
- margin-left: calc(-1 * var(--intergalactic-spacing-1x, 4px));
111
- margin-right: calc(-1 * var(--intergalactic-spacing-1x, 4px));
112
- }
113
- }
102
+ line-height: var(--intergalactic-lh-200, 1.4286);
114
103
  }
115
104
 
116
105
  SBaseTrigger[size='l'] {
117
- min-width: 32px;
118
- height: 40px;
119
- border-radius: var(--intergalactic-control-rounded, 6px);
120
- padding: 0 var(--intergalactic-spacing-3x, 12px);
106
+ min-width: var(--intergalactic-form-control-l, 44px);
107
+ height: var(--intergalactic-form-control-l, 44px);
121
108
  font-size: var(--intergalactic-fs-300, 16px);
122
-
123
- & SAddon {
124
- &:not(:only-child):first-child {
125
- margin-right: var(--intergalactic-spacing-2x, 8px);
126
- }
127
-
128
- &:not(:only-child):last-child {
129
- margin-left: var(--intergalactic-spacing-2x, 8px);
130
- }
131
-
132
- &:only-child {
133
- margin-left: calc(-1 * var(--intergalactic-spacing-1x, 4px));
134
- margin-right: calc(-1 * var(--intergalactic-spacing-1x, 4px));
135
- }
136
- }
109
+ line-height: var(--intergalactic-lh-300, 1.5);
137
110
  }
138
111
 
139
112
  SBaseTrigger[neighborLocation='right'] {
@@ -160,7 +133,7 @@ SBaseTrigger[neighborLocation='left'] {
160
133
  }
161
134
 
162
135
  SText[display-placeholder] {
163
- color: var(--intergalactic-text-placeholder, oklch(0.098 0.023 157.4 / 0.457));
136
+ color: var(--intergalactic-text-placeholder, oklch(0.109 0.023 165.5 / 0.337));
164
137
  }
165
138
 
166
139
  SBaseTrigger[state='valid'] {
@@ -175,10 +148,7 @@ SBaseTrigger[state='invalid'] {
175
148
  }
176
149
  }
177
150
 
178
- SInvalidPattern[size='m'] {
179
- margin-left: calc(-1 * var(--intergalactic-spacing-2x, 8px));
180
- }
181
-
151
+ SInvalidPattern[size='m'],
182
152
  SInvalidPattern[size='l'] {
183
- margin-left: calc(-1 * var(--intergalactic-spacing-3x, 12px));
153
+ margin-left: calc(-1 * var(--intergalactic-spacing-content-padding-medium, 12px));
184
154
  }
package/lib/cjs/style/button-trigger.shadow.css CHANGED
@@ -1,8 +1,11 @@
1
1
  SButtonAddon {
2
- width: 12px;
3
- height: 12px;
2
+ width: var(--intergalactic-spacing-3x, 12px);
3
+ height: var(--intergalactic-spacing-3x, 12px);
4
+ color: var(--intergalactic-icon-non-interactive, oklch(0.094 0.024 153.9 / 0.503));
5
+ position: relative;
6
+ left: var(--intergalactic-spacing-05x, 2px);
4
7
  }
5
8
 
6
9
  SButtonTriggerSpin {
7
- fill: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
10
+ fill: var(--intergalactic-icon-non-interactive, oklch(0.094 0.024 153.9 / 0.503));
8
11
  }
package/lib/cjs/style/filter-trigger.shadow.css CHANGED
@@ -1,22 +1,100 @@
1
- SFilterTrigger[selected] {
2
- border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
3
- background-color: var(--intergalactic-control-secondary-info, oklch(0.527 0.264 262.9 / 0.039));
4
- color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
1
+ STrigger {
2
+ position: relative;
5
3
 
6
- &:hover {
7
- background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.525 0.265 263 / 0.077));
4
+ &[role="combobox"]:not([empty]) {
5
+ border-right: none;
6
+ border-top-right-radius: 0;
7
+ border-bottom-right-radius: 0;
8
+
9
+ &::before {
10
+ content: '';
11
+ position: absolute;
12
+ right: 0;
13
+ top: 50%;
14
+ transform: translateY(-50%);
15
+ width: 1px;
16
+ background-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
17
+ transition: height calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-out;
18
+ }
19
+
20
+ &[size='m']::before {
21
+ height: 16px;
22
+ }
23
+ &[size='l']::before {
24
+ height: 24px;
25
+ }
26
+
27
+ &[active], &:active {
28
+ &::before {
29
+ height: calc(100% - 2px);
30
+ }
31
+ }
32
+
33
+ &[disabled] {
34
+ opacity: 1;
35
+ }
36
+ }
37
+ }
38
+
39
+ SClear {
40
+ border-top-left-radius: 0;
41
+ border-bottom-left-radius: 0;
42
+
43
+ &[disabled] {
44
+ opacity: 1;
8
45
  }
46
+ }
9
47
 
10
- &:active,
11
- &[active] {
12
- background-color: var(--intergalactic-control-secondary-info-active, oklch(0.524 0.266 263.1 / 0.116));
48
+ SWrapper:hover:not(:has([disabled])) STrigger[role="combobox"]:not([empty]) {
49
+ &[size='m']::before,
50
+ &[size='l']::before {
51
+ height: calc(100% - 2px);
13
52
  }
14
53
  }
15
54
 
16
55
  SWrapper {
17
56
  display: inline-flex;
57
+ position: relative;
58
+ border-radius: var(--intergalactic-control-rounded, 6px);
59
+
60
+ &::after {
61
+ content: '';
62
+ position: absolute;
63
+ border: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
64
+ border-radius: var(--intergalactic-control-rounded, 6px);
65
+ inset: 0;
66
+ z-index: 1;
67
+ pointer-events: none;
68
+ }
69
+
70
+ &[empty]:active,
71
+ &[empty][active],
72
+ &[empty]:has(STrigger:focus-visible) {
73
+ background-color: var(--intergalactic-control-select-trigger-active, oklch(0.96 0.001 180));
74
+
75
+ STrigger {
76
+ background: var(--intergalactic-control-select-trigger-normal, oklch(1 0 0));
77
+ }
78
+
79
+ &::after {
80
+ border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
81
+ }
82
+ }
18
83
 
19
84
  &:focus {
20
85
  outline: none;
21
86
  }
87
+
88
+ &[disabled] {
89
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
90
+ }
91
+
92
+ STrigger,
93
+ SClear {
94
+ border: none;
95
+
96
+ &[active], &:active {
97
+ background-color: var(--intergalactic-control-select-trigger-active, oklch(0.96 0.001 180));
98
+ }
99
+ }
22
100
  }