@semcore/base-trigger 3.4.1 → 3.4.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,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
+ ## [3.4.2] - 2022-12-21
6
+
7
+ ### Fixed
8
+
9
+ - Fixed the problem of not showing the placeholder when the body of the `BaseTrigger` is empty.
10
+
5
11
  ## [3.4.1] - 2022-12-19
6
12
 
7
13
  ### Changed
@@ -52,28 +52,28 @@ var style = (
52
52
  /*__reshadow_css_start__*/
53
53
  _core.sstyled.insert(
54
54
  /*__inner_css_start__*/
55
- ".___SBaseTrigger_kt7ol_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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:var(--intergalactic-base,Inter),sans-serif;cursor:pointer;background:var(--intergalactic-bg-primary-neutral,#fff);font-weight:var(--intergalactic-regular,400);border:1px solid var(--intergalactic-border-primary,#c4c7cf);color:var(--intergalactic-text-primary,#191b23)}.___SBaseTrigger_kt7ol_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_kt7ol_gg_:active,.___SBaseTrigger_kt7ol_gg_:focus,.___SBaseTrigger_kt7ol_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_kt7ol_gg_.__keyboardFocused_kt7ol_gg_{border:1px solid var(--intergalactic-border-info-active,#006dca);box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SBaseTrigger_kt7ol_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover,#f4f5f9)}.___SBaseTrigger_kt7ol_gg_:active,.___SBaseTrigger_kt7ol_gg_.__active_kt7ol_gg_{background-color:var(--intergalactic-bg-primary-neutral-active,#e0e1e9)}.___SBaseTrigger_kt7ol_gg_.__disabled_kt7ol_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SBaseTrigger_kt7ol_gg_.__keyboardFocused_kt7ol_gg_{z-index:1}.___SInner_kt7ol_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_kt7ol_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_kt7ol_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_kt7ol_gg_{width:12px;height:12px}.___SBaseTrigger_kt7ol_gg_._size_m_kt7ol_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-rounded-medium,6px);padding:0 var(--intergalactic-spacing-2x,8px);font-size:var(--intergalactic-fs-200,14px)}.___SBaseTrigger_kt7ol_gg_._size_m_kt7ol_gg_ .___SAddon_kt7ol_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_kt7ol_gg_._size_m_kt7ol_gg_ .___SAddon_kt7ol_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_kt7ol_gg_._size_m_kt7ol_gg_ .___SAddon_kt7ol_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_kt7ol_gg_._size_l_kt7ol_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-rounded-medium,6px);padding:0 var(--intergalactic-spacing-3x,12px);font-size:var(--intergalactic-fs-300,16px)}.___SBaseTrigger_kt7ol_gg_._size_l_kt7ol_gg_ .___SAddon_kt7ol_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_kt7ol_gg_._size_l_kt7ol_gg_ .___SAddon_kt7ol_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_kt7ol_gg_._size_l_kt7ol_gg_ .___SAddon_kt7ol_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_kt7ol_gg_._neighborLocation_right_kt7ol_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_kt7ol_gg_._neighborLocation_both_kt7ol_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_kt7ol_gg_._neighborLocation_left_kt7ol_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_kt7ol_gg_.__placeholder_kt7ol_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SBaseTrigger_kt7ol_gg_._state_normal_kt7ol_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SBaseTrigger_kt7ol_gg_._state_valid_kt7ol_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SBaseTrigger_kt7ol_gg_._state_invalid_kt7ol_gg_{border-color:var(--intergalactic-border-danger,#ffaeb5)}.___SBaseTrigger_kt7ol_gg_._state_invalid_kt7ol_gg_.__keyboardFocused_kt7ol_gg_{border-color:var(--intergalactic-border-danger-active,#d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid,0 0 0 3px rgba(255,73,83,.3))}"
55
+ ".___SBaseTrigger_1vx9a_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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:var(--intergalactic-base,Inter),sans-serif;cursor:pointer;background:var(--intergalactic-bg-primary-neutral,#fff);font-weight:var(--intergalactic-regular,400);border:1px solid var(--intergalactic-border-primary,#c4c7cf);color:var(--intergalactic-text-primary,#191b23)}.___SBaseTrigger_1vx9a_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_1vx9a_gg_:active,.___SBaseTrigger_1vx9a_gg_:focus,.___SBaseTrigger_1vx9a_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_1vx9a_gg_.__keyboardFocused_1vx9a_gg_{border:1px solid var(--intergalactic-border-info-active,#006dca);box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SBaseTrigger_1vx9a_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover,#f4f5f9)}.___SBaseTrigger_1vx9a_gg_:active,.___SBaseTrigger_1vx9a_gg_.__active_1vx9a_gg_{background-color:var(--intergalactic-bg-primary-neutral-active,#e0e1e9)}.___SBaseTrigger_1vx9a_gg_.__disabled_1vx9a_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SBaseTrigger_1vx9a_gg_.__keyboardFocused_1vx9a_gg_{z-index:1}.___SInner_1vx9a_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1vx9a_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_1vx9a_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1vx9a_gg_{width:12px;height:12px}.___SBaseTrigger_1vx9a_gg_._size_m_1vx9a_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-rounded-medium,6px);padding:0 var(--intergalactic-spacing-2x,8px);font-size:var(--intergalactic-fs-200,14px)}.___SBaseTrigger_1vx9a_gg_._size_m_1vx9a_gg_ .___SAddon_1vx9a_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_1vx9a_gg_._size_m_1vx9a_gg_ .___SAddon_1vx9a_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_1vx9a_gg_._size_m_1vx9a_gg_ .___SAddon_1vx9a_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_1vx9a_gg_._size_l_1vx9a_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-rounded-medium,6px);padding:0 var(--intergalactic-spacing-3x,12px);font-size:var(--intergalactic-fs-300,16px)}.___SBaseTrigger_1vx9a_gg_._size_l_1vx9a_gg_ .___SAddon_1vx9a_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_1vx9a_gg_._size_l_1vx9a_gg_ .___SAddon_1vx9a_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_1vx9a_gg_._size_l_1vx9a_gg_ .___SAddon_1vx9a_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_1vx9a_gg_._neighborLocation_right_1vx9a_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1vx9a_gg_._neighborLocation_both_1vx9a_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1vx9a_gg_._neighborLocation_left_1vx9a_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1vx9a_gg_.__placeholder_1vx9a_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SBaseTrigger_1vx9a_gg_._state_normal_1vx9a_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SBaseTrigger_1vx9a_gg_._state_valid_1vx9a_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SBaseTrigger_1vx9a_gg_._state_invalid_1vx9a_gg_{border-color:var(--intergalactic-border-danger,#ffaeb5)}.___SBaseTrigger_1vx9a_gg_._state_invalid_1vx9a_gg_.__keyboardFocused_1vx9a_gg_{border-color:var(--intergalactic-border-danger-active,#d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid,0 0 0 3px rgba(255,73,83,.3))}"
56
56
  /*__inner_css_end__*/
57
- , "kt7ol_gg_")
57
+ , "1vx9a_gg_")
58
58
  /*__reshadow_css_end__*/
59
59
  , {
60
- "__SBaseTrigger": "___SBaseTrigger_kt7ol_gg_",
61
- "_keyboardFocused": "__keyboardFocused_kt7ol_gg_",
62
- "_active": "__active_kt7ol_gg_",
63
- "_disabled": "__disabled_kt7ol_gg_",
64
- "__SInner": "___SInner_kt7ol_gg_",
65
- "__SText": "___SText_kt7ol_gg_",
66
- "__SAddon": "___SAddon_kt7ol_gg_",
67
- "__SBaseAddon": "___SBaseAddon_kt7ol_gg_",
68
- "_size_m": "_size_m_kt7ol_gg_",
69
- "_size_l": "_size_l_kt7ol_gg_",
70
- "_neighborLocation_right": "_neighborLocation_right_kt7ol_gg_",
71
- "_neighborLocation_both": "_neighborLocation_both_kt7ol_gg_",
72
- "_neighborLocation_left": "_neighborLocation_left_kt7ol_gg_",
73
- "_placeholder": "__placeholder_kt7ol_gg_",
74
- "_state_normal": "_state_normal_kt7ol_gg_",
75
- "_state_valid": "_state_valid_kt7ol_gg_",
76
- "_state_invalid": "_state_invalid_kt7ol_gg_"
60
+ "__SBaseTrigger": "___SBaseTrigger_1vx9a_gg_",
61
+ "_keyboardFocused": "__keyboardFocused_1vx9a_gg_",
62
+ "_active": "__active_1vx9a_gg_",
63
+ "_disabled": "__disabled_1vx9a_gg_",
64
+ "__SInner": "___SInner_1vx9a_gg_",
65
+ "__SText": "___SText_1vx9a_gg_",
66
+ "__SAddon": "___SAddon_1vx9a_gg_",
67
+ "__SBaseAddon": "___SBaseAddon_1vx9a_gg_",
68
+ "_size_m": "_size_m_1vx9a_gg_",
69
+ "_size_l": "_size_l_1vx9a_gg_",
70
+ "_neighborLocation_right": "_neighborLocation_right_1vx9a_gg_",
71
+ "_neighborLocation_both": "_neighborLocation_both_1vx9a_gg_",
72
+ "_neighborLocation_left": "_neighborLocation_left_1vx9a_gg_",
73
+ "_placeholder": "__placeholder_1vx9a_gg_",
74
+ "_state_normal": "_state_normal_1vx9a_gg_",
75
+ "_state_valid": "_state_valid_1vx9a_gg_",
76
+ "_state_invalid": "_state_invalid_1vx9a_gg_"
77
77
  });
78
78
 
79
79
  var RootBaseTrigger = /*#__PURE__*/function (_Component) {
@@ -107,7 +107,8 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
107
107
  Children = _this$asProps2.Children,
108
108
  styles = _this$asProps2.styles,
109
109
  theme = _this$asProps2.theme,
110
- neighborLocation = _this$asProps2.neighborLocation;
110
+ neighborLocation = _this$asProps2.neighborLocation,
111
+ empty = _this$asProps2.empty;
111
112
 
112
113
  _logger["default"].warn(theme !== undefined, "The 'theme' property is deprecated, use 'state'", this.asProps['data-ui-name'] || BaseTrigger.displayName); // TODO: add aria
113
114
 
@@ -120,7 +121,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
120
121
  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", _objectSpread({}, (0, _core.assignProps)({
121
122
  "neighborLocation": neighborLocation,
122
123
  "state": theme
123
- }, _ref))), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {}), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon)));
124
+ }, _ref))), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {}), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
124
125
  });
125
126
  }
126
127
  }]);
@@ -131,7 +132,8 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
131
132
  (0, _defineProperty2["default"])(RootBaseTrigger, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
132
133
  (0, _defineProperty2["default"])(RootBaseTrigger, "style", style);
133
134
  (0, _defineProperty2["default"])(RootBaseTrigger, "defaultProps", {
134
- size: 'm'
135
+ size: 'm',
136
+ empty: false
135
137
  });
136
138
 
137
139
  function Text(props) {
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTrigger.js","names":["RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","Box","SInner","Children","styles","theme","neighborLocation","logger","warn","undefined","BaseTrigger","displayName","sstyled","addonTextChildren","Text","Addon","Component","keyboardFocusEnhance","style","size","props","SText","children","SAddon","createComponent"],"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';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n size: 'm',\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 } = 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>{addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon)}</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":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;MACb,oBAA+B,KAAKC,OAApC;MAAA,IAAQC,WAAR,iBAAQA,WAAR;MAAA,IAAqBC,KAArB,iBAAqBA,KAArB;MACA,OAAO;QACLD,WAAW,EAAXA,WADK;QAELC,KAAK,EAALA;MAFK,CAAP;IAID;;;WAED,kBAAS;MAAA;MACP,IAAMC,YAAY,GAeYC,YAf9B;MACA,IAAMC,MAAM,GAAG,KAAf;MACA,qBAAsD,KAAKL,OAA3D;MAAA,IAAQM,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,MAAlB,kBAAkBA,MAAlB;MAAA,IAA0BC,KAA1B,kBAA0BA,KAA1B;MAAA,IAAiCC,gBAAjC,kBAAiCA,gBAAjC;;MAEAC,kBAAA,CAAOC,IAAP,CACEH,KAAK,KAAKI,SADZ,EAEE,iDAFF,EAGE,KAAKZ,OAAL,CAAa,cAAb,KAAgCa,WAAW,CAACC,WAH9C,EALO,CAWP;;;MACA,oBACE,gCAAC,4BAAD,CAAkB,MAAlB;QAAyB,gBAAgB,EAAEL;MAA3C,GACG,UAACA,gBAAD;QAAA;;QAAA,eACC,IAAAM,aAAA,EAAQR,MAAR,CADD,eAEG,gCAAC,YAAD;UAAA,oBAA6CE,gBAA7C;UAAA,SAAsED;QAAtE,yBACE,gCAAC,MAAD,0BAAS,IAAAQ,6BAAA,EAAkBV,QAAlB,EAA4BO,WAAW,CAACI,IAAxC,EAA8CJ,WAAW,CAACK,KAA1D,CAAT,CADF,CAFH;MAAA,CADH,CADF;IAWD;;;EAvC2BC,e;;iCAAxBpB,e,iBACiB,a;iCADjBA,e,aAEa,CAAC,IAAAqB,gCAAA,GAAD,C;iCAFbrB,e,WAGWsB,K;iCAHXtB,e,kBAIkB;EACpBuB,IAAI,EAAE;AADc,C;;AAsCxB,SAASL,IAAT,CAAcM,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMC,KAAK,GAKMpB,YALjB;EACA,IAAQqB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;EAAA,IAAkBlB,MAAlB,GAAiDgB,KAAjD,CAAkBhB,MAAlB;EAAA,IAA0BL,KAA1B,GAAiDqB,KAAjD,CAA0BrB,KAA1B;EAAA,IAAiCD,WAAjC,GAAiDsB,KAAjD,CAAiCtB,WAAjC;EAEA,eAAO,IAAAc,aAAA,EAAQR,MAAR,CAAP;EAAA;;EACE;EACA,gCAAC,KAAD;IAAA,mBAAqCL;EAArC,aACGA,KAAK,GAAGD,WAAH,GAAiBwB,QADzB,CAFF;AAMD;;AAED,SAASP,KAAT,CAAeK,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMG,MAAM,GACiCtB,YAD7C;EACA,eAAO,IAAAW,aAAA,EAAQQ,KAAK,CAAChB,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMM,WAAW,GAAG,IAAAc,gBAAA,EAAgB5B,eAAhB,EAAiC;EACnDkB,IAAI,EAAJA,IADmD;EAEnDC,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeL,W"}
1
+ {"version":3,"file":"BaseTrigger.js","names":["RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","Box","SInner","Children","styles","theme","neighborLocation","logger","warn","undefined","BaseTrigger","displayName","sstyled","addonTextChildren","Text","Addon","Component","keyboardFocusEnhance","style","size","props","SText","children","SAddon","createComponent"],"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';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [keyboardFocusEnhance()];\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":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WASJ,wBAAe;MACb,oBAA+B,KAAKC,OAApC;MAAA,IAAQC,WAAR,iBAAQA,WAAR;MAAA,IAAqBC,KAArB,iBAAqBA,KAArB;MACA,OAAO;QACLD,WAAW,EAAXA,WADK;QAELC,KAAK,EAALA;MAFK,CAAP;IAID;;;WAED,kBAAS;MAAA;MACP,IAAMC,YAAY,GAeYC,YAf9B;MACA,IAAMC,MAAM,GAAG,KAAf;MACA,qBAA6D,KAAKL,OAAlE;MAAA,IAAQM,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,MAAlB,kBAAkBA,MAAlB;MAAA,IAA0BC,KAA1B,kBAA0BA,KAA1B;MAAA,IAAiCC,gBAAjC,kBAAiCA,gBAAjC;MAAA,IAAmDP,KAAnD,kBAAmDA,KAAnD;;MAEAQ,kBAAA,CAAOC,IAAP,CACEH,KAAK,KAAKI,SADZ,EAEE,iDAFF,EAGE,KAAKZ,OAAL,CAAa,cAAb,KAAgCa,WAAW,CAACC,WAH9C,EALO,CAWP;;;MACA,oBACE,gCAAC,4BAAD,CAAkB,MAAlB;QAAyB,gBAAgB,EAAEL;MAA3C,GACG,UAACA,gBAAD;QAAA;;QAAA,eACC,IAAAM,aAAA,EAAQR,MAAR,CADD,eAEG,gCAAC,YAAD;UAAA,oBAA6CE,gBAA7C;UAAA,SAAsED;QAAtE,yBACE,gCAAC,MAAD,0BACG,IAAAQ,6BAAA,EAAkBV,QAAlB,EAA4BO,WAAW,CAACI,IAAxC,EAA8CJ,WAAW,CAACK,KAA1D,EAAiEhB,KAAjE,CADH,CADF,CAFH;MAAA,CADH,CADF;IAaD;;;EA1C2BiB,e;;iCAAxBpB,e,iBACiB,a;iCADjBA,e,aAEa,CAAC,IAAAqB,gCAAA,GAAD,C;iCAFbrB,e,WAGWsB,K;iCAHXtB,e,kBAIkB;EACpBuB,IAAI,EAAE,GADc;EAEpBpB,KAAK,EAAE;AAFa,C;;AAyCxB,SAASe,IAAT,CAAcM,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMC,KAAK,GAKMpB,YALjB;EACA,IAAQqB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;EAAA,IAAkBlB,MAAlB,GAAiDgB,KAAjD,CAAkBhB,MAAlB;EAAA,IAA0BL,KAA1B,GAAiDqB,KAAjD,CAA0BrB,KAA1B;EAAA,IAAiCD,WAAjC,GAAiDsB,KAAjD,CAAiCtB,WAAjC;EAEA,eAAO,IAAAc,aAAA,EAAQR,MAAR,CAAP;EAAA;;EACE;EACA,gCAAC,KAAD;IAAA,mBAAqCL;EAArC,aACGA,KAAK,GAAGD,WAAH,GAAiBwB,QADzB,CAFF;AAMD;;AAED,SAASP,KAAT,CAAeK,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMG,MAAM,GACiCtB,YAD7C;EACA,eAAO,IAAAW,aAAA,EAAQQ,KAAK,CAAChB,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMM,WAAW,GAAG,IAAAc,gBAAA,EAAgB5B,eAAhB,EAAiC;EACnDkB,IAAI,EAAJA,IADmD;EAEnDC,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeL,W"}
@@ -46,13 +46,13 @@ var style = (
46
46
  /*__reshadow_css_start__*/
47
47
  _core.sstyled.insert(
48
48
  /*__inner_css_start__*/
49
- ".___SButtonAddon_a56r7_gg_{width:12px;height:12px}.___SButtonTriggerSpin_a56r7_gg_{fill:var(--intergalactic-icon-primary-neutral,#6c6e79)}"
49
+ ".___SButtonAddon_398tc_gg_{width:12px;height:12px}.___SButtonTriggerSpin_398tc_gg_{fill:var(--intergalactic-icon-primary-neutral,#6c6e79)}"
50
50
  /*__inner_css_end__*/
51
- , "a56r7_gg_")
51
+ , "398tc_gg_")
52
52
  /*__reshadow_css_end__*/
53
53
  , {
54
- "__SButtonAddon": "___SButtonAddon_a56r7_gg_",
55
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_a56r7_gg_"
54
+ "__SButtonAddon": "___SButtonAddon_398tc_gg_",
55
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_398tc_gg_"
56
56
  });
57
57
 
58
58
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
@@ -76,8 +76,9 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
76
76
  var _this$asProps = this.asProps,
77
77
  Children = _this$asProps.Children,
78
78
  styles = _this$asProps.styles,
79
- loading = _this$asProps.loading;
80
- return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon), /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
79
+ loading = _this$asProps.loading,
80
+ empty = _this$asProps.empty;
81
+ return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
81
82
  "size": "xs",
82
83
  "theme": false
83
84
  })) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref2.cn("ChevronDown", {}))));
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonTrigger.js","names":["RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","asProps","Children","styles","loading","sstyled","BaseTrigger","addonTextChildren","Text","Component","style","createComponent","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon)}\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size=\"xs\" theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n </Root>,\n );\n }\n}\n\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;WAIJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;MACA,IAAMC,kBAAkB,GAAGC,gBAA3B;MACA,oBAAsC,KAAKC,OAA3C;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,OAA1B,iBAA0BA,OAA1B;MAEA,eAAO,IAAAC,aAAA,EAAQF,MAAR,CAAP,eACE,gCAAcG,uBAAd,oCACG,IAAAC,6BAAA,EAAkBL,QAAlB,EAA4BL,aAAa,CAACW,IAA1C,EAAgDX,aAAa,CAACC,KAA9D,CADH,eAEE,gCAAC,YAAD,gCACGM,OAAO,gBAAG,gCAAC,kBAAD;QAAA,QAAyB,IAAzB;QAAA,SAAqC;MAArC,GAAH,gBAAoD,gCAAC,aAAD,8BAD9D,CAFF,CADF;IAQD;;;EAjB6BK,e;;iCAA1Bd,iB,iBACiB,e;iCADjBA,iB,WAEWe,K;AAkBjB,IAAMb,aAAa,GAAG,IAAAc,gBAAA,EACpBhB,iBADoB,EAEpB;EACEa,IAAI,EAAEF,uBAAA,CAAYE,IADpB;EAEEV,KAAK,EAAEQ,uBAAA,CAAYR;AAFrB,CAFoB,EAMpB;EACEc,MAAM,EAAEN;AADV,CANoB,CAAtB;eAWeT,a"}
1
+ {"version":3,"file":"ButtonTrigger.js","names":["RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","asProps","Children","styles","loading","empty","sstyled","BaseTrigger","addonTextChildren","Text","Component","style","createComponent","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size=\"xs\" theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n </Root>,\n );\n }\n}\n\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;WAIJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;MACA,IAAMC,kBAAkB,GAAGC,gBAA3B;MACA,oBAA6C,KAAKC,OAAlD;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,OAA1B,iBAA0BA,OAA1B;MAAA,IAAmCC,KAAnC,iBAAmCA,KAAnC;MAEA,eAAO,IAAAC,aAAA,EAAQH,MAAR,CAAP,eACE,gCAAcI,uBAAd,oCACG,IAAAC,6BAAA,EAAkBN,QAAlB,EAA4BL,aAAa,CAACY,IAA1C,EAAgDZ,aAAa,CAACC,KAA9D,EAAqEO,KAArE,CADH,eAEE,gCAAC,YAAD,gCACGD,OAAO,gBAAG,gCAAC,kBAAD;QAAA,QAAyB,IAAzB;QAAA,SAAqC;MAArC,GAAH,gBAAoD,gCAAC,aAAD,8BAD9D,CAFF,CADF;IAQD;;;EAjB6BM,e;;iCAA1Bf,iB,iBACiB,e;iCADjBA,iB,WAEWgB,K;AAkBjB,IAAMd,aAAa,GAAG,IAAAe,gBAAA,EACpBjB,iBADoB,EAEpB;EACEc,IAAI,EAAEF,uBAAA,CAAYE,IADpB;EAEEX,KAAK,EAAES,uBAAA,CAAYT;AAFrB,CAFoB,EAMpB;EACEe,MAAM,EAAEN;AADV,CANoB,CAAtB;eAWeV,a"}
@@ -64,25 +64,25 @@ var style = (
64
64
  /*__reshadow_css_start__*/
65
65
  _core.sstyled.insert(
66
66
  /*__inner_css_start__*/
67
- ".___SButtonTrigger_1bddp_gg_{border:1px solid var(--intergalactic-border-primary,#c4c7cf);background:var(--intergalactic-bg-primary-neutral,#fff);color:var(--intergalactic-text-primary,#191b23)}.___SButtonTrigger_1bddp_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_1bddp_gg_:active,.___SButtonTrigger_1bddp_gg_:focus,.___SButtonTrigger_1bddp_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_1bddp_gg_:active,.___SButtonTrigger_1bddp_gg_:hover,.___SButtonTrigger_1bddp_gg_.__active_1bddp_gg_{background-color:var(--intergalactic-control-secondary-neutral-hover,rgba(138,142,155,.2))}.___SButtonTrigger_1bddp_gg_._size_m_1bddp_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-rounded-medium,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButtonTrigger_1bddp_gg_._size_l_1bddp_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-rounded-medium,6px);font-size:var(--intergalactic-fs-300,16px)}.___SText_1bddp_gg_.__placeholder_1bddp_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SButtonTrigger_1bddp_gg_._state_normal_1bddp_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SButtonTrigger_1bddp_gg_._state_valid_1bddp_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SButtonTrigger_1bddp_gg_._state_invalid_1bddp_gg_{border-color:var(--intergalactic-border-danger,#ffaeb5)}.___SFilterTrigger_1bddp_gg_.__selected_1bddp_gg_{border-color:var(--intergalactic-border-info-active,#006dca);background-color:var(--intergalactic-control-secondary-info-hover,rgba(0,143,248,.2));color:var(--intergalactic-text-primary,#191b23)}.___SFilterTrigger_1bddp_gg_.__selected_1bddp_gg_:hover,.___SFilterTrigger_1bddp_gg_.__selected_1bddp_gg_.__active_1bddp_gg_{background-color:var(--intergalactic-control-secondary-info-active,rgba(0,143,248,.3))}.___SWrapper_1bddp_gg_{display:inline-flex}.___SWrapper_1bddp_gg_:focus{outline:none}.___SWrapper_1bddp_gg_.__keyboardFocused_1bddp_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SCounter_1bddp_gg_{background-color:var(--intergalactic-bg-primary-info,#008ff8)}"
67
+ ".___SButtonTrigger_kb39n_gg_{border:1px solid var(--intergalactic-border-primary,#c4c7cf);background:var(--intergalactic-bg-primary-neutral,#fff);color:var(--intergalactic-text-primary,#191b23)}.___SButtonTrigger_kb39n_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_kb39n_gg_:active,.___SButtonTrigger_kb39n_gg_:focus,.___SButtonTrigger_kb39n_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_kb39n_gg_:active,.___SButtonTrigger_kb39n_gg_:hover,.___SButtonTrigger_kb39n_gg_.__active_kb39n_gg_{background-color:var(--intergalactic-control-secondary-neutral-hover,rgba(138,142,155,.2))}.___SButtonTrigger_kb39n_gg_._size_m_kb39n_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-rounded-medium,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButtonTrigger_kb39n_gg_._size_l_kb39n_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-rounded-medium,6px);font-size:var(--intergalactic-fs-300,16px)}.___SText_kb39n_gg_.__placeholder_kb39n_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SButtonTrigger_kb39n_gg_._state_normal_kb39n_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SButtonTrigger_kb39n_gg_._state_valid_kb39n_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SButtonTrigger_kb39n_gg_._state_invalid_kb39n_gg_{border-color:var(--intergalactic-border-danger,#ffaeb5)}.___SFilterTrigger_kb39n_gg_.__selected_kb39n_gg_{border-color:var(--intergalactic-border-info-active,#006dca);background-color:var(--intergalactic-control-secondary-info-hover,rgba(0,143,248,.2));color:var(--intergalactic-text-primary,#191b23)}.___SFilterTrigger_kb39n_gg_.__selected_kb39n_gg_:hover,.___SFilterTrigger_kb39n_gg_.__selected_kb39n_gg_.__active_kb39n_gg_{background-color:var(--intergalactic-control-secondary-info-active,rgba(0,143,248,.3))}.___SWrapper_kb39n_gg_{display:inline-flex}.___SWrapper_kb39n_gg_:focus{outline:none}.___SWrapper_kb39n_gg_.__keyboardFocused_kb39n_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SCounter_kb39n_gg_{background-color:var(--intergalactic-bg-primary-info,#008ff8)}"
68
68
  /*__inner_css_end__*/
69
- , "1bddp_gg_")
69
+ , "kb39n_gg_")
70
70
  /*__reshadow_css_end__*/
71
71
  , {
72
- "__SButtonTrigger": "___SButtonTrigger_1bddp_gg_",
73
- "_active": "__active_1bddp_gg_",
74
- "_size_m": "_size_m_1bddp_gg_",
75
- "_size_l": "_size_l_1bddp_gg_",
76
- "__SText": "___SText_1bddp_gg_",
77
- "_placeholder": "__placeholder_1bddp_gg_",
78
- "_state_normal": "_state_normal_1bddp_gg_",
79
- "_state_valid": "_state_valid_1bddp_gg_",
80
- "_state_invalid": "_state_invalid_1bddp_gg_",
81
- "__SFilterTrigger": "___SFilterTrigger_1bddp_gg_",
82
- "_selected": "__selected_1bddp_gg_",
83
- "__SWrapper": "___SWrapper_1bddp_gg_",
84
- "_keyboardFocused": "__keyboardFocused_1bddp_gg_",
85
- "__SCounter": "___SCounter_1bddp_gg_"
72
+ "__SButtonTrigger": "___SButtonTrigger_kb39n_gg_",
73
+ "_active": "__active_kb39n_gg_",
74
+ "_size_m": "_size_m_kb39n_gg_",
75
+ "_size_l": "_size_l_kb39n_gg_",
76
+ "__SText": "___SText_kb39n_gg_",
77
+ "_placeholder": "__placeholder_kb39n_gg_",
78
+ "_state_normal": "_state_normal_kb39n_gg_",
79
+ "_state_valid": "_state_valid_kb39n_gg_",
80
+ "_state_invalid": "_state_invalid_kb39n_gg_",
81
+ "__SFilterTrigger": "___SFilterTrigger_kb39n_gg_",
82
+ "_selected": "__selected_kb39n_gg_",
83
+ "__SWrapper": "___SWrapper_kb39n_gg_",
84
+ "_keyboardFocused": "__keyboardFocused_kb39n_gg_",
85
+ "__SCounter": "___SCounter_kb39n_gg_"
86
86
  });
87
87
 
88
88
  var RootFilterTrigger = /*#__PURE__*/function (_Component) {
@@ -54,23 +54,23 @@ var style = (
54
54
  /*__reshadow_css_start__*/
55
55
  _core.sstyled.insert(
56
56
  /*__inner_css_start__*/
57
- ".___SLinkTrigger_qtboj_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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:var(--intergalactic-base,Inter),sans-serif;cursor:pointer;color:var(--intergalactic-text-link,#006dca);background:none;transition:color .15s ease-in-out}.___SLinkTrigger_qtboj_gg_:active,.___SLinkTrigger_qtboj_gg_:hover,.___SLinkTrigger_qtboj_gg_.__active_qtboj_gg_{color:var(--intergalactic-text-link-hover-active,#044792)}.___SLinkTrigger_qtboj_gg_:active .___SText_qtboj_gg_,.___SLinkTrigger_qtboj_gg_:hover .___SText_qtboj_gg_,.___SLinkTrigger_qtboj_gg_.__active_qtboj_gg_ .___SText_qtboj_gg_{border-color:currentColor}.___SLinkTrigger_qtboj_gg_ .___SText_qtboj_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_qtboj_gg_.__color_qtboj_gg_{color:var(--color_qtboj)}.___SLinkTrigger_qtboj_gg_.__color_qtboj_gg_:hover{color:var(--color-hover_qtboj)}.___SLinkTrigger_qtboj_gg_.__disabled_qtboj_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SLinkTrigger_qtboj_gg_.__keyboardFocused_qtboj_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3));z-index:1}.___SAddon_qtboj_gg_,.___SLinkAddon_qtboj_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x,2px)}.___SAddon_qtboj_gg_:not(:only-child):first-child,.___SLinkAddon_qtboj_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x,4px)}.___SAddon_qtboj_gg_:not(:only-child):last-child,.___SLinkAddon_qtboj_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x,4px)}.___SLinkAddon_qtboj_gg_{width:16px;height:16px}.___SLinkTrigger_qtboj_gg_._size_m_qtboj_gg_{font-size:var(--intergalactic-fs-200,14px)}.___SLinkTrigger_qtboj_gg_._size_l_qtboj_gg_{font-size:var(--intergalactic-fs-300,16px)}@media (prefers-reduced-motion){.___SLinkTrigger_qtboj_gg_{transition:none}.___SLinkTrigger_qtboj_gg_ .___SText_qtboj_gg_{transition:none}}"
57
+ ".___SLinkTrigger_1o5ty_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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:var(--intergalactic-base,Inter),sans-serif;cursor:pointer;color:var(--intergalactic-text-link,#006dca);background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1o5ty_gg_:active,.___SLinkTrigger_1o5ty_gg_:hover,.___SLinkTrigger_1o5ty_gg_.__active_1o5ty_gg_{color:var(--intergalactic-text-link-hover-active,#044792)}.___SLinkTrigger_1o5ty_gg_:active .___SText_1o5ty_gg_,.___SLinkTrigger_1o5ty_gg_:hover .___SText_1o5ty_gg_,.___SLinkTrigger_1o5ty_gg_.__active_1o5ty_gg_ .___SText_1o5ty_gg_{border-color:currentColor}.___SLinkTrigger_1o5ty_gg_ .___SText_1o5ty_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_1o5ty_gg_.__color_1o5ty_gg_{color:var(--color_1o5ty)}.___SLinkTrigger_1o5ty_gg_.__color_1o5ty_gg_:hover{color:var(--color-hover_1o5ty)}.___SLinkTrigger_1o5ty_gg_.__disabled_1o5ty_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SLinkTrigger_1o5ty_gg_.__keyboardFocused_1o5ty_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3));z-index:1}.___SAddon_1o5ty_gg_,.___SLinkAddon_1o5ty_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x,2px)}.___SAddon_1o5ty_gg_:not(:only-child):first-child,.___SLinkAddon_1o5ty_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x,4px)}.___SAddon_1o5ty_gg_:not(:only-child):last-child,.___SLinkAddon_1o5ty_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x,4px)}.___SLinkAddon_1o5ty_gg_{width:16px;height:16px}.___SLinkTrigger_1o5ty_gg_._size_m_1o5ty_gg_{font-size:var(--intergalactic-fs-200,14px)}.___SLinkTrigger_1o5ty_gg_._size_l_1o5ty_gg_{font-size:var(--intergalactic-fs-300,16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1o5ty_gg_{transition:none}.___SLinkTrigger_1o5ty_gg_ .___SText_1o5ty_gg_{transition:none}}"
58
58
  /*__inner_css_end__*/
59
- , "qtboj_gg_")
59
+ , "1o5ty_gg_")
60
60
  /*__reshadow_css_end__*/
61
61
  , {
62
- "__SLinkTrigger": "___SLinkTrigger_qtboj_gg_",
63
- "_active": "__active_qtboj_gg_",
64
- "__SText": "___SText_qtboj_gg_",
65
- "_color": "__color_qtboj_gg_",
66
- "--color": "--color_qtboj",
67
- "--color-hover": "--color-hover_qtboj",
68
- "_disabled": "__disabled_qtboj_gg_",
69
- "_keyboardFocused": "__keyboardFocused_qtboj_gg_",
70
- "__SAddon": "___SAddon_qtboj_gg_",
71
- "__SLinkAddon": "___SLinkAddon_qtboj_gg_",
72
- "_size_m": "_size_m_qtboj_gg_",
73
- "_size_l": "_size_l_qtboj_gg_"
62
+ "__SLinkTrigger": "___SLinkTrigger_1o5ty_gg_",
63
+ "_active": "__active_1o5ty_gg_",
64
+ "__SText": "___SText_1o5ty_gg_",
65
+ "_color": "__color_1o5ty_gg_",
66
+ "--color": "--color_1o5ty",
67
+ "--color-hover": "--color-hover_1o5ty",
68
+ "_disabled": "__disabled_1o5ty_gg_",
69
+ "_keyboardFocused": "__keyboardFocused_1o5ty_gg_",
70
+ "__SAddon": "___SAddon_1o5ty_gg_",
71
+ "__SLinkAddon": "___SLinkAddon_1o5ty_gg_",
72
+ "_size_m": "_size_m_1o5ty_gg_",
73
+ "_size_l": "_size_l_1o5ty_gg_"
74
74
  });
75
75
 
76
76
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
@@ -106,13 +106,14 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
106
106
  Children = _this$asProps2.Children,
107
107
  loading = _this$asProps2.loading,
108
108
  styles = _this$asProps2.styles,
109
+ empty = _this$asProps2.empty,
109
110
  providedColor = _this$asProps2.color;
110
111
  var color = (0, _color["default"])(providedColor);
111
112
  var colorHover = (0, _color.shade)(color, -0.12);
112
113
  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, (0, _core.assignProps)({
113
114
  "use:color": color,
114
115
  "use:color-hover": colorHover
115
- }, _ref))), (0, _addonTextChildren["default"])(Children, LinkTrigger.Text, LinkTrigger.Addon), /*#__PURE__*/_react["default"].createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(_spin["default"], _ref4.cn("Spin", {
116
+ }, _ref))), (0, _addonTextChildren["default"])(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/_react["default"].createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(_spin["default"], _ref4.cn("Spin", {
116
117
  "size": "xs",
117
118
  "theme": "currentColor"
118
119
  })) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref4.cn("ChevronDown", {}))));
@@ -1 +1 @@
1
- {"version":3,"file":"LinkTrigger.js","names":["RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","resolveColor","colorHover","shade","sstyled","addonTextChildren","Text","Component","style","size","keyboardFocusEnhance","props","SText","children","SAddon","createComponent"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, color: providedColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n const colorHover = shade(color, -0.12);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon)}\n <SLinkAddon>\n {loading ? <Spin size=\"xs\" theme=\"currentColor\" /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\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 LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;MACb,oBAA+B,KAAKC,OAApC;MAAA,IAAQC,WAAR,iBAAQA,WAAR;MAAA,IAAqBC,KAArB,iBAAqBA,KAArB;MACA,OAAO;QACLD,WAAW,EAAXA,WADK;QAELC,KAAK,EAALA;MAFK,CAAP;IAID;;;WAED,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAQMC,YARxB;MACA,IAAMC,UAAU,GAAGC,WAAW,CAACC,KAA/B;MACA,qBAA4D,KAAKP,OAAjE;MAAA,IAAQQ,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,OAAlB,kBAAkBA,OAAlB;MAAA,IAA2BC,MAA3B,kBAA2BA,MAA3B;MAAA,IAA0CC,aAA1C,kBAAmCC,KAAnC;MAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAaF,aAAb,CAAd;MACA,IAAMG,UAAU,GAAG,IAAAC,YAAA,EAAMH,KAAN,EAAa,CAAC,IAAd,CAAnB;MAEA,eAAO,IAAAI,aAAA,EAAQN,MAAR,CAAP,eACE,gCAAC,YAAD;QAAA,aAAsCE,KAAtC;QAAA,mBAA8DE;MAA9D,YACG,IAAAG,6BAAA,EAAkBT,QAAlB,EAA4BF,WAAW,CAACY,IAAxC,EAA8CZ,WAAW,CAACC,KAA1D,CADH,eAEE,gCAAC,UAAD,8BACGE,OAAO,gBAAG,gCAAC,gBAAD;QAAA,QAAW,IAAX;QAAA,SAAsB;MAAtB,GAAH,gBAA6C,gCAAC,aAAD,8BADvD,CAFF,CADF;IAQD;;;EAhC2BU,e;;iCAAxBpB,e,iBACiB,a;iCADjBA,e,WAEWqB,K;iCAFXrB,e,kBAGkB;EACpBsB,IAAI,EAAE;AADc,C;iCAHlBtB,e,aAMa,CAAC,IAAAuB,gCAAA,GAAD,C;;AA6BnB,SAASJ,IAAT,CAAcK,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMC,KAAK,GAKMpB,YALjB;EACA,IAAQqB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;EAAA,IAAkBf,MAAlB,GAAiDa,KAAjD,CAAkBb,MAAlB;EAAA,IAA0BR,KAA1B,GAAiDqB,KAAjD,CAA0BrB,KAA1B;EAAA,IAAiCD,WAAjC,GAAiDsB,KAAjD,CAAiCtB,WAAjC;EAEA,eAAO,IAAAe,aAAA,EAAQN,MAAR,CAAP;EAAA;;EACE;EACA,gCAAC,KAAD;IAAA,mBAAqCR;EAArC,aACGA,KAAK,GAAGD,WAAH,GAAiBwB,QADzB,CAFF;AAMD;;AAED,SAASlB,KAAT,CAAegB,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMG,MAAM,GACiCtB,YAD7C;EACA,eAAO,IAAAY,aAAA,EAAQO,KAAK,CAACb,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMJ,WAAW,GAAG,IAAAqB,gBAAA,EAAgB5B,eAAhB,EAAiC;EACnDmB,IAAI,EAAJA,IADmD;EAEnDX,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeD,W"}
1
+ {"version":3,"file":"LinkTrigger.js","names":["RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","resolveColor","colorHover","shade","sstyled","addonTextChildren","Text","Component","style","size","keyboardFocusEnhance","props","SText","children","SAddon","createComponent"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n const colorHover = shade(color, -0.12);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size=\"xs\" theme=\"currentColor\" /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\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 LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;MACb,oBAA+B,KAAKC,OAApC;MAAA,IAAQC,WAAR,iBAAQA,WAAR;MAAA,IAAqBC,KAArB,iBAAqBA,KAArB;MACA,OAAO;QACLD,WAAW,EAAXA,WADK;QAELC,KAAK,EAALA;MAFK,CAAP;IAID;;;WAED,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAQMC,YARxB;MACA,IAAMC,UAAU,GAAGC,WAAW,CAACC,KAA/B;MACA,qBAAmE,KAAKP,OAAxE;MAAA,IAAQQ,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,OAAlB,kBAAkBA,OAAlB;MAAA,IAA2BC,MAA3B,kBAA2BA,MAA3B;MAAA,IAAmCR,KAAnC,kBAAmCA,KAAnC;MAAA,IAAiDS,aAAjD,kBAA0CC,KAA1C;MAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAaF,aAAb,CAAd;MACA,IAAMG,UAAU,GAAG,IAAAC,YAAA,EAAMH,KAAN,EAAa,CAAC,IAAd,CAAnB;MAEA,eAAO,IAAAI,aAAA,EAAQN,MAAR,CAAP,eACE,gCAAC,YAAD;QAAA,aAAsCE,KAAtC;QAAA,mBAA8DE;MAA9D,YACG,IAAAG,6BAAA,EAAkBT,QAAlB,EAA4BF,WAAW,CAACY,IAAxC,EAA8CZ,WAAW,CAACC,KAA1D,EAAiEL,KAAjE,CADH,eAEE,gCAAC,UAAD,8BACGO,OAAO,gBAAG,gCAAC,gBAAD;QAAA,QAAW,IAAX;QAAA,SAAsB;MAAtB,GAAH,gBAA6C,gCAAC,aAAD,8BADvD,CAFF,CADF;IAQD;;;EAhC2BU,e;;iCAAxBpB,e,iBACiB,a;iCADjBA,e,WAEWqB,K;iCAFXrB,e,kBAGkB;EACpBsB,IAAI,EAAE;AADc,C;iCAHlBtB,e,aAMa,CAAC,IAAAuB,gCAAA,GAAD,C;;AA6BnB,SAASJ,IAAT,CAAcK,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMC,KAAK,GAKMpB,YALjB;EACA,IAAQqB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;EAAA,IAAkBf,MAAlB,GAAiDa,KAAjD,CAAkBb,MAAlB;EAAA,IAA0BR,KAA1B,GAAiDqB,KAAjD,CAA0BrB,KAA1B;EAAA,IAAiCD,WAAjC,GAAiDsB,KAAjD,CAAiCtB,WAAjC;EAEA,eAAO,IAAAe,aAAA,EAAQN,MAAR,CAAP;EAAA;;EACE;EACA,gCAAC,KAAD;IAAA,mBAAqCR;EAArC,aACGA,KAAK,GAAGD,WAAH,GAAiBwB,QADzB,CAFF;AAMD;;AAED,SAASlB,KAAT,CAAegB,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMG,MAAM,GACiCtB,YAD7C;EACA,eAAO,IAAAY,aAAA,EAAQO,KAAK,CAACb,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMJ,WAAW,GAAG,IAAAqB,gBAAA,EAAgB5B,eAAhB,EAAiC;EACnDmB,IAAI,EAAJA,IADmD;EAEnDX,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeD,W"}
@@ -30,28 +30,28 @@ var style = (
30
30
  /*__reshadow_css_start__*/
31
31
  _sstyled.insert(
32
32
  /*__inner_css_start__*/
33
- ".___SBaseTrigger_kt7ol_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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:var(--intergalactic-base,Inter),sans-serif;cursor:pointer;background:var(--intergalactic-bg-primary-neutral,#fff);font-weight:var(--intergalactic-regular,400);border:1px solid var(--intergalactic-border-primary,#c4c7cf);color:var(--intergalactic-text-primary,#191b23)}.___SBaseTrigger_kt7ol_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_kt7ol_gg_:active,.___SBaseTrigger_kt7ol_gg_:focus,.___SBaseTrigger_kt7ol_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_kt7ol_gg_.__keyboardFocused_kt7ol_gg_{border:1px solid var(--intergalactic-border-info-active,#006dca);box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SBaseTrigger_kt7ol_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover,#f4f5f9)}.___SBaseTrigger_kt7ol_gg_:active,.___SBaseTrigger_kt7ol_gg_.__active_kt7ol_gg_{background-color:var(--intergalactic-bg-primary-neutral-active,#e0e1e9)}.___SBaseTrigger_kt7ol_gg_.__disabled_kt7ol_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SBaseTrigger_kt7ol_gg_.__keyboardFocused_kt7ol_gg_{z-index:1}.___SInner_kt7ol_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_kt7ol_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_kt7ol_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_kt7ol_gg_{width:12px;height:12px}.___SBaseTrigger_kt7ol_gg_._size_m_kt7ol_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-rounded-medium,6px);padding:0 var(--intergalactic-spacing-2x,8px);font-size:var(--intergalactic-fs-200,14px)}.___SBaseTrigger_kt7ol_gg_._size_m_kt7ol_gg_ .___SAddon_kt7ol_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_kt7ol_gg_._size_m_kt7ol_gg_ .___SAddon_kt7ol_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_kt7ol_gg_._size_m_kt7ol_gg_ .___SAddon_kt7ol_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_kt7ol_gg_._size_l_kt7ol_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-rounded-medium,6px);padding:0 var(--intergalactic-spacing-3x,12px);font-size:var(--intergalactic-fs-300,16px)}.___SBaseTrigger_kt7ol_gg_._size_l_kt7ol_gg_ .___SAddon_kt7ol_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_kt7ol_gg_._size_l_kt7ol_gg_ .___SAddon_kt7ol_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_kt7ol_gg_._size_l_kt7ol_gg_ .___SAddon_kt7ol_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_kt7ol_gg_._neighborLocation_right_kt7ol_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_kt7ol_gg_._neighborLocation_both_kt7ol_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_kt7ol_gg_._neighborLocation_left_kt7ol_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_kt7ol_gg_.__placeholder_kt7ol_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SBaseTrigger_kt7ol_gg_._state_normal_kt7ol_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SBaseTrigger_kt7ol_gg_._state_valid_kt7ol_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SBaseTrigger_kt7ol_gg_._state_invalid_kt7ol_gg_{border-color:var(--intergalactic-border-danger,#ffaeb5)}.___SBaseTrigger_kt7ol_gg_._state_invalid_kt7ol_gg_.__keyboardFocused_kt7ol_gg_{border-color:var(--intergalactic-border-danger-active,#d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid,0 0 0 3px rgba(255,73,83,.3))}"
33
+ ".___SBaseTrigger_1vx9a_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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:var(--intergalactic-base,Inter),sans-serif;cursor:pointer;background:var(--intergalactic-bg-primary-neutral,#fff);font-weight:var(--intergalactic-regular,400);border:1px solid var(--intergalactic-border-primary,#c4c7cf);color:var(--intergalactic-text-primary,#191b23)}.___SBaseTrigger_1vx9a_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_1vx9a_gg_:active,.___SBaseTrigger_1vx9a_gg_:focus,.___SBaseTrigger_1vx9a_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_1vx9a_gg_.__keyboardFocused_1vx9a_gg_{border:1px solid var(--intergalactic-border-info-active,#006dca);box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SBaseTrigger_1vx9a_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover,#f4f5f9)}.___SBaseTrigger_1vx9a_gg_:active,.___SBaseTrigger_1vx9a_gg_.__active_1vx9a_gg_{background-color:var(--intergalactic-bg-primary-neutral-active,#e0e1e9)}.___SBaseTrigger_1vx9a_gg_.__disabled_1vx9a_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SBaseTrigger_1vx9a_gg_.__keyboardFocused_1vx9a_gg_{z-index:1}.___SInner_1vx9a_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1vx9a_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_1vx9a_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1vx9a_gg_{width:12px;height:12px}.___SBaseTrigger_1vx9a_gg_._size_m_1vx9a_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-rounded-medium,6px);padding:0 var(--intergalactic-spacing-2x,8px);font-size:var(--intergalactic-fs-200,14px)}.___SBaseTrigger_1vx9a_gg_._size_m_1vx9a_gg_ .___SAddon_1vx9a_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_1vx9a_gg_._size_m_1vx9a_gg_ .___SAddon_1vx9a_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_1vx9a_gg_._size_m_1vx9a_gg_ .___SAddon_1vx9a_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_1vx9a_gg_._size_l_1vx9a_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-rounded-medium,6px);padding:0 var(--intergalactic-spacing-3x,12px);font-size:var(--intergalactic-fs-300,16px)}.___SBaseTrigger_1vx9a_gg_._size_l_1vx9a_gg_ .___SAddon_1vx9a_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_1vx9a_gg_._size_l_1vx9a_gg_ .___SAddon_1vx9a_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_1vx9a_gg_._size_l_1vx9a_gg_ .___SAddon_1vx9a_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_1vx9a_gg_._neighborLocation_right_1vx9a_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1vx9a_gg_._neighborLocation_both_1vx9a_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1vx9a_gg_._neighborLocation_left_1vx9a_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1vx9a_gg_.__placeholder_1vx9a_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SBaseTrigger_1vx9a_gg_._state_normal_1vx9a_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SBaseTrigger_1vx9a_gg_._state_valid_1vx9a_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SBaseTrigger_1vx9a_gg_._state_invalid_1vx9a_gg_{border-color:var(--intergalactic-border-danger,#ffaeb5)}.___SBaseTrigger_1vx9a_gg_._state_invalid_1vx9a_gg_.__keyboardFocused_1vx9a_gg_{border-color:var(--intergalactic-border-danger-active,#d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid,0 0 0 3px rgba(255,73,83,.3))}"
34
34
  /*__inner_css_end__*/
35
- , "kt7ol_gg_")
35
+ , "1vx9a_gg_")
36
36
  /*__reshadow_css_end__*/
37
37
  , {
38
- "__SBaseTrigger": "___SBaseTrigger_kt7ol_gg_",
39
- "_keyboardFocused": "__keyboardFocused_kt7ol_gg_",
40
- "_active": "__active_kt7ol_gg_",
41
- "_disabled": "__disabled_kt7ol_gg_",
42
- "__SInner": "___SInner_kt7ol_gg_",
43
- "__SText": "___SText_kt7ol_gg_",
44
- "__SAddon": "___SAddon_kt7ol_gg_",
45
- "__SBaseAddon": "___SBaseAddon_kt7ol_gg_",
46
- "_size_m": "_size_m_kt7ol_gg_",
47
- "_size_l": "_size_l_kt7ol_gg_",
48
- "_neighborLocation_right": "_neighborLocation_right_kt7ol_gg_",
49
- "_neighborLocation_both": "_neighborLocation_both_kt7ol_gg_",
50
- "_neighborLocation_left": "_neighborLocation_left_kt7ol_gg_",
51
- "_placeholder": "__placeholder_kt7ol_gg_",
52
- "_state_normal": "_state_normal_kt7ol_gg_",
53
- "_state_valid": "_state_valid_kt7ol_gg_",
54
- "_state_invalid": "_state_invalid_kt7ol_gg_"
38
+ "__SBaseTrigger": "___SBaseTrigger_1vx9a_gg_",
39
+ "_keyboardFocused": "__keyboardFocused_1vx9a_gg_",
40
+ "_active": "__active_1vx9a_gg_",
41
+ "_disabled": "__disabled_1vx9a_gg_",
42
+ "__SInner": "___SInner_1vx9a_gg_",
43
+ "__SText": "___SText_1vx9a_gg_",
44
+ "__SAddon": "___SAddon_1vx9a_gg_",
45
+ "__SBaseAddon": "___SBaseAddon_1vx9a_gg_",
46
+ "_size_m": "_size_m_1vx9a_gg_",
47
+ "_size_l": "_size_l_1vx9a_gg_",
48
+ "_neighborLocation_right": "_neighborLocation_right_1vx9a_gg_",
49
+ "_neighborLocation_both": "_neighborLocation_both_1vx9a_gg_",
50
+ "_neighborLocation_left": "_neighborLocation_left_1vx9a_gg_",
51
+ "_placeholder": "__placeholder_1vx9a_gg_",
52
+ "_state_normal": "_state_normal_1vx9a_gg_",
53
+ "_state_valid": "_state_valid_1vx9a_gg_",
54
+ "_state_invalid": "_state_invalid_1vx9a_gg_"
55
55
  });
56
56
 
57
57
  var RootBaseTrigger = /*#__PURE__*/function (_Component) {
@@ -86,7 +86,8 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
86
86
  Children = _this$asProps2.Children,
87
87
  styles = _this$asProps2.styles,
88
88
  theme = _this$asProps2.theme,
89
- neighborLocation = _this$asProps2.neighborLocation;
89
+ neighborLocation = _this$asProps2.neighborLocation,
90
+ empty = _this$asProps2.empty;
90
91
  logger.warn(theme !== undefined, "The 'theme' property is deprecated, use 'state'", this.asProps['data-ui-name'] || BaseTrigger.displayName); // TODO: add aria
91
92
 
92
93
  return /*#__PURE__*/React.createElement(NeighborLocation.Detect, {
@@ -97,7 +98,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
97
98
  return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", _objectSpread({}, _assignProps({
98
99
  "neighborLocation": neighborLocation,
99
100
  "state": theme
100
- }, _ref))), /*#__PURE__*/React.createElement(SInner, _ref4.cn("SInner", {}), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon)));
101
+ }, _ref))), /*#__PURE__*/React.createElement(SInner, _ref4.cn("SInner", {}), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
101
102
  });
102
103
  }
103
104
  }]);
@@ -112,7 +113,8 @@ _defineProperty(RootBaseTrigger, "enhance", [keyboardFocusEnhance()]);
112
113
  _defineProperty(RootBaseTrigger, "style", style);
113
114
 
114
115
  _defineProperty(RootBaseTrigger, "defaultProps", {
115
- size: 'm'
116
+ size: 'm',
117
+ empty: false
116
118
  });
117
119
 
118
120
  function Text(props) {
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","SInner","Children","styles","theme","neighborLocation","warn","undefined","BaseTrigger","displayName","Text","Addon","style","size","props","SText","children","SAddon"],"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';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n size: 'm',\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 } = 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>{addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon)}</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":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,gBAAP,MAA6B,4BAA7B;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,MAAP,MAAmB,2BAAnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,e;;;;;;;;;;;;;WAQJ,wBAAe;MACb,oBAA+B,KAAKC,OAApC;MAAA,IAAQC,WAAR,iBAAQA,WAAR;MAAA,IAAqBC,KAArB,iBAAqBA,KAArB;MACA,OAAO;QACLD,WAAW,EAAXA,WADK;QAELC,KAAK,EAALA;MAFK,CAAP;IAID;;;WAED,kBAAS;MAAA;MACP,IAAMC,YAAY,GAeYT,GAf9B;MACA,IAAMU,MAAM,GAAG,KAAf;MACA,qBAAsD,KAAKJ,OAA3D;MAAA,IAAQK,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,MAAlB,kBAAkBA,MAAlB;MAAA,IAA0BC,KAA1B,kBAA0BA,KAA1B;MAAA,IAAiCC,gBAAjC,kBAAiCA,gBAAjC;MAEAV,MAAM,CAACW,IAAP,CACEF,KAAK,KAAKG,SADZ,EAEE,iDAFF,EAGE,KAAKV,OAAL,CAAa,cAAb,KAAgCW,WAAW,CAACC,WAH9C,EALO,CAWP;;MACA,oBACE,oBAAC,gBAAD,CAAkB,MAAlB;QAAyB,gBAAgB,EAAEJ;MAA3C,GACG,UAACA,gBAAD;QAAA;;QAAA,eACCf,OAAO,CAACa,MAAD,CADR,eAEG,oBAAC,YAAD;UAAA,oBAA6CE,gBAA7C;UAAA,SAAsED;QAAtE,yBACE,oBAAC,MAAD,0BAASV,iBAAiB,CAACQ,QAAD,EAAWM,WAAW,CAACE,IAAvB,EAA6BF,WAAW,CAACG,KAAzC,CAA1B,CADF,CAFH;MAAA,CADH,CADF;IAWD;;;;EAvC2BvB,S;;gBAAxBQ,e,iBACiB,a;;gBADjBA,e,aAEa,CAACH,oBAAoB,EAArB,C;;gBAFbG,e,WAGWgB,K;;gBAHXhB,e,kBAIkB;EACpBiB,IAAI,EAAE;AADc,C;;AAsCxB,SAASH,IAAT,CAAcI,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMC,KAAK,GAKMxB,GALjB;EACA,IAAQyB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;EAAA,IAAkBb,MAAlB,GAAiDW,KAAjD,CAAkBX,MAAlB;EAAA,IAA0BJ,KAA1B,GAAiDe,KAAjD,CAA0Bf,KAA1B;EAAA,IAAiCD,WAAjC,GAAiDgB,KAAjD,CAAiChB,WAAjC;EAEA,eAAOR,OAAO,CAACa,MAAD,CAAd;EAAA;;EACE;EACA,oBAAC,KAAD;IAAA,mBAAqCJ;EAArC,aACGA,KAAK,GAAGD,WAAH,GAAiBkB,QADzB,CAFF;AAMD;;AAED,SAASL,KAAT,CAAeG,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMG,MAAM,GACiC1B,GAD7C;EACA,eAAOD,OAAO,CAACwB,KAAK,CAACX,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMK,WAAW,GAAGrB,eAAe,CAACS,eAAD,EAAkB;EACnDc,IAAI,EAAJA,IADmD;EAEnDC,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeH,WAAf"}
1
+ {"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","SInner","Children","styles","theme","neighborLocation","warn","undefined","BaseTrigger","displayName","Text","Addon","style","size","props","SText","children","SAddon"],"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';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [keyboardFocusEnhance()];\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":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,gBAAP,MAA6B,4BAA7B;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,MAAP,MAAmB,2BAAnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,e;;;;;;;;;;;;;WASJ,wBAAe;MACb,oBAA+B,KAAKC,OAApC;MAAA,IAAQC,WAAR,iBAAQA,WAAR;MAAA,IAAqBC,KAArB,iBAAqBA,KAArB;MACA,OAAO;QACLD,WAAW,EAAXA,WADK;QAELC,KAAK,EAALA;MAFK,CAAP;IAID;;;WAED,kBAAS;MAAA;MACP,IAAMC,YAAY,GAeYT,GAf9B;MACA,IAAMU,MAAM,GAAG,KAAf;MACA,qBAA6D,KAAKJ,OAAlE;MAAA,IAAQK,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,MAAlB,kBAAkBA,MAAlB;MAAA,IAA0BC,KAA1B,kBAA0BA,KAA1B;MAAA,IAAiCC,gBAAjC,kBAAiCA,gBAAjC;MAAA,IAAmDN,KAAnD,kBAAmDA,KAAnD;MAEAJ,MAAM,CAACW,IAAP,CACEF,KAAK,KAAKG,SADZ,EAEE,iDAFF,EAGE,KAAKV,OAAL,CAAa,cAAb,KAAgCW,WAAW,CAACC,WAH9C,EALO,CAWP;;MACA,oBACE,oBAAC,gBAAD,CAAkB,MAAlB;QAAyB,gBAAgB,EAAEJ;MAA3C,GACG,UAACA,gBAAD;QAAA;;QAAA,eACCf,OAAO,CAACa,MAAD,CADR,eAEG,oBAAC,YAAD;UAAA,oBAA6CE,gBAA7C;UAAA,SAAsED;QAAtE,yBACE,oBAAC,MAAD,0BACGV,iBAAiB,CAACQ,QAAD,EAAWM,WAAW,CAACE,IAAvB,EAA6BF,WAAW,CAACG,KAAzC,EAAgDZ,KAAhD,CADpB,CADF,CAFH;MAAA,CADH,CADF;IAaD;;;;EA1C2BX,S;;gBAAxBQ,e,iBACiB,a;;gBADjBA,e,aAEa,CAACH,oBAAoB,EAArB,C;;gBAFbG,e,WAGWgB,K;;gBAHXhB,e,kBAIkB;EACpBiB,IAAI,EAAE,GADc;EAEpBd,KAAK,EAAE;AAFa,C;;AAyCxB,SAASW,IAAT,CAAcI,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMC,KAAK,GAKMxB,GALjB;EACA,IAAQyB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;EAAA,IAAkBb,MAAlB,GAAiDW,KAAjD,CAAkBX,MAAlB;EAAA,IAA0BJ,KAA1B,GAAiDe,KAAjD,CAA0Bf,KAA1B;EAAA,IAAiCD,WAAjC,GAAiDgB,KAAjD,CAAiChB,WAAjC;EAEA,eAAOR,OAAO,CAACa,MAAD,CAAd;EAAA;;EACE;EACA,oBAAC,KAAD;IAAA,mBAAqCJ;EAArC,aACGA,KAAK,GAAGD,WAAH,GAAiBkB,QADzB,CAFF;AAMD;;AAED,SAASL,KAAT,CAAeG,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMG,MAAM,GACiC1B,GAD7C;EACA,eAAOD,OAAO,CAACwB,KAAK,CAACX,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMK,WAAW,GAAGrB,eAAe,CAACS,eAAD,EAAkB;EACnDc,IAAI,EAAJA,IADmD;EAEnDC,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeH,WAAf"}
@@ -23,13 +23,13 @@ var style = (
23
23
  /*__reshadow_css_start__*/
24
24
  _sstyled.insert(
25
25
  /*__inner_css_start__*/
26
- ".___SButtonAddon_a56r7_gg_{width:12px;height:12px}.___SButtonTriggerSpin_a56r7_gg_{fill:var(--intergalactic-icon-primary-neutral,#6c6e79)}"
26
+ ".___SButtonAddon_398tc_gg_{width:12px;height:12px}.___SButtonTriggerSpin_398tc_gg_{fill:var(--intergalactic-icon-primary-neutral,#6c6e79)}"
27
27
  /*__inner_css_end__*/
28
- , "a56r7_gg_")
28
+ , "398tc_gg_")
29
29
  /*__reshadow_css_end__*/
30
30
  , {
31
- "__SButtonAddon": "___SButtonAddon_a56r7_gg_",
32
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_a56r7_gg_"
31
+ "__SButtonAddon": "___SButtonAddon_398tc_gg_",
32
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_398tc_gg_"
33
33
  });
34
34
 
35
35
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
@@ -54,8 +54,9 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
54
54
  var _this$asProps = this.asProps,
55
55
  Children = _this$asProps.Children,
56
56
  styles = _this$asProps.styles,
57
- loading = _this$asProps.loading;
58
- return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({}, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon), /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
57
+ loading = _this$asProps.loading,
58
+ empty = _this$asProps.empty;
59
+ return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({}, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
59
60
  "size": "xs",
60
61
  "theme": false
61
62
  })) : /*#__PURE__*/React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","asProps","Children","styles","loading","Text","style","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon)}\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size=\"xs\" theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n </Root>,\n );\n }\n}\n\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,IAAP,MAAiB,eAAjB;;;;;;;;;;;;;;;;IAIMC,iB;;;;;;;;;;;;;WAIJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;MACA,IAAMC,kBAAkB,GAAGL,IAA3B;MACA,oBAAsC,KAAKM,OAA3C;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,OAA1B,iBAA0BA,OAA1B;MAEA,eAAOb,OAAO,CAACY,MAAD,CAAd,eACE,oBAAcT,WAAd,0BACGF,iBAAiB,CAACU,QAAD,EAAWJ,aAAa,CAACO,IAAzB,EAA+BP,aAAa,CAACC,KAA7C,CADpB,eAEE,oBAAC,YAAD,gCACGK,OAAO,gBAAG,oBAAC,kBAAD;QAAA,QAAyB,IAAzB;QAAA,SAAqC;MAArC,GAAH,gBAAoD,oBAAC,WAAD,8BAD9D,CAFF,CADF;IAQD;;;;EAjB6Bf,S;;gBAA1BO,iB,iBACiB,e;;gBADjBA,iB,WAEWU,K;;AAkBjB,IAAMR,aAAa,GAAGV,eAAe,CACnCQ,iBADmC,EAEnC;EACES,IAAI,EAAEX,WAAW,CAACW,IADpB;EAEEN,KAAK,EAAEL,WAAW,CAACK;AAFrB,CAFmC,EAMnC;EACEQ,MAAM,EAAEb;AADV,CANmC,CAArC;AAWA,eAAeI,aAAf"}
1
+ {"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","asProps","Children","styles","loading","empty","Text","style","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size=\"xs\" theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n </Root>,\n );\n }\n}\n\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,IAAP,MAAiB,eAAjB;;;;;;;;;;;;;;;;IAIMC,iB;;;;;;;;;;;;;WAIJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;MACA,IAAMC,kBAAkB,GAAGL,IAA3B;MACA,oBAA6C,KAAKM,OAAlD;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,OAA1B,iBAA0BA,OAA1B;MAAA,IAAmCC,KAAnC,iBAAmCA,KAAnC;MAEA,eAAOd,OAAO,CAACY,MAAD,CAAd,eACE,oBAAcT,WAAd,0BACGF,iBAAiB,CAACU,QAAD,EAAWJ,aAAa,CAACQ,IAAzB,EAA+BR,aAAa,CAACC,KAA7C,EAAoDM,KAApD,CADpB,eAEE,oBAAC,YAAD,gCACGD,OAAO,gBAAG,oBAAC,kBAAD;QAAA,QAAyB,IAAzB;QAAA,SAAqC;MAArC,GAAH,gBAAoD,oBAAC,WAAD,8BAD9D,CAFF,CADF;IAQD;;;;EAjB6Bf,S;;gBAA1BO,iB,iBACiB,e;;gBADjBA,iB,WAEWW,K;;AAkBjB,IAAMT,aAAa,GAAGV,eAAe,CACnCQ,iBADmC,EAEnC;EACEU,IAAI,EAAEZ,WAAW,CAACY,IADpB;EAEEP,KAAK,EAAEL,WAAW,CAACK;AAFrB,CAFmC,EAMnC;EACES,MAAM,EAAEd;AADV,CANmC,CAArC;AAWA,eAAeI,aAAf"}
@@ -35,25 +35,25 @@ var style = (
35
35
  /*__reshadow_css_start__*/
36
36
  _sstyled.insert(
37
37
  /*__inner_css_start__*/
38
- ".___SButtonTrigger_1bddp_gg_{border:1px solid var(--intergalactic-border-primary,#c4c7cf);background:var(--intergalactic-bg-primary-neutral,#fff);color:var(--intergalactic-text-primary,#191b23)}.___SButtonTrigger_1bddp_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_1bddp_gg_:active,.___SButtonTrigger_1bddp_gg_:focus,.___SButtonTrigger_1bddp_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_1bddp_gg_:active,.___SButtonTrigger_1bddp_gg_:hover,.___SButtonTrigger_1bddp_gg_.__active_1bddp_gg_{background-color:var(--intergalactic-control-secondary-neutral-hover,rgba(138,142,155,.2))}.___SButtonTrigger_1bddp_gg_._size_m_1bddp_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-rounded-medium,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButtonTrigger_1bddp_gg_._size_l_1bddp_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-rounded-medium,6px);font-size:var(--intergalactic-fs-300,16px)}.___SText_1bddp_gg_.__placeholder_1bddp_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SButtonTrigger_1bddp_gg_._state_normal_1bddp_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SButtonTrigger_1bddp_gg_._state_valid_1bddp_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SButtonTrigger_1bddp_gg_._state_invalid_1bddp_gg_{border-color:var(--intergalactic-border-danger,#ffaeb5)}.___SFilterTrigger_1bddp_gg_.__selected_1bddp_gg_{border-color:var(--intergalactic-border-info-active,#006dca);background-color:var(--intergalactic-control-secondary-info-hover,rgba(0,143,248,.2));color:var(--intergalactic-text-primary,#191b23)}.___SFilterTrigger_1bddp_gg_.__selected_1bddp_gg_:hover,.___SFilterTrigger_1bddp_gg_.__selected_1bddp_gg_.__active_1bddp_gg_{background-color:var(--intergalactic-control-secondary-info-active,rgba(0,143,248,.3))}.___SWrapper_1bddp_gg_{display:inline-flex}.___SWrapper_1bddp_gg_:focus{outline:none}.___SWrapper_1bddp_gg_.__keyboardFocused_1bddp_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SCounter_1bddp_gg_{background-color:var(--intergalactic-bg-primary-info,#008ff8)}"
38
+ ".___SButtonTrigger_kb39n_gg_{border:1px solid var(--intergalactic-border-primary,#c4c7cf);background:var(--intergalactic-bg-primary-neutral,#fff);color:var(--intergalactic-text-primary,#191b23)}.___SButtonTrigger_kb39n_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_kb39n_gg_:active,.___SButtonTrigger_kb39n_gg_:focus,.___SButtonTrigger_kb39n_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_kb39n_gg_:active,.___SButtonTrigger_kb39n_gg_:hover,.___SButtonTrigger_kb39n_gg_.__active_kb39n_gg_{background-color:var(--intergalactic-control-secondary-neutral-hover,rgba(138,142,155,.2))}.___SButtonTrigger_kb39n_gg_._size_m_kb39n_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-rounded-medium,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButtonTrigger_kb39n_gg_._size_l_kb39n_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-rounded-medium,6px);font-size:var(--intergalactic-fs-300,16px)}.___SText_kb39n_gg_.__placeholder_kb39n_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SButtonTrigger_kb39n_gg_._state_normal_kb39n_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SButtonTrigger_kb39n_gg_._state_valid_kb39n_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SButtonTrigger_kb39n_gg_._state_invalid_kb39n_gg_{border-color:var(--intergalactic-border-danger,#ffaeb5)}.___SFilterTrigger_kb39n_gg_.__selected_kb39n_gg_{border-color:var(--intergalactic-border-info-active,#006dca);background-color:var(--intergalactic-control-secondary-info-hover,rgba(0,143,248,.2));color:var(--intergalactic-text-primary,#191b23)}.___SFilterTrigger_kb39n_gg_.__selected_kb39n_gg_:hover,.___SFilterTrigger_kb39n_gg_.__selected_kb39n_gg_.__active_kb39n_gg_{background-color:var(--intergalactic-control-secondary-info-active,rgba(0,143,248,.3))}.___SWrapper_kb39n_gg_{display:inline-flex}.___SWrapper_kb39n_gg_:focus{outline:none}.___SWrapper_kb39n_gg_.__keyboardFocused_kb39n_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SCounter_kb39n_gg_{background-color:var(--intergalactic-bg-primary-info,#008ff8)}"
39
39
  /*__inner_css_end__*/
40
- , "1bddp_gg_")
40
+ , "kb39n_gg_")
41
41
  /*__reshadow_css_end__*/
42
42
  , {
43
- "__SButtonTrigger": "___SButtonTrigger_1bddp_gg_",
44
- "_active": "__active_1bddp_gg_",
45
- "_size_m": "_size_m_1bddp_gg_",
46
- "_size_l": "_size_l_1bddp_gg_",
47
- "__SText": "___SText_1bddp_gg_",
48
- "_placeholder": "__placeholder_1bddp_gg_",
49
- "_state_normal": "_state_normal_1bddp_gg_",
50
- "_state_valid": "_state_valid_1bddp_gg_",
51
- "_state_invalid": "_state_invalid_1bddp_gg_",
52
- "__SFilterTrigger": "___SFilterTrigger_1bddp_gg_",
53
- "_selected": "__selected_1bddp_gg_",
54
- "__SWrapper": "___SWrapper_1bddp_gg_",
55
- "_keyboardFocused": "__keyboardFocused_1bddp_gg_",
56
- "__SCounter": "___SCounter_1bddp_gg_"
43
+ "__SButtonTrigger": "___SButtonTrigger_kb39n_gg_",
44
+ "_active": "__active_kb39n_gg_",
45
+ "_size_m": "_size_m_kb39n_gg_",
46
+ "_size_l": "_size_l_kb39n_gg_",
47
+ "__SText": "___SText_kb39n_gg_",
48
+ "_placeholder": "__placeholder_kb39n_gg_",
49
+ "_state_normal": "_state_normal_kb39n_gg_",
50
+ "_state_valid": "_state_valid_kb39n_gg_",
51
+ "_state_invalid": "_state_invalid_kb39n_gg_",
52
+ "__SFilterTrigger": "___SFilterTrigger_kb39n_gg_",
53
+ "_selected": "__selected_kb39n_gg_",
54
+ "__SWrapper": "___SWrapper_kb39n_gg_",
55
+ "_keyboardFocused": "__keyboardFocused_kb39n_gg_",
56
+ "__SCounter": "___SCounter_kb39n_gg_"
57
57
  });
58
58
 
59
59
  var RootFilterTrigger = /*#__PURE__*/function (_Component) {
@@ -31,23 +31,23 @@ var style = (
31
31
  /*__reshadow_css_start__*/
32
32
  _sstyled.insert(
33
33
  /*__inner_css_start__*/
34
- ".___SLinkTrigger_qtboj_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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:var(--intergalactic-base,Inter),sans-serif;cursor:pointer;color:var(--intergalactic-text-link,#006dca);background:none;transition:color .15s ease-in-out}.___SLinkTrigger_qtboj_gg_:active,.___SLinkTrigger_qtboj_gg_:hover,.___SLinkTrigger_qtboj_gg_.__active_qtboj_gg_{color:var(--intergalactic-text-link-hover-active,#044792)}.___SLinkTrigger_qtboj_gg_:active .___SText_qtboj_gg_,.___SLinkTrigger_qtboj_gg_:hover .___SText_qtboj_gg_,.___SLinkTrigger_qtboj_gg_.__active_qtboj_gg_ .___SText_qtboj_gg_{border-color:currentColor}.___SLinkTrigger_qtboj_gg_ .___SText_qtboj_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_qtboj_gg_.__color_qtboj_gg_{color:var(--color_qtboj)}.___SLinkTrigger_qtboj_gg_.__color_qtboj_gg_:hover{color:var(--color-hover_qtboj)}.___SLinkTrigger_qtboj_gg_.__disabled_qtboj_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SLinkTrigger_qtboj_gg_.__keyboardFocused_qtboj_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3));z-index:1}.___SAddon_qtboj_gg_,.___SLinkAddon_qtboj_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x,2px)}.___SAddon_qtboj_gg_:not(:only-child):first-child,.___SLinkAddon_qtboj_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x,4px)}.___SAddon_qtboj_gg_:not(:only-child):last-child,.___SLinkAddon_qtboj_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x,4px)}.___SLinkAddon_qtboj_gg_{width:16px;height:16px}.___SLinkTrigger_qtboj_gg_._size_m_qtboj_gg_{font-size:var(--intergalactic-fs-200,14px)}.___SLinkTrigger_qtboj_gg_._size_l_qtboj_gg_{font-size:var(--intergalactic-fs-300,16px)}@media (prefers-reduced-motion){.___SLinkTrigger_qtboj_gg_{transition:none}.___SLinkTrigger_qtboj_gg_ .___SText_qtboj_gg_{transition:none}}"
34
+ ".___SLinkTrigger_1o5ty_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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:var(--intergalactic-base,Inter),sans-serif;cursor:pointer;color:var(--intergalactic-text-link,#006dca);background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1o5ty_gg_:active,.___SLinkTrigger_1o5ty_gg_:hover,.___SLinkTrigger_1o5ty_gg_.__active_1o5ty_gg_{color:var(--intergalactic-text-link-hover-active,#044792)}.___SLinkTrigger_1o5ty_gg_:active .___SText_1o5ty_gg_,.___SLinkTrigger_1o5ty_gg_:hover .___SText_1o5ty_gg_,.___SLinkTrigger_1o5ty_gg_.__active_1o5ty_gg_ .___SText_1o5ty_gg_{border-color:currentColor}.___SLinkTrigger_1o5ty_gg_ .___SText_1o5ty_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_1o5ty_gg_.__color_1o5ty_gg_{color:var(--color_1o5ty)}.___SLinkTrigger_1o5ty_gg_.__color_1o5ty_gg_:hover{color:var(--color-hover_1o5ty)}.___SLinkTrigger_1o5ty_gg_.__disabled_1o5ty_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SLinkTrigger_1o5ty_gg_.__keyboardFocused_1o5ty_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3));z-index:1}.___SAddon_1o5ty_gg_,.___SLinkAddon_1o5ty_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x,2px)}.___SAddon_1o5ty_gg_:not(:only-child):first-child,.___SLinkAddon_1o5ty_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x,4px)}.___SAddon_1o5ty_gg_:not(:only-child):last-child,.___SLinkAddon_1o5ty_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x,4px)}.___SLinkAddon_1o5ty_gg_{width:16px;height:16px}.___SLinkTrigger_1o5ty_gg_._size_m_1o5ty_gg_{font-size:var(--intergalactic-fs-200,14px)}.___SLinkTrigger_1o5ty_gg_._size_l_1o5ty_gg_{font-size:var(--intergalactic-fs-300,16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1o5ty_gg_{transition:none}.___SLinkTrigger_1o5ty_gg_ .___SText_1o5ty_gg_{transition:none}}"
35
35
  /*__inner_css_end__*/
36
- , "qtboj_gg_")
36
+ , "1o5ty_gg_")
37
37
  /*__reshadow_css_end__*/
38
38
  , {
39
- "__SLinkTrigger": "___SLinkTrigger_qtboj_gg_",
40
- "_active": "__active_qtboj_gg_",
41
- "__SText": "___SText_qtboj_gg_",
42
- "_color": "__color_qtboj_gg_",
43
- "--color": "--color_qtboj",
44
- "--color-hover": "--color-hover_qtboj",
45
- "_disabled": "__disabled_qtboj_gg_",
46
- "_keyboardFocused": "__keyboardFocused_qtboj_gg_",
47
- "__SAddon": "___SAddon_qtboj_gg_",
48
- "__SLinkAddon": "___SLinkAddon_qtboj_gg_",
49
- "_size_m": "_size_m_qtboj_gg_",
50
- "_size_l": "_size_l_qtboj_gg_"
39
+ "__SLinkTrigger": "___SLinkTrigger_1o5ty_gg_",
40
+ "_active": "__active_1o5ty_gg_",
41
+ "__SText": "___SText_1o5ty_gg_",
42
+ "_color": "__color_1o5ty_gg_",
43
+ "--color": "--color_1o5ty",
44
+ "--color-hover": "--color-hover_1o5ty",
45
+ "_disabled": "__disabled_1o5ty_gg_",
46
+ "_keyboardFocused": "__keyboardFocused_1o5ty_gg_",
47
+ "__SAddon": "___SAddon_1o5ty_gg_",
48
+ "__SLinkAddon": "___SLinkAddon_1o5ty_gg_",
49
+ "_size_m": "_size_m_1o5ty_gg_",
50
+ "_size_l": "_size_l_1o5ty_gg_"
51
51
  });
52
52
 
53
53
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
@@ -84,13 +84,14 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
84
84
  Children = _this$asProps2.Children,
85
85
  loading = _this$asProps2.loading,
86
86
  styles = _this$asProps2.styles,
87
+ empty = _this$asProps2.empty,
87
88
  providedColor = _this$asProps2.color;
88
89
  var color = resolveColor(providedColor);
89
90
  var colorHover = shade(color, -0.12);
90
91
  return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, _assignProps({
91
92
  "use:color": color,
92
93
  "use:color-hover": colorHover
93
- }, _ref))), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon), /*#__PURE__*/React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/React.createElement(Spin, _ref4.cn("Spin", {
94
+ }, _ref))), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/React.createElement(Spin, _ref4.cn("Spin", {
94
95
  "size": "xs",
95
96
  "theme": "currentColor"
96
97
  })) : /*#__PURE__*/React.createElement(ChevronDown, _ref4.cn("ChevronDown", {}))));
@@ -1 +1 @@
1
- {"version":3,"file":"LinkTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","Spin","Box","resolveColor","shade","keyboardFocusEnhance","RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","colorHover","Text","style","size","props","SText","children","SAddon"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, color: providedColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n const colorHover = shade(color, -0.12);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon)}\n <SLinkAddon>\n {loading ? <Spin size=\"xs\" theme=\"currentColor\" /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\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 LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,OAAOC,IAAP,MAAiB,eAAjB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,YAAP,IAAuBC,KAAvB,QAAoC,0BAApC;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,e;;;;;;;;;;;;;WAQJ,wBAAe;MACb,oBAA+B,KAAKC,OAApC;MAAA,IAAQC,WAAR,iBAAQA,WAAR;MAAA,IAAqBC,KAArB,iBAAqBA,KAArB;MACA,OAAO;QACLD,WAAW,EAAXA,WADK;QAELC,KAAK,EAALA;MAFK,CAAP;IAID;;;WAED,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAQMR,GARxB;MACA,IAAMS,UAAU,GAAGC,WAAW,CAACC,KAA/B;MACA,qBAA4D,KAAKN,OAAjE;MAAA,IAAQO,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,OAAlB,kBAAkBA,OAAlB;MAAA,IAA2BC,MAA3B,kBAA2BA,MAA3B;MAAA,IAA0CC,aAA1C,kBAAmCC,KAAnC;MAEA,IAAMA,KAAK,GAAGf,YAAY,CAACc,aAAD,CAA1B;MACA,IAAME,UAAU,GAAGf,KAAK,CAACc,KAAD,EAAQ,CAAC,IAAT,CAAxB;MAEA,eAAOpB,OAAO,CAACkB,MAAD,CAAd,eACE,oBAAC,YAAD;QAAA,aAAsCE,KAAtC;QAAA,mBAA8DC;MAA9D,YACGpB,iBAAiB,CAACe,QAAD,EAAWF,WAAW,CAACQ,IAAvB,EAA6BR,WAAW,CAACC,KAAzC,CADpB,eAEE,oBAAC,UAAD,8BACGE,OAAO,gBAAG,oBAAC,IAAD;QAAA,QAAW,IAAX;QAAA,SAAsB;MAAtB,GAAH,gBAA6C,oBAAC,WAAD,8BADvD,CAFF,CADF;IAQD;;;;EAhC2BnB,S;;gBAAxBU,e,iBACiB,a;;gBADjBA,e,WAEWe,K;;gBAFXf,e,kBAGkB;EACpBgB,IAAI,EAAE;AADc,C;;gBAHlBhB,e,aAMa,CAACD,oBAAoB,EAArB,C;;AA6BnB,SAASe,IAAT,CAAcG,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMC,KAAK,GAKMtB,GALjB;EACA,IAAQuB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;EAAA,IAAkBT,MAAlB,GAAiDO,KAAjD,CAAkBP,MAAlB;EAAA,IAA0BP,KAA1B,GAAiDc,KAAjD,CAA0Bd,KAA1B;EAAA,IAAiCD,WAAjC,GAAiDe,KAAjD,CAAiCf,WAAjC;EAEA,eAAOV,OAAO,CAACkB,MAAD,CAAd;EAAA;;EACE;EACA,oBAAC,KAAD;IAAA,mBAAqCP;EAArC,aACGA,KAAK,GAAGD,WAAH,GAAiBiB,QADzB,CAFF;AAMD;;AAED,SAASZ,KAAT,CAAeU,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMG,MAAM,GACiCxB,GAD7C;EACA,eAAOJ,OAAO,CAACyB,KAAK,CAACP,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMJ,WAAW,GAAGjB,eAAe,CAACW,eAAD,EAAkB;EACnDc,IAAI,EAAJA,IADmD;EAEnDP,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeD,WAAf"}
1
+ {"version":3,"file":"LinkTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","Spin","Box","resolveColor","shade","keyboardFocusEnhance","RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","colorHover","Text","style","size","props","SText","children","SAddon"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n const colorHover = shade(color, -0.12);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size=\"xs\" theme=\"currentColor\" /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\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 LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,OAAOC,IAAP,MAAiB,eAAjB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,YAAP,IAAuBC,KAAvB,QAAoC,0BAApC;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,e;;;;;;;;;;;;;WAQJ,wBAAe;MACb,oBAA+B,KAAKC,OAApC;MAAA,IAAQC,WAAR,iBAAQA,WAAR;MAAA,IAAqBC,KAArB,iBAAqBA,KAArB;MACA,OAAO;QACLD,WAAW,EAAXA,WADK;QAELC,KAAK,EAALA;MAFK,CAAP;IAID;;;WAED,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAQMR,GARxB;MACA,IAAMS,UAAU,GAAGC,WAAW,CAACC,KAA/B;MACA,qBAAmE,KAAKN,OAAxE;MAAA,IAAQO,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,OAAlB,kBAAkBA,OAAlB;MAAA,IAA2BC,MAA3B,kBAA2BA,MAA3B;MAAA,IAAmCP,KAAnC,kBAAmCA,KAAnC;MAAA,IAAiDQ,aAAjD,kBAA0CC,KAA1C;MAEA,IAAMA,KAAK,GAAGf,YAAY,CAACc,aAAD,CAA1B;MACA,IAAME,UAAU,GAAGf,KAAK,CAACc,KAAD,EAAQ,CAAC,IAAT,CAAxB;MAEA,eAAOpB,OAAO,CAACkB,MAAD,CAAd,eACE,oBAAC,YAAD;QAAA,aAAsCE,KAAtC;QAAA,mBAA8DC;MAA9D,YACGpB,iBAAiB,CAACe,QAAD,EAAWF,WAAW,CAACQ,IAAvB,EAA6BR,WAAW,CAACC,KAAzC,EAAgDJ,KAAhD,CADpB,eAEE,oBAAC,UAAD,8BACGM,OAAO,gBAAG,oBAAC,IAAD;QAAA,QAAW,IAAX;QAAA,SAAsB;MAAtB,GAAH,gBAA6C,oBAAC,WAAD,8BADvD,CAFF,CADF;IAQD;;;;EAhC2BnB,S;;gBAAxBU,e,iBACiB,a;;gBADjBA,e,WAEWe,K;;gBAFXf,e,kBAGkB;EACpBgB,IAAI,EAAE;AADc,C;;gBAHlBhB,e,aAMa,CAACD,oBAAoB,EAArB,C;;AA6BnB,SAASe,IAAT,CAAcG,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMC,KAAK,GAKMtB,GALjB;EACA,IAAQuB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;EAAA,IAAkBT,MAAlB,GAAiDO,KAAjD,CAAkBP,MAAlB;EAAA,IAA0BP,KAA1B,GAAiDc,KAAjD,CAA0Bd,KAA1B;EAAA,IAAiCD,WAAjC,GAAiDe,KAAjD,CAAiCf,WAAjC;EAEA,eAAOV,OAAO,CAACkB,MAAD,CAAd;EAAA;;EACE;EACA,oBAAC,KAAD;IAAA,mBAAqCP;EAArC,aACGA,KAAK,GAAGD,WAAH,GAAiBiB,QADzB,CAFF;AAMD;;AAED,SAASZ,KAAT,CAAeU,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMG,MAAM,GACiCxB,GAD7C;EACA,eAAOJ,OAAO,CAACyB,KAAK,CAACP,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMJ,WAAW,GAAGjB,eAAe,CAACW,eAAD,EAAkB;EACnDc,IAAI,EAAJA,IADmD;EAEnDP,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeD,WAAf"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/base-trigger",
3
3
  "description": "Semrush BaseTrigger Component",
4
- "version": "3.4.1",
4
+ "version": "3.4.2",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",