@semcore/base-trigger 16.0.0 → 16.1.0-prerelease.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/BaseTrigger.js +17 -17
- package/lib/cjs/ButtonTrigger.js +3 -3
- package/lib/cjs/FilterTrigger.js +6 -6
- package/lib/cjs/LinkTrigger.js +11 -11
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/es6/BaseTrigger.js +17 -17
- package/lib/es6/ButtonTrigger.js +3 -3
- package/lib/es6/FilterTrigger.js +6 -6
- package/lib/es6/LinkTrigger.js +11 -11
- package/lib/es6/index.d.js.map +1 -1
- package/lib/esm/BaseTrigger.mjs +18 -18
- package/lib/esm/ButtonTrigger.mjs +4 -4
- package/lib/esm/FilterTrigger.mjs +7 -7
- package/lib/esm/LinkTrigger.mjs +12 -12
- package/lib/types/index.d.ts +1 -3
- package/package.json +8 -8
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
|
+
## [16.1.0] - 2025-05-23
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/icon` [16.0.0 ~> 16.1.0]).
|
|
10
|
+
|
|
5
11
|
## [16.0.0] - 2025-05-19
|
|
6
12
|
|
|
7
13
|
### Break
|
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -20,25 +20,25 @@ var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
|
|
|
20
20
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/animatedSizeEnhance"));
|
|
21
21
|
var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
|
|
22
22
|
/*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_czvol_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;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_czvol_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_czvol_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_czvol_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_czvol_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_czvol_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_czvol_gg_.__active_czvol_gg_,.___SBaseTrigger_czvol_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_czvol_gg_.__disabled_czvol_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_czvol_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_czvol_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_czvol_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_czvol_gg_{width:12px;height:12px}.___SBaseTrigger_czvol_gg_._size_m_czvol_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_czvol_gg_._size_m_czvol_gg_ .___SAddon_czvol_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_czvol_gg_._size_m_czvol_gg_ .___SAddon_czvol_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_czvol_gg_._size_l_czvol_gg_ .___SAddon_czvol_gg_:only-child,.___SBaseTrigger_czvol_gg_._size_m_czvol_gg_ .___SAddon_czvol_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_czvol_gg_._size_l_czvol_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_czvol_gg_._size_l_czvol_gg_ .___SAddon_czvol_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_czvol_gg_._size_l_czvol_gg_ .___SAddon_czvol_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_czvol_gg_._neighborLocation_right_czvol_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_czvol_gg_._neighborLocation_both_czvol_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_czvol_gg_._neighborLocation_left_czvol_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_czvol_gg_.__display-placeholder_czvol_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_czvol_gg_._state_valid_czvol_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_czvol_gg_._state_invalid_czvol_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_czvol_gg_._state_invalid_czvol_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, rgba(255, 73, 83, 0.5))}.___SInvalidPattern_czvol_gg_._size_m_czvol_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_czvol_gg_._size_l_czvol_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"czvol_gg_"),
|
|
24
24
|
/*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SBaseTrigger": "
|
|
27
|
-
"_disabled": "
|
|
28
|
-
"__SInner": "
|
|
29
|
-
"__SText": "
|
|
30
|
-
"__SAddon": "
|
|
31
|
-
"__SBaseAddon": "
|
|
32
|
-
"_neighborLocation_right": "
|
|
33
|
-
"_neighborLocation_both": "
|
|
34
|
-
"_neighborLocation_left": "
|
|
35
|
-
"_display-placeholder": "__display-
|
|
36
|
-
"_state_valid": "
|
|
37
|
-
"__SInvalidPattern": "
|
|
38
|
-
"_size_m": "
|
|
39
|
-
"_size_l": "
|
|
40
|
-
"_active": "
|
|
41
|
-
"_state_invalid": "
|
|
26
|
+
"__SBaseTrigger": "___SBaseTrigger_czvol_gg_",
|
|
27
|
+
"_disabled": "__disabled_czvol_gg_",
|
|
28
|
+
"__SInner": "___SInner_czvol_gg_",
|
|
29
|
+
"__SText": "___SText_czvol_gg_",
|
|
30
|
+
"__SAddon": "___SAddon_czvol_gg_",
|
|
31
|
+
"__SBaseAddon": "___SBaseAddon_czvol_gg_",
|
|
32
|
+
"_neighborLocation_right": "_neighborLocation_right_czvol_gg_",
|
|
33
|
+
"_neighborLocation_both": "_neighborLocation_both_czvol_gg_",
|
|
34
|
+
"_neighborLocation_left": "_neighborLocation_left_czvol_gg_",
|
|
35
|
+
"_display-placeholder": "__display-placeholder_czvol_gg_",
|
|
36
|
+
"_state_valid": "_state_valid_czvol_gg_",
|
|
37
|
+
"__SInvalidPattern": "___SInvalidPattern_czvol_gg_",
|
|
38
|
+
"_size_m": "_size_m_czvol_gg_",
|
|
39
|
+
"_size_l": "_size_l_czvol_gg_",
|
|
40
|
+
"_active": "__active_czvol_gg_",
|
|
41
|
+
"_state_invalid": "_state_invalid_czvol_gg_"
|
|
42
42
|
});
|
|
43
43
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
44
44
|
(0, _inherits2["default"])(RootBaseTrigger, _Component);
|
package/lib/cjs/ButtonTrigger.js
CHANGED
|
@@ -19,11 +19,11 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
|
19
19
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/animatedSizeEnhance"));
|
|
20
20
|
var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
|
|
21
21
|
/*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_2dcn7_gg_{width:12px;height:12px}.___SButtonTriggerSpin_2dcn7_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}", /*__inner_css_end__*/"2dcn7_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SButtonAddon": "
|
|
26
|
-
"__SButtonTriggerSpin": "
|
|
25
|
+
"__SButtonAddon": "___SButtonAddon_2dcn7_gg_",
|
|
26
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_2dcn7_gg_"
|
|
27
27
|
});
|
|
28
28
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
29
29
|
(0, _inherits2["default"])(RootButtonTrigger, _Component);
|
package/lib/cjs/FilterTrigger.js
CHANGED
|
@@ -38,14 +38,14 @@ var _tooltip = require("@semcore/tooltip");
|
|
|
38
38
|
var _ScreenReaderOnly = require("@semcore/core/lib/utils/ScreenReaderOnly");
|
|
39
39
|
var _excluded = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"];
|
|
40
40
|
/*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
41
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
41
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1bnof_gg_.__selected_1bnof_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_1bnof_gg_.__selected_1bnof_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1bnof_gg_.__selected_1bnof_gg_.__active_1bnof_gg_,.___SFilterTrigger_1bnof_gg_.__selected_1bnof_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1bnof_gg_{display:inline-flex}.___SWrapper_1bnof_gg_:focus{outline:0}.___SCounter_1bnof_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}", /*__inner_css_end__*/"1bnof_gg_"),
|
|
42
42
|
/*__reshadow_css_end__*/
|
|
43
43
|
{
|
|
44
|
-
"__SCounter": "
|
|
45
|
-
"__SFilterTrigger": "
|
|
46
|
-
"_selected": "
|
|
47
|
-
"_active": "
|
|
48
|
-
"__SWrapper": "
|
|
44
|
+
"__SCounter": "___SCounter_1bnof_gg_",
|
|
45
|
+
"__SFilterTrigger": "___SFilterTrigger_1bnof_gg_",
|
|
46
|
+
"_selected": "__selected_1bnof_gg_",
|
|
47
|
+
"_active": "__active_1bnof_gg_",
|
|
48
|
+
"__SWrapper": "___SWrapper_1bnof_gg_"
|
|
49
49
|
});
|
|
50
50
|
var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
|
|
51
51
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/LinkTrigger.js
CHANGED
|
@@ -19,19 +19,19 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
|
19
19
|
var _flexBox = require("@semcore/flex-box");
|
|
20
20
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
|
|
21
21
|
/*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_t545e_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;border:0}.___SLinkTrigger_t545e_gg_.__active_t545e_gg_,.___SLinkTrigger_t545e_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_t545e_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_t545e_gg_.__active_t545e_gg_ .___SText_t545e_gg_,.___SLinkTrigger_t545e_gg_:active .___SText_t545e_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_t545e_gg_:hover .___SText_t545e_gg_{border-color:currentColor}}.___SLinkTrigger_t545e_gg_ .___SText_t545e_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_t545e_gg_.__color_t545e_gg_{color:var(--color_t545e)}@media (hover:hover){.___SLinkTrigger_t545e_gg_.__color_t545e_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_t545e_gg_.__disabled_t545e_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_t545e_gg_,.___SLinkAddon_t545e_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_t545e_gg_:not(:only-child):first-child,.___SLinkAddon_t545e_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_t545e_gg_:not(:only-child):last-child,.___SLinkAddon_t545e_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_t545e_gg_{width:16px;height:16px}.___SLinkTrigger_t545e_gg_._size_m_t545e_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_t545e_gg_._size_l_t545e_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_t545e_gg_,.___SLinkTrigger_t545e_gg_ .___SText_t545e_gg_{transition:none}}", /*__inner_css_end__*/"t545e_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SLinkTrigger": "
|
|
26
|
-
"_disabled": "
|
|
27
|
-
"__SLinkAddon": "
|
|
28
|
-
"_size_m": "
|
|
29
|
-
"_size_l": "
|
|
30
|
-
"_active": "
|
|
31
|
-
"__SText": "
|
|
32
|
-
"_color": "
|
|
33
|
-
"--color": "--
|
|
34
|
-
"__SAddon": "
|
|
25
|
+
"__SLinkTrigger": "___SLinkTrigger_t545e_gg_",
|
|
26
|
+
"_disabled": "__disabled_t545e_gg_",
|
|
27
|
+
"__SLinkAddon": "___SLinkAddon_t545e_gg_",
|
|
28
|
+
"_size_m": "_size_m_t545e_gg_",
|
|
29
|
+
"_size_l": "_size_l_t545e_gg_",
|
|
30
|
+
"_active": "__active_t545e_gg_",
|
|
31
|
+
"__SText": "___SText_t545e_gg_",
|
|
32
|
+
"_color": "__color_t545e_gg_",
|
|
33
|
+
"--color": "--color_t545e",
|
|
34
|
+
"__SAddon": "___SAddon_t545e_gg_"
|
|
35
35
|
});
|
|
36
36
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
37
37
|
(0, _inherits2["default"])(RootLinkTrigger, _Component);
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\n WithAnimatedSizeEnhanceProps & {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Display the dropdowns chevron icon\n * @default true\n */\n chevron?: boolean;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n /** Trigger theme\n * @deprecated\n * @use IBaseTriggerProps.state\n * */\n theme?: 'normal' | 'valid' | 'invalid' | false;\n };\n\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\nexport type FilterTriggerCounterProps = {\n /** Count for render */\n count?: number;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', BoxProps & DotProps & FilterTriggerCounterProps>;\n TriggerButton: typeof BaseTrigger;\n ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
|
package/lib/es6/BaseTrigger.js
CHANGED
|
@@ -17,25 +17,25 @@ import logger from '@semcore/core/lib/utils/logger';
|
|
|
17
17
|
import animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';
|
|
18
18
|
import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
|
|
19
19
|
/*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_czvol_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;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_czvol_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_czvol_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_czvol_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_czvol_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_czvol_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_czvol_gg_.__active_czvol_gg_,.___SBaseTrigger_czvol_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_czvol_gg_.__disabled_czvol_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_czvol_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_czvol_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_czvol_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_czvol_gg_{width:12px;height:12px}.___SBaseTrigger_czvol_gg_._size_m_czvol_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_czvol_gg_._size_m_czvol_gg_ .___SAddon_czvol_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_czvol_gg_._size_m_czvol_gg_ .___SAddon_czvol_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_czvol_gg_._size_l_czvol_gg_ .___SAddon_czvol_gg_:only-child,.___SBaseTrigger_czvol_gg_._size_m_czvol_gg_ .___SAddon_czvol_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_czvol_gg_._size_l_czvol_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_czvol_gg_._size_l_czvol_gg_ .___SAddon_czvol_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_czvol_gg_._size_l_czvol_gg_ .___SAddon_czvol_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_czvol_gg_._neighborLocation_right_czvol_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_czvol_gg_._neighborLocation_both_czvol_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_czvol_gg_._neighborLocation_left_czvol_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_czvol_gg_.__display-placeholder_czvol_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_czvol_gg_._state_valid_czvol_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_czvol_gg_._state_invalid_czvol_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_czvol_gg_._state_invalid_czvol_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, rgba(255, 73, 83, 0.5))}.___SInvalidPattern_czvol_gg_._size_m_czvol_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_czvol_gg_._size_l_czvol_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"czvol_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
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
|
-
"_active": "
|
|
38
|
-
"_state_invalid": "
|
|
23
|
+
"__SBaseTrigger": "___SBaseTrigger_czvol_gg_",
|
|
24
|
+
"_disabled": "__disabled_czvol_gg_",
|
|
25
|
+
"__SInner": "___SInner_czvol_gg_",
|
|
26
|
+
"__SText": "___SText_czvol_gg_",
|
|
27
|
+
"__SAddon": "___SAddon_czvol_gg_",
|
|
28
|
+
"__SBaseAddon": "___SBaseAddon_czvol_gg_",
|
|
29
|
+
"_neighborLocation_right": "_neighborLocation_right_czvol_gg_",
|
|
30
|
+
"_neighborLocation_both": "_neighborLocation_both_czvol_gg_",
|
|
31
|
+
"_neighborLocation_left": "_neighborLocation_left_czvol_gg_",
|
|
32
|
+
"_display-placeholder": "__display-placeholder_czvol_gg_",
|
|
33
|
+
"_state_valid": "_state_valid_czvol_gg_",
|
|
34
|
+
"__SInvalidPattern": "___SInvalidPattern_czvol_gg_",
|
|
35
|
+
"_size_m": "_size_m_czvol_gg_",
|
|
36
|
+
"_size_l": "_size_l_czvol_gg_",
|
|
37
|
+
"_active": "__active_czvol_gg_",
|
|
38
|
+
"_state_invalid": "_state_invalid_czvol_gg_"
|
|
39
39
|
});
|
|
40
40
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
41
41
|
_inherits(RootBaseTrigger, _Component);
|
package/lib/es6/ButtonTrigger.js
CHANGED
|
@@ -14,11 +14,11 @@ import Spin from '@semcore/spin';
|
|
|
14
14
|
import animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';
|
|
15
15
|
import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
|
|
16
16
|
/*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
17
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_2dcn7_gg_{width:12px;height:12px}.___SButtonTriggerSpin_2dcn7_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}", /*__inner_css_end__*/"2dcn7_gg_"),
|
|
18
18
|
/*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__SButtonAddon": "
|
|
21
|
-
"__SButtonTriggerSpin": "
|
|
20
|
+
"__SButtonAddon": "___SButtonAddon_2dcn7_gg_",
|
|
21
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_2dcn7_gg_"
|
|
22
22
|
});
|
|
23
23
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
24
24
|
_inherits(RootButtonTrigger, _Component);
|
package/lib/es6/FilterTrigger.js
CHANGED
|
@@ -32,14 +32,14 @@ import getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';
|
|
|
32
32
|
import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
|
|
33
33
|
import { setFocus } from '@semcore/core/lib/utils/use/useFocusLock';
|
|
34
34
|
/*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
35
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
35
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1bnof_gg_.__selected_1bnof_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_1bnof_gg_.__selected_1bnof_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1bnof_gg_.__selected_1bnof_gg_.__active_1bnof_gg_,.___SFilterTrigger_1bnof_gg_.__selected_1bnof_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1bnof_gg_{display:inline-flex}.___SWrapper_1bnof_gg_:focus{outline:0}.___SCounter_1bnof_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}", /*__inner_css_end__*/"1bnof_gg_"),
|
|
36
36
|
/*__reshadow_css_end__*/
|
|
37
37
|
{
|
|
38
|
-
"__SCounter": "
|
|
39
|
-
"__SFilterTrigger": "
|
|
40
|
-
"_selected": "
|
|
41
|
-
"_active": "
|
|
42
|
-
"__SWrapper": "
|
|
38
|
+
"__SCounter": "___SCounter_1bnof_gg_",
|
|
39
|
+
"__SFilterTrigger": "___SFilterTrigger_1bnof_gg_",
|
|
40
|
+
"_selected": "__selected_1bnof_gg_",
|
|
41
|
+
"_active": "__active_1bnof_gg_",
|
|
42
|
+
"__SWrapper": "___SWrapper_1bnof_gg_"
|
|
43
43
|
});
|
|
44
44
|
import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
|
|
45
45
|
import { Hint } from '@semcore/tooltip';
|
package/lib/es6/LinkTrigger.js
CHANGED
|
@@ -16,19 +16,19 @@ import Spin from '@semcore/spin';
|
|
|
16
16
|
import { Box } from '@semcore/flex-box';
|
|
17
17
|
import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
|
|
18
18
|
/*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
|
|
19
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
19
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_t545e_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;border:0}.___SLinkTrigger_t545e_gg_.__active_t545e_gg_,.___SLinkTrigger_t545e_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_t545e_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_t545e_gg_.__active_t545e_gg_ .___SText_t545e_gg_,.___SLinkTrigger_t545e_gg_:active .___SText_t545e_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_t545e_gg_:hover .___SText_t545e_gg_{border-color:currentColor}}.___SLinkTrigger_t545e_gg_ .___SText_t545e_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_t545e_gg_.__color_t545e_gg_{color:var(--color_t545e)}@media (hover:hover){.___SLinkTrigger_t545e_gg_.__color_t545e_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_t545e_gg_.__disabled_t545e_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_t545e_gg_,.___SLinkAddon_t545e_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_t545e_gg_:not(:only-child):first-child,.___SLinkAddon_t545e_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_t545e_gg_:not(:only-child):last-child,.___SLinkAddon_t545e_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_t545e_gg_{width:16px;height:16px}.___SLinkTrigger_t545e_gg_._size_m_t545e_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_t545e_gg_._size_l_t545e_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_t545e_gg_,.___SLinkTrigger_t545e_gg_ .___SText_t545e_gg_{transition:none}}", /*__inner_css_end__*/"t545e_gg_"),
|
|
20
20
|
/*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SLinkTrigger": "
|
|
23
|
-
"_disabled": "
|
|
24
|
-
"__SLinkAddon": "
|
|
25
|
-
"_size_m": "
|
|
26
|
-
"_size_l": "
|
|
27
|
-
"_active": "
|
|
28
|
-
"__SText": "
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"__SAddon": "
|
|
22
|
+
"__SLinkTrigger": "___SLinkTrigger_t545e_gg_",
|
|
23
|
+
"_disabled": "__disabled_t545e_gg_",
|
|
24
|
+
"__SLinkAddon": "___SLinkAddon_t545e_gg_",
|
|
25
|
+
"_size_m": "_size_m_t545e_gg_",
|
|
26
|
+
"_size_l": "_size_l_t545e_gg_",
|
|
27
|
+
"_active": "__active_t545e_gg_",
|
|
28
|
+
"__SText": "___SText_t545e_gg_",
|
|
29
|
+
"_color": "__color_t545e_gg_",
|
|
30
|
+
"--color": "--color_t545e",
|
|
31
|
+
"__SAddon": "___SAddon_t545e_gg_"
|
|
32
32
|
});
|
|
33
33
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
34
34
|
_inherits(RootLinkTrigger, _Component);
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\n WithAnimatedSizeEnhanceProps & {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Display the dropdowns chevron icon\n * @default true\n */\n chevron?: boolean;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n /** Trigger theme\n * @deprecated\n * @use IBaseTriggerProps.state\n * */\n theme?: 'normal' | 'valid' | 'invalid' | false;\n };\n\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\nexport type FilterTriggerCounterProps = {\n /** Count for render */\n count?: number;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', BoxProps & DotProps & FilterTriggerCounterProps>;\n TriggerButton: typeof BaseTrigger;\n ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
|
package/lib/esm/BaseTrigger.mjs
CHANGED
|
@@ -17,27 +17,27 @@ var style = (
|
|
|
17
17
|
/*__reshadow_css_start__*/
|
|
18
18
|
(sstyled.insert(
|
|
19
19
|
/*__inner_css_start__*/
|
|
20
|
-
".
|
|
20
|
+
".___SBaseTrigger_czvol_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;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_czvol_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_czvol_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_czvol_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_czvol_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_czvol_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_czvol_gg_.__active_czvol_gg_,.___SBaseTrigger_czvol_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_czvol_gg_.__disabled_czvol_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_czvol_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_czvol_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_czvol_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_czvol_gg_{width:12px;height:12px}.___SBaseTrigger_czvol_gg_._size_m_czvol_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_czvol_gg_._size_m_czvol_gg_ .___SAddon_czvol_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_czvol_gg_._size_m_czvol_gg_ .___SAddon_czvol_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_czvol_gg_._size_l_czvol_gg_ .___SAddon_czvol_gg_:only-child,.___SBaseTrigger_czvol_gg_._size_m_czvol_gg_ .___SAddon_czvol_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_czvol_gg_._size_l_czvol_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_czvol_gg_._size_l_czvol_gg_ .___SAddon_czvol_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_czvol_gg_._size_l_czvol_gg_ .___SAddon_czvol_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_czvol_gg_._neighborLocation_right_czvol_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_czvol_gg_._neighborLocation_both_czvol_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_czvol_gg_._neighborLocation_left_czvol_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_czvol_gg_.__display-placeholder_czvol_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_czvol_gg_._state_valid_czvol_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_czvol_gg_._state_invalid_czvol_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_czvol_gg_._state_invalid_czvol_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, rgba(255, 73, 83, 0.5))}.___SInvalidPattern_czvol_gg_._size_m_czvol_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_czvol_gg_._size_l_czvol_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}",
|
|
21
21
|
/*__inner_css_end__*/
|
|
22
|
-
"
|
|
22
|
+
"czvol_gg_"
|
|
23
23
|
), /*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SBaseTrigger": "
|
|
26
|
-
"_disabled": "
|
|
27
|
-
"__SInner": "
|
|
28
|
-
"__SText": "
|
|
29
|
-
"__SAddon": "
|
|
30
|
-
"__SBaseAddon": "
|
|
31
|
-
"_neighborLocation_right": "
|
|
32
|
-
"_neighborLocation_both": "
|
|
33
|
-
"_neighborLocation_left": "
|
|
34
|
-
"_display-placeholder": "__display-
|
|
35
|
-
"_state_valid": "
|
|
36
|
-
"__SInvalidPattern": "
|
|
37
|
-
"_size_m": "
|
|
38
|
-
"_size_l": "
|
|
39
|
-
"_active": "
|
|
40
|
-
"_state_invalid": "
|
|
25
|
+
"__SBaseTrigger": "___SBaseTrigger_czvol_gg_",
|
|
26
|
+
"_disabled": "__disabled_czvol_gg_",
|
|
27
|
+
"__SInner": "___SInner_czvol_gg_",
|
|
28
|
+
"__SText": "___SText_czvol_gg_",
|
|
29
|
+
"__SAddon": "___SAddon_czvol_gg_",
|
|
30
|
+
"__SBaseAddon": "___SBaseAddon_czvol_gg_",
|
|
31
|
+
"_neighborLocation_right": "_neighborLocation_right_czvol_gg_",
|
|
32
|
+
"_neighborLocation_both": "_neighborLocation_both_czvol_gg_",
|
|
33
|
+
"_neighborLocation_left": "_neighborLocation_left_czvol_gg_",
|
|
34
|
+
"_display-placeholder": "__display-placeholder_czvol_gg_",
|
|
35
|
+
"_state_valid": "_state_valid_czvol_gg_",
|
|
36
|
+
"__SInvalidPattern": "___SInvalidPattern_czvol_gg_",
|
|
37
|
+
"_size_m": "_size_m_czvol_gg_",
|
|
38
|
+
"_size_l": "_size_l_czvol_gg_",
|
|
39
|
+
"_active": "__active_czvol_gg_",
|
|
40
|
+
"_state_invalid": "_state_invalid_czvol_gg_"
|
|
41
41
|
})
|
|
42
42
|
);
|
|
43
43
|
var RootBaseTrigger = /* @__PURE__ */ function(_Component) {
|
|
@@ -16,13 +16,13 @@ var style = (
|
|
|
16
16
|
/*__reshadow_css_start__*/
|
|
17
17
|
(sstyled.insert(
|
|
18
18
|
/*__inner_css_start__*/
|
|
19
|
-
".
|
|
19
|
+
".___SButtonAddon_2dcn7_gg_{width:12px;height:12px}.___SButtonTriggerSpin_2dcn7_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}",
|
|
20
20
|
/*__inner_css_end__*/
|
|
21
|
-
"
|
|
21
|
+
"2dcn7_gg_"
|
|
22
22
|
), /*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"__SButtonAddon": "
|
|
25
|
-
"__SButtonTriggerSpin": "
|
|
24
|
+
"__SButtonAddon": "___SButtonAddon_2dcn7_gg_",
|
|
25
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_2dcn7_gg_"
|
|
26
26
|
})
|
|
27
27
|
);
|
|
28
28
|
var RootButtonTrigger = /* @__PURE__ */ function(_Component) {
|
|
@@ -34,16 +34,16 @@ var style = (
|
|
|
34
34
|
/*__reshadow_css_start__*/
|
|
35
35
|
(sstyled.insert(
|
|
36
36
|
/*__inner_css_start__*/
|
|
37
|
-
".
|
|
37
|
+
".___SFilterTrigger_1bnof_gg_.__selected_1bnof_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_1bnof_gg_.__selected_1bnof_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1bnof_gg_.__selected_1bnof_gg_.__active_1bnof_gg_,.___SFilterTrigger_1bnof_gg_.__selected_1bnof_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1bnof_gg_{display:inline-flex}.___SWrapper_1bnof_gg_:focus{outline:0}.___SCounter_1bnof_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}",
|
|
38
38
|
/*__inner_css_end__*/
|
|
39
|
-
"
|
|
39
|
+
"1bnof_gg_"
|
|
40
40
|
), /*__reshadow_css_end__*/
|
|
41
41
|
{
|
|
42
|
-
"__SCounter": "
|
|
43
|
-
"__SFilterTrigger": "
|
|
44
|
-
"_selected": "
|
|
45
|
-
"_active": "
|
|
46
|
-
"__SWrapper": "
|
|
42
|
+
"__SCounter": "___SCounter_1bnof_gg_",
|
|
43
|
+
"__SFilterTrigger": "___SFilterTrigger_1bnof_gg_",
|
|
44
|
+
"_selected": "__selected_1bnof_gg_",
|
|
45
|
+
"_active": "__active_1bnof_gg_",
|
|
46
|
+
"__SWrapper": "___SWrapper_1bnof_gg_"
|
|
47
47
|
})
|
|
48
48
|
);
|
|
49
49
|
var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ["aria-controls", "aria-haspopup", "aria-expanded", "aria-disabled", "aria-activedescendant", "aria-label", "aria-labelledby", "role"]);
|
package/lib/esm/LinkTrigger.mjs
CHANGED
|
@@ -16,21 +16,21 @@ var style = (
|
|
|
16
16
|
/*__reshadow_css_start__*/
|
|
17
17
|
(sstyled.insert(
|
|
18
18
|
/*__inner_css_start__*/
|
|
19
|
-
".
|
|
19
|
+
".___SLinkTrigger_t545e_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;border:0}.___SLinkTrigger_t545e_gg_.__active_t545e_gg_,.___SLinkTrigger_t545e_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_t545e_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_t545e_gg_.__active_t545e_gg_ .___SText_t545e_gg_,.___SLinkTrigger_t545e_gg_:active .___SText_t545e_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_t545e_gg_:hover .___SText_t545e_gg_{border-color:currentColor}}.___SLinkTrigger_t545e_gg_ .___SText_t545e_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_t545e_gg_.__color_t545e_gg_{color:var(--color_t545e)}@media (hover:hover){.___SLinkTrigger_t545e_gg_.__color_t545e_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_t545e_gg_.__disabled_t545e_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_t545e_gg_,.___SLinkAddon_t545e_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_t545e_gg_:not(:only-child):first-child,.___SLinkAddon_t545e_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_t545e_gg_:not(:only-child):last-child,.___SLinkAddon_t545e_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_t545e_gg_{width:16px;height:16px}.___SLinkTrigger_t545e_gg_._size_m_t545e_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_t545e_gg_._size_l_t545e_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_t545e_gg_,.___SLinkTrigger_t545e_gg_ .___SText_t545e_gg_{transition:none}}",
|
|
20
20
|
/*__inner_css_end__*/
|
|
21
|
-
"
|
|
21
|
+
"t545e_gg_"
|
|
22
22
|
), /*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"__SLinkTrigger": "
|
|
25
|
-
"_disabled": "
|
|
26
|
-
"__SLinkAddon": "
|
|
27
|
-
"_size_m": "
|
|
28
|
-
"_size_l": "
|
|
29
|
-
"_active": "
|
|
30
|
-
"__SText": "
|
|
31
|
-
"_color": "
|
|
32
|
-
"--color": "--
|
|
33
|
-
"__SAddon": "
|
|
24
|
+
"__SLinkTrigger": "___SLinkTrigger_t545e_gg_",
|
|
25
|
+
"_disabled": "__disabled_t545e_gg_",
|
|
26
|
+
"__SLinkAddon": "___SLinkAddon_t545e_gg_",
|
|
27
|
+
"_size_m": "_size_m_t545e_gg_",
|
|
28
|
+
"_size_l": "_size_l_t545e_gg_",
|
|
29
|
+
"_active": "__active_t545e_gg_",
|
|
30
|
+
"__SText": "___SText_t545e_gg_",
|
|
31
|
+
"_color": "__color_t545e_gg_",
|
|
32
|
+
"--color": "--color_t545e",
|
|
33
|
+
"__SAddon": "___SAddon_t545e_gg_"
|
|
34
34
|
})
|
|
35
35
|
);
|
|
36
36
|
var RootLinkTrigger = /* @__PURE__ */ function(_Component) {
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { UnknownProperties, Intergalactic
|
|
2
|
+
import { UnknownProperties, Intergalactic } from '@semcore/core';
|
|
3
3
|
import { Box, BoxProps } from '@semcore/flex-box';
|
|
4
4
|
import { DotProps } from '@semcore/dot';
|
|
5
5
|
import { NeighborItemProps } from '@semcore/neighbor-location';
|
|
6
|
-
import { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
|
|
7
6
|
import { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';
|
|
8
7
|
|
|
9
8
|
/** @deprecated */
|
|
10
9
|
export interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}
|
|
11
10
|
export type BaseTriggerProps = BoxProps &
|
|
12
11
|
NeighborItemProps &
|
|
13
|
-
KeyboardFocusProps &
|
|
14
12
|
WithAnimatedSizeEnhanceProps & {
|
|
15
13
|
/**
|
|
16
14
|
* Trigger size
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/base-trigger",
|
|
3
3
|
"description": "Semrush BaseTrigger Component",
|
|
4
|
-
"version": "16.0.
|
|
4
|
+
"version": "16.1.0-prerelease.2",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,15 +14,15 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/dot": "16.0.0",
|
|
18
|
-
"@semcore/icon": "16.0.
|
|
19
|
-
"@semcore/spin": "16.0.0",
|
|
20
|
-
"@semcore/flex-box": "16.0.0",
|
|
21
|
-
"@semcore/neighbor-location": "16.0.0",
|
|
22
|
-
"@semcore/tooltip": "16.0.0"
|
|
17
|
+
"@semcore/dot": "16.0.0-prerelease.2",
|
|
18
|
+
"@semcore/icon": "16.1.0-prerelease.2",
|
|
19
|
+
"@semcore/spin": "16.0.0-prerelease.2",
|
|
20
|
+
"@semcore/flex-box": "16.0.0-prerelease.2",
|
|
21
|
+
"@semcore/neighbor-location": "16.0.0-prerelease.2",
|
|
22
|
+
"@semcore/tooltip": "16.0.0-prerelease.2"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
|
-
"@semcore/base-components": "^16.0.0"
|
|
25
|
+
"@semcore/base-components": "^16.0.0-prerelease.2"
|
|
26
26
|
},
|
|
27
27
|
"repository": {
|
|
28
28
|
"type": "git",
|