@semcore/base-trigger 3.2.0 → 3.2.1
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 +19 -19
- package/lib/cjs/ButtonTrigger.js +4 -4
- package/lib/cjs/FilterTrigger.js +17 -17
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +14 -14
- package/lib/es6/BaseTrigger.js +19 -19
- package/lib/es6/ButtonTrigger.js +4 -4
- package/lib/es6/FilterTrigger.js +17 -17
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +14 -14
- package/package.json +2 -2
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.2.1] - 2022-10-17
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- Fixed the problem of not showing the placeholder when the body of the `FilterTrigger` is empty.
|
|
10
|
+
|
|
5
11
|
## [3.2.0] - 2022-10-10
|
|
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
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
55
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SBaseTrigger_17ids_gg_ {\n display: inline-block;\n align-items: center;\n justify-content: center;\n line-height: normal;\n position: relative;\n touch-action: manipulation;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n box-shadow: none;\n outline: none;\n text-decoration: none;\n -webkit-tap-highlight-color: transparent;\n overflow: visible;\n outline: 0;\n text-align: center;\n vertical-align: middle;\n font-family: Inter, sans-serif;\n cursor: pointer;\n\n background: #ffffff;\n\n font-weight: 400;\n border: 1px solid #c4c7cf;\n color: #191b23\n}\n\n.___SBaseTrigger_17ids_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SBaseTrigger_17ids_gg_:active,\n .___SBaseTrigger_17ids_gg_:hover,\n .___SBaseTrigger_17ids_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SBaseTrigger_17ids_gg_.__keyboardFocused_17ids_gg_ {\n border: 1px solid #008ff8;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SBaseTrigger_17ids_gg_:hover {\n background-color: rgba(138, 142, 155, 0.2);\n }\n\n.___SBaseTrigger_17ids_gg_:active,\n .___SBaseTrigger_17ids_gg_.__active_17ids_gg_ {\n background-color: rgba(138, 142, 155, 0.3);\n }\n\n.___SBaseTrigger_17ids_gg_.__disabled_17ids_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none; /* Disable link interactions */\n}\n\n.___SBaseTrigger_17ids_gg_.__keyboardFocused_17ids_gg_ {\n z-index: 1;\n}\n\n.___SInner_17ids_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n}\n\n.___SText_17ids_gg_ {\n display: inline;\n padding: 1px 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n line-height: 1.42;\n flex-grow: 1;\n text-align: left;\n}\n\n.___SAddon_17ids_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.___SBaseAddon_17ids_gg_ {\n width: 12px;\n height: 12px;\n}\n\n.___SBaseTrigger_17ids_gg_._size_m_17ids_gg_ {\n min-width: 26px;\n height: 28px;\n border-radius: 6px;\n padding: 0 8px;\n font-size: 14px\n}\n\n.___SBaseTrigger_17ids_gg_._size_m_17ids_gg_ .___SAddon_17ids_gg_:not(:only-child):first-child {\n margin-right: 8px;\n }\n\n.___SBaseTrigger_17ids_gg_._size_m_17ids_gg_ .___SAddon_17ids_gg_:not(:only-child):last-child {\n margin-left: 8px;\n }\n\n.___SBaseTrigger_17ids_gg_._size_m_17ids_gg_ .___SAddon_17ids_gg_:only-child {\n margin-left: -4px;\n margin-right: -4px;\n }\n\n.___SBaseTrigger_17ids_gg_._size_l_17ids_gg_ {\n min-width: 32px;\n height: 40px;\n border-radius: 6px;\n padding: 0 12px;\n font-size: 16px\n}\n\n.___SBaseTrigger_17ids_gg_._size_l_17ids_gg_ .___SAddon_17ids_gg_:not(:only-child):first-child {\n margin-right: 8px;\n }\n\n.___SBaseTrigger_17ids_gg_._size_l_17ids_gg_ .___SAddon_17ids_gg_:not(:only-child):last-child {\n margin-left: 8px;\n }\n\n.___SBaseTrigger_17ids_gg_._size_l_17ids_gg_ .___SAddon_17ids_gg_:only-child {\n margin-left: -4px;\n margin-right: -4px;\n }\n\n.___SBaseTrigger_17ids_gg_._neighborLocation_right_17ids_gg_ {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.___SBaseTrigger_17ids_gg_._neighborLocation_both_17ids_gg_ {\n border-radius: 0;\n margin-left: -1px;\n}\n\n.___SBaseTrigger_17ids_gg_._neighborLocation_left_17ids_gg_ {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n margin-left: -1px;\n}\n\n.___SText_17ids_gg_.__placeholder_17ids_gg_ {\n color: #a9abb6;\n}\n\n.___SBaseTrigger_17ids_gg_._state_normal_17ids_gg_ {\n border-color: #c4c7cf;\n}\n\n.___SBaseTrigger_17ids_gg_._state_valid_17ids_gg_ {\n border-color: #59ddaa;\n}\n\n.___SBaseTrigger_17ids_gg_._state_invalid_17ids_gg_ {\n border-color: #ffaeb5\n}\n\n.___SBaseTrigger_17ids_gg_._state_invalid_17ids_gg_.__keyboardFocused_17ids_gg_ {\n border-color: #ff642d;\n box-shadow: 0 0 0 3px rgba(255, 100, 45, 0.3);\n }\n"
|
|
56
56
|
/*__inner_css_end__*/
|
|
57
|
-
, "
|
|
57
|
+
, "17ids_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_17ids_gg_",
|
|
61
|
+
"_keyboardFocused": "__keyboardFocused_17ids_gg_",
|
|
62
|
+
"_active": "__active_17ids_gg_",
|
|
63
|
+
"_disabled": "__disabled_17ids_gg_",
|
|
64
|
+
"__SInner": "___SInner_17ids_gg_",
|
|
65
|
+
"__SText": "___SText_17ids_gg_",
|
|
66
|
+
"__SAddon": "___SAddon_17ids_gg_",
|
|
67
|
+
"__SBaseAddon": "___SBaseAddon_17ids_gg_",
|
|
68
|
+
"_size_m": "_size_m_17ids_gg_",
|
|
69
|
+
"_size_l": "_size_l_17ids_gg_",
|
|
70
|
+
"_neighborLocation_right": "_neighborLocation_right_17ids_gg_",
|
|
71
|
+
"_neighborLocation_both": "_neighborLocation_both_17ids_gg_",
|
|
72
|
+
"_neighborLocation_left": "_neighborLocation_left_17ids_gg_",
|
|
73
|
+
"_placeholder": "__placeholder_17ids_gg_",
|
|
74
|
+
"_state_normal": "_state_normal_17ids_gg_",
|
|
75
|
+
"_state_valid": "_state_valid_17ids_gg_",
|
|
76
|
+
"_state_invalid": "_state_invalid_17ids_gg_"
|
|
77
77
|
});
|
|
78
78
|
|
|
79
79
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
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
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
49
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SButtonAddon_qlpo6_gg_ {\n width: 12px;\n height: 12px;\n}\n\n.___SButtonTriggerSpin_qlpo6_gg_ {\n fill: #6c6e79;\n}\n"
|
|
50
50
|
/*__inner_css_end__*/
|
|
51
|
-
, "
|
|
51
|
+
, "qlpo6_gg_")
|
|
52
52
|
/*__reshadow_css_end__*/
|
|
53
53
|
, {
|
|
54
|
-
"__SButtonAddon": "
|
|
55
|
-
"__SButtonTriggerSpin": "
|
|
54
|
+
"__SButtonAddon": "___SButtonAddon_qlpo6_gg_",
|
|
55
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_qlpo6_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
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
63
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SButtonTrigger_zvi1q_gg_ {\n border: 1px solid #c4c7cf;\n background: #ffffff;\n color: #191b23\n}\n\n.___SButtonTrigger_zvi1q_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SButtonTrigger_zvi1q_gg_:active,\n .___SButtonTrigger_zvi1q_gg_:hover,\n .___SButtonTrigger_zvi1q_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SButtonTrigger_zvi1q_gg_:active,\n .___SButtonTrigger_zvi1q_gg_:hover,\n .___SButtonTrigger_zvi1q_gg_.__active_zvi1q_gg_ {\n background-color: rgba(138, 142, 155, 0.2);\n }\n\n.___SButtonTrigger_zvi1q_gg_._size_m_zvi1q_gg_ {\n min-width: 26px;\n height: 28px;\n border-radius: 6px;\n font-size: 14px;\n}\n\n.___SButtonTrigger_zvi1q_gg_._size_l_zvi1q_gg_ {\n min-width: 32px;\n height: 40px;\n border-radius: 6px;\n font-size: 16px;\n}\n\n.___SText_zvi1q_gg_.__placeholder_zvi1q_gg_ {\n color: #a9abb6;\n}\n\n.___SButtonTrigger_zvi1q_gg_._state_normal_zvi1q_gg_ {\n border-color: #c4c7cf;\n}\n\n.___SButtonTrigger_zvi1q_gg_._state_valid_zvi1q_gg_ {\n border-color: #59ddaa;\n}\n\n.___SButtonTrigger_zvi1q_gg_._state_invalid_zvi1q_gg_ {\n border-color: #ffaeb5;\n}\n\n.___SFilterTrigger_zvi1q_gg_.__selected_zvi1q_gg_ {\n border-color: #008ff8;\n background-color: rgba(0, 143, 248, 0.2);\n color: #191b23\n}\n\n.___SFilterTrigger_zvi1q_gg_.__selected_zvi1q_gg_.__active_zvi1q_gg_,\n .___SFilterTrigger_zvi1q_gg_.__selected_zvi1q_gg_:hover {\n background: rgba(0, 143, 248, 0.3);\n }\n\n.___SWrapper_zvi1q_gg_ {\n display: inline-flex\n}\n\n.___SWrapper_zvi1q_gg_:focus {\n outline: none;\n }\n\n.___SWrapper_zvi1q_gg_.__keyboardFocused_zvi1q_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SCounter_zvi1q_gg_ {\n background-color: #008ff8;\n}\n"
|
|
64
64
|
/*__inner_css_end__*/
|
|
65
|
-
, "
|
|
65
|
+
, "zvi1q_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_zvi1q_gg_",
|
|
69
|
+
"_active": "__active_zvi1q_gg_",
|
|
70
|
+
"_size_m": "_size_m_zvi1q_gg_",
|
|
71
|
+
"_size_l": "_size_l_zvi1q_gg_",
|
|
72
|
+
"__SText": "___SText_zvi1q_gg_",
|
|
73
|
+
"_placeholder": "__placeholder_zvi1q_gg_",
|
|
74
|
+
"_state_normal": "_state_normal_zvi1q_gg_",
|
|
75
|
+
"_state_valid": "_state_valid_zvi1q_gg_",
|
|
76
|
+
"_state_invalid": "_state_invalid_zvi1q_gg_",
|
|
77
|
+
"__SFilterTrigger": "___SFilterTrigger_zvi1q_gg_",
|
|
78
|
+
"_selected": "__selected_zvi1q_gg_",
|
|
79
|
+
"__SWrapper": "___SWrapper_zvi1q_gg_",
|
|
80
|
+
"_keyboardFocused": "__keyboardFocused_zvi1q_gg_",
|
|
81
|
+
"__SCounter": "___SCounter_zvi1q_gg_"
|
|
82
82
|
});
|
|
83
83
|
|
|
84
84
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -127,7 +127,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
127
127
|
"selected": !empty,
|
|
128
128
|
"active": active,
|
|
129
129
|
"disabled": disabled
|
|
130
|
-
}), (0, _addonTextChildren["default"])(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter]), empty && /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
|
|
130
|
+
}), (0, _addonTextChildren["default"])(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
|
|
131
131
|
tag: _m2["default"]
|
|
132
132
|
})), !empty && /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
|
|
133
133
|
"tag": "button",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterTrigger.js","names":["RootFilterTrigger","e","stopPropagation","SWrapper","Box","SFilterTrigger","BaseTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","sstyled","addonTextChildren","FilterTrigger","Text","Addon","Counter","ChevronDown","callAllEventHandlers","handleStopPropagation","Close","Component","style","props","SCounter","Dot","createComponent","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n render() {\n const SWrapper = Root;\n const SFilterTrigger = BaseTrigger;\n const { Children, styles, empty, onClear, size, placeholder, active, disabled } = this.asProps;\n\n return sstyled(styles)(\n <SWrapper render={Box}>\n <NeighborLocation>\n <SFilterTrigger\n w=\"100%\"\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\n >\n {addonTextChildren(Children
|
|
1
|
+
{"version":3,"file":"FilterTrigger.js","names":["RootFilterTrigger","e","stopPropagation","SWrapper","Box","SFilterTrigger","BaseTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","sstyled","addonTextChildren","FilterTrigger","Text","Addon","Counter","ChevronDown","callAllEventHandlers","handleStopPropagation","Close","Component","style","props","SCounter","Dot","createComponent","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n render() {\n const SWrapper = Root;\n const SFilterTrigger = BaseTrigger;\n const { Children, styles, empty, onClear, size, placeholder, active, disabled } = this.asProps;\n\n return sstyled(styles)(\n <SWrapper render={Box}>\n <NeighborLocation>\n <SFilterTrigger\n w=\"100%\"\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>\n {!empty && (\n <SFilterTrigger\n tag=\"button\"\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;;;;8GAIoB,UAACC,CAAD;MAAA,OAAOA,CAAC,CAACC,eAAF,EAAP;IAAA,C;;;;;;WAExB,kBAAS;MAAA;MAAA;;MACP,IAAMC,QAAQ,GAKMC,YALpB;MACA,IAAMC,cAAc,GAAGC,uBAAvB;MACA,oBAAkF,KAAKC,OAAvF;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,KAA1B,iBAA0BA,KAA1B;MAAA,IAAiCC,OAAjC,iBAAiCA,OAAjC;MAAA,IAA0CC,IAA1C,iBAA0CA,IAA1C;MAAA,IAAgDC,WAAhD,iBAAgDA,WAAhD;MAAA,IAA6DC,MAA7D,iBAA6DA,MAA7D;MAAA,IAAqEC,QAArE,iBAAqEA,QAArE;MAEA,eAAO,IAAAC,aAAA,EAAQP,MAAR,CAAP,eACE,gCAAC,QAAD,0FACE,gCAAC,4BAAD,iDACE,gCAAC,cAAD;QAAA,KACI,MADJ;QAAA,QAEQG,IAFR;QAAA,eAGeC,WAHf;QAAA,SAISH,KAJT;QAAA,YAKY,CAACA,KALb;QAAA,UAMUI,MANV;QAAA,YAOYC;MAPZ,IASG,IAAAE,6BAAA,EACCT,QADD,EAECU,aAAa,CAACC,IAFf,EAGC,CAACD,aAAa,CAACE,KAAf,EAAsBF,aAAa,CAACG,OAApC,CAHD,EAICX,KAJD,CATH,EAeGA,KAAK,iBAAI,gCAAC,aAAD,CAAe,KAAf;QAAqB,GAAG,EAAEY;MAA1B,EAfZ,CADF,EAkBG,CAACZ,KAAD,iBACC,gCAAC,cAAD;QAAA,OACM,QADN;QAAA,QAEQE,IAFR;QAAA,SAGSF,KAHT;QAAA;QAAA,WAKW,IAAAa,kCAAA,EAAqBZ,OAArB,EAA8B,KAAKa,qBAAnC,CALX;QAAA,aAMa,KAAKA,qBANlB;QAAA,YAOYT;MAPZ,iBASE,gCAAC,aAAD,CAAe,KAAf;QAAqB,GAAG,EAAEU;MAA1B,EATF,CAnBJ,CADF,CADF;IAoCD;;;EA/C6BC,e;;iCAA1B1B,iB,iBACiB,e;iCADjBA,iB,WAEW2B,K;;AAgDjB,SAASN,OAAT,CAAiBO,KAAjB,EAAwB;EAAA;EAAA;;EACtB,IAAMC,QAAQ,GACiCvB,uBAAA,CAAYc,KAD3D;EACA,eAAO,IAAAJ,aAAA,EAAQY,KAAK,CAACnB,MAAd,CAAP,eAA6B,gCAAC,QAAD;IAAA,OAA0CqB;EAA1C,YAA7B;AACD;;AAED,IAAMZ,aAAa,GAAG,IAAAa,gBAAA,EACpB/B,iBADoB,EAEpB;EACEmB,IAAI,EAAEb,uBAAA,CAAYa,IADpB;EAEEC,KAAK,EAAEd,uBAAA,CAAYc,KAFrB;EAGEC,OAAO,EAAPA;AAHF,CAFoB,EAOpB;EACEW,MAAM,EAAE1B;AADV,CAPoB,CAAtB;eAYeY,a"}
|
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
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
57
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SLinkTrigger_p3ard_gg_ {\n display: inline-flex;\n align-items: center;\n line-height: normal;\n position: relative;\n touch-action: manipulation;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n outline: none;\n text-decoration: none;\n -webkit-tap-highlight-color: transparent;\n overflow: visible;\n outline: 0;\n vertical-align: middle;\n font-family: Inter, sans-serif;\n cursor: pointer;\n color: #006dca;\n background: none;\n transition: color 0.15s ease-in-out\n}\n\n.___SLinkTrigger_p3ard_gg_.__active_p3ard_gg_,\n .___SLinkTrigger_p3ard_gg_:hover,\n .___SLinkTrigger_p3ard_gg_:active {\n color: #044792\n }\n\n.___SLinkTrigger_p3ard_gg_.__active_p3ard_gg_ .___SText_p3ard_gg_, .___SLinkTrigger_p3ard_gg_:hover .___SText_p3ard_gg_, .___SLinkTrigger_p3ard_gg_:active .___SText_p3ard_gg_ {\n border-color: currentColor;\n }\n\n.___SLinkTrigger_p3ard_gg_ .___SText_p3ard_gg_ {\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-color: transparent;\n transition: border-bottom-color 0.15s ease-in-out;\n line-height: 1.42;\n }\n\n.___SLinkTrigger_p3ard_gg_.__color_p3ard_gg_ {\n color: var(--color_p3ard)\n}\n\n.___SLinkTrigger_p3ard_gg_.__color_p3ard_gg_:hover {\n color: var(--color-hover_p3ard);\n }\n\n.___SLinkTrigger_p3ard_gg_.__disabled_p3ard_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n}\n\n.___SLinkTrigger_p3ard_gg_.__keyboardFocused_p3ard_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n z-index: 1;\n}\n\n.___SAddon_p3ard_gg_,\n.___SLinkAddon_p3ard_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0\n}\n\n.___SAddon_p3ard_gg_:not(:only-child):first-child, .___SLinkAddon_p3ard_gg_:not(:only-child):first-child {\n margin-right: 4px;\n }\n\n.___SAddon_p3ard_gg_:not(:only-child):last-child, .___SLinkAddon_p3ard_gg_:not(:only-child):last-child {\n margin-left: 4px;\n }\n\n.___SLinkAddon_p3ard_gg_ {\n width: 16px;\n height: 16px;\n}\n\n.___SLinkTrigger_p3ard_gg_._size_m_p3ard_gg_ {\n font-size: 14px;\n}\n\n.___SLinkTrigger_p3ard_gg_._size_l_p3ard_gg_ {\n font-size: 16px;\n}\n\n@media (prefers-reduced-motion) {\n .___SLinkTrigger_p3ard_gg_ {\n transition: none\n }\n .___SLinkTrigger_p3ard_gg_ .___SText_p3ard_gg_ {\n transition: none;\n }\n}\n"
|
|
58
58
|
/*__inner_css_end__*/
|
|
59
|
-
, "
|
|
59
|
+
, "p3ard_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_p3ard_gg_",
|
|
63
|
+
"_active": "__active_p3ard_gg_",
|
|
64
|
+
"__SText": "___SText_p3ard_gg_",
|
|
65
|
+
"_color": "__color_p3ard_gg_",
|
|
66
|
+
"--color": "--color_p3ard",
|
|
67
|
+
"--color-hover": "--color-hover_p3ard",
|
|
68
|
+
"_disabled": "__disabled_p3ard_gg_",
|
|
69
|
+
"_keyboardFocused": "__keyboardFocused_p3ard_gg_",
|
|
70
|
+
"__SAddon": "___SAddon_p3ard_gg_",
|
|
71
|
+
"__SLinkAddon": "___SLinkAddon_p3ard_gg_",
|
|
72
|
+
"_size_m": "_size_m_p3ard_gg_",
|
|
73
|
+
"_size_l": "_size_l_p3ard_gg_"
|
|
74
74
|
});
|
|
75
75
|
|
|
76
76
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
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
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
33
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SBaseTrigger_17ids_gg_ {\n display: inline-block;\n align-items: center;\n justify-content: center;\n line-height: normal;\n position: relative;\n touch-action: manipulation;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n box-shadow: none;\n outline: none;\n text-decoration: none;\n -webkit-tap-highlight-color: transparent;\n overflow: visible;\n outline: 0;\n text-align: center;\n vertical-align: middle;\n font-family: Inter, sans-serif;\n cursor: pointer;\n\n background: #ffffff;\n\n font-weight: 400;\n border: 1px solid #c4c7cf;\n color: #191b23\n}\n\n.___SBaseTrigger_17ids_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SBaseTrigger_17ids_gg_:active,\n .___SBaseTrigger_17ids_gg_:hover,\n .___SBaseTrigger_17ids_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SBaseTrigger_17ids_gg_.__keyboardFocused_17ids_gg_ {\n border: 1px solid #008ff8;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SBaseTrigger_17ids_gg_:hover {\n background-color: rgba(138, 142, 155, 0.2);\n }\n\n.___SBaseTrigger_17ids_gg_:active,\n .___SBaseTrigger_17ids_gg_.__active_17ids_gg_ {\n background-color: rgba(138, 142, 155, 0.3);\n }\n\n.___SBaseTrigger_17ids_gg_.__disabled_17ids_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none; /* Disable link interactions */\n}\n\n.___SBaseTrigger_17ids_gg_.__keyboardFocused_17ids_gg_ {\n z-index: 1;\n}\n\n.___SInner_17ids_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n}\n\n.___SText_17ids_gg_ {\n display: inline;\n padding: 1px 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n line-height: 1.42;\n flex-grow: 1;\n text-align: left;\n}\n\n.___SAddon_17ids_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.___SBaseAddon_17ids_gg_ {\n width: 12px;\n height: 12px;\n}\n\n.___SBaseTrigger_17ids_gg_._size_m_17ids_gg_ {\n min-width: 26px;\n height: 28px;\n border-radius: 6px;\n padding: 0 8px;\n font-size: 14px\n}\n\n.___SBaseTrigger_17ids_gg_._size_m_17ids_gg_ .___SAddon_17ids_gg_:not(:only-child):first-child {\n margin-right: 8px;\n }\n\n.___SBaseTrigger_17ids_gg_._size_m_17ids_gg_ .___SAddon_17ids_gg_:not(:only-child):last-child {\n margin-left: 8px;\n }\n\n.___SBaseTrigger_17ids_gg_._size_m_17ids_gg_ .___SAddon_17ids_gg_:only-child {\n margin-left: -4px;\n margin-right: -4px;\n }\n\n.___SBaseTrigger_17ids_gg_._size_l_17ids_gg_ {\n min-width: 32px;\n height: 40px;\n border-radius: 6px;\n padding: 0 12px;\n font-size: 16px\n}\n\n.___SBaseTrigger_17ids_gg_._size_l_17ids_gg_ .___SAddon_17ids_gg_:not(:only-child):first-child {\n margin-right: 8px;\n }\n\n.___SBaseTrigger_17ids_gg_._size_l_17ids_gg_ .___SAddon_17ids_gg_:not(:only-child):last-child {\n margin-left: 8px;\n }\n\n.___SBaseTrigger_17ids_gg_._size_l_17ids_gg_ .___SAddon_17ids_gg_:only-child {\n margin-left: -4px;\n margin-right: -4px;\n }\n\n.___SBaseTrigger_17ids_gg_._neighborLocation_right_17ids_gg_ {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.___SBaseTrigger_17ids_gg_._neighborLocation_both_17ids_gg_ {\n border-radius: 0;\n margin-left: -1px;\n}\n\n.___SBaseTrigger_17ids_gg_._neighborLocation_left_17ids_gg_ {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n margin-left: -1px;\n}\n\n.___SText_17ids_gg_.__placeholder_17ids_gg_ {\n color: #a9abb6;\n}\n\n.___SBaseTrigger_17ids_gg_._state_normal_17ids_gg_ {\n border-color: #c4c7cf;\n}\n\n.___SBaseTrigger_17ids_gg_._state_valid_17ids_gg_ {\n border-color: #59ddaa;\n}\n\n.___SBaseTrigger_17ids_gg_._state_invalid_17ids_gg_ {\n border-color: #ffaeb5\n}\n\n.___SBaseTrigger_17ids_gg_._state_invalid_17ids_gg_.__keyboardFocused_17ids_gg_ {\n border-color: #ff642d;\n box-shadow: 0 0 0 3px rgba(255, 100, 45, 0.3);\n }\n"
|
|
34
34
|
/*__inner_css_end__*/
|
|
35
|
-
, "
|
|
35
|
+
, "17ids_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_17ids_gg_",
|
|
39
|
+
"_keyboardFocused": "__keyboardFocused_17ids_gg_",
|
|
40
|
+
"_active": "__active_17ids_gg_",
|
|
41
|
+
"_disabled": "__disabled_17ids_gg_",
|
|
42
|
+
"__SInner": "___SInner_17ids_gg_",
|
|
43
|
+
"__SText": "___SText_17ids_gg_",
|
|
44
|
+
"__SAddon": "___SAddon_17ids_gg_",
|
|
45
|
+
"__SBaseAddon": "___SBaseAddon_17ids_gg_",
|
|
46
|
+
"_size_m": "_size_m_17ids_gg_",
|
|
47
|
+
"_size_l": "_size_l_17ids_gg_",
|
|
48
|
+
"_neighborLocation_right": "_neighborLocation_right_17ids_gg_",
|
|
49
|
+
"_neighborLocation_both": "_neighborLocation_both_17ids_gg_",
|
|
50
|
+
"_neighborLocation_left": "_neighborLocation_left_17ids_gg_",
|
|
51
|
+
"_placeholder": "__placeholder_17ids_gg_",
|
|
52
|
+
"_state_normal": "_state_normal_17ids_gg_",
|
|
53
|
+
"_state_valid": "_state_valid_17ids_gg_",
|
|
54
|
+
"_state_invalid": "_state_invalid_17ids_gg_"
|
|
55
55
|
});
|
|
56
56
|
|
|
57
57
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
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
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
26
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SButtonAddon_qlpo6_gg_ {\n width: 12px;\n height: 12px;\n}\n\n.___SButtonTriggerSpin_qlpo6_gg_ {\n fill: #6c6e79;\n}\n"
|
|
27
27
|
/*__inner_css_end__*/
|
|
28
|
-
, "
|
|
28
|
+
, "qlpo6_gg_")
|
|
29
29
|
/*__reshadow_css_end__*/
|
|
30
30
|
, {
|
|
31
|
-
"__SButtonAddon": "
|
|
32
|
-
"__SButtonTriggerSpin": "
|
|
31
|
+
"__SButtonAddon": "___SButtonAddon_qlpo6_gg_",
|
|
32
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_qlpo6_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
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
36
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SButtonTrigger_zvi1q_gg_ {\n border: 1px solid #c4c7cf;\n background: #ffffff;\n color: #191b23\n}\n\n.___SButtonTrigger_zvi1q_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SButtonTrigger_zvi1q_gg_:active,\n .___SButtonTrigger_zvi1q_gg_:hover,\n .___SButtonTrigger_zvi1q_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SButtonTrigger_zvi1q_gg_:active,\n .___SButtonTrigger_zvi1q_gg_:hover,\n .___SButtonTrigger_zvi1q_gg_.__active_zvi1q_gg_ {\n background-color: rgba(138, 142, 155, 0.2);\n }\n\n.___SButtonTrigger_zvi1q_gg_._size_m_zvi1q_gg_ {\n min-width: 26px;\n height: 28px;\n border-radius: 6px;\n font-size: 14px;\n}\n\n.___SButtonTrigger_zvi1q_gg_._size_l_zvi1q_gg_ {\n min-width: 32px;\n height: 40px;\n border-radius: 6px;\n font-size: 16px;\n}\n\n.___SText_zvi1q_gg_.__placeholder_zvi1q_gg_ {\n color: #a9abb6;\n}\n\n.___SButtonTrigger_zvi1q_gg_._state_normal_zvi1q_gg_ {\n border-color: #c4c7cf;\n}\n\n.___SButtonTrigger_zvi1q_gg_._state_valid_zvi1q_gg_ {\n border-color: #59ddaa;\n}\n\n.___SButtonTrigger_zvi1q_gg_._state_invalid_zvi1q_gg_ {\n border-color: #ffaeb5;\n}\n\n.___SFilterTrigger_zvi1q_gg_.__selected_zvi1q_gg_ {\n border-color: #008ff8;\n background-color: rgba(0, 143, 248, 0.2);\n color: #191b23\n}\n\n.___SFilterTrigger_zvi1q_gg_.__selected_zvi1q_gg_.__active_zvi1q_gg_,\n .___SFilterTrigger_zvi1q_gg_.__selected_zvi1q_gg_:hover {\n background: rgba(0, 143, 248, 0.3);\n }\n\n.___SWrapper_zvi1q_gg_ {\n display: inline-flex\n}\n\n.___SWrapper_zvi1q_gg_:focus {\n outline: none;\n }\n\n.___SWrapper_zvi1q_gg_.__keyboardFocused_zvi1q_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SCounter_zvi1q_gg_ {\n background-color: #008ff8;\n}\n"
|
|
37
37
|
/*__inner_css_end__*/
|
|
38
|
-
, "
|
|
38
|
+
, "zvi1q_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_zvi1q_gg_",
|
|
42
|
+
"_active": "__active_zvi1q_gg_",
|
|
43
|
+
"_size_m": "_size_m_zvi1q_gg_",
|
|
44
|
+
"_size_l": "_size_l_zvi1q_gg_",
|
|
45
|
+
"__SText": "___SText_zvi1q_gg_",
|
|
46
|
+
"_placeholder": "__placeholder_zvi1q_gg_",
|
|
47
|
+
"_state_normal": "_state_normal_zvi1q_gg_",
|
|
48
|
+
"_state_valid": "_state_valid_zvi1q_gg_",
|
|
49
|
+
"_state_invalid": "_state_invalid_zvi1q_gg_",
|
|
50
|
+
"__SFilterTrigger": "___SFilterTrigger_zvi1q_gg_",
|
|
51
|
+
"_selected": "__selected_zvi1q_gg_",
|
|
52
|
+
"__SWrapper": "___SWrapper_zvi1q_gg_",
|
|
53
|
+
"_keyboardFocused": "__keyboardFocused_zvi1q_gg_",
|
|
54
|
+
"__SCounter": "___SCounter_zvi1q_gg_"
|
|
55
55
|
});
|
|
56
56
|
|
|
57
57
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -102,7 +102,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
102
102
|
"selected": !empty,
|
|
103
103
|
"active": active,
|
|
104
104
|
"disabled": disabled
|
|
105
|
-
}), addonTextChildren(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter]), empty && /*#__PURE__*/React.createElement(FilterTrigger.Addon, {
|
|
105
|
+
}), addonTextChildren(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /*#__PURE__*/React.createElement(FilterTrigger.Addon, {
|
|
106
106
|
tag: ChevronDown
|
|
107
107
|
})), !empty && /*#__PURE__*/React.createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
|
|
108
108
|
"tag": "button",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","RootFilterTrigger","e","stopPropagation","SWrapper","SFilterTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","FilterTrigger","Text","Addon","Counter","handleStopPropagation","style","props","SCounter","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n render() {\n const SWrapper = Root;\n const SFilterTrigger = BaseTrigger;\n const { Children, styles, empty, onClear, size, placeholder, active, disabled } = this.asProps;\n\n return sstyled(styles)(\n <SWrapper render={Box}>\n <NeighborLocation>\n <SFilterTrigger\n w=\"100%\"\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\n >\n {addonTextChildren(Children
|
|
1
|
+
{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","RootFilterTrigger","e","stopPropagation","SWrapper","SFilterTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","FilterTrigger","Text","Addon","Counter","handleStopPropagation","style","props","SCounter","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n render() {\n const SWrapper = Root;\n const SFilterTrigger = BaseTrigger;\n const { Children, styles, empty, onClear, size, placeholder, active, disabled } = this.asProps;\n\n return sstyled(styles)(\n <SWrapper render={Box}>\n <NeighborLocation>\n <SFilterTrigger\n w=\"100%\"\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>\n {!empty && (\n <SFilterTrigger\n tag=\"button\"\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,gBAAP,MAA6B,4BAA7B;AACA,OAAOC,GAAP,MAAgB,cAAhB;AACA,OAAOC,KAAP,MAAkB,uBAAlB;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,SAASC,oBAAT,QAAqC,gCAArC;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,iB;;;;;;;;;;;;;;;;4EAIoB,UAACC,CAAD;MAAA,OAAOA,CAAC,CAACC,eAAF,EAAP;IAAA,C;;;;;;;WAExB,kBAAS;MAAA;MAAA;;MACP,IAAMC,QAAQ,GAKMV,GALpB;MACA,IAAMW,cAAc,GAAGZ,WAAvB;MACA,oBAAkF,KAAKa,OAAvF;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,KAA1B,iBAA0BA,KAA1B;MAAA,IAAiCC,OAAjC,iBAAiCA,OAAjC;MAAA,IAA0CC,IAA1C,iBAA0CA,IAA1C;MAAA,IAAgDC,WAAhD,iBAAgDA,WAAhD;MAAA,IAA6DC,MAA7D,iBAA6DA,MAA7D;MAAA,IAAqEC,QAArE,iBAAqEA,QAArE;MAEA,eAAOtB,OAAO,CAACgB,MAAD,CAAd,eACE,oBAAC,QAAD,gFACE,oBAAC,gBAAD,iDACE,oBAAC,cAAD;QAAA,KACI,MADJ;QAAA,QAEQG,IAFR;QAAA,eAGeC,WAHf;QAAA,SAISH,KAJT;QAAA,YAKY,CAACA,KALb;QAAA,UAMUI,MANV;QAAA,YAOYC;MAPZ,IASGd,iBAAiB,CAChBO,QADgB,EAEhBQ,aAAa,CAACC,IAFE,EAGhB,CAACD,aAAa,CAACE,KAAf,EAAsBF,aAAa,CAACG,OAApC,CAHgB,EAIhBT,KAJgB,CATpB,EAeGA,KAAK,iBAAI,oBAAC,aAAD,CAAe,KAAf;QAAqB,GAAG,EAAEX;MAA1B,EAfZ,CADF,EAkBG,CAACW,KAAD,iBACC,oBAAC,cAAD;QAAA,OACM,QADN;QAAA,QAEQE,IAFR;QAAA,SAGSF,KAHT;QAAA;QAAA,WAKWV,oBAAoB,CAACW,OAAD,EAAU,KAAKS,qBAAf,CAL/B;QAAA,aAMa,KAAKA,qBANlB;QAAA,YAOYL;MAPZ,iBASE,oBAAC,aAAD,CAAe,KAAf;QAAqB,GAAG,EAAEjB;MAA1B,EATF,CAnBJ,CADF,CADF;IAoCD;;;;EA/C6BP,S;;gBAA1BW,iB,iBACiB,e;;gBADjBA,iB,WAEWmB,K;;AAgDjB,SAASF,OAAT,CAAiBG,KAAjB,EAAwB;EAAA;EAAA;;EACtB,IAAMC,QAAQ,GACiC7B,WAAW,CAACwB,KAD3D;EACA,eAAOzB,OAAO,CAAC6B,KAAK,CAACb,MAAP,CAAd,eAA6B,oBAAC,QAAD;IAAA,OAA0CZ;EAA1C,YAA7B;AACD;;AAED,IAAMmB,aAAa,GAAG1B,eAAe,CACnCY,iBADmC,EAEnC;EACEe,IAAI,EAAEvB,WAAW,CAACuB,IADpB;EAEEC,KAAK,EAAExB,WAAW,CAACwB,KAFrB;EAGEC,OAAO,EAAPA;AAHF,CAFmC,EAOnC;EACEK,MAAM,EAAE9B;AADV,CAPmC,CAArC;AAYA,eAAesB,aAAf"}
|
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
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
34
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SLinkTrigger_p3ard_gg_ {\n display: inline-flex;\n align-items: center;\n line-height: normal;\n position: relative;\n touch-action: manipulation;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n outline: none;\n text-decoration: none;\n -webkit-tap-highlight-color: transparent;\n overflow: visible;\n outline: 0;\n vertical-align: middle;\n font-family: Inter, sans-serif;\n cursor: pointer;\n color: #006dca;\n background: none;\n transition: color 0.15s ease-in-out\n}\n\n.___SLinkTrigger_p3ard_gg_.__active_p3ard_gg_,\n .___SLinkTrigger_p3ard_gg_:hover,\n .___SLinkTrigger_p3ard_gg_:active {\n color: #044792\n }\n\n.___SLinkTrigger_p3ard_gg_.__active_p3ard_gg_ .___SText_p3ard_gg_, .___SLinkTrigger_p3ard_gg_:hover .___SText_p3ard_gg_, .___SLinkTrigger_p3ard_gg_:active .___SText_p3ard_gg_ {\n border-color: currentColor;\n }\n\n.___SLinkTrigger_p3ard_gg_ .___SText_p3ard_gg_ {\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-color: transparent;\n transition: border-bottom-color 0.15s ease-in-out;\n line-height: 1.42;\n }\n\n.___SLinkTrigger_p3ard_gg_.__color_p3ard_gg_ {\n color: var(--color_p3ard)\n}\n\n.___SLinkTrigger_p3ard_gg_.__color_p3ard_gg_:hover {\n color: var(--color-hover_p3ard);\n }\n\n.___SLinkTrigger_p3ard_gg_.__disabled_p3ard_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n}\n\n.___SLinkTrigger_p3ard_gg_.__keyboardFocused_p3ard_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n z-index: 1;\n}\n\n.___SAddon_p3ard_gg_,\n.___SLinkAddon_p3ard_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0\n}\n\n.___SAddon_p3ard_gg_:not(:only-child):first-child, .___SLinkAddon_p3ard_gg_:not(:only-child):first-child {\n margin-right: 4px;\n }\n\n.___SAddon_p3ard_gg_:not(:only-child):last-child, .___SLinkAddon_p3ard_gg_:not(:only-child):last-child {\n margin-left: 4px;\n }\n\n.___SLinkAddon_p3ard_gg_ {\n width: 16px;\n height: 16px;\n}\n\n.___SLinkTrigger_p3ard_gg_._size_m_p3ard_gg_ {\n font-size: 14px;\n}\n\n.___SLinkTrigger_p3ard_gg_._size_l_p3ard_gg_ {\n font-size: 16px;\n}\n\n@media (prefers-reduced-motion) {\n .___SLinkTrigger_p3ard_gg_ {\n transition: none\n }\n .___SLinkTrigger_p3ard_gg_ .___SText_p3ard_gg_ {\n transition: none;\n }\n}\n"
|
|
35
35
|
/*__inner_css_end__*/
|
|
36
|
-
, "
|
|
36
|
+
, "p3ard_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_p3ard_gg_",
|
|
40
|
+
"_active": "__active_p3ard_gg_",
|
|
41
|
+
"__SText": "___SText_p3ard_gg_",
|
|
42
|
+
"_color": "__color_p3ard_gg_",
|
|
43
|
+
"--color": "--color_p3ard",
|
|
44
|
+
"--color-hover": "--color-hover_p3ard",
|
|
45
|
+
"_disabled": "__disabled_p3ard_gg_",
|
|
46
|
+
"_keyboardFocused": "__keyboardFocused_p3ard_gg_",
|
|
47
|
+
"__SAddon": "___SAddon_p3ard_gg_",
|
|
48
|
+
"__SLinkAddon": "___SLinkAddon_p3ard_gg_",
|
|
49
|
+
"_size_m": "_size_m_p3ard_gg_",
|
|
50
|
+
"_size_l": "_size_l_p3ard_gg_"
|
|
51
51
|
});
|
|
52
52
|
|
|
53
53
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/base-trigger",
|
|
3
3
|
"description": "Semrush BaseTrigger Component",
|
|
4
|
-
"version": "3.2.
|
|
4
|
+
"version": "3.2.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/utils": "^3.
|
|
12
|
+
"@semcore/utils": "^3.29",
|
|
13
13
|
"@semcore/dot": "^4.0.0",
|
|
14
14
|
"@semcore/flex-box": "^4",
|
|
15
15
|
"@semcore/icon": "2.16 - 3",
|