@semcore/base-trigger 3.0.6 → 3.0.9
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 +18 -0
- package/README.md +67 -0
- package/lib/cjs/BaseTrigger.js +20 -20
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +4 -4
- package/lib/cjs/FilterTrigger.js +16 -16
- package/lib/cjs/LinkTrigger.js +15 -15
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/es6/BaseTrigger.js +20 -20
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +4 -4
- package/lib/es6/FilterTrigger.js +16 -16
- package/lib/es6/LinkTrigger.js +15 -15
- package/lib/es6/LinkTrigger.js.map +1 -1
- package/package.json +2 -2
- package/src/BaseTrigger.jsx +0 -69
- package/src/ButtonTrigger.jsx +0 -41
- package/src/FilterTrigger.jsx +0 -79
- package/src/LinkTrigger.jsx +0 -69
- package/src/index.d.ts +0 -82
- package/src/index.js +0 -4
- package/src/style/base-trigger.shadow.css +0 -181
- package/src/style/button-trigger.shadow.css +0 -10
- package/src/style/filter-trigger.shadow.css +0 -82
- package/src/style/link-trigger.shadow.css +0 -100
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [3.0.9] - 2022-07-21
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/icon` [2.28.0 ~> 2.29.0]).
|
|
10
|
+
|
|
11
|
+
## [3.0.8] - 2022-07-14
|
|
12
|
+
|
|
13
|
+
### Changed
|
|
14
|
+
|
|
15
|
+
- Version patch update due to children dependencies update (`@semcore/neighbor-location` [2.3.9 ~> 2.3.10]).
|
|
16
|
+
|
|
17
|
+
## [3.0.7] - 2022-07-07
|
|
18
|
+
|
|
19
|
+
### Changed
|
|
20
|
+
|
|
21
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [3.33.0 ~> 3.34.0], `@semcore/icon` [2.27.0 ~> 2.28.0]).
|
|
22
|
+
|
|
5
23
|
## [3.0.6] - 2022-06-02
|
|
6
24
|
|
|
7
25
|
### Changed
|
package/README.md
CHANGED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
# @semcore/base-trigger
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/@semcore/base-trigger)
|
|
4
|
+
[](https://www.npmjs.com/package/@semcore/base-trigger)
|
|
5
|
+
[](https://github.com/semrush/intergalactic/blob/master/LICENSE)
|
|
6
|
+
|
|
7
|
+
> This component is part of the Intergalactic design system
|
|
8
|
+
|
|
9
|
+
### 📖 [Component documentation](https://developer.semrush.com/intergalactic/components/filter-trigger/)
|
|
10
|
+
|
|
11
|
+
### 🏠 [Design system](https://developer.semrush.com/intergalactic/)
|
|
12
|
+
|
|
13
|
+
## Install
|
|
14
|
+
|
|
15
|
+
```sh
|
|
16
|
+
npm install @semcore/ui
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Usage
|
|
20
|
+
|
|
21
|
+
```jsx
|
|
22
|
+
import BaseTrigger, { ButtonTrigger, FilterTrigger, LinkTrigger } from '@semcore/ui/base-trigger';
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
<details>
|
|
26
|
+
<summary>Alternative installation and use</summary>
|
|
27
|
+
|
|
28
|
+
**We do not recommend this usage path due to possible dependency and update issues.**
|
|
29
|
+
|
|
30
|
+
### Install
|
|
31
|
+
|
|
32
|
+
You can only install one package from the design system
|
|
33
|
+
|
|
34
|
+
```sh
|
|
35
|
+
npm install @semcore/base-trigger @semcore/core
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
|
|
39
|
+
of the components that is discussed below. There should only be one version of the package in the project._
|
|
40
|
+
|
|
41
|
+
### Usage
|
|
42
|
+
|
|
43
|
+
You can use the package the same way but without `/ui/` in the import path.
|
|
44
|
+
|
|
45
|
+
```jsx
|
|
46
|
+
import BaseTrigger, { ButtonTrigger, FilterTrigger, LinkTrigger } from '@semcore/base-trigger';
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
</details>
|
|
50
|
+
|
|
51
|
+
## 👤 Author
|
|
52
|
+
|
|
53
|
+
[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
|
|
54
|
+
|
|
55
|
+
## 🤝 Contributing
|
|
56
|
+
|
|
57
|
+
Contributions, issues and feature requests are welcome!
|
|
58
|
+
|
|
59
|
+
Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).
|
|
60
|
+
|
|
61
|
+
## Show your support
|
|
62
|
+
|
|
63
|
+
Give a ⭐️ if this project helped you!
|
|
64
|
+
|
|
65
|
+
## 📝 License
|
|
66
|
+
|
|
67
|
+
This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
|
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_8mpya_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;-ms-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:Inter,sans-serif;cursor:pointer;background:#fff;font-weight:400;border:1px solid #c4c7cf;color:#191b23}.___SBaseTrigger_8mpya_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_8mpya_gg_:active,.___SBaseTrigger_8mpya_gg_:focus,.___SBaseTrigger_8mpya_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_8mpya_gg_.__keyboardFocused_8mpya_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SBaseTrigger_8mpya_gg_:hover{background-color:rgba(138,142,155,.2)}.___SBaseTrigger_8mpya_gg_:active,.___SBaseTrigger_8mpya_gg_.__active_8mpya_gg_{background-color:rgba(138,142,155,.3)}.___SBaseTrigger_8mpya_gg_.__disabled_8mpya_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SBaseTrigger_8mpya_gg_.__keyboardFocused_8mpya_gg_{z-index:1}.___SInner_8mpya_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_8mpya_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.42;flex-grow:1;text-align:left}.___SAddon_8mpya_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_8mpya_gg_{width:12px;height:12px}.___SBaseTrigger_8mpya_gg_._size_m_8mpya_gg_{min-width:26px;height:28px;border-radius:6px;padding:0 8px;font-size:14px}.___SBaseTrigger_8mpya_gg_._size_m_8mpya_gg_ .___SAddon_8mpya_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_8mpya_gg_._size_m_8mpya_gg_ .___SAddon_8mpya_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_8mpya_gg_._size_m_8mpya_gg_ .___SAddon_8mpya_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_8mpya_gg_._size_l_8mpya_gg_{min-width:32px;height:40px;border-radius:6px;padding:0 12px;font-size:16px}.___SBaseTrigger_8mpya_gg_._size_l_8mpya_gg_ .___SAddon_8mpya_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_8mpya_gg_._size_l_8mpya_gg_ .___SAddon_8mpya_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_8mpya_gg_._size_l_8mpya_gg_ .___SAddon_8mpya_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_8mpya_gg_._neighborLocation_right_8mpya_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_8mpya_gg_._neighborLocation_both_8mpya_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_8mpya_gg_._neighborLocation_left_8mpya_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_8mpya_gg_.__placeholder_8mpya_gg_{color:#a9abb6}.___SBaseTrigger_8mpya_gg_._state_normal_8mpya_gg_{border-color:#c4c7cf}.___SBaseTrigger_8mpya_gg_._state_valid_8mpya_gg_{border-color:#59ddaa}.___SBaseTrigger_8mpya_gg_._state_invalid_8mpya_gg_{border-color:#ffaeb5}.___SBaseTrigger_8mpya_gg_._state_invalid_8mpya_gg_.__keyboardFocused_8mpya_gg_{border-color:#ff642d;box-shadow:0 0 0 3px rgba(255,100,45,.3)}"
|
|
56
56
|
/*__inner_css_end__*/
|
|
57
|
-
, "
|
|
57
|
+
, "8mpya_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_8mpya_gg_",
|
|
61
|
+
"_keyboardFocused": "__keyboardFocused_8mpya_gg_",
|
|
62
|
+
"_active": "__active_8mpya_gg_",
|
|
63
|
+
"_disabled": "__disabled_8mpya_gg_",
|
|
64
|
+
"__SInner": "___SInner_8mpya_gg_",
|
|
65
|
+
"__SText": "___SText_8mpya_gg_",
|
|
66
|
+
"__SAddon": "___SAddon_8mpya_gg_",
|
|
67
|
+
"__SBaseAddon": "___SBaseAddon_8mpya_gg_",
|
|
68
|
+
"_size_m": "_size_m_8mpya_gg_",
|
|
69
|
+
"_size_l": "_size_l_8mpya_gg_",
|
|
70
|
+
"_neighborLocation_right": "_neighborLocation_right_8mpya_gg_",
|
|
71
|
+
"_neighborLocation_both": "_neighborLocation_both_8mpya_gg_",
|
|
72
|
+
"_neighborLocation_left": "_neighborLocation_left_8mpya_gg_",
|
|
73
|
+
"_placeholder": "__placeholder_8mpya_gg_",
|
|
74
|
+
"_state_normal": "_state_normal_8mpya_gg_",
|
|
75
|
+
"_state_valid": "_state_valid_8mpya_gg_",
|
|
76
|
+
"_state_invalid": "_state_invalid_8mpya_gg_"
|
|
77
77
|
});
|
|
78
78
|
|
|
79
79
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -140,7 +140,7 @@ function Text(props) {
|
|
|
140
140
|
return _ref5 = (0, _core.sstyled)(styles),
|
|
141
141
|
/*#__PURE__*/
|
|
142
142
|
|
|
143
|
-
/*
|
|
143
|
+
/* "use:" prefix was used for backward compatibility (by lsroman) */
|
|
144
144
|
_react["default"].createElement(SText, _ref5.cn("SText", _objectSpread({}, (0, _core.assignProps)({
|
|
145
145
|
"use:placeholder": empty
|
|
146
146
|
}, _ref2))), empty ? placeholder : children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/BaseTrigger.jsx"],"names":["RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","Box","SInner","Children","styles","theme","logger","warn","undefined","BaseTrigger","displayName","Text","Addon","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;AACb,0BAA+B,KAAKC,OAApC;AAAA,UAAQC,WAAR,iBAAQA,WAAR;AAAA,UAAqBC,KAArB,iBAAqBA,KAArB;AACA,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAYMC,YAZxB;AACA,UAAMC,MAAM,GAAG,KAAf;AACA,2BAAoC,KAAKL,OAAzC;AAAA,UAAQM,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,MAAlB,kBAAkBA,MAAlB;AAAA,UAA0BC,KAA1B,kBAA0BA,KAA1B;;AAEAC,yBAAOC,IAAP,CACEF,KAAK,KAAKG,SADZ,EAEE,iDAFF,EAGE,KAAKX,OAAL,CAAa,cAAb,KAAgCY,WAAW,CAACC,WAH9C,EALO,CAWP;;;AACA,qBAAO,mBAAQN,MAAR,CAAP,eACE,gCAAC,YAAD;AAAA,iBAAkCC;AAAlC,+BACE,gCAAC,MAAD,0BAAS,mCAAkBF,QAAlB,EAA4BM,WAAW,CAACE,IAAxC,EAA8CF,WAAW,CAACG,KAA1D,CAAT,CADF,CADF;AAKD;;;EAjC2BC,e;;iCAAxBjB,e,iBACiB,a;iCADjBA,e,WAEWkB,K;iCAFXlB,e,kBAGkB;AACpBmB,EAAAA,IAAI,EAAE;AADc,C;iCAHlBnB,e,aAMa,CAAC,uCAAD,EAAyB,gDAAzB,C;;AA8BnB,SAASe,IAAT,CAAcK,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMhB,YALjB;AACA,MAAQiB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBd,MAAlB,GAAiDY,KAAjD,CAAkBZ,MAAlB;AAAA,MAA0BL,KAA1B,GAAiDiB,KAAjD,CAA0BjB,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDkB,KAAjD,CAAiClB,WAAjC;AAEA,iBAAO,mBAAQM,MAAR,CAAP;AAAA;;AACE;AACA,kCAAC,KAAD;AAAA,uBAAqCL;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBoB,QADzB,CAFF;AAMD;;AAED,SAASN,KAAT,CAAeI,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiClB,YAD7C;AACA,iBAAO,mBAAQe,KAAK,CAACZ,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMK,WAAW,GAAG,sBAAgBb,eAAhB,EAAiC;AACnDe,EAAAA,IAAI,EAAJA,IADmD;AAEnDC,EAAAA,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeH,W","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { neighborLocationEnhance } 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 style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance(), neighborLocationEnhance()];\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 } = 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 sstyled(styles)(\n <SBaseTrigger render={Box} state={theme}>\n <SInner>{addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon)}</SInner>\n </SBaseTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n /*
|
|
1
|
+
{"version":3,"sources":["../../src/BaseTrigger.jsx"],"names":["RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","Box","SInner","Children","styles","theme","logger","warn","undefined","BaseTrigger","displayName","Text","Addon","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;AACb,0BAA+B,KAAKC,OAApC;AAAA,UAAQC,WAAR,iBAAQA,WAAR;AAAA,UAAqBC,KAArB,iBAAqBA,KAArB;AACA,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAYMC,YAZxB;AACA,UAAMC,MAAM,GAAG,KAAf;AACA,2BAAoC,KAAKL,OAAzC;AAAA,UAAQM,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,MAAlB,kBAAkBA,MAAlB;AAAA,UAA0BC,KAA1B,kBAA0BA,KAA1B;;AAEAC,yBAAOC,IAAP,CACEF,KAAK,KAAKG,SADZ,EAEE,iDAFF,EAGE,KAAKX,OAAL,CAAa,cAAb,KAAgCY,WAAW,CAACC,WAH9C,EALO,CAWP;;;AACA,qBAAO,mBAAQN,MAAR,CAAP,eACE,gCAAC,YAAD;AAAA,iBAAkCC;AAAlC,+BACE,gCAAC,MAAD,0BAAS,mCAAkBF,QAAlB,EAA4BM,WAAW,CAACE,IAAxC,EAA8CF,WAAW,CAACG,KAA1D,CAAT,CADF,CADF;AAKD;;;EAjC2BC,e;;iCAAxBjB,e,iBACiB,a;iCADjBA,e,WAEWkB,K;iCAFXlB,e,kBAGkB;AACpBmB,EAAAA,IAAI,EAAE;AADc,C;iCAHlBnB,e,aAMa,CAAC,uCAAD,EAAyB,gDAAzB,C;;AA8BnB,SAASe,IAAT,CAAcK,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMhB,YALjB;AACA,MAAQiB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBd,MAAlB,GAAiDY,KAAjD,CAAkBZ,MAAlB;AAAA,MAA0BL,KAA1B,GAAiDiB,KAAjD,CAA0BjB,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDkB,KAAjD,CAAiClB,WAAjC;AAEA,iBAAO,mBAAQM,MAAR,CAAP;AAAA;;AACE;AACA,kCAAC,KAAD;AAAA,uBAAqCL;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBoB,QADzB,CAFF;AAMD;;AAED,SAASN,KAAT,CAAeI,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiClB,YAD7C;AACA,iBAAO,mBAAQe,KAAK,CAACZ,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMK,WAAW,GAAG,sBAAgBb,eAAhB,EAAiC;AACnDe,EAAAA,IAAI,EAAJA,IADmD;AAEnDC,EAAAA,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeH,W","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { neighborLocationEnhance } 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 style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance(), neighborLocationEnhance()];\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 } = 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 sstyled(styles)(\n <SBaseTrigger render={Box} state={theme}>\n <SInner>{addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon)}</SInner>\n </SBaseTrigger>,\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"],"file":"BaseTrigger.js"}
|
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_1n1r7_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1n1r7_gg_{fill:#6c6e79}"
|
|
50
50
|
/*__inner_css_end__*/
|
|
51
|
-
, "
|
|
51
|
+
, "1n1r7_gg_")
|
|
52
52
|
/*__reshadow_css_end__*/
|
|
53
53
|
, {
|
|
54
|
-
"__SButtonAddon": "
|
|
55
|
-
"__SButtonTriggerSpin": "
|
|
54
|
+
"__SButtonAddon": "___SButtonAddon_1n1r7_gg_",
|
|
55
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_1n1r7_gg_"
|
|
56
56
|
});
|
|
57
57
|
|
|
58
58
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/FilterTrigger.js
CHANGED
|
@@ -60,25 +60,25 @@ var style = (
|
|
|
60
60
|
/*__reshadow_css_start__*/
|
|
61
61
|
_core.sstyled.insert(
|
|
62
62
|
/*__inner_css_start__*/
|
|
63
|
-
".
|
|
63
|
+
".___SButtonTrigger_18fyi_gg_{border:1px solid #c4c7cf;background:#fff;color:#191b23}.___SButtonTrigger_18fyi_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_18fyi_gg_:active,.___SButtonTrigger_18fyi_gg_:focus,.___SButtonTrigger_18fyi_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_18fyi_gg_:active,.___SButtonTrigger_18fyi_gg_:hover,.___SButtonTrigger_18fyi_gg_.__active_18fyi_gg_{background-color:rgba(138,142,155,.2)}.___SButtonTrigger_18fyi_gg_._size_m_18fyi_gg_{min-width:26px;height:28px;border-radius:6px;font-size:14px}.___SButtonTrigger_18fyi_gg_._size_l_18fyi_gg_{min-width:32px;height:40px;border-radius:6px;font-size:16px}.___SText_18fyi_gg_.__placeholder_18fyi_gg_{color:#a9abb6}.___SButtonTrigger_18fyi_gg_._state_normal_18fyi_gg_{border-color:#c4c7cf}.___SButtonTrigger_18fyi_gg_._state_valid_18fyi_gg_{border-color:#59ddaa}.___SButtonTrigger_18fyi_gg_._state_invalid_18fyi_gg_{border-color:#ffaeb5}.___SFilterTrigger_18fyi_gg_.__selected_18fyi_gg_{border-color:#008ff8;background-color:rgba(0,143,248,.2);color:#191b23}.___SFilterTrigger_18fyi_gg_.__selected_18fyi_gg_:hover,.___SFilterTrigger_18fyi_gg_.__selected_18fyi_gg_.__active_18fyi_gg_{background:rgba(0,143,248,.3)}.___SWrapper_18fyi_gg_{display:inline-flex}.___SWrapper_18fyi_gg_:focus{outline:none}.___SWrapper_18fyi_gg_.__keyboardFocused_18fyi_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCounter_18fyi_gg_{background-color:#008ff8}"
|
|
64
64
|
/*__inner_css_end__*/
|
|
65
|
-
, "
|
|
65
|
+
, "18fyi_gg_")
|
|
66
66
|
/*__reshadow_css_end__*/
|
|
67
67
|
, {
|
|
68
|
-
"__SButtonTrigger": "
|
|
69
|
-
"_active": "
|
|
70
|
-
"_size_m": "
|
|
71
|
-
"_size_l": "
|
|
72
|
-
"__SText": "
|
|
73
|
-
"_placeholder": "
|
|
74
|
-
"_state_normal": "
|
|
75
|
-
"_state_valid": "
|
|
76
|
-
"_state_invalid": "
|
|
77
|
-
"__SFilterTrigger": "
|
|
78
|
-
"_selected": "
|
|
79
|
-
"__SWrapper": "
|
|
80
|
-
"_keyboardFocused": "
|
|
81
|
-
"__SCounter": "
|
|
68
|
+
"__SButtonTrigger": "___SButtonTrigger_18fyi_gg_",
|
|
69
|
+
"_active": "__active_18fyi_gg_",
|
|
70
|
+
"_size_m": "_size_m_18fyi_gg_",
|
|
71
|
+
"_size_l": "_size_l_18fyi_gg_",
|
|
72
|
+
"__SText": "___SText_18fyi_gg_",
|
|
73
|
+
"_placeholder": "__placeholder_18fyi_gg_",
|
|
74
|
+
"_state_normal": "_state_normal_18fyi_gg_",
|
|
75
|
+
"_state_valid": "_state_valid_18fyi_gg_",
|
|
76
|
+
"_state_invalid": "_state_invalid_18fyi_gg_",
|
|
77
|
+
"__SFilterTrigger": "___SFilterTrigger_18fyi_gg_",
|
|
78
|
+
"_selected": "__selected_18fyi_gg_",
|
|
79
|
+
"__SWrapper": "___SWrapper_18fyi_gg_",
|
|
80
|
+
"_keyboardFocused": "__keyboardFocused_18fyi_gg_",
|
|
81
|
+
"__SCounter": "___SCounter_18fyi_gg_"
|
|
82
82
|
});
|
|
83
83
|
|
|
84
84
|
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_1q28j_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;-ms-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:Inter,sans-serif;cursor:pointer;color:#006dca;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1q28j_gg_:active,.___SLinkTrigger_1q28j_gg_:hover,.___SLinkTrigger_1q28j_gg_.__active_1q28j_gg_{color:#044792}.___SLinkTrigger_1q28j_gg_:active .___SText_1q28j_gg_,.___SLinkTrigger_1q28j_gg_:hover .___SText_1q28j_gg_,.___SLinkTrigger_1q28j_gg_.__active_1q28j_gg_ .___SText_1q28j_gg_{border-color:currentColor}.___SLinkTrigger_1q28j_gg_ .___SText_1q28j_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;line-height:1.42}.___SLinkTrigger_1q28j_gg_.__color_1q28j_gg_{color:var(--color_1q28j)}.___SLinkTrigger_1q28j_gg_.__color_1q28j_gg_:hover{color:var(--color-hover_1q28j)}.___SLinkTrigger_1q28j_gg_.__disabled_1q28j_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_1q28j_gg_.__keyboardFocused_1q28j_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2);z-index:1}.___SAddon_1q28j_gg_,.___SLinkAddon_1q28j_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_1q28j_gg_:not(:only-child):first-child,.___SLinkAddon_1q28j_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_1q28j_gg_:not(:only-child):last-child,.___SLinkAddon_1q28j_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_1q28j_gg_{width:16px;height:16px}.___SLinkTrigger_1q28j_gg_._size_m_1q28j_gg_{font-size:14px}.___SLinkTrigger_1q28j_gg_._size_l_1q28j_gg_{font-size:16px}@media (prefers-reduced-motion){.___SLinkTrigger_1q28j_gg_{transition:none}.___SLinkTrigger_1q28j_gg_ .___SText_1q28j_gg_{transition:none}}"
|
|
58
58
|
/*__inner_css_end__*/
|
|
59
|
-
, "
|
|
59
|
+
, "1q28j_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_1q28j_gg_",
|
|
63
|
+
"_active": "__active_1q28j_gg_",
|
|
64
|
+
"__SText": "___SText_1q28j_gg_",
|
|
65
|
+
"_color": "__color_1q28j_gg_",
|
|
66
|
+
"--color": "--color_1q28j",
|
|
67
|
+
"--color-hover": "--color-hover_1q28j",
|
|
68
|
+
"_disabled": "__disabled_1q28j_gg_",
|
|
69
|
+
"_keyboardFocused": "__keyboardFocused_1q28j_gg_",
|
|
70
|
+
"__SAddon": "___SAddon_1q28j_gg_",
|
|
71
|
+
"__SLinkAddon": "___SLinkAddon_1q28j_gg_",
|
|
72
|
+
"_size_m": "_size_m_1q28j_gg_",
|
|
73
|
+
"_size_l": "_size_l_1q28j_gg_"
|
|
74
74
|
});
|
|
75
75
|
|
|
76
76
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -140,7 +140,7 @@ function Text(props) {
|
|
|
140
140
|
return _ref5 = (0, _core.sstyled)(styles),
|
|
141
141
|
/*#__PURE__*/
|
|
142
142
|
|
|
143
|
-
/*
|
|
143
|
+
/* "use:" prefix was used for backward compatibility (by lsroman) */
|
|
144
144
|
_react["default"].createElement(SText, _ref5.cn("SText", _objectSpread({}, (0, _core.assignProps)({
|
|
145
145
|
"use:placeholder": empty
|
|
146
146
|
}, _ref2))), empty ? placeholder : children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/LinkTrigger.jsx"],"names":["RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","colorHover","Text","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;AACb,0BAA+B,KAAKC,OAApC;AAAA,UAAQC,WAAR,iBAAQA,WAAR;AAAA,UAAqBC,KAArB,iBAAqBA,KAArB;AACA,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAQMC,YARxB;AACA,UAAMC,UAAU,GAAGC,WAAW,CAACC,KAA/B;AACA,2BAA4D,KAAKP,OAAjE;AAAA,UAAQQ,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,OAAlB,kBAAkBA,OAAlB;AAAA,UAA2BC,MAA3B,kBAA2BA,MAA3B;AAAA,UAA0CC,aAA1C,kBAAmCC,KAAnC;AAEA,UAAMA,KAAK,GAAG,uBAAaD,aAAb,CAAd;AACA,UAAME,UAAU,GAAG,kBAAMD,KAAN,EAAa,CAAC,IAAd,CAAnB;AAEA,qBAAO,mBAAQF,MAAR,CAAP,eACE,gCAAC,YAAD;AAAA,qBAAsCE,KAAtC;AAAA,2BAA8DC;AAA9D,kBACG,mCAAkBL,QAAlB,EAA4BF,WAAW,CAACQ,IAAxC,EAA8CR,WAAW,CAACC,KAA1D,CADH,eAEE,gCAAC,UAAD,8BACGE,OAAO,gBAAG,gCAAC,gBAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAA6C,gCAAC,aAAD,8BADvD,CAFF,CADF;AAQD;;;EAhC2BM,e;;iCAAxBhB,e,iBACiB,a;iCADjBA,e,WAEWiB,K;iCAFXjB,e,kBAGkB;AACpBkB,EAAAA,IAAI,EAAE;AADc,C;iCAHlBlB,e,aAMa,CAAC,uCAAD,C;;AA6BnB,SAASe,IAAT,CAAcI,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMf,YALjB;AACA,MAAQgB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBV,MAAlB,GAAiDQ,KAAjD,CAAkBR,MAAlB;AAAA,MAA0BR,KAA1B,GAAiDgB,KAAjD,CAA0BhB,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDiB,KAAjD,CAAiCjB,WAAjC;AAEA,iBAAO,mBAAQS,MAAR,CAAP;AAAA;;AACE;AACA,kCAAC,KAAD;AAAA,uBAAqCR;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBmB,QADzB,CAFF;AAMD;;AAED,SAASb,KAAT,CAAeW,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCjB,YAD7C;AACA,iBAAO,mBAAQc,KAAK,CAACR,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMJ,WAAW,GAAG,sBAAgBP,eAAhB,EAAiC;AACnDe,EAAAA,IAAI,EAAJA,IADmD;AAEnDP,EAAAA,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeD,W","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 /*
|
|
1
|
+
{"version":3,"sources":["../../src/LinkTrigger.jsx"],"names":["RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","colorHover","Text","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;AACb,0BAA+B,KAAKC,OAApC;AAAA,UAAQC,WAAR,iBAAQA,WAAR;AAAA,UAAqBC,KAArB,iBAAqBA,KAArB;AACA,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAQMC,YARxB;AACA,UAAMC,UAAU,GAAGC,WAAW,CAACC,KAA/B;AACA,2BAA4D,KAAKP,OAAjE;AAAA,UAAQQ,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,OAAlB,kBAAkBA,OAAlB;AAAA,UAA2BC,MAA3B,kBAA2BA,MAA3B;AAAA,UAA0CC,aAA1C,kBAAmCC,KAAnC;AAEA,UAAMA,KAAK,GAAG,uBAAaD,aAAb,CAAd;AACA,UAAME,UAAU,GAAG,kBAAMD,KAAN,EAAa,CAAC,IAAd,CAAnB;AAEA,qBAAO,mBAAQF,MAAR,CAAP,eACE,gCAAC,YAAD;AAAA,qBAAsCE,KAAtC;AAAA,2BAA8DC;AAA9D,kBACG,mCAAkBL,QAAlB,EAA4BF,WAAW,CAACQ,IAAxC,EAA8CR,WAAW,CAACC,KAA1D,CADH,eAEE,gCAAC,UAAD,8BACGE,OAAO,gBAAG,gCAAC,gBAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAA6C,gCAAC,aAAD,8BADvD,CAFF,CADF;AAQD;;;EAhC2BM,e;;iCAAxBhB,e,iBACiB,a;iCADjBA,e,WAEWiB,K;iCAFXjB,e,kBAGkB;AACpBkB,EAAAA,IAAI,EAAE;AADc,C;iCAHlBlB,e,aAMa,CAAC,uCAAD,C;;AA6BnB,SAASe,IAAT,CAAcI,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMf,YALjB;AACA,MAAQgB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBV,MAAlB,GAAiDQ,KAAjD,CAAkBR,MAAlB;AAAA,MAA0BR,KAA1B,GAAiDgB,KAAjD,CAA0BhB,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDiB,KAAjD,CAAiCjB,WAAjC;AAEA,iBAAO,mBAAQS,MAAR,CAAP;AAAA;;AACE;AACA,kCAAC,KAAD;AAAA,uBAAqCR;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBmB,QADzB,CAFF;AAMD;;AAED,SAASb,KAAT,CAAeW,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCjB,YAD7C;AACA,iBAAO,mBAAQc,KAAK,CAACR,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMJ,WAAW,GAAG,sBAAgBP,eAAhB,EAAiC;AACnDe,EAAAA,IAAI,EAAJA,IADmD;AAEnDP,EAAAA,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeD,W","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"],"file":"LinkTrigger.js"}
|
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_8mpya_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;-ms-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:Inter,sans-serif;cursor:pointer;background:#fff;font-weight:400;border:1px solid #c4c7cf;color:#191b23}.___SBaseTrigger_8mpya_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_8mpya_gg_:active,.___SBaseTrigger_8mpya_gg_:focus,.___SBaseTrigger_8mpya_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_8mpya_gg_.__keyboardFocused_8mpya_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SBaseTrigger_8mpya_gg_:hover{background-color:rgba(138,142,155,.2)}.___SBaseTrigger_8mpya_gg_:active,.___SBaseTrigger_8mpya_gg_.__active_8mpya_gg_{background-color:rgba(138,142,155,.3)}.___SBaseTrigger_8mpya_gg_.__disabled_8mpya_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SBaseTrigger_8mpya_gg_.__keyboardFocused_8mpya_gg_{z-index:1}.___SInner_8mpya_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_8mpya_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.42;flex-grow:1;text-align:left}.___SAddon_8mpya_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_8mpya_gg_{width:12px;height:12px}.___SBaseTrigger_8mpya_gg_._size_m_8mpya_gg_{min-width:26px;height:28px;border-radius:6px;padding:0 8px;font-size:14px}.___SBaseTrigger_8mpya_gg_._size_m_8mpya_gg_ .___SAddon_8mpya_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_8mpya_gg_._size_m_8mpya_gg_ .___SAddon_8mpya_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_8mpya_gg_._size_m_8mpya_gg_ .___SAddon_8mpya_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_8mpya_gg_._size_l_8mpya_gg_{min-width:32px;height:40px;border-radius:6px;padding:0 12px;font-size:16px}.___SBaseTrigger_8mpya_gg_._size_l_8mpya_gg_ .___SAddon_8mpya_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_8mpya_gg_._size_l_8mpya_gg_ .___SAddon_8mpya_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_8mpya_gg_._size_l_8mpya_gg_ .___SAddon_8mpya_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_8mpya_gg_._neighborLocation_right_8mpya_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_8mpya_gg_._neighborLocation_both_8mpya_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_8mpya_gg_._neighborLocation_left_8mpya_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_8mpya_gg_.__placeholder_8mpya_gg_{color:#a9abb6}.___SBaseTrigger_8mpya_gg_._state_normal_8mpya_gg_{border-color:#c4c7cf}.___SBaseTrigger_8mpya_gg_._state_valid_8mpya_gg_{border-color:#59ddaa}.___SBaseTrigger_8mpya_gg_._state_invalid_8mpya_gg_{border-color:#ffaeb5}.___SBaseTrigger_8mpya_gg_._state_invalid_8mpya_gg_.__keyboardFocused_8mpya_gg_{border-color:#ff642d;box-shadow:0 0 0 3px rgba(255,100,45,.3)}"
|
|
34
34
|
/*__inner_css_end__*/
|
|
35
|
-
, "
|
|
35
|
+
, "8mpya_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_8mpya_gg_",
|
|
39
|
+
"_keyboardFocused": "__keyboardFocused_8mpya_gg_",
|
|
40
|
+
"_active": "__active_8mpya_gg_",
|
|
41
|
+
"_disabled": "__disabled_8mpya_gg_",
|
|
42
|
+
"__SInner": "___SInner_8mpya_gg_",
|
|
43
|
+
"__SText": "___SText_8mpya_gg_",
|
|
44
|
+
"__SAddon": "___SAddon_8mpya_gg_",
|
|
45
|
+
"__SBaseAddon": "___SBaseAddon_8mpya_gg_",
|
|
46
|
+
"_size_m": "_size_m_8mpya_gg_",
|
|
47
|
+
"_size_l": "_size_l_8mpya_gg_",
|
|
48
|
+
"_neighborLocation_right": "_neighborLocation_right_8mpya_gg_",
|
|
49
|
+
"_neighborLocation_both": "_neighborLocation_both_8mpya_gg_",
|
|
50
|
+
"_neighborLocation_left": "_neighborLocation_left_8mpya_gg_",
|
|
51
|
+
"_placeholder": "__placeholder_8mpya_gg_",
|
|
52
|
+
"_state_normal": "_state_normal_8mpya_gg_",
|
|
53
|
+
"_state_valid": "_state_valid_8mpya_gg_",
|
|
54
|
+
"_state_invalid": "_state_invalid_8mpya_gg_"
|
|
55
55
|
});
|
|
56
56
|
|
|
57
57
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -121,7 +121,7 @@ function Text(props) {
|
|
|
121
121
|
return _ref5 = sstyled(styles),
|
|
122
122
|
/*#__PURE__*/
|
|
123
123
|
|
|
124
|
-
/*
|
|
124
|
+
/* "use:" prefix was used for backward compatibility (by lsroman) */
|
|
125
125
|
React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
|
|
126
126
|
"use:placeholder": empty
|
|
127
127
|
}, _ref2))), empty ? placeholder : children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/BaseTrigger.jsx"],"names":["React","createComponent","Component","Root","sstyled","Box","neighborLocationEnhance","keyboardFocusEnhance","addonTextChildren","logger","RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","SInner","Children","styles","theme","warn","undefined","BaseTrigger","displayName","Text","Addon","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,SAASC,uBAAT,QAAwC,4BAAxC;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,MAAP,MAAmB,2BAAnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,e;;;;;;;;;;;;;WAQJ,wBAAe;AACb,0BAA+B,KAAKC,OAApC;AAAA,UAAQC,WAAR,iBAAQA,WAAR;AAAA,UAAqBC,KAArB,iBAAqBA,KAArB;AACA,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAYMT,GAZxB;AACA,UAAMU,MAAM,GAAG,KAAf;AACA,2BAAoC,KAAKJ,OAAzC;AAAA,UAAQK,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,MAAlB,kBAAkBA,MAAlB;AAAA,UAA0BC,KAA1B,kBAA0BA,KAA1B;AAEAT,MAAAA,MAAM,CAACU,IAAP,CACED,KAAK,KAAKE,SADZ,EAEE,iDAFF,EAGE,KAAKT,OAAL,CAAa,cAAb,KAAgCU,WAAW,CAACC,WAH9C,EALO,CAWP;;AACA,qBAAOlB,OAAO,CAACa,MAAD,CAAd,eACE,oBAAC,YAAD;AAAA,iBAAkCC;AAAlC,+BACE,oBAAC,MAAD,0BAASV,iBAAiB,CAACQ,QAAD,EAAWK,WAAW,CAACE,IAAvB,EAA6BF,WAAW,CAACG,KAAzC,CAA1B,CADF,CADF;AAKD;;;;EAjC2BtB,S;;gBAAxBQ,e,iBACiB,a;;gBADjBA,e,WAEWe,K;;gBAFXf,e,kBAGkB;AACpBgB,EAAAA,IAAI,EAAE;AADc,C;;gBAHlBhB,e,aAMa,CAACH,oBAAoB,EAArB,EAAyBD,uBAAuB,EAAhD,C;;AA8BnB,SAASiB,IAAT,CAAcI,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMvB,GALjB;AACA,MAAQwB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBZ,MAAlB,GAAiDU,KAAjD,CAAkBV,MAAlB;AAAA,MAA0BJ,KAA1B,GAAiDc,KAAjD,CAA0Bd,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDe,KAAjD,CAAiCf,WAAjC;AAEA,iBAAOR,OAAO,CAACa,MAAD,CAAd;AAAA;;AACE;AACA,sBAAC,KAAD;AAAA,uBAAqCJ;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBiB,QADzB,CAFF;AAMD;;AAED,SAASL,KAAT,CAAeG,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCzB,GAD7C;AACA,iBAAOD,OAAO,CAACuB,KAAK,CAACV,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMI,WAAW,GAAGpB,eAAe,CAACS,eAAD,EAAkB;AACnDa,EAAAA,IAAI,EAAJA,IADmD;AAEnDC,EAAAA,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeH,WAAf","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { neighborLocationEnhance } 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 style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance(), neighborLocationEnhance()];\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 } = 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 sstyled(styles)(\n <SBaseTrigger render={Box} state={theme}>\n <SInner>{addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon)}</SInner>\n </SBaseTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n /*
|
|
1
|
+
{"version":3,"sources":["../../src/BaseTrigger.jsx"],"names":["React","createComponent","Component","Root","sstyled","Box","neighborLocationEnhance","keyboardFocusEnhance","addonTextChildren","logger","RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","SInner","Children","styles","theme","warn","undefined","BaseTrigger","displayName","Text","Addon","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,SAASC,uBAAT,QAAwC,4BAAxC;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,MAAP,MAAmB,2BAAnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,e;;;;;;;;;;;;;WAQJ,wBAAe;AACb,0BAA+B,KAAKC,OAApC;AAAA,UAAQC,WAAR,iBAAQA,WAAR;AAAA,UAAqBC,KAArB,iBAAqBA,KAArB;AACA,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAYMT,GAZxB;AACA,UAAMU,MAAM,GAAG,KAAf;AACA,2BAAoC,KAAKJ,OAAzC;AAAA,UAAQK,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,MAAlB,kBAAkBA,MAAlB;AAAA,UAA0BC,KAA1B,kBAA0BA,KAA1B;AAEAT,MAAAA,MAAM,CAACU,IAAP,CACED,KAAK,KAAKE,SADZ,EAEE,iDAFF,EAGE,KAAKT,OAAL,CAAa,cAAb,KAAgCU,WAAW,CAACC,WAH9C,EALO,CAWP;;AACA,qBAAOlB,OAAO,CAACa,MAAD,CAAd,eACE,oBAAC,YAAD;AAAA,iBAAkCC;AAAlC,+BACE,oBAAC,MAAD,0BAASV,iBAAiB,CAACQ,QAAD,EAAWK,WAAW,CAACE,IAAvB,EAA6BF,WAAW,CAACG,KAAzC,CAA1B,CADF,CADF;AAKD;;;;EAjC2BtB,S;;gBAAxBQ,e,iBACiB,a;;gBADjBA,e,WAEWe,K;;gBAFXf,e,kBAGkB;AACpBgB,EAAAA,IAAI,EAAE;AADc,C;;gBAHlBhB,e,aAMa,CAACH,oBAAoB,EAArB,EAAyBD,uBAAuB,EAAhD,C;;AA8BnB,SAASiB,IAAT,CAAcI,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMvB,GALjB;AACA,MAAQwB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBZ,MAAlB,GAAiDU,KAAjD,CAAkBV,MAAlB;AAAA,MAA0BJ,KAA1B,GAAiDc,KAAjD,CAA0Bd,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDe,KAAjD,CAAiCf,WAAjC;AAEA,iBAAOR,OAAO,CAACa,MAAD,CAAd;AAAA;;AACE;AACA,sBAAC,KAAD;AAAA,uBAAqCJ;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBiB,QADzB,CAFF;AAMD;;AAED,SAASL,KAAT,CAAeG,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCzB,GAD7C;AACA,iBAAOD,OAAO,CAACuB,KAAK,CAACV,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMI,WAAW,GAAGpB,eAAe,CAACS,eAAD,EAAkB;AACnDa,EAAAA,IAAI,EAAJA,IADmD;AAEnDC,EAAAA,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeH,WAAf","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { neighborLocationEnhance } 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 style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance(), neighborLocationEnhance()];\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 } = 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 sstyled(styles)(\n <SBaseTrigger render={Box} state={theme}>\n <SInner>{addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon)}</SInner>\n </SBaseTrigger>,\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"],"file":"BaseTrigger.js"}
|
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_1n1r7_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1n1r7_gg_{fill:#6c6e79}"
|
|
27
27
|
/*__inner_css_end__*/
|
|
28
|
-
, "
|
|
28
|
+
, "1n1r7_gg_")
|
|
29
29
|
/*__reshadow_css_end__*/
|
|
30
30
|
, {
|
|
31
|
-
"__SButtonAddon": "
|
|
32
|
-
"__SButtonTriggerSpin": "
|
|
31
|
+
"__SButtonAddon": "___SButtonAddon_1n1r7_gg_",
|
|
32
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_1n1r7_gg_"
|
|
33
33
|
});
|
|
34
34
|
|
|
35
35
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
package/lib/es6/FilterTrigger.js
CHANGED
|
@@ -33,25 +33,25 @@ var style = (
|
|
|
33
33
|
/*__reshadow_css_start__*/
|
|
34
34
|
_sstyled.insert(
|
|
35
35
|
/*__inner_css_start__*/
|
|
36
|
-
".
|
|
36
|
+
".___SButtonTrigger_18fyi_gg_{border:1px solid #c4c7cf;background:#fff;color:#191b23}.___SButtonTrigger_18fyi_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_18fyi_gg_:active,.___SButtonTrigger_18fyi_gg_:focus,.___SButtonTrigger_18fyi_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_18fyi_gg_:active,.___SButtonTrigger_18fyi_gg_:hover,.___SButtonTrigger_18fyi_gg_.__active_18fyi_gg_{background-color:rgba(138,142,155,.2)}.___SButtonTrigger_18fyi_gg_._size_m_18fyi_gg_{min-width:26px;height:28px;border-radius:6px;font-size:14px}.___SButtonTrigger_18fyi_gg_._size_l_18fyi_gg_{min-width:32px;height:40px;border-radius:6px;font-size:16px}.___SText_18fyi_gg_.__placeholder_18fyi_gg_{color:#a9abb6}.___SButtonTrigger_18fyi_gg_._state_normal_18fyi_gg_{border-color:#c4c7cf}.___SButtonTrigger_18fyi_gg_._state_valid_18fyi_gg_{border-color:#59ddaa}.___SButtonTrigger_18fyi_gg_._state_invalid_18fyi_gg_{border-color:#ffaeb5}.___SFilterTrigger_18fyi_gg_.__selected_18fyi_gg_{border-color:#008ff8;background-color:rgba(0,143,248,.2);color:#191b23}.___SFilterTrigger_18fyi_gg_.__selected_18fyi_gg_:hover,.___SFilterTrigger_18fyi_gg_.__selected_18fyi_gg_.__active_18fyi_gg_{background:rgba(0,143,248,.3)}.___SWrapper_18fyi_gg_{display:inline-flex}.___SWrapper_18fyi_gg_:focus{outline:none}.___SWrapper_18fyi_gg_.__keyboardFocused_18fyi_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCounter_18fyi_gg_{background-color:#008ff8}"
|
|
37
37
|
/*__inner_css_end__*/
|
|
38
|
-
, "
|
|
38
|
+
, "18fyi_gg_")
|
|
39
39
|
/*__reshadow_css_end__*/
|
|
40
40
|
, {
|
|
41
|
-
"__SButtonTrigger": "
|
|
42
|
-
"_active": "
|
|
43
|
-
"_size_m": "
|
|
44
|
-
"_size_l": "
|
|
45
|
-
"__SText": "
|
|
46
|
-
"_placeholder": "
|
|
47
|
-
"_state_normal": "
|
|
48
|
-
"_state_valid": "
|
|
49
|
-
"_state_invalid": "
|
|
50
|
-
"__SFilterTrigger": "
|
|
51
|
-
"_selected": "
|
|
52
|
-
"__SWrapper": "
|
|
53
|
-
"_keyboardFocused": "
|
|
54
|
-
"__SCounter": "
|
|
41
|
+
"__SButtonTrigger": "___SButtonTrigger_18fyi_gg_",
|
|
42
|
+
"_active": "__active_18fyi_gg_",
|
|
43
|
+
"_size_m": "_size_m_18fyi_gg_",
|
|
44
|
+
"_size_l": "_size_l_18fyi_gg_",
|
|
45
|
+
"__SText": "___SText_18fyi_gg_",
|
|
46
|
+
"_placeholder": "__placeholder_18fyi_gg_",
|
|
47
|
+
"_state_normal": "_state_normal_18fyi_gg_",
|
|
48
|
+
"_state_valid": "_state_valid_18fyi_gg_",
|
|
49
|
+
"_state_invalid": "_state_invalid_18fyi_gg_",
|
|
50
|
+
"__SFilterTrigger": "___SFilterTrigger_18fyi_gg_",
|
|
51
|
+
"_selected": "__selected_18fyi_gg_",
|
|
52
|
+
"__SWrapper": "___SWrapper_18fyi_gg_",
|
|
53
|
+
"_keyboardFocused": "__keyboardFocused_18fyi_gg_",
|
|
54
|
+
"__SCounter": "___SCounter_18fyi_gg_"
|
|
55
55
|
});
|
|
56
56
|
|
|
57
57
|
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_1q28j_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;-ms-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:Inter,sans-serif;cursor:pointer;color:#006dca;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1q28j_gg_:active,.___SLinkTrigger_1q28j_gg_:hover,.___SLinkTrigger_1q28j_gg_.__active_1q28j_gg_{color:#044792}.___SLinkTrigger_1q28j_gg_:active .___SText_1q28j_gg_,.___SLinkTrigger_1q28j_gg_:hover .___SText_1q28j_gg_,.___SLinkTrigger_1q28j_gg_.__active_1q28j_gg_ .___SText_1q28j_gg_{border-color:currentColor}.___SLinkTrigger_1q28j_gg_ .___SText_1q28j_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;line-height:1.42}.___SLinkTrigger_1q28j_gg_.__color_1q28j_gg_{color:var(--color_1q28j)}.___SLinkTrigger_1q28j_gg_.__color_1q28j_gg_:hover{color:var(--color-hover_1q28j)}.___SLinkTrigger_1q28j_gg_.__disabled_1q28j_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_1q28j_gg_.__keyboardFocused_1q28j_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2);z-index:1}.___SAddon_1q28j_gg_,.___SLinkAddon_1q28j_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_1q28j_gg_:not(:only-child):first-child,.___SLinkAddon_1q28j_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_1q28j_gg_:not(:only-child):last-child,.___SLinkAddon_1q28j_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_1q28j_gg_{width:16px;height:16px}.___SLinkTrigger_1q28j_gg_._size_m_1q28j_gg_{font-size:14px}.___SLinkTrigger_1q28j_gg_._size_l_1q28j_gg_{font-size:16px}@media (prefers-reduced-motion){.___SLinkTrigger_1q28j_gg_{transition:none}.___SLinkTrigger_1q28j_gg_ .___SText_1q28j_gg_{transition:none}}"
|
|
35
35
|
/*__inner_css_end__*/
|
|
36
|
-
, "
|
|
36
|
+
, "1q28j_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_1q28j_gg_",
|
|
40
|
+
"_active": "__active_1q28j_gg_",
|
|
41
|
+
"__SText": "___SText_1q28j_gg_",
|
|
42
|
+
"_color": "__color_1q28j_gg_",
|
|
43
|
+
"--color": "--color_1q28j",
|
|
44
|
+
"--color-hover": "--color-hover_1q28j",
|
|
45
|
+
"_disabled": "__disabled_1q28j_gg_",
|
|
46
|
+
"_keyboardFocused": "__keyboardFocused_1q28j_gg_",
|
|
47
|
+
"__SAddon": "___SAddon_1q28j_gg_",
|
|
48
|
+
"__SLinkAddon": "___SLinkAddon_1q28j_gg_",
|
|
49
|
+
"_size_m": "_size_m_1q28j_gg_",
|
|
50
|
+
"_size_l": "_size_l_1q28j_gg_"
|
|
51
51
|
});
|
|
52
52
|
|
|
53
53
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -122,7 +122,7 @@ function Text(props) {
|
|
|
122
122
|
return _ref5 = sstyled(styles),
|
|
123
123
|
/*#__PURE__*/
|
|
124
124
|
|
|
125
|
-
/*
|
|
125
|
+
/* "use:" prefix was used for backward compatibility (by lsroman) */
|
|
126
126
|
React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
|
|
127
127
|
"use:placeholder": empty
|
|
128
128
|
}, _ref2))), empty ? placeholder : children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/LinkTrigger.jsx"],"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"],"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;AACb,0BAA+B,KAAKC,OAApC;AAAA,UAAQC,WAAR,iBAAQA,WAAR;AAAA,UAAqBC,KAArB,iBAAqBA,KAArB;AACA,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAQMR,GARxB;AACA,UAAMS,UAAU,GAAGC,WAAW,CAACC,KAA/B;AACA,2BAA4D,KAAKN,OAAjE;AAAA,UAAQO,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,OAAlB,kBAAkBA,OAAlB;AAAA,UAA2BC,MAA3B,kBAA2BA,MAA3B;AAAA,UAA0CC,aAA1C,kBAAmCC,KAAnC;AAEA,UAAMA,KAAK,GAAGf,YAAY,CAACc,aAAD,CAA1B;AACA,UAAME,UAAU,GAAGf,KAAK,CAACc,KAAD,EAAQ,CAAC,IAAT,CAAxB;AAEA,qBAAOpB,OAAO,CAACkB,MAAD,CAAd,eACE,oBAAC,YAAD;AAAA,qBAAsCE,KAAtC;AAAA,2BAA8DC;AAA9D,kBACGpB,iBAAiB,CAACe,QAAD,EAAWF,WAAW,CAACQ,IAAvB,EAA6BR,WAAW,CAACC,KAAzC,CADpB,eAEE,oBAAC,UAAD,8BACGE,OAAO,gBAAG,oBAAC,IAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAA6C,oBAAC,WAAD,8BADvD,CAFF,CADF;AAQD;;;;EAhC2BnB,S;;gBAAxBU,e,iBACiB,a;;gBADjBA,e,WAEWe,K;;gBAFXf,e,kBAGkB;AACpBgB,EAAAA,IAAI,EAAE;AADc,C;;gBAHlBhB,e,aAMa,CAACD,oBAAoB,EAArB,C;;AA6BnB,SAASe,IAAT,CAAcG,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMtB,GALjB;AACA,MAAQuB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBT,MAAlB,GAAiDO,KAAjD,CAAkBP,MAAlB;AAAA,MAA0BP,KAA1B,GAAiDc,KAAjD,CAA0Bd,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDe,KAAjD,CAAiCf,WAAjC;AAEA,iBAAOV,OAAO,CAACkB,MAAD,CAAd;AAAA;;AACE;AACA,sBAAC,KAAD;AAAA,uBAAqCP;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBiB,QADzB,CAFF;AAMD;;AAED,SAASZ,KAAT,CAAeU,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCxB,GAD7C;AACA,iBAAOJ,OAAO,CAACyB,KAAK,CAACP,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMJ,WAAW,GAAGjB,eAAe,CAACW,eAAD,EAAkB;AACnDc,EAAAA,IAAI,EAAJA,IADmD;AAEnDP,EAAAA,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeD,WAAf","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 /*
|
|
1
|
+
{"version":3,"sources":["../../src/LinkTrigger.jsx"],"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"],"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;AACb,0BAA+B,KAAKC,OAApC;AAAA,UAAQC,WAAR,iBAAQA,WAAR;AAAA,UAAqBC,KAArB,iBAAqBA,KAArB;AACA,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAQMR,GARxB;AACA,UAAMS,UAAU,GAAGC,WAAW,CAACC,KAA/B;AACA,2BAA4D,KAAKN,OAAjE;AAAA,UAAQO,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,OAAlB,kBAAkBA,OAAlB;AAAA,UAA2BC,MAA3B,kBAA2BA,MAA3B;AAAA,UAA0CC,aAA1C,kBAAmCC,KAAnC;AAEA,UAAMA,KAAK,GAAGf,YAAY,CAACc,aAAD,CAA1B;AACA,UAAME,UAAU,GAAGf,KAAK,CAACc,KAAD,EAAQ,CAAC,IAAT,CAAxB;AAEA,qBAAOpB,OAAO,CAACkB,MAAD,CAAd,eACE,oBAAC,YAAD;AAAA,qBAAsCE,KAAtC;AAAA,2BAA8DC;AAA9D,kBACGpB,iBAAiB,CAACe,QAAD,EAAWF,WAAW,CAACQ,IAAvB,EAA6BR,WAAW,CAACC,KAAzC,CADpB,eAEE,oBAAC,UAAD,8BACGE,OAAO,gBAAG,oBAAC,IAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAA6C,oBAAC,WAAD,8BADvD,CAFF,CADF;AAQD;;;;EAhC2BnB,S;;gBAAxBU,e,iBACiB,a;;gBADjBA,e,WAEWe,K;;gBAFXf,e,kBAGkB;AACpBgB,EAAAA,IAAI,EAAE;AADc,C;;gBAHlBhB,e,aAMa,CAACD,oBAAoB,EAArB,C;;AA6BnB,SAASe,IAAT,CAAcG,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMtB,GALjB;AACA,MAAQuB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBT,MAAlB,GAAiDO,KAAjD,CAAkBP,MAAlB;AAAA,MAA0BP,KAA1B,GAAiDc,KAAjD,CAA0Bd,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDe,KAAjD,CAAiCf,WAAjC;AAEA,iBAAOV,OAAO,CAACkB,MAAD,CAAd;AAAA;;AACE;AACA,sBAAC,KAAD;AAAA,uBAAqCP;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBiB,QADzB,CAFF;AAMD;;AAED,SAASZ,KAAT,CAAeU,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCxB,GAD7C;AACA,iBAAOJ,OAAO,CAACyB,KAAK,CAACP,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMJ,WAAW,GAAGjB,eAAe,CAACW,eAAD,EAAkB;AACnDc,EAAAA,IAAI,EAAJA,IADmD;AAEnDP,EAAAA,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeD,WAAf","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"],"file":"LinkTrigger.js"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/base-trigger",
|
|
3
3
|
"description": "SEMRush BaseTrigger Component",
|
|
4
|
-
"version": "3.0.
|
|
4
|
+
"version": "3.0.9",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
8
8
|
"sideEffects": false,
|
|
9
|
-
"author": "
|
|
9
|
+
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"scripts": {
|
|
12
12
|
"build": "build --source=js",
|