@semcore/base-trigger 4.24.0 → 4.24.1-prerelease.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 +7 -1
- package/lib/cjs/BaseTrigger.js +19 -20
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +3 -3
- package/lib/cjs/FilterTrigger.js +7 -7
- package/lib/cjs/LinkTrigger.js +12 -12
- package/lib/es6/BaseTrigger.js +20 -21
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +3 -3
- package/lib/es6/FilterTrigger.js +7 -7
- package/lib/es6/LinkTrigger.js +12 -12
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -2,7 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [4.24.
|
|
5
|
+
## [4.24.1-prerelease.1] - 2024-02-05
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- Invalid attribute errors in console that appears when component has invalid state.
|
|
10
|
+
|
|
11
|
+
## [4.24.0] - 2024-02-01
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
8
14
|
|
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -21,26 +21,25 @@ var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addo
|
|
|
21
21
|
var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
|
|
22
22
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
|
|
23
23
|
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
24
|
-
var _InvalidStatePattern = _interopRequireDefault(require("@semcore/utils/lib/components/invalid-state-pattern/InvalidStatePattern"));
|
|
25
24
|
/*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SBaseTrigger": "
|
|
28
|
-
"_disabled": "
|
|
29
|
-
"__SInner": "
|
|
30
|
-
"__SText": "
|
|
31
|
-
"__SAddon": "
|
|
32
|
-
"__SBaseAddon": "
|
|
33
|
-
"_neighborLocation_right": "
|
|
34
|
-
"_neighborLocation_both": "
|
|
35
|
-
"_neighborLocation_left": "
|
|
36
|
-
"_display-placeholder": "__display-
|
|
37
|
-
"_state_valid": "
|
|
38
|
-
"__SInvalidPattern": "
|
|
39
|
-
"_size_m": "
|
|
40
|
-
"_size_l": "
|
|
41
|
-
"_keyboardFocused": "
|
|
42
|
-
"_active": "
|
|
43
|
-
"_state_invalid": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_uh6b5_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_uh6b5_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_uh6b5_gg_:active,.___SBaseTrigger_uh6b5_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_uh6b5_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_uh6b5_gg_.__keyboardFocused_uh6b5_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_uh6b5_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_uh6b5_gg_.__active_uh6b5_gg_,.___SBaseTrigger_uh6b5_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_uh6b5_gg_.__disabled_uh6b5_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_uh6b5_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_uh6b5_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_uh6b5_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_uh6b5_gg_{width:12px;height:12px}.___SBaseTrigger_uh6b5_gg_._size_m_uh6b5_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_uh6b5_gg_._size_m_uh6b5_gg_ .___SAddon_uh6b5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_uh6b5_gg_._size_m_uh6b5_gg_ .___SAddon_uh6b5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_uh6b5_gg_._size_l_uh6b5_gg_ .___SAddon_uh6b5_gg_:only-child,.___SBaseTrigger_uh6b5_gg_._size_m_uh6b5_gg_ .___SAddon_uh6b5_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_uh6b5_gg_._size_l_uh6b5_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_uh6b5_gg_._size_l_uh6b5_gg_ .___SAddon_uh6b5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_uh6b5_gg_._size_l_uh6b5_gg_ .___SAddon_uh6b5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_uh6b5_gg_._neighborLocation_right_uh6b5_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_uh6b5_gg_._neighborLocation_both_uh6b5_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_uh6b5_gg_._neighborLocation_left_uh6b5_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_uh6b5_gg_.__display-placeholder_uh6b5_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_uh6b5_gg_._state_valid_uh6b5_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_uh6b5_gg_._state_invalid_uh6b5_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_uh6b5_gg_._state_invalid_uh6b5_gg_.__keyboardFocused_uh6b5_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_uh6b5_gg_._size_m_uh6b5_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_uh6b5_gg_._size_l_uh6b5_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "uh6b5_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SBaseTrigger": "___SBaseTrigger_uh6b5_gg_",
|
|
27
|
+
"_disabled": "__disabled_uh6b5_gg_",
|
|
28
|
+
"__SInner": "___SInner_uh6b5_gg_",
|
|
29
|
+
"__SText": "___SText_uh6b5_gg_",
|
|
30
|
+
"__SAddon": "___SAddon_uh6b5_gg_",
|
|
31
|
+
"__SBaseAddon": "___SBaseAddon_uh6b5_gg_",
|
|
32
|
+
"_neighborLocation_right": "_neighborLocation_right_uh6b5_gg_",
|
|
33
|
+
"_neighborLocation_both": "_neighborLocation_both_uh6b5_gg_",
|
|
34
|
+
"_neighborLocation_left": "_neighborLocation_left_uh6b5_gg_",
|
|
35
|
+
"_display-placeholder": "__display-placeholder_uh6b5_gg_",
|
|
36
|
+
"_state_valid": "_state_valid_uh6b5_gg_",
|
|
37
|
+
"__SInvalidPattern": "___SInvalidPattern_uh6b5_gg_",
|
|
38
|
+
"_size_m": "_size_m_uh6b5_gg_",
|
|
39
|
+
"_size_l": "_size_l_uh6b5_gg_",
|
|
40
|
+
"_keyboardFocused": "__keyboardFocused_uh6b5_gg_",
|
|
41
|
+
"_active": "__active_uh6b5_gg_",
|
|
42
|
+
"_state_invalid": "_state_invalid_uh6b5_gg_"
|
|
44
43
|
});
|
|
45
44
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
46
45
|
(0, _inherits2["default"])(RootBaseTrigger, _Component);
|
|
@@ -66,7 +65,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
66
65
|
var _ref = this.asProps;
|
|
67
66
|
var SBaseTrigger = _flexBox.Box;
|
|
68
67
|
var SInner = 'div';
|
|
69
|
-
var SInvalidPattern =
|
|
68
|
+
var SInvalidPattern = _flexBox.InvalidStateBox;
|
|
70
69
|
var _this$asProps2 = this.asProps,
|
|
71
70
|
Children = _this$asProps2.Children,
|
|
72
71
|
styles = _this$asProps2.styles,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","
|
|
1
|
+
{"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","style","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","_this$asProps2","Children","styles","theme","neighborLocation","state","size","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [\n keyboardFocusEnhance(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SBaseTrigger = Root;\n const SInner = 'div';\n const SInvalidPattern = InvalidStateBox;\n const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n logger.warn(\n theme !== undefined,\n \"The 'theme' property is deprecated, use 'state'\",\n this.asProps['data-ui-name'] || BaseTrigger.displayName,\n );\n\n // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n <SText render={Box} display-placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}
|
package/lib/cjs/ButtonTrigger.js
CHANGED
|
@@ -20,9 +20,9 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
|
20
20
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
|
|
21
21
|
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
22
22
|
/*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SButtonAddon": "
|
|
25
|
-
"__SButtonTriggerSpin": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1nrp2_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1nrp2_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1nrp2_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SButtonAddon": "___SButtonAddon_1nrp2_gg_",
|
|
25
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_1nrp2_gg_"
|
|
26
26
|
});
|
|
27
27
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
28
28
|
(0, _inherits2["default"])(RootButtonTrigger, _Component);
|
package/lib/cjs/FilterTrigger.js
CHANGED
|
@@ -32,13 +32,13 @@ var _inputProps = _interopRequireWildcard(require("@semcore/utils/lib/inputProps
|
|
|
32
32
|
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
33
33
|
var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
|
|
34
34
|
/*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
35
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
36
|
-
"__SWrapper": "
|
|
37
|
-
"_keyboardFocused": "
|
|
38
|
-
"__SCounter": "
|
|
39
|
-
"__SFilterTrigger": "
|
|
40
|
-
"_selected": "
|
|
41
|
-
"_active": "
|
|
35
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_kvdi4_gg_.__selected_kvdi4_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_kvdi4_gg_.__selected_kvdi4_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_kvdi4_gg_.__selected_kvdi4_gg_.__active_kvdi4_gg_,.___SFilterTrigger_kvdi4_gg_.__selected_kvdi4_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_kvdi4_gg_{display:inline-flex}.___SWrapper_kvdi4_gg_:focus{outline:0}.___SWrapper_kvdi4_gg_.__keyboardFocused_kvdi4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_kvdi4_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "kvdi4_gg_") /*__reshadow_css_end__*/, {
|
|
36
|
+
"__SWrapper": "___SWrapper_kvdi4_gg_",
|
|
37
|
+
"_keyboardFocused": "__keyboardFocused_kvdi4_gg_",
|
|
38
|
+
"__SCounter": "___SCounter_kvdi4_gg_",
|
|
39
|
+
"__SFilterTrigger": "___SFilterTrigger_kvdi4_gg_",
|
|
40
|
+
"_selected": "__selected_kvdi4_gg_",
|
|
41
|
+
"_active": "__active_kvdi4_gg_"
|
|
42
42
|
});
|
|
43
43
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
44
44
|
(0, _inherits2["default"])(RootFilterTrigger, _Component);
|
package/lib/cjs/LinkTrigger.js
CHANGED
|
@@ -21,18 +21,18 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
21
21
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
22
22
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
23
23
|
/*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SLinkTrigger": "
|
|
26
|
-
"_disabled": "
|
|
27
|
-
"_keyboardFocused": "
|
|
28
|
-
"__SLinkAddon": "
|
|
29
|
-
"_size_m": "
|
|
30
|
-
"_size_l": "
|
|
31
|
-
"_active": "
|
|
32
|
-
"__SText": "
|
|
33
|
-
"_color": "
|
|
34
|
-
"--color": "--
|
|
35
|
-
"__SAddon": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_ytwlx_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_ytwlx_gg_.__active_ytwlx_gg_,.___SLinkTrigger_ytwlx_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_ytwlx_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_ytwlx_gg_.__active_ytwlx_gg_ .___SText_ytwlx_gg_,.___SLinkTrigger_ytwlx_gg_:active .___SText_ytwlx_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_ytwlx_gg_:hover .___SText_ytwlx_gg_{border-color:currentColor}}.___SLinkTrigger_ytwlx_gg_ .___SText_ytwlx_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_ytwlx_gg_.__color_ytwlx_gg_{color:var(--color_ytwlx)}@media (hover:hover){.___SLinkTrigger_ytwlx_gg_.__color_ytwlx_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_ytwlx_gg_.__disabled_ytwlx_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_ytwlx_gg_.__keyboardFocused_ytwlx_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_ytwlx_gg_,.___SLinkAddon_ytwlx_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_ytwlx_gg_:not(:only-child):first-child,.___SLinkAddon_ytwlx_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_ytwlx_gg_:not(:only-child):last-child,.___SLinkAddon_ytwlx_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_ytwlx_gg_{width:16px;height:16px}.___SLinkTrigger_ytwlx_gg_._size_m_ytwlx_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_ytwlx_gg_._size_l_ytwlx_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_ytwlx_gg_,.___SLinkTrigger_ytwlx_gg_ .___SText_ytwlx_gg_{transition:none}}" /*__inner_css_end__*/, "ytwlx_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SLinkTrigger": "___SLinkTrigger_ytwlx_gg_",
|
|
26
|
+
"_disabled": "__disabled_ytwlx_gg_",
|
|
27
|
+
"_keyboardFocused": "__keyboardFocused_ytwlx_gg_",
|
|
28
|
+
"__SLinkAddon": "___SLinkAddon_ytwlx_gg_",
|
|
29
|
+
"_size_m": "_size_m_ytwlx_gg_",
|
|
30
|
+
"_size_l": "_size_l_ytwlx_gg_",
|
|
31
|
+
"_active": "__active_ytwlx_gg_",
|
|
32
|
+
"__SText": "___SText_ytwlx_gg_",
|
|
33
|
+
"_color": "__color_ytwlx_gg_",
|
|
34
|
+
"--color": "--color_ytwlx",
|
|
35
|
+
"__SAddon": "___SAddon_ytwlx_gg_"
|
|
36
36
|
});
|
|
37
37
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
38
38
|
(0, _inherits2["default"])(RootLinkTrigger, _Component);
|
package/lib/es6/BaseTrigger.js
CHANGED
|
@@ -10,33 +10,32 @@ import { assignProps as _assignProps2 } from "@semcore/core";
|
|
|
10
10
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
11
11
|
import React from 'react';
|
|
12
12
|
import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
13
|
-
import { Box } from '@semcore/flex-box';
|
|
13
|
+
import { Box, InvalidStateBox } from '@semcore/flex-box';
|
|
14
14
|
import NeighborLocation from '@semcore/neighbor-location';
|
|
15
15
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
16
16
|
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
17
17
|
import logger from '@semcore/utils/lib/logger';
|
|
18
18
|
import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
|
|
19
19
|
import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
|
|
20
|
-
import InvalidPattern from '@semcore/utils/lib/components/invalid-state-pattern/InvalidStatePattern';
|
|
21
20
|
/*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
23
|
-
"__SBaseTrigger": "
|
|
24
|
-
"_disabled": "
|
|
25
|
-
"__SInner": "
|
|
26
|
-
"__SText": "
|
|
27
|
-
"__SAddon": "
|
|
28
|
-
"__SBaseAddon": "
|
|
29
|
-
"_neighborLocation_right": "
|
|
30
|
-
"_neighborLocation_both": "
|
|
31
|
-
"_neighborLocation_left": "
|
|
32
|
-
"_display-placeholder": "__display-
|
|
33
|
-
"_state_valid": "
|
|
34
|
-
"__SInvalidPattern": "
|
|
35
|
-
"_size_m": "
|
|
36
|
-
"_size_l": "
|
|
37
|
-
"_keyboardFocused": "
|
|
38
|
-
"_active": "
|
|
39
|
-
"_state_invalid": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_uh6b5_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_uh6b5_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_uh6b5_gg_:active,.___SBaseTrigger_uh6b5_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_uh6b5_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_uh6b5_gg_.__keyboardFocused_uh6b5_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_uh6b5_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_uh6b5_gg_.__active_uh6b5_gg_,.___SBaseTrigger_uh6b5_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_uh6b5_gg_.__disabled_uh6b5_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_uh6b5_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_uh6b5_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_uh6b5_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_uh6b5_gg_{width:12px;height:12px}.___SBaseTrigger_uh6b5_gg_._size_m_uh6b5_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_uh6b5_gg_._size_m_uh6b5_gg_ .___SAddon_uh6b5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_uh6b5_gg_._size_m_uh6b5_gg_ .___SAddon_uh6b5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_uh6b5_gg_._size_l_uh6b5_gg_ .___SAddon_uh6b5_gg_:only-child,.___SBaseTrigger_uh6b5_gg_._size_m_uh6b5_gg_ .___SAddon_uh6b5_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_uh6b5_gg_._size_l_uh6b5_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_uh6b5_gg_._size_l_uh6b5_gg_ .___SAddon_uh6b5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_uh6b5_gg_._size_l_uh6b5_gg_ .___SAddon_uh6b5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_uh6b5_gg_._neighborLocation_right_uh6b5_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_uh6b5_gg_._neighborLocation_both_uh6b5_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_uh6b5_gg_._neighborLocation_left_uh6b5_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_uh6b5_gg_.__display-placeholder_uh6b5_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_uh6b5_gg_._state_valid_uh6b5_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_uh6b5_gg_._state_invalid_uh6b5_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_uh6b5_gg_._state_invalid_uh6b5_gg_.__keyboardFocused_uh6b5_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_uh6b5_gg_._size_m_uh6b5_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_uh6b5_gg_._size_l_uh6b5_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "uh6b5_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SBaseTrigger": "___SBaseTrigger_uh6b5_gg_",
|
|
23
|
+
"_disabled": "__disabled_uh6b5_gg_",
|
|
24
|
+
"__SInner": "___SInner_uh6b5_gg_",
|
|
25
|
+
"__SText": "___SText_uh6b5_gg_",
|
|
26
|
+
"__SAddon": "___SAddon_uh6b5_gg_",
|
|
27
|
+
"__SBaseAddon": "___SBaseAddon_uh6b5_gg_",
|
|
28
|
+
"_neighborLocation_right": "_neighborLocation_right_uh6b5_gg_",
|
|
29
|
+
"_neighborLocation_both": "_neighborLocation_both_uh6b5_gg_",
|
|
30
|
+
"_neighborLocation_left": "_neighborLocation_left_uh6b5_gg_",
|
|
31
|
+
"_display-placeholder": "__display-placeholder_uh6b5_gg_",
|
|
32
|
+
"_state_valid": "_state_valid_uh6b5_gg_",
|
|
33
|
+
"__SInvalidPattern": "___SInvalidPattern_uh6b5_gg_",
|
|
34
|
+
"_size_m": "_size_m_uh6b5_gg_",
|
|
35
|
+
"_size_l": "_size_l_uh6b5_gg_",
|
|
36
|
+
"_keyboardFocused": "__keyboardFocused_uh6b5_gg_",
|
|
37
|
+
"_active": "__active_uh6b5_gg_",
|
|
38
|
+
"_state_invalid": "_state_invalid_uh6b5_gg_"
|
|
40
39
|
});
|
|
41
40
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
42
41
|
_inherits(RootBaseTrigger, _Component);
|
|
@@ -62,7 +61,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
62
61
|
var _ref = this.asProps;
|
|
63
62
|
var SBaseTrigger = Box;
|
|
64
63
|
var SInner = 'div';
|
|
65
|
-
var SInvalidPattern =
|
|
64
|
+
var SInvalidPattern = InvalidStateBox;
|
|
66
65
|
var _this$asProps2 = this.asProps,
|
|
67
66
|
Children = _this$asProps2.Children,
|
|
68
67
|
styles = _this$asProps2.styles,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","animatedSizeEnhance","cssVariableEnhance","
|
|
1
|
+
{"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","InvalidStateBox","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootBaseTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","SInner","SInvalidPattern","_this$asProps2","Children","styles","theme","neighborLocation","state","size","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","Text","Addon","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [\n keyboardFocusEnhance(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SBaseTrigger = Root;\n const SInner = 'div';\n const SInvalidPattern = InvalidStateBox;\n const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n logger.warn(\n theme !== undefined,\n \"The 'theme' property is deprecated, use 'state'\",\n this.asProps['data-ui-name'] || BaseTrigger.displayName,\n );\n\n // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n <SText render={Box} display-placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,SAASC,GAAG,EAAEC,eAAe,QAAQ,mBAAmB;AACxD,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,SAASC,kBAAkB,QAAQ,mCAAmC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIjEC,eAAe,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,eAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,eAAA;EAAA,SAAAA,gBAAA;IAAAK,eAAA,OAAAL,eAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,eAAA;IAAAS,GAAA;IAAAC,KAAA,EAqBnB,SAAAC,aAAA,EAAe;MACb,IAAAC,aAAA,GAA+B,IAAI,CAACC,OAAO;QAAnCC,WAAW,GAAAF,aAAA,CAAXE,WAAW;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;MAC1B,OAAO;QACLD,WAAW,EAAXA,WAAW;QACXC,KAAK,EAALA;MACF,CAAC;IACH;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAM,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAJ,OAAA;MACP,IAAMK,YAAY,GAgBY7B,GAAG;MAfjC,IAAM8B,MAAM,GAAG,KAAK;MACpB,IAAMC,eAAe,GAAG9B,eAAe;MACvC,IAAA+B,cAAA,GAA0E,IAAI,CAACR,OAAO;QAA9ES,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,cAAA,CAALG,KAAK;QAAEC,gBAAgB,GAAAJ,cAAA,CAAhBI,gBAAgB;QAAEV,KAAK,GAAAM,cAAA,CAALN,KAAK;QAAEW,KAAK,GAAAL,cAAA,CAALK,KAAK;QAAEC,IAAI,GAAAN,cAAA,CAAJM,IAAI;MAErEjC,MAAM,CAACkC,IAAI,CACTJ,KAAK,KAAKK,SAAS,EACnB,iDAAiD,EACjD,IAAI,CAAChB,OAAO,CAAC,cAAc,CAAC,IAAIiB,WAAW,CAACC,WAAW,CACxD;;MAED;MACA,oBACE/C,KAAA,CAAAgD,aAAA,CAACzC,gBAAgB,CAAC0C,MAAM;QAACR,gBAAgB,EAAEA;MAAiB,GACzD,UAACA,gBAAgB;QAAA,IAAAS,KAAA;QAAA,OAAAA,KAAA,GAChB9C,OAAO,CAACmC,MAAM,CAAC,eACbvC,KAAA,CAAAgD,aAAA,CAACd,YAAY,EAAAgB,KAAA,CAAAC,EAAA,iBAAAC,aAAA,KAAAC,YAAA;UAAA,oBAAgCZ,gBAAgB;UAAA,SAASD;QAAK,GAAAP,IAAA,KACxES,KAAK,KAAK,SAAS,iBAAI1C,KAAA,CAAAgD,aAAA,CAACZ,eAAe,EAAAc,KAAA,CAAAC,EAAA;UAAA,QAAOR;QAAI,GAAI,eACvD3C,KAAA,CAAAgD,aAAA,CAACb,MAAM,EAAAe,KAAA,CAAAC,EAAA,gBACJ1C,iBAAiB,CAAC6B,QAAQ,EAAEQ,WAAW,CAACQ,IAAI,EAAER,WAAW,CAACS,KAAK,EAAExB,KAAK,CAAC,CACjE,CACI;MAAA,CAChB,CAEqB;IAE9B;EAAC;EAAA,OAAAf,eAAA;AAAA,EAxD2Bd,SAAS;AAAAsD,eAAA,CAAjCxC,eAAe,iBACE,aAAa;AAAAwC,eAAA,CAD9BxC,eAAe,aAEF,CACfR,oBAAoB,EAAE,EACtBI,kBAAkB,CAAC;EACjB6C,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACFnD,mBAAmB,CAAC;EAClBoD,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAAAR,eAAA,CAdGxC,eAAe,WAeJH,KAAK;AAAA2C,eAAA,CAfhBxC,eAAe,kBAgBG;EACpB2B,IAAI,EAAE,GAAG;EACTZ,KAAK,EAAE;AACT,CAAC;AAwCH,SAASuB,IAAIA,CAACW,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,IAAMC,KAAK,GAIMhE,GAAG;EAHpB,IAAQiE,QAAQ,GAAiCL,KAAK,CAA9CK,QAAQ;IAAE/B,MAAM,GAAyB0B,KAAK,CAApC1B,MAAM;IAAER,KAAK,GAAkBkC,KAAK,CAA5BlC,KAAK;IAAED,WAAW,GAAKmC,KAAK,CAArBnC,WAAW;EAE5C,OAAAsC,KAAA,GAAOhE,OAAO,CAACmC,MAAM,CAAC,eACpBvC,KAAA,CAAAgD,aAAA,CAACqB,KAAK,EAAAD,KAAA,CAAAjB,EAAA,UAAAC,aAAA,KAAAmB,aAAA;IAAA,uBAAmCxC;EAAK,GAAAmC,KAAA,KAC3CnC,KAAK,GAAGD,WAAW,GAAGwC,QAAQ,CACzB;AAEZ;AAEA,SAASf,KAAKA,CAACU,KAAK,EAAE;EAAA,IAAAO,KAAA,GAAAL,YAAA;IAAAM,KAAA;EACpB,IAAMC,MAAM,GACiCrE,GAAG;EAAhD,OAAAoE,KAAA,GAAOrE,OAAO,CAAC6D,KAAK,CAAC1B,MAAM,CAAC,eAACvC,KAAA,CAAAgD,aAAA,CAAC0B,MAAM,EAAAD,KAAA,CAAAtB,EAAA,WAAAC,aAAA,KAAAuB,aAAA,KAAAH,KAAA,IAAgB;AACtD;AAEA,IAAM1B,WAAW,GAAG7C,eAAe,CAACe,eAAe,EAAE;EACnDsC,IAAI,EAAJA,IAAI;EACJC,KAAK,EAALA;AACF,CAAC,CAAC;AAEF,eAAeT,WAAW"}
|
package/lib/es6/ButtonTrigger.js
CHANGED
|
@@ -14,9 +14,9 @@ import Spin from '@semcore/spin';
|
|
|
14
14
|
import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
|
|
15
15
|
import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
|
|
16
16
|
/*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
17
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
18
|
-
"__SButtonAddon": "
|
|
19
|
-
"__SButtonTriggerSpin": "
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1nrp2_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1nrp2_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1nrp2_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SButtonAddon": "___SButtonAddon_1nrp2_gg_",
|
|
19
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_1nrp2_gg_"
|
|
20
20
|
});
|
|
21
21
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
22
22
|
_inherits(RootButtonTrigger, _Component);
|
package/lib/es6/FilterTrigger.js
CHANGED
|
@@ -27,13 +27,13 @@ import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
|
|
|
27
27
|
import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
28
28
|
import { setFocus } from '@semcore/utils/lib/use/useFocusLock';
|
|
29
29
|
/*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
30
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
31
|
-
"__SWrapper": "
|
|
32
|
-
"_keyboardFocused": "
|
|
33
|
-
"__SCounter": "
|
|
34
|
-
"__SFilterTrigger": "
|
|
35
|
-
"_selected": "
|
|
36
|
-
"_active": "
|
|
30
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_kvdi4_gg_.__selected_kvdi4_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_kvdi4_gg_.__selected_kvdi4_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_kvdi4_gg_.__selected_kvdi4_gg_.__active_kvdi4_gg_,.___SFilterTrigger_kvdi4_gg_.__selected_kvdi4_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_kvdi4_gg_{display:inline-flex}.___SWrapper_kvdi4_gg_:focus{outline:0}.___SWrapper_kvdi4_gg_.__keyboardFocused_kvdi4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_kvdi4_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "kvdi4_gg_") /*__reshadow_css_end__*/, {
|
|
31
|
+
"__SWrapper": "___SWrapper_kvdi4_gg_",
|
|
32
|
+
"_keyboardFocused": "__keyboardFocused_kvdi4_gg_",
|
|
33
|
+
"__SCounter": "___SCounter_kvdi4_gg_",
|
|
34
|
+
"__SFilterTrigger": "___SFilterTrigger_kvdi4_gg_",
|
|
35
|
+
"_selected": "__selected_kvdi4_gg_",
|
|
36
|
+
"_active": "__active_kvdi4_gg_"
|
|
37
37
|
});
|
|
38
38
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
39
39
|
_inherits(RootFilterTrigger, _Component);
|
package/lib/es6/LinkTrigger.js
CHANGED
|
@@ -17,18 +17,18 @@ import { Box } from '@semcore/flex-box';
|
|
|
17
17
|
import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
|
|
18
18
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
19
19
|
/*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__SLinkTrigger": "
|
|
22
|
-
"_disabled": "
|
|
23
|
-
"_keyboardFocused": "
|
|
24
|
-
"__SLinkAddon": "
|
|
25
|
-
"_size_m": "
|
|
26
|
-
"_size_l": "
|
|
27
|
-
"_active": "
|
|
28
|
-
"__SText": "
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"__SAddon": "
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_ytwlx_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_ytwlx_gg_.__active_ytwlx_gg_,.___SLinkTrigger_ytwlx_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_ytwlx_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_ytwlx_gg_.__active_ytwlx_gg_ .___SText_ytwlx_gg_,.___SLinkTrigger_ytwlx_gg_:active .___SText_ytwlx_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_ytwlx_gg_:hover .___SText_ytwlx_gg_{border-color:currentColor}}.___SLinkTrigger_ytwlx_gg_ .___SText_ytwlx_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_ytwlx_gg_.__color_ytwlx_gg_{color:var(--color_ytwlx)}@media (hover:hover){.___SLinkTrigger_ytwlx_gg_.__color_ytwlx_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_ytwlx_gg_.__disabled_ytwlx_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_ytwlx_gg_.__keyboardFocused_ytwlx_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_ytwlx_gg_,.___SLinkAddon_ytwlx_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_ytwlx_gg_:not(:only-child):first-child,.___SLinkAddon_ytwlx_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_ytwlx_gg_:not(:only-child):last-child,.___SLinkAddon_ytwlx_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_ytwlx_gg_{width:16px;height:16px}.___SLinkTrigger_ytwlx_gg_._size_m_ytwlx_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_ytwlx_gg_._size_l_ytwlx_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_ytwlx_gg_,.___SLinkTrigger_ytwlx_gg_ .___SText_ytwlx_gg_{transition:none}}" /*__inner_css_end__*/, "ytwlx_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SLinkTrigger": "___SLinkTrigger_ytwlx_gg_",
|
|
22
|
+
"_disabled": "__disabled_ytwlx_gg_",
|
|
23
|
+
"_keyboardFocused": "__keyboardFocused_ytwlx_gg_",
|
|
24
|
+
"__SLinkAddon": "___SLinkAddon_ytwlx_gg_",
|
|
25
|
+
"_size_m": "_size_m_ytwlx_gg_",
|
|
26
|
+
"_size_l": "_size_l_ytwlx_gg_",
|
|
27
|
+
"_active": "__active_ytwlx_gg_",
|
|
28
|
+
"__SText": "___SText_ytwlx_gg_",
|
|
29
|
+
"_color": "__color_ytwlx_gg_",
|
|
30
|
+
"--color": "--color_ytwlx",
|
|
31
|
+
"__SAddon": "___SAddon_ytwlx_gg_"
|
|
32
32
|
});
|
|
33
33
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
34
34
|
_inherits(RootLinkTrigger, _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": "4.24.
|
|
4
|
+
"version": "4.24.1-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,15 +9,15 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/dot": "5.18.
|
|
13
|
-
"@semcore/flex-box": "5.
|
|
14
|
-
"@semcore/icon": "4.24.
|
|
15
|
-
"@semcore/neighbor-location": "4.17.
|
|
16
|
-
"@semcore/spin": "5.18.
|
|
17
|
-
"@semcore/utils": "4.20.
|
|
12
|
+
"@semcore/dot": "5.18.1-prerelease.1",
|
|
13
|
+
"@semcore/flex-box": "5.19.0-prerelease.1",
|
|
14
|
+
"@semcore/icon": "4.24.1-prerelease.1",
|
|
15
|
+
"@semcore/neighbor-location": "4.17.1-prerelease.1",
|
|
16
|
+
"@semcore/spin": "5.18.1-prerelease.1",
|
|
17
|
+
"@semcore/utils": "4.20.1-prerelease.1"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@semcore/core": "^2.17.
|
|
20
|
+
"@semcore/core": "^2.17.1-prerelease.1",
|
|
21
21
|
"react": "16.8 - 18",
|
|
22
22
|
"react-dom": "16.8 - 18"
|
|
23
23
|
},
|