@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 +6 -0
- package/lib/cjs/BaseTrigger.js +24 -22
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +7 -6
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +16 -16
- package/lib/cjs/LinkTrigger.js +16 -15
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/es6/BaseTrigger.js +24 -22
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +7 -6
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +16 -16
- package/lib/es6/LinkTrigger.js +16 -15
- package/lib/es6/LinkTrigger.js.map +1 -1
- package/package.json +1 -1
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
|
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -52,28 +52,28 @@ var style = (
|
|
|
52
52
|
/*__reshadow_css_start__*/
|
|
53
53
|
_core.sstyled.insert(
|
|
54
54
|
/*__inner_css_start__*/
|
|
55
|
-
".
|
|
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
|
-
, "
|
|
57
|
+
, "1vx9a_gg_")
|
|
58
58
|
/*__reshadow_css_end__*/
|
|
59
59
|
, {
|
|
60
|
-
"__SBaseTrigger": "
|
|
61
|
-
"_keyboardFocused": "
|
|
62
|
-
"_active": "
|
|
63
|
-
"_disabled": "
|
|
64
|
-
"__SInner": "
|
|
65
|
-
"__SText": "
|
|
66
|
-
"__SAddon": "
|
|
67
|
-
"__SBaseAddon": "
|
|
68
|
-
"_size_m": "
|
|
69
|
-
"_size_l": "
|
|
70
|
-
"_neighborLocation_right": "
|
|
71
|
-
"_neighborLocation_both": "
|
|
72
|
-
"_neighborLocation_left": "
|
|
73
|
-
"_placeholder": "
|
|
74
|
-
"_state_normal": "
|
|
75
|
-
"_state_valid": "
|
|
76
|
-
"_state_invalid": "
|
|
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
|
|
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"}
|
package/lib/cjs/ButtonTrigger.js
CHANGED
|
@@ -46,13 +46,13 @@ var style = (
|
|
|
46
46
|
/*__reshadow_css_start__*/
|
|
47
47
|
_core.sstyled.insert(
|
|
48
48
|
/*__inner_css_start__*/
|
|
49
|
-
".
|
|
49
|
+
".___SButtonAddon_398tc_gg_{width:12px;height:12px}.___SButtonTriggerSpin_398tc_gg_{fill:var(--intergalactic-icon-primary-neutral,#6c6e79)}"
|
|
50
50
|
/*__inner_css_end__*/
|
|
51
|
-
, "
|
|
51
|
+
, "398tc_gg_")
|
|
52
52
|
/*__reshadow_css_end__*/
|
|
53
53
|
, {
|
|
54
|
-
"__SButtonAddon": "
|
|
55
|
-
"__SButtonTriggerSpin": "
|
|
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
|
-
|
|
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,
|
|
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"}
|
package/lib/cjs/FilterTrigger.js
CHANGED
|
@@ -64,25 +64,25 @@ var style = (
|
|
|
64
64
|
/*__reshadow_css_start__*/
|
|
65
65
|
_core.sstyled.insert(
|
|
66
66
|
/*__inner_css_start__*/
|
|
67
|
-
".
|
|
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
|
-
, "
|
|
69
|
+
, "kb39n_gg_")
|
|
70
70
|
/*__reshadow_css_end__*/
|
|
71
71
|
, {
|
|
72
|
-
"__SButtonTrigger": "
|
|
73
|
-
"_active": "
|
|
74
|
-
"_size_m": "
|
|
75
|
-
"_size_l": "
|
|
76
|
-
"__SText": "
|
|
77
|
-
"_placeholder": "
|
|
78
|
-
"_state_normal": "
|
|
79
|
-
"_state_valid": "
|
|
80
|
-
"_state_invalid": "
|
|
81
|
-
"__SFilterTrigger": "
|
|
82
|
-
"_selected": "
|
|
83
|
-
"__SWrapper": "
|
|
84
|
-
"_keyboardFocused": "
|
|
85
|
-
"__SCounter": "
|
|
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) {
|
package/lib/cjs/LinkTrigger.js
CHANGED
|
@@ -54,23 +54,23 @@ var style = (
|
|
|
54
54
|
/*__reshadow_css_start__*/
|
|
55
55
|
_core.sstyled.insert(
|
|
56
56
|
/*__inner_css_start__*/
|
|
57
|
-
".
|
|
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
|
-
, "
|
|
59
|
+
, "1o5ty_gg_")
|
|
60
60
|
/*__reshadow_css_end__*/
|
|
61
61
|
, {
|
|
62
|
-
"__SLinkTrigger": "
|
|
63
|
-
"_active": "
|
|
64
|
-
"__SText": "
|
|
65
|
-
"_color": "
|
|
66
|
-
"--color": "--
|
|
67
|
-
"--color-hover": "--color-
|
|
68
|
-
"_disabled": "
|
|
69
|
-
"_keyboardFocused": "
|
|
70
|
-
"__SAddon": "
|
|
71
|
-
"__SLinkAddon": "
|
|
72
|
-
"_size_m": "
|
|
73
|
-
"_size_l": "
|
|
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,
|
|
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"}
|
package/lib/es6/BaseTrigger.js
CHANGED
|
@@ -30,28 +30,28 @@ var style = (
|
|
|
30
30
|
/*__reshadow_css_start__*/
|
|
31
31
|
_sstyled.insert(
|
|
32
32
|
/*__inner_css_start__*/
|
|
33
|
-
".
|
|
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
|
-
, "
|
|
35
|
+
, "1vx9a_gg_")
|
|
36
36
|
/*__reshadow_css_end__*/
|
|
37
37
|
, {
|
|
38
|
-
"__SBaseTrigger": "
|
|
39
|
-
"_keyboardFocused": "
|
|
40
|
-
"_active": "
|
|
41
|
-
"_disabled": "
|
|
42
|
-
"__SInner": "
|
|
43
|
-
"__SText": "
|
|
44
|
-
"__SAddon": "
|
|
45
|
-
"__SBaseAddon": "
|
|
46
|
-
"_size_m": "
|
|
47
|
-
"_size_l": "
|
|
48
|
-
"_neighborLocation_right": "
|
|
49
|
-
"_neighborLocation_both": "
|
|
50
|
-
"_neighborLocation_left": "
|
|
51
|
-
"_placeholder": "
|
|
52
|
-
"_state_normal": "
|
|
53
|
-
"_state_valid": "
|
|
54
|
-
"_state_invalid": "
|
|
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
|
|
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"}
|
package/lib/es6/ButtonTrigger.js
CHANGED
|
@@ -23,13 +23,13 @@ var style = (
|
|
|
23
23
|
/*__reshadow_css_start__*/
|
|
24
24
|
_sstyled.insert(
|
|
25
25
|
/*__inner_css_start__*/
|
|
26
|
-
".
|
|
26
|
+
".___SButtonAddon_398tc_gg_{width:12px;height:12px}.___SButtonTriggerSpin_398tc_gg_{fill:var(--intergalactic-icon-primary-neutral,#6c6e79)}"
|
|
27
27
|
/*__inner_css_end__*/
|
|
28
|
-
, "
|
|
28
|
+
, "398tc_gg_")
|
|
29
29
|
/*__reshadow_css_end__*/
|
|
30
30
|
, {
|
|
31
|
-
"__SButtonAddon": "
|
|
32
|
-
"__SButtonTriggerSpin": "
|
|
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
|
-
|
|
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,
|
|
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"}
|
package/lib/es6/FilterTrigger.js
CHANGED
|
@@ -35,25 +35,25 @@ var style = (
|
|
|
35
35
|
/*__reshadow_css_start__*/
|
|
36
36
|
_sstyled.insert(
|
|
37
37
|
/*__inner_css_start__*/
|
|
38
|
-
".
|
|
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
|
-
, "
|
|
40
|
+
, "kb39n_gg_")
|
|
41
41
|
/*__reshadow_css_end__*/
|
|
42
42
|
, {
|
|
43
|
-
"__SButtonTrigger": "
|
|
44
|
-
"_active": "
|
|
45
|
-
"_size_m": "
|
|
46
|
-
"_size_l": "
|
|
47
|
-
"__SText": "
|
|
48
|
-
"_placeholder": "
|
|
49
|
-
"_state_normal": "
|
|
50
|
-
"_state_valid": "
|
|
51
|
-
"_state_invalid": "
|
|
52
|
-
"__SFilterTrigger": "
|
|
53
|
-
"_selected": "
|
|
54
|
-
"__SWrapper": "
|
|
55
|
-
"_keyboardFocused": "
|
|
56
|
-
"__SCounter": "
|
|
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) {
|
package/lib/es6/LinkTrigger.js
CHANGED
|
@@ -31,23 +31,23 @@ var style = (
|
|
|
31
31
|
/*__reshadow_css_start__*/
|
|
32
32
|
_sstyled.insert(
|
|
33
33
|
/*__inner_css_start__*/
|
|
34
|
-
".
|
|
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
|
-
, "
|
|
36
|
+
, "1o5ty_gg_")
|
|
37
37
|
/*__reshadow_css_end__*/
|
|
38
38
|
, {
|
|
39
|
-
"__SLinkTrigger": "
|
|
40
|
-
"_active": "
|
|
41
|
-
"__SText": "
|
|
42
|
-
"_color": "
|
|
43
|
-
"--color": "--
|
|
44
|
-
"--color-hover": "--color-
|
|
45
|
-
"_disabled": "
|
|
46
|
-
"_keyboardFocused": "
|
|
47
|
-
"__SAddon": "
|
|
48
|
-
"__SLinkAddon": "
|
|
49
|
-
"_size_m": "
|
|
50
|
-
"_size_l": "
|
|
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,
|
|
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"}
|