@semcore/base-trigger 4.54.0-prerelease.1 → 4.54.0-prerelease.4
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/lib/cjs/BaseTrigger.js +18 -18
- package/lib/cjs/FilterTrigger.js +7 -7
- package/lib/cjs/LinkTrigger.js +12 -12
- package/lib/cjs/style/base-trigger.shadow.css +3 -3
- package/lib/cjs/style/filter-trigger.shadow.css +6 -6
- package/lib/cjs/style/link-trigger.shadow.css +3 -3
- package/lib/es6/BaseTrigger.js +18 -18
- package/lib/es6/FilterTrigger.js +7 -7
- package/lib/es6/LinkTrigger.js +12 -12
- package/lib/es6/style/base-trigger.shadow.css +3 -3
- package/lib/es6/style/filter-trigger.shadow.css +6 -6
- package/lib/es6/style/link-trigger.shadow.css +3 -3
- package/lib/esm/BaseTrigger.mjs +19 -19
- package/lib/esm/FilterTrigger.mjs +8 -8
- package/lib/esm/LinkTrigger.mjs +13 -13
- package/lib/esm/style/base-trigger.shadow.css +3 -3
- package/lib/esm/style/filter-trigger.shadow.css +6 -6
- package/lib/esm/style/link-trigger.shadow.css +3 -3
- package/package.json +9 -9
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -23,26 +23,26 @@ var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
|
|
|
23
23
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
|
|
24
24
|
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
25
25
|
/*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_wi64k_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, rgb(255, 255, 255));font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_wi64k_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_wi64k_gg_:active,.___SBaseTrigger_wi64k_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_wi64k_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_wi64k_gg_.__keyboardFocused_wi64k_gg_{border:1px solid var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469));z-index:1}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_.__keyboardFocused_wi64k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_.__keyboardFocused_wi64k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}@media (hover:hover){.___SBaseTrigger_wi64k_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_wi64k_gg_.__active_wi64k_gg_,.___SBaseTrigger_wi64k_gg_:active{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SBaseTrigger_wi64k_gg_.__disabled_wi64k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_wi64k_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_wi64k_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_wi64k_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_wi64k_gg_{width:12px;height:12px}.___SBaseTrigger_wi64k_gg_._size_m_wi64k_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_wi64k_gg_._size_m_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._size_m_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._size_l_wi64k_gg_ .___SAddon_wi64k_gg_:only-child,.___SBaseTrigger_wi64k_gg_._size_m_wi64k_gg_ .___SAddon_wi64k_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_wi64k_gg_._size_l_wi64k_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_wi64k_gg_._size_l_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._size_l_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._neighborLocation_right_wi64k_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_wi64k_gg_._neighborLocation_both_wi64k_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_wi64k_gg_._neighborLocation_left_wi64k_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_wi64k_gg_.__display-placeholder_wi64k_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_wi64k_gg_._state_valid_wi64k_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_._state_valid_wi64k_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_._state_valid_wi64k_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_.__keyboardFocused_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 2, 7, 0.652))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_.__keyboardFocused_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_.__keyboardFocused_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SInvalidPattern_wi64k_gg_._size_m_wi64k_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_wi64k_gg_._size_l_wi64k_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"wi64k_gg_"),
|
|
27
27
|
/*__reshadow_css_end__*/
|
|
28
28
|
{
|
|
29
|
-
"__SBaseTrigger": "
|
|
30
|
-
"_disabled": "
|
|
31
|
-
"__SInner": "
|
|
32
|
-
"__SText": "
|
|
33
|
-
"__SAddon": "
|
|
34
|
-
"__SBaseAddon": "
|
|
35
|
-
"_neighborLocation_right": "
|
|
36
|
-
"_neighborLocation_both": "
|
|
37
|
-
"_neighborLocation_left": "
|
|
38
|
-
"_display-placeholder": "__display-
|
|
39
|
-
"_state_valid": "
|
|
40
|
-
"__SInvalidPattern": "
|
|
41
|
-
"_size_m": "
|
|
42
|
-
"_size_l": "
|
|
43
|
-
"_keyboardFocused": "
|
|
44
|
-
"_active": "
|
|
45
|
-
"_state_invalid": "
|
|
29
|
+
"__SBaseTrigger": "___SBaseTrigger_wi64k_gg_",
|
|
30
|
+
"_disabled": "__disabled_wi64k_gg_",
|
|
31
|
+
"__SInner": "___SInner_wi64k_gg_",
|
|
32
|
+
"__SText": "___SText_wi64k_gg_",
|
|
33
|
+
"__SAddon": "___SAddon_wi64k_gg_",
|
|
34
|
+
"__SBaseAddon": "___SBaseAddon_wi64k_gg_",
|
|
35
|
+
"_neighborLocation_right": "_neighborLocation_right_wi64k_gg_",
|
|
36
|
+
"_neighborLocation_both": "_neighborLocation_both_wi64k_gg_",
|
|
37
|
+
"_neighborLocation_left": "_neighborLocation_left_wi64k_gg_",
|
|
38
|
+
"_display-placeholder": "__display-placeholder_wi64k_gg_",
|
|
39
|
+
"_state_valid": "_state_valid_wi64k_gg_",
|
|
40
|
+
"__SInvalidPattern": "___SInvalidPattern_wi64k_gg_",
|
|
41
|
+
"_size_m": "_size_m_wi64k_gg_",
|
|
42
|
+
"_size_l": "_size_l_wi64k_gg_",
|
|
43
|
+
"_keyboardFocused": "__keyboardFocused_wi64k_gg_",
|
|
44
|
+
"_active": "__active_wi64k_gg_",
|
|
45
|
+
"_state_invalid": "_state_invalid_wi64k_gg_"
|
|
46
46
|
});
|
|
47
47
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
48
48
|
(0, _inherits2["default"])(RootBaseTrigger, _Component);
|
package/lib/cjs/FilterTrigger.js
CHANGED
|
@@ -39,15 +39,15 @@ var _tooltip = require("@semcore/tooltip");
|
|
|
39
39
|
var _ScreenReaderOnly = require("@semcore/utils/lib/ScreenReaderOnly");
|
|
40
40
|
var _excluded = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"];
|
|
41
41
|
/*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
42
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
42
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_130da_gg_.__selected_130da_gg_{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0)){.___SFilterTrigger_130da_gg_.__selected_130da_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SFilterTrigger_130da_gg_.__selected_130da_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31308 0.96324 / 0.039))}}}@media (hover:hover){.___SFilterTrigger_130da_gg_.__selected_130da_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0)){.___SFilterTrigger_130da_gg_.__selected_130da_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SFilterTrigger_130da_gg_.__selected_130da_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12403 0.30857 0.96259 / 0.077))}}}}.___SFilterTrigger_130da_gg_.__selected_130da_gg_.__active_130da_gg_,.___SFilterTrigger_130da_gg_.__selected_130da_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0)){.___SFilterTrigger_130da_gg_.__selected_130da_gg_.__active_130da_gg_,.___SFilterTrigger_130da_gg_.__selected_130da_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SFilterTrigger_130da_gg_.__selected_130da_gg_.__active_130da_gg_,.___SFilterTrigger_130da_gg_.__selected_130da_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SWrapper_130da_gg_{display:inline-flex}.___SWrapper_130da_gg_:focus{outline:0}.___SWrapper_130da_gg_.__keyboardFocused_130da_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@supports (color:color(display-p3 0 0 0)){.___SWrapper_130da_gg_.__keyboardFocused_130da_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SWrapper_130da_gg_.__keyboardFocused_130da_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SCounter_130da_gg_{background-color:var(--intergalactic-bg-primary-info, rgb(118, 128, 231))}", /*__inner_css_end__*/"130da_gg_"),
|
|
43
43
|
/*__reshadow_css_end__*/
|
|
44
44
|
{
|
|
45
|
-
"__SWrapper": "
|
|
46
|
-
"_keyboardFocused": "
|
|
47
|
-
"__SCounter": "
|
|
48
|
-
"__SFilterTrigger": "
|
|
49
|
-
"_selected": "
|
|
50
|
-
"_active": "
|
|
45
|
+
"__SWrapper": "___SWrapper_130da_gg_",
|
|
46
|
+
"_keyboardFocused": "__keyboardFocused_130da_gg_",
|
|
47
|
+
"__SCounter": "___SCounter_130da_gg_",
|
|
48
|
+
"__SFilterTrigger": "___SFilterTrigger_130da_gg_",
|
|
49
|
+
"_selected": "__selected_130da_gg_",
|
|
50
|
+
"_active": "__active_130da_gg_"
|
|
51
51
|
});
|
|
52
52
|
var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
|
|
53
53
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/LinkTrigger.js
CHANGED
|
@@ -22,20 +22,20 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
22
22
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
23
23
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
24
24
|
/*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1qnez_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, rgb(35, 95, 226));background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1qnez_gg_:focus{outline:0}.___SLinkTrigger_1qnez_gg_.__active_1qnez_gg_,.___SLinkTrigger_1qnez_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SLinkTrigger_1qnez_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SLinkTrigger_1qnez_gg_.__active_1qnez_gg_ .___SText_1qnez_gg_,.___SLinkTrigger_1qnez_gg_:active .___SText_1qnez_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1qnez_gg_:hover .___SText_1qnez_gg_{border-color:currentColor}}.___SLinkTrigger_1qnez_gg_ .___SText_1qnez_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_1qnez_gg_.__color_1qnez_gg_{color:var(--color_1qnez)}@media (hover:hover){.___SLinkTrigger_1qnez_gg_.__color_1qnez_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1qnez_gg_.__disabled_1qnez_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SLinkTrigger_1qnez_gg_.__keyboardFocused_1qnez_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469));z-index:1}@supports (color:color(display-p3 0 0 0)){.___SLinkTrigger_1qnez_gg_.__keyboardFocused_1qnez_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SLinkTrigger_1qnez_gg_.__keyboardFocused_1qnez_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SAddon_1qnez_gg_,.___SLinkAddon_1qnez_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1qnez_gg_:not(:only-child):first-child,.___SLinkAddon_1qnez_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1qnez_gg_:not(:only-child):last-child,.___SLinkAddon_1qnez_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1qnez_gg_{width:16px;height:16px}.___SLinkTrigger_1qnez_gg_._size_m_1qnez_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1qnez_gg_._size_l_1qnez_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1qnez_gg_,.___SLinkTrigger_1qnez_gg_ .___SText_1qnez_gg_{transition:none}}", /*__inner_css_end__*/"1qnez_gg_"),
|
|
26
26
|
/*__reshadow_css_end__*/
|
|
27
27
|
{
|
|
28
|
-
"__SLinkTrigger": "
|
|
29
|
-
"_disabled": "
|
|
30
|
-
"_keyboardFocused": "
|
|
31
|
-
"__SLinkAddon": "
|
|
32
|
-
"_size_m": "
|
|
33
|
-
"_size_l": "
|
|
34
|
-
"_active": "
|
|
35
|
-
"__SText": "
|
|
36
|
-
"_color": "
|
|
37
|
-
"--color": "--
|
|
38
|
-
"__SAddon": "
|
|
28
|
+
"__SLinkTrigger": "___SLinkTrigger_1qnez_gg_",
|
|
29
|
+
"_disabled": "__disabled_1qnez_gg_",
|
|
30
|
+
"_keyboardFocused": "__keyboardFocused_1qnez_gg_",
|
|
31
|
+
"__SLinkAddon": "___SLinkAddon_1qnez_gg_",
|
|
32
|
+
"_size_m": "_size_m_1qnez_gg_",
|
|
33
|
+
"_size_l": "_size_l_1qnez_gg_",
|
|
34
|
+
"_active": "__active_1qnez_gg_",
|
|
35
|
+
"__SText": "___SText_1qnez_gg_",
|
|
36
|
+
"_color": "__color_1qnez_gg_",
|
|
37
|
+
"--color": "--color_1qnez",
|
|
38
|
+
"__SAddon": "___SAddon_1qnez_gg_"
|
|
39
39
|
});
|
|
40
40
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
41
41
|
(0, _inherits2["default"])(RootLinkTrigger, _Component);
|
|
@@ -39,8 +39,8 @@ SBaseTrigger {
|
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
&[keyboardFocused] {
|
|
42
|
-
border: 1px solid var(--intergalactic-border-info-active, oklch(0.
|
|
43
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.
|
|
42
|
+
border: 1px solid var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
|
|
43
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
|
|
44
44
|
z-index: 1;
|
|
45
45
|
}
|
|
46
46
|
|
|
@@ -50,7 +50,7 @@ SBaseTrigger {
|
|
|
50
50
|
|
|
51
51
|
&:active,
|
|
52
52
|
&[active] {
|
|
53
|
-
border-color: var(--intergalactic-border-info-active, oklch(0.
|
|
53
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
|
|
54
54
|
background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
55
55
|
}
|
|
56
56
|
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
SFilterTrigger[selected] {
|
|
2
|
-
border-color: var(--intergalactic-border-info-active, oklch(0.
|
|
3
|
-
background-color: var(--intergalactic-control-secondary-info, oklch(0.
|
|
2
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
|
|
3
|
+
background-color: var(--intergalactic-control-secondary-info, oklch(0.527 0.264 262.9 / 0.039));
|
|
4
4
|
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
5
5
|
|
|
6
6
|
&:hover {
|
|
7
|
-
background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.
|
|
7
|
+
background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.525 0.265 263 / 0.077));
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
&:active,
|
|
11
11
|
&[active] {
|
|
12
|
-
background-color: var(--intergalactic-control-secondary-info-active, oklch(0.
|
|
12
|
+
background-color: var(--intergalactic-control-secondary-info-active, oklch(0.524 0.266 263.1 / 0.116));
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
|
|
@@ -22,9 +22,9 @@ SWrapper {
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
SWrapper[keyboardFocused]:focus {
|
|
25
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.
|
|
25
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
SCounter {
|
|
29
|
-
background-color: var(--intergalactic-bg-primary-info, oklch(0.64 0.
|
|
29
|
+
background-color: var(--intergalactic-bg-primary-info, oklch(0.64 0.152 276.7));
|
|
30
30
|
}
|
|
@@ -15,7 +15,7 @@ SLinkTrigger {
|
|
|
15
15
|
outline: 0;
|
|
16
16
|
vertical-align: middle;
|
|
17
17
|
cursor: pointer;
|
|
18
|
-
color: var(--intergalactic-text-link, oklch(0.53 0.
|
|
18
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
|
|
19
19
|
background: none;
|
|
20
20
|
transition: color 0.15s ease-in-out;
|
|
21
21
|
border: 0;
|
|
@@ -27,7 +27,7 @@ SLinkTrigger {
|
|
|
27
27
|
&[active],
|
|
28
28
|
&:hover,
|
|
29
29
|
&:active {
|
|
30
|
-
color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.
|
|
30
|
+
color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
|
|
31
31
|
|
|
32
32
|
& SText {
|
|
33
33
|
border-color: currentColor;
|
|
@@ -59,7 +59,7 @@ SLinkTrigger[disabled] {
|
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
SLinkTrigger[keyboardFocused] {
|
|
62
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.
|
|
62
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
|
|
63
63
|
z-index: 1;
|
|
64
64
|
}
|
|
65
65
|
|
package/lib/es6/BaseTrigger.js
CHANGED
|
@@ -18,26 +18,26 @@ 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
20
|
/*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_wi64k_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, rgb(255, 255, 255));font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_wi64k_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_wi64k_gg_:active,.___SBaseTrigger_wi64k_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_wi64k_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_wi64k_gg_.__keyboardFocused_wi64k_gg_{border:1px solid var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469));z-index:1}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_.__keyboardFocused_wi64k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_.__keyboardFocused_wi64k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}@media (hover:hover){.___SBaseTrigger_wi64k_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_wi64k_gg_.__active_wi64k_gg_,.___SBaseTrigger_wi64k_gg_:active{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SBaseTrigger_wi64k_gg_.__disabled_wi64k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_wi64k_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_wi64k_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_wi64k_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_wi64k_gg_{width:12px;height:12px}.___SBaseTrigger_wi64k_gg_._size_m_wi64k_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_wi64k_gg_._size_m_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._size_m_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._size_l_wi64k_gg_ .___SAddon_wi64k_gg_:only-child,.___SBaseTrigger_wi64k_gg_._size_m_wi64k_gg_ .___SAddon_wi64k_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_wi64k_gg_._size_l_wi64k_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_wi64k_gg_._size_l_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._size_l_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._neighborLocation_right_wi64k_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_wi64k_gg_._neighborLocation_both_wi64k_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_wi64k_gg_._neighborLocation_left_wi64k_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_wi64k_gg_.__display-placeholder_wi64k_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_wi64k_gg_._state_valid_wi64k_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_._state_valid_wi64k_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_._state_valid_wi64k_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_.__keyboardFocused_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 2, 7, 0.652))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_.__keyboardFocused_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_.__keyboardFocused_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SInvalidPattern_wi64k_gg_._size_m_wi64k_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_wi64k_gg_._size_l_wi64k_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"wi64k_gg_"),
|
|
22
22
|
/*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"__SBaseTrigger": "
|
|
25
|
-
"_disabled": "
|
|
26
|
-
"__SInner": "
|
|
27
|
-
"__SText": "
|
|
28
|
-
"__SAddon": "
|
|
29
|
-
"__SBaseAddon": "
|
|
30
|
-
"_neighborLocation_right": "
|
|
31
|
-
"_neighborLocation_both": "
|
|
32
|
-
"_neighborLocation_left": "
|
|
33
|
-
"_display-placeholder": "__display-
|
|
34
|
-
"_state_valid": "
|
|
35
|
-
"__SInvalidPattern": "
|
|
36
|
-
"_size_m": "
|
|
37
|
-
"_size_l": "
|
|
38
|
-
"_keyboardFocused": "
|
|
39
|
-
"_active": "
|
|
40
|
-
"_state_invalid": "
|
|
24
|
+
"__SBaseTrigger": "___SBaseTrigger_wi64k_gg_",
|
|
25
|
+
"_disabled": "__disabled_wi64k_gg_",
|
|
26
|
+
"__SInner": "___SInner_wi64k_gg_",
|
|
27
|
+
"__SText": "___SText_wi64k_gg_",
|
|
28
|
+
"__SAddon": "___SAddon_wi64k_gg_",
|
|
29
|
+
"__SBaseAddon": "___SBaseAddon_wi64k_gg_",
|
|
30
|
+
"_neighborLocation_right": "_neighborLocation_right_wi64k_gg_",
|
|
31
|
+
"_neighborLocation_both": "_neighborLocation_both_wi64k_gg_",
|
|
32
|
+
"_neighborLocation_left": "_neighborLocation_left_wi64k_gg_",
|
|
33
|
+
"_display-placeholder": "__display-placeholder_wi64k_gg_",
|
|
34
|
+
"_state_valid": "_state_valid_wi64k_gg_",
|
|
35
|
+
"__SInvalidPattern": "___SInvalidPattern_wi64k_gg_",
|
|
36
|
+
"_size_m": "_size_m_wi64k_gg_",
|
|
37
|
+
"_size_l": "_size_l_wi64k_gg_",
|
|
38
|
+
"_keyboardFocused": "__keyboardFocused_wi64k_gg_",
|
|
39
|
+
"_active": "__active_wi64k_gg_",
|
|
40
|
+
"_state_invalid": "_state_invalid_wi64k_gg_"
|
|
41
41
|
});
|
|
42
42
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
43
43
|
_inherits(RootBaseTrigger, _Component);
|
package/lib/es6/FilterTrigger.js
CHANGED
|
@@ -32,15 +32,15 @@ import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
|
|
|
32
32
|
import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
33
33
|
import { setFocus } from '@semcore/utils/lib/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_130da_gg_.__selected_130da_gg_{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0)){.___SFilterTrigger_130da_gg_.__selected_130da_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SFilterTrigger_130da_gg_.__selected_130da_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31308 0.96324 / 0.039))}}}@media (hover:hover){.___SFilterTrigger_130da_gg_.__selected_130da_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0)){.___SFilterTrigger_130da_gg_.__selected_130da_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SFilterTrigger_130da_gg_.__selected_130da_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12403 0.30857 0.96259 / 0.077))}}}}.___SFilterTrigger_130da_gg_.__selected_130da_gg_.__active_130da_gg_,.___SFilterTrigger_130da_gg_.__selected_130da_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0)){.___SFilterTrigger_130da_gg_.__selected_130da_gg_.__active_130da_gg_,.___SFilterTrigger_130da_gg_.__selected_130da_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SFilterTrigger_130da_gg_.__selected_130da_gg_.__active_130da_gg_,.___SFilterTrigger_130da_gg_.__selected_130da_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SWrapper_130da_gg_{display:inline-flex}.___SWrapper_130da_gg_:focus{outline:0}.___SWrapper_130da_gg_.__keyboardFocused_130da_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@supports (color:color(display-p3 0 0 0)){.___SWrapper_130da_gg_.__keyboardFocused_130da_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SWrapper_130da_gg_.__keyboardFocused_130da_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SCounter_130da_gg_{background-color:var(--intergalactic-bg-primary-info, rgb(118, 128, 231))}", /*__inner_css_end__*/"130da_gg_"),
|
|
36
36
|
/*__reshadow_css_end__*/
|
|
37
37
|
{
|
|
38
|
-
"__SWrapper": "
|
|
39
|
-
"_keyboardFocused": "
|
|
40
|
-
"__SCounter": "
|
|
41
|
-
"__SFilterTrigger": "
|
|
42
|
-
"_selected": "
|
|
43
|
-
"_active": "
|
|
38
|
+
"__SWrapper": "___SWrapper_130da_gg_",
|
|
39
|
+
"_keyboardFocused": "__keyboardFocused_130da_gg_",
|
|
40
|
+
"__SCounter": "___SCounter_130da_gg_",
|
|
41
|
+
"__SFilterTrigger": "___SFilterTrigger_130da_gg_",
|
|
42
|
+
"_selected": "__selected_130da_gg_",
|
|
43
|
+
"_active": "__active_130da_gg_"
|
|
44
44
|
});
|
|
45
45
|
import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
|
|
46
46
|
import { Hint } from '@semcore/tooltip';
|
package/lib/es6/LinkTrigger.js
CHANGED
|
@@ -17,20 +17,20 @@ 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__*/".
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1qnez_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, rgb(35, 95, 226));background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1qnez_gg_:focus{outline:0}.___SLinkTrigger_1qnez_gg_.__active_1qnez_gg_,.___SLinkTrigger_1qnez_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SLinkTrigger_1qnez_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SLinkTrigger_1qnez_gg_.__active_1qnez_gg_ .___SText_1qnez_gg_,.___SLinkTrigger_1qnez_gg_:active .___SText_1qnez_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1qnez_gg_:hover .___SText_1qnez_gg_{border-color:currentColor}}.___SLinkTrigger_1qnez_gg_ .___SText_1qnez_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_1qnez_gg_.__color_1qnez_gg_{color:var(--color_1qnez)}@media (hover:hover){.___SLinkTrigger_1qnez_gg_.__color_1qnez_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1qnez_gg_.__disabled_1qnez_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SLinkTrigger_1qnez_gg_.__keyboardFocused_1qnez_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469));z-index:1}@supports (color:color(display-p3 0 0 0)){.___SLinkTrigger_1qnez_gg_.__keyboardFocused_1qnez_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SLinkTrigger_1qnez_gg_.__keyboardFocused_1qnez_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SAddon_1qnez_gg_,.___SLinkAddon_1qnez_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1qnez_gg_:not(:only-child):first-child,.___SLinkAddon_1qnez_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1qnez_gg_:not(:only-child):last-child,.___SLinkAddon_1qnez_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1qnez_gg_{width:16px;height:16px}.___SLinkTrigger_1qnez_gg_._size_m_1qnez_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1qnez_gg_._size_l_1qnez_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1qnez_gg_,.___SLinkTrigger_1qnez_gg_ .___SText_1qnez_gg_{transition:none}}", /*__inner_css_end__*/"1qnez_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SLinkTrigger": "
|
|
24
|
-
"_disabled": "
|
|
25
|
-
"_keyboardFocused": "
|
|
26
|
-
"__SLinkAddon": "
|
|
27
|
-
"_size_m": "
|
|
28
|
-
"_size_l": "
|
|
29
|
-
"_active": "
|
|
30
|
-
"__SText": "
|
|
31
|
-
"_color": "
|
|
32
|
-
"--color": "--
|
|
33
|
-
"__SAddon": "
|
|
23
|
+
"__SLinkTrigger": "___SLinkTrigger_1qnez_gg_",
|
|
24
|
+
"_disabled": "__disabled_1qnez_gg_",
|
|
25
|
+
"_keyboardFocused": "__keyboardFocused_1qnez_gg_",
|
|
26
|
+
"__SLinkAddon": "___SLinkAddon_1qnez_gg_",
|
|
27
|
+
"_size_m": "_size_m_1qnez_gg_",
|
|
28
|
+
"_size_l": "_size_l_1qnez_gg_",
|
|
29
|
+
"_active": "__active_1qnez_gg_",
|
|
30
|
+
"__SText": "___SText_1qnez_gg_",
|
|
31
|
+
"_color": "__color_1qnez_gg_",
|
|
32
|
+
"--color": "--color_1qnez",
|
|
33
|
+
"__SAddon": "___SAddon_1qnez_gg_"
|
|
34
34
|
});
|
|
35
35
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
36
36
|
_inherits(RootLinkTrigger, _Component);
|
|
@@ -39,8 +39,8 @@ SBaseTrigger {
|
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
&[keyboardFocused] {
|
|
42
|
-
border: 1px solid var(--intergalactic-border-info-active, oklch(0.
|
|
43
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.
|
|
42
|
+
border: 1px solid var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
|
|
43
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
|
|
44
44
|
z-index: 1;
|
|
45
45
|
}
|
|
46
46
|
|
|
@@ -50,7 +50,7 @@ SBaseTrigger {
|
|
|
50
50
|
|
|
51
51
|
&:active,
|
|
52
52
|
&[active] {
|
|
53
|
-
border-color: var(--intergalactic-border-info-active, oklch(0.
|
|
53
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
|
|
54
54
|
background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
55
55
|
}
|
|
56
56
|
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
SFilterTrigger[selected] {
|
|
2
|
-
border-color: var(--intergalactic-border-info-active, oklch(0.
|
|
3
|
-
background-color: var(--intergalactic-control-secondary-info, oklch(0.
|
|
2
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
|
|
3
|
+
background-color: var(--intergalactic-control-secondary-info, oklch(0.527 0.264 262.9 / 0.039));
|
|
4
4
|
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
5
5
|
|
|
6
6
|
&:hover {
|
|
7
|
-
background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.
|
|
7
|
+
background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.525 0.265 263 / 0.077));
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
&:active,
|
|
11
11
|
&[active] {
|
|
12
|
-
background-color: var(--intergalactic-control-secondary-info-active, oklch(0.
|
|
12
|
+
background-color: var(--intergalactic-control-secondary-info-active, oklch(0.524 0.266 263.1 / 0.116));
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
|
|
@@ -22,9 +22,9 @@ SWrapper {
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
SWrapper[keyboardFocused]:focus {
|
|
25
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.
|
|
25
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
SCounter {
|
|
29
|
-
background-color: var(--intergalactic-bg-primary-info, oklch(0.64 0.
|
|
29
|
+
background-color: var(--intergalactic-bg-primary-info, oklch(0.64 0.152 276.7));
|
|
30
30
|
}
|
|
@@ -15,7 +15,7 @@ SLinkTrigger {
|
|
|
15
15
|
outline: 0;
|
|
16
16
|
vertical-align: middle;
|
|
17
17
|
cursor: pointer;
|
|
18
|
-
color: var(--intergalactic-text-link, oklch(0.53 0.
|
|
18
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
|
|
19
19
|
background: none;
|
|
20
20
|
transition: color 0.15s ease-in-out;
|
|
21
21
|
border: 0;
|
|
@@ -27,7 +27,7 @@ SLinkTrigger {
|
|
|
27
27
|
&[active],
|
|
28
28
|
&:hover,
|
|
29
29
|
&:active {
|
|
30
|
-
color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.
|
|
30
|
+
color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
|
|
31
31
|
|
|
32
32
|
& SText {
|
|
33
33
|
border-color: currentColor;
|
|
@@ -59,7 +59,7 @@ SLinkTrigger[disabled] {
|
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
SLinkTrigger[keyboardFocused] {
|
|
62
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.
|
|
62
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
|
|
63
63
|
z-index: 1;
|
|
64
64
|
}
|
|
65
65
|
|
package/lib/esm/BaseTrigger.mjs
CHANGED
|
@@ -19,28 +19,28 @@ var style = (
|
|
|
19
19
|
/*__reshadow_css_start__*/
|
|
20
20
|
(sstyled.insert(
|
|
21
21
|
/*__inner_css_start__*/
|
|
22
|
-
".
|
|
22
|
+
".___SBaseTrigger_wi64k_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, rgb(255, 255, 255));font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_wi64k_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_wi64k_gg_:active,.___SBaseTrigger_wi64k_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_wi64k_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_wi64k_gg_.__keyboardFocused_wi64k_gg_{border:1px solid var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469));z-index:1}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_.__keyboardFocused_wi64k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_.__keyboardFocused_wi64k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}@media (hover:hover){.___SBaseTrigger_wi64k_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_wi64k_gg_.__active_wi64k_gg_,.___SBaseTrigger_wi64k_gg_:active{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SBaseTrigger_wi64k_gg_.__disabled_wi64k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_wi64k_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_wi64k_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_wi64k_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_wi64k_gg_{width:12px;height:12px}.___SBaseTrigger_wi64k_gg_._size_m_wi64k_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_wi64k_gg_._size_m_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._size_m_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._size_l_wi64k_gg_ .___SAddon_wi64k_gg_:only-child,.___SBaseTrigger_wi64k_gg_._size_m_wi64k_gg_ .___SAddon_wi64k_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_wi64k_gg_._size_l_wi64k_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_wi64k_gg_._size_l_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._size_l_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._neighborLocation_right_wi64k_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_wi64k_gg_._neighborLocation_both_wi64k_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_wi64k_gg_._neighborLocation_left_wi64k_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_wi64k_gg_.__display-placeholder_wi64k_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_wi64k_gg_._state_valid_wi64k_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_._state_valid_wi64k_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_._state_valid_wi64k_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_.__keyboardFocused_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 2, 7, 0.652))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_.__keyboardFocused_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_.__keyboardFocused_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SInvalidPattern_wi64k_gg_._size_m_wi64k_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_wi64k_gg_._size_l_wi64k_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}",
|
|
23
23
|
/*__inner_css_end__*/
|
|
24
|
-
"
|
|
24
|
+
"wi64k_gg_"
|
|
25
25
|
), /*__reshadow_css_end__*/
|
|
26
26
|
{
|
|
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": "
|
|
27
|
+
"__SBaseTrigger": "___SBaseTrigger_wi64k_gg_",
|
|
28
|
+
"_disabled": "__disabled_wi64k_gg_",
|
|
29
|
+
"__SInner": "___SInner_wi64k_gg_",
|
|
30
|
+
"__SText": "___SText_wi64k_gg_",
|
|
31
|
+
"__SAddon": "___SAddon_wi64k_gg_",
|
|
32
|
+
"__SBaseAddon": "___SBaseAddon_wi64k_gg_",
|
|
33
|
+
"_neighborLocation_right": "_neighborLocation_right_wi64k_gg_",
|
|
34
|
+
"_neighborLocation_both": "_neighborLocation_both_wi64k_gg_",
|
|
35
|
+
"_neighborLocation_left": "_neighborLocation_left_wi64k_gg_",
|
|
36
|
+
"_display-placeholder": "__display-placeholder_wi64k_gg_",
|
|
37
|
+
"_state_valid": "_state_valid_wi64k_gg_",
|
|
38
|
+
"__SInvalidPattern": "___SInvalidPattern_wi64k_gg_",
|
|
39
|
+
"_size_m": "_size_m_wi64k_gg_",
|
|
40
|
+
"_size_l": "_size_l_wi64k_gg_",
|
|
41
|
+
"_keyboardFocused": "__keyboardFocused_wi64k_gg_",
|
|
42
|
+
"_active": "__active_wi64k_gg_",
|
|
43
|
+
"_state_invalid": "_state_invalid_wi64k_gg_"
|
|
44
44
|
})
|
|
45
45
|
);
|
|
46
46
|
var RootBaseTrigger = /* @__PURE__ */ function(_Component) {
|
|
@@ -35,17 +35,17 @@ var style = (
|
|
|
35
35
|
/*__reshadow_css_start__*/
|
|
36
36
|
(sstyled.insert(
|
|
37
37
|
/*__inner_css_start__*/
|
|
38
|
-
".
|
|
38
|
+
".___SFilterTrigger_130da_gg_.__selected_130da_gg_{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0)){.___SFilterTrigger_130da_gg_.__selected_130da_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SFilterTrigger_130da_gg_.__selected_130da_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31308 0.96324 / 0.039))}}}@media (hover:hover){.___SFilterTrigger_130da_gg_.__selected_130da_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0)){.___SFilterTrigger_130da_gg_.__selected_130da_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SFilterTrigger_130da_gg_.__selected_130da_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12403 0.30857 0.96259 / 0.077))}}}}.___SFilterTrigger_130da_gg_.__selected_130da_gg_.__active_130da_gg_,.___SFilterTrigger_130da_gg_.__selected_130da_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0)){.___SFilterTrigger_130da_gg_.__selected_130da_gg_.__active_130da_gg_,.___SFilterTrigger_130da_gg_.__selected_130da_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SFilterTrigger_130da_gg_.__selected_130da_gg_.__active_130da_gg_,.___SFilterTrigger_130da_gg_.__selected_130da_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SWrapper_130da_gg_{display:inline-flex}.___SWrapper_130da_gg_:focus{outline:0}.___SWrapper_130da_gg_.__keyboardFocused_130da_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@supports (color:color(display-p3 0 0 0)){.___SWrapper_130da_gg_.__keyboardFocused_130da_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SWrapper_130da_gg_.__keyboardFocused_130da_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SCounter_130da_gg_{background-color:var(--intergalactic-bg-primary-info, rgb(118, 128, 231))}",
|
|
39
39
|
/*__inner_css_end__*/
|
|
40
|
-
"
|
|
40
|
+
"130da_gg_"
|
|
41
41
|
), /*__reshadow_css_end__*/
|
|
42
42
|
{
|
|
43
|
-
"__SWrapper": "
|
|
44
|
-
"_keyboardFocused": "
|
|
45
|
-
"__SCounter": "
|
|
46
|
-
"__SFilterTrigger": "
|
|
47
|
-
"_selected": "
|
|
48
|
-
"_active": "
|
|
43
|
+
"__SWrapper": "___SWrapper_130da_gg_",
|
|
44
|
+
"_keyboardFocused": "__keyboardFocused_130da_gg_",
|
|
45
|
+
"__SCounter": "___SCounter_130da_gg_",
|
|
46
|
+
"__SFilterTrigger": "___SFilterTrigger_130da_gg_",
|
|
47
|
+
"_selected": "__selected_130da_gg_",
|
|
48
|
+
"_active": "__active_130da_gg_"
|
|
49
49
|
})
|
|
50
50
|
);
|
|
51
51
|
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
|
@@ -18,22 +18,22 @@ var style = (
|
|
|
18
18
|
/*__reshadow_css_start__*/
|
|
19
19
|
(sstyled.insert(
|
|
20
20
|
/*__inner_css_start__*/
|
|
21
|
-
".
|
|
21
|
+
".___SLinkTrigger_1qnez_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, rgb(35, 95, 226));background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1qnez_gg_:focus{outline:0}.___SLinkTrigger_1qnez_gg_.__active_1qnez_gg_,.___SLinkTrigger_1qnez_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SLinkTrigger_1qnez_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SLinkTrigger_1qnez_gg_.__active_1qnez_gg_ .___SText_1qnez_gg_,.___SLinkTrigger_1qnez_gg_:active .___SText_1qnez_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1qnez_gg_:hover .___SText_1qnez_gg_{border-color:currentColor}}.___SLinkTrigger_1qnez_gg_ .___SText_1qnez_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_1qnez_gg_.__color_1qnez_gg_{color:var(--color_1qnez)}@media (hover:hover){.___SLinkTrigger_1qnez_gg_.__color_1qnez_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1qnez_gg_.__disabled_1qnez_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SLinkTrigger_1qnez_gg_.__keyboardFocused_1qnez_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469));z-index:1}@supports (color:color(display-p3 0 0 0)){.___SLinkTrigger_1qnez_gg_.__keyboardFocused_1qnez_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SLinkTrigger_1qnez_gg_.__keyboardFocused_1qnez_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SAddon_1qnez_gg_,.___SLinkAddon_1qnez_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1qnez_gg_:not(:only-child):first-child,.___SLinkAddon_1qnez_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1qnez_gg_:not(:only-child):last-child,.___SLinkAddon_1qnez_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1qnez_gg_{width:16px;height:16px}.___SLinkTrigger_1qnez_gg_._size_m_1qnez_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1qnez_gg_._size_l_1qnez_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1qnez_gg_,.___SLinkTrigger_1qnez_gg_ .___SText_1qnez_gg_{transition:none}}",
|
|
22
22
|
/*__inner_css_end__*/
|
|
23
|
-
"
|
|
23
|
+
"1qnez_gg_"
|
|
24
24
|
), /*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SLinkTrigger": "
|
|
27
|
-
"_disabled": "
|
|
28
|
-
"_keyboardFocused": "
|
|
29
|
-
"__SLinkAddon": "
|
|
30
|
-
"_size_m": "
|
|
31
|
-
"_size_l": "
|
|
32
|
-
"_active": "
|
|
33
|
-
"__SText": "
|
|
34
|
-
"_color": "
|
|
35
|
-
"--color": "--
|
|
36
|
-
"__SAddon": "
|
|
26
|
+
"__SLinkTrigger": "___SLinkTrigger_1qnez_gg_",
|
|
27
|
+
"_disabled": "__disabled_1qnez_gg_",
|
|
28
|
+
"_keyboardFocused": "__keyboardFocused_1qnez_gg_",
|
|
29
|
+
"__SLinkAddon": "___SLinkAddon_1qnez_gg_",
|
|
30
|
+
"_size_m": "_size_m_1qnez_gg_",
|
|
31
|
+
"_size_l": "_size_l_1qnez_gg_",
|
|
32
|
+
"_active": "__active_1qnez_gg_",
|
|
33
|
+
"__SText": "___SText_1qnez_gg_",
|
|
34
|
+
"_color": "__color_1qnez_gg_",
|
|
35
|
+
"--color": "--color_1qnez",
|
|
36
|
+
"__SAddon": "___SAddon_1qnez_gg_"
|
|
37
37
|
})
|
|
38
38
|
);
|
|
39
39
|
var RootLinkTrigger = /* @__PURE__ */ function(_Component) {
|
|
@@ -39,8 +39,8 @@ SBaseTrigger {
|
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
&[keyboardFocused] {
|
|
42
|
-
border: 1px solid var(--intergalactic-border-info-active, oklch(0.
|
|
43
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.
|
|
42
|
+
border: 1px solid var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
|
|
43
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
|
|
44
44
|
z-index: 1;
|
|
45
45
|
}
|
|
46
46
|
|
|
@@ -50,7 +50,7 @@ SBaseTrigger {
|
|
|
50
50
|
|
|
51
51
|
&:active,
|
|
52
52
|
&[active] {
|
|
53
|
-
border-color: var(--intergalactic-border-info-active, oklch(0.
|
|
53
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
|
|
54
54
|
background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
55
55
|
}
|
|
56
56
|
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
SFilterTrigger[selected] {
|
|
2
|
-
border-color: var(--intergalactic-border-info-active, oklch(0.
|
|
3
|
-
background-color: var(--intergalactic-control-secondary-info, oklch(0.
|
|
2
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
|
|
3
|
+
background-color: var(--intergalactic-control-secondary-info, oklch(0.527 0.264 262.9 / 0.039));
|
|
4
4
|
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
5
5
|
|
|
6
6
|
&:hover {
|
|
7
|
-
background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.
|
|
7
|
+
background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.525 0.265 263 / 0.077));
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
&:active,
|
|
11
11
|
&[active] {
|
|
12
|
-
background-color: var(--intergalactic-control-secondary-info-active, oklch(0.
|
|
12
|
+
background-color: var(--intergalactic-control-secondary-info-active, oklch(0.524 0.266 263.1 / 0.116));
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
|
|
@@ -22,9 +22,9 @@ SWrapper {
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
SWrapper[keyboardFocused]:focus {
|
|
25
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.
|
|
25
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
SCounter {
|
|
29
|
-
background-color: var(--intergalactic-bg-primary-info, oklch(0.64 0.
|
|
29
|
+
background-color: var(--intergalactic-bg-primary-info, oklch(0.64 0.152 276.7));
|
|
30
30
|
}
|
|
@@ -15,7 +15,7 @@ SLinkTrigger {
|
|
|
15
15
|
outline: 0;
|
|
16
16
|
vertical-align: middle;
|
|
17
17
|
cursor: pointer;
|
|
18
|
-
color: var(--intergalactic-text-link, oklch(0.53 0.
|
|
18
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
|
|
19
19
|
background: none;
|
|
20
20
|
transition: color 0.15s ease-in-out;
|
|
21
21
|
border: 0;
|
|
@@ -27,7 +27,7 @@ SLinkTrigger {
|
|
|
27
27
|
&[active],
|
|
28
28
|
&:hover,
|
|
29
29
|
&:active {
|
|
30
|
-
color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.
|
|
30
|
+
color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
|
|
31
31
|
|
|
32
32
|
& SText {
|
|
33
33
|
border-color: currentColor;
|
|
@@ -59,7 +59,7 @@ SLinkTrigger[disabled] {
|
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
SLinkTrigger[keyboardFocused] {
|
|
62
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.
|
|
62
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
|
|
63
63
|
z-index: 1;
|
|
64
64
|
}
|
|
65
65
|
|
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.54.0-prerelease.
|
|
4
|
+
"version": "4.54.0-prerelease.4",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,16 +14,16 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/dot": "5.41.0-prerelease.
|
|
18
|
-
"@semcore/flex-box": "5.42.0-prerelease.
|
|
19
|
-
"@semcore/icon": "4.63.0-prerelease.
|
|
20
|
-
"@semcore/neighbor-location": "4.41.0-prerelease.
|
|
21
|
-
"@semcore/spin": "5.42.0-prerelease.
|
|
22
|
-
"@semcore/utils": "4.49.0-prerelease.
|
|
23
|
-
"@semcore/tooltip": "6.50.0-prerelease.
|
|
17
|
+
"@semcore/dot": "5.41.0-prerelease.4",
|
|
18
|
+
"@semcore/flex-box": "5.42.0-prerelease.4",
|
|
19
|
+
"@semcore/icon": "4.63.0-prerelease.4",
|
|
20
|
+
"@semcore/neighbor-location": "4.41.0-prerelease.4",
|
|
21
|
+
"@semcore/spin": "5.42.0-prerelease.4",
|
|
22
|
+
"@semcore/utils": "4.49.0-prerelease.4",
|
|
23
|
+
"@semcore/tooltip": "6.50.0-prerelease.4"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@semcore/core": "^2.40.0-prerelease.
|
|
26
|
+
"@semcore/core": "^2.40.0-prerelease.4",
|
|
27
27
|
"react": "16.8 - 18",
|
|
28
28
|
"react-dom": "16.8 - 18"
|
|
29
29
|
},
|