New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@semcore/base-trigger

Package Overview
Dependencies
Maintainers
1
Versions
365
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@semcore/base-trigger - npm Package Compare versions

Comparing version 3.1.0 to 3.2.0

7

CHANGELOG.md

@@ -5,2 +5,9 @@ # Changelog

## [3.2.0] - 2022-10-10
### Changed
- Added support for React 18 🔥
- Extended version range for dependency `@semcore/icons`.
## [3.1.0] - 2022-10-07

@@ -7,0 +14,0 @@

38

lib/cjs/BaseTrigger.js

@@ -55,24 +55,24 @@ "use strict";

/*__inner_css_start__*/
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SBaseTrigger_xbf7i_gg_ {\n display: inline-block;\n align-items: center;\n justify-content: center;\n line-height: normal;\n position: relative;\n touch-action: manipulation;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n box-shadow: none;\n outline: none;\n text-decoration: none;\n -webkit-tap-highlight-color: transparent;\n overflow: visible;\n outline: 0;\n text-align: center;\n vertical-align: middle;\n font-family: Inter, sans-serif;\n cursor: pointer;\n\n background: #ffffff;\n\n font-weight: 400;\n border: 1px solid #c4c7cf;\n color: #191b23\n}\n\n.___SBaseTrigger_xbf7i_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SBaseTrigger_xbf7i_gg_:active,\n .___SBaseTrigger_xbf7i_gg_:hover,\n .___SBaseTrigger_xbf7i_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SBaseTrigger_xbf7i_gg_.__keyboardFocused_xbf7i_gg_ {\n border: 1px solid #008ff8;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SBaseTrigger_xbf7i_gg_:hover {\n background-color: rgba(138, 142, 155, 0.2);\n }\n\n.___SBaseTrigger_xbf7i_gg_:active,\n .___SBaseTrigger_xbf7i_gg_.__active_xbf7i_gg_ {\n background-color: rgba(138, 142, 155, 0.3);\n }\n\n.___SBaseTrigger_xbf7i_gg_.__disabled_xbf7i_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none; /* Disable link interactions */\n}\n\n.___SBaseTrigger_xbf7i_gg_.__keyboardFocused_xbf7i_gg_ {\n z-index: 1;\n}\n\n.___SInner_xbf7i_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n}\n\n.___SText_xbf7i_gg_ {\n display: inline;\n padding: 1px 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n line-height: 1.42;\n flex-grow: 1;\n text-align: left;\n}\n\n.___SAddon_xbf7i_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.___SBaseAddon_xbf7i_gg_ {\n width: 12px;\n height: 12px;\n}\n\n.___SBaseTrigger_xbf7i_gg_._size_m_xbf7i_gg_ {\n min-width: 26px;\n height: 28px;\n border-radius: 6px;\n padding: 0 8px;\n font-size: 14px\n}\n\n.___SBaseTrigger_xbf7i_gg_._size_m_xbf7i_gg_ .___SAddon_xbf7i_gg_:not(:only-child):first-child {\n margin-right: 8px;\n }\n\n.___SBaseTrigger_xbf7i_gg_._size_m_xbf7i_gg_ .___SAddon_xbf7i_gg_:not(:only-child):last-child {\n margin-left: 8px;\n }\n\n.___SBaseTrigger_xbf7i_gg_._size_m_xbf7i_gg_ .___SAddon_xbf7i_gg_:only-child {\n margin-left: -4px;\n margin-right: -4px;\n }\n\n.___SBaseTrigger_xbf7i_gg_._size_l_xbf7i_gg_ {\n min-width: 32px;\n height: 40px;\n border-radius: 6px;\n padding: 0 12px;\n font-size: 16px\n}\n\n.___SBaseTrigger_xbf7i_gg_._size_l_xbf7i_gg_ .___SAddon_xbf7i_gg_:not(:only-child):first-child {\n margin-right: 8px;\n }\n\n.___SBaseTrigger_xbf7i_gg_._size_l_xbf7i_gg_ .___SAddon_xbf7i_gg_:not(:only-child):last-child {\n margin-left: 8px;\n }\n\n.___SBaseTrigger_xbf7i_gg_._size_l_xbf7i_gg_ .___SAddon_xbf7i_gg_:only-child {\n margin-left: -4px;\n margin-right: -4px;\n }\n\n.___SBaseTrigger_xbf7i_gg_._neighborLocation_right_xbf7i_gg_ {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.___SBaseTrigger_xbf7i_gg_._neighborLocation_both_xbf7i_gg_ {\n border-radius: 0;\n margin-left: -1px;\n}\n\n.___SBaseTrigger_xbf7i_gg_._neighborLocation_left_xbf7i_gg_ {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n margin-left: -1px;\n}\n\n.___SText_xbf7i_gg_.__placeholder_xbf7i_gg_ {\n color: #a9abb6;\n}\n\n.___SBaseTrigger_xbf7i_gg_._state_normal_xbf7i_gg_ {\n border-color: #c4c7cf;\n}\n\n.___SBaseTrigger_xbf7i_gg_._state_valid_xbf7i_gg_ {\n border-color: #59ddaa;\n}\n\n.___SBaseTrigger_xbf7i_gg_._state_invalid_xbf7i_gg_ {\n border-color: #ffaeb5\n}\n\n.___SBaseTrigger_xbf7i_gg_._state_invalid_xbf7i_gg_.__keyboardFocused_xbf7i_gg_ {\n border-color: #ff642d;\n box-shadow: 0 0 0 3px rgba(255, 100, 45, 0.3);\n }\n"
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SBaseTrigger_157ei_gg_ {\n display: inline-block;\n align-items: center;\n justify-content: center;\n line-height: normal;\n position: relative;\n touch-action: manipulation;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n box-shadow: none;\n outline: none;\n text-decoration: none;\n -webkit-tap-highlight-color: transparent;\n overflow: visible;\n outline: 0;\n text-align: center;\n vertical-align: middle;\n font-family: Inter, sans-serif;\n cursor: pointer;\n\n background: #ffffff;\n\n font-weight: 400;\n border: 1px solid #c4c7cf;\n color: #191b23\n}\n\n.___SBaseTrigger_157ei_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SBaseTrigger_157ei_gg_:active,\n .___SBaseTrigger_157ei_gg_:hover,\n .___SBaseTrigger_157ei_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SBaseTrigger_157ei_gg_.__keyboardFocused_157ei_gg_ {\n border: 1px solid #008ff8;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SBaseTrigger_157ei_gg_:hover {\n background-color: rgba(138, 142, 155, 0.2);\n }\n\n.___SBaseTrigger_157ei_gg_:active,\n .___SBaseTrigger_157ei_gg_.__active_157ei_gg_ {\n background-color: rgba(138, 142, 155, 0.3);\n }\n\n.___SBaseTrigger_157ei_gg_.__disabled_157ei_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none; /* Disable link interactions */\n}\n\n.___SBaseTrigger_157ei_gg_.__keyboardFocused_157ei_gg_ {\n z-index: 1;\n}\n\n.___SInner_157ei_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n}\n\n.___SText_157ei_gg_ {\n display: inline;\n padding: 1px 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n line-height: 1.42;\n flex-grow: 1;\n text-align: left;\n}\n\n.___SAddon_157ei_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.___SBaseAddon_157ei_gg_ {\n width: 12px;\n height: 12px;\n}\n\n.___SBaseTrigger_157ei_gg_._size_m_157ei_gg_ {\n min-width: 26px;\n height: 28px;\n border-radius: 6px;\n padding: 0 8px;\n font-size: 14px\n}\n\n.___SBaseTrigger_157ei_gg_._size_m_157ei_gg_ .___SAddon_157ei_gg_:not(:only-child):first-child {\n margin-right: 8px;\n }\n\n.___SBaseTrigger_157ei_gg_._size_m_157ei_gg_ .___SAddon_157ei_gg_:not(:only-child):last-child {\n margin-left: 8px;\n }\n\n.___SBaseTrigger_157ei_gg_._size_m_157ei_gg_ .___SAddon_157ei_gg_:only-child {\n margin-left: -4px;\n margin-right: -4px;\n }\n\n.___SBaseTrigger_157ei_gg_._size_l_157ei_gg_ {\n min-width: 32px;\n height: 40px;\n border-radius: 6px;\n padding: 0 12px;\n font-size: 16px\n}\n\n.___SBaseTrigger_157ei_gg_._size_l_157ei_gg_ .___SAddon_157ei_gg_:not(:only-child):first-child {\n margin-right: 8px;\n }\n\n.___SBaseTrigger_157ei_gg_._size_l_157ei_gg_ .___SAddon_157ei_gg_:not(:only-child):last-child {\n margin-left: 8px;\n }\n\n.___SBaseTrigger_157ei_gg_._size_l_157ei_gg_ .___SAddon_157ei_gg_:only-child {\n margin-left: -4px;\n margin-right: -4px;\n }\n\n.___SBaseTrigger_157ei_gg_._neighborLocation_right_157ei_gg_ {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.___SBaseTrigger_157ei_gg_._neighborLocation_both_157ei_gg_ {\n border-radius: 0;\n margin-left: -1px;\n}\n\n.___SBaseTrigger_157ei_gg_._neighborLocation_left_157ei_gg_ {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n margin-left: -1px;\n}\n\n.___SText_157ei_gg_.__placeholder_157ei_gg_ {\n color: #a9abb6;\n}\n\n.___SBaseTrigger_157ei_gg_._state_normal_157ei_gg_ {\n border-color: #c4c7cf;\n}\n\n.___SBaseTrigger_157ei_gg_._state_valid_157ei_gg_ {\n border-color: #59ddaa;\n}\n\n.___SBaseTrigger_157ei_gg_._state_invalid_157ei_gg_ {\n border-color: #ffaeb5\n}\n\n.___SBaseTrigger_157ei_gg_._state_invalid_157ei_gg_.__keyboardFocused_157ei_gg_ {\n border-color: #ff642d;\n box-shadow: 0 0 0 3px rgba(255, 100, 45, 0.3);\n }\n"
/*__inner_css_end__*/
, "xbf7i_gg_")
, "157ei_gg_")
/*__reshadow_css_end__*/
, {
"__SBaseTrigger": "___SBaseTrigger_xbf7i_gg_",
"_keyboardFocused": "__keyboardFocused_xbf7i_gg_",
"_active": "__active_xbf7i_gg_",
"_disabled": "__disabled_xbf7i_gg_",
"__SInner": "___SInner_xbf7i_gg_",
"__SText": "___SText_xbf7i_gg_",
"__SAddon": "___SAddon_xbf7i_gg_",
"__SBaseAddon": "___SBaseAddon_xbf7i_gg_",
"_size_m": "_size_m_xbf7i_gg_",
"_size_l": "_size_l_xbf7i_gg_",
"_neighborLocation_right": "_neighborLocation_right_xbf7i_gg_",
"_neighborLocation_both": "_neighborLocation_both_xbf7i_gg_",
"_neighborLocation_left": "_neighborLocation_left_xbf7i_gg_",
"_placeholder": "__placeholder_xbf7i_gg_",
"_state_normal": "_state_normal_xbf7i_gg_",
"_state_valid": "_state_valid_xbf7i_gg_",
"_state_invalid": "_state_invalid_xbf7i_gg_"
"__SBaseTrigger": "___SBaseTrigger_157ei_gg_",
"_keyboardFocused": "__keyboardFocused_157ei_gg_",
"_active": "__active_157ei_gg_",
"_disabled": "__disabled_157ei_gg_",
"__SInner": "___SInner_157ei_gg_",
"__SText": "___SText_157ei_gg_",
"__SAddon": "___SAddon_157ei_gg_",
"__SBaseAddon": "___SBaseAddon_157ei_gg_",
"_size_m": "_size_m_157ei_gg_",
"_size_l": "_size_l_157ei_gg_",
"_neighborLocation_right": "_neighborLocation_right_157ei_gg_",
"_neighborLocation_both": "_neighborLocation_both_157ei_gg_",
"_neighborLocation_left": "_neighborLocation_left_157ei_gg_",
"_placeholder": "__placeholder_157ei_gg_",
"_state_normal": "_state_normal_157ei_gg_",
"_state_valid": "_state_valid_157ei_gg_",
"_state_invalid": "_state_invalid_157ei_gg_"
});

@@ -79,0 +79,0 @@

@@ -49,9 +49,9 @@ "use strict";

/*__inner_css_start__*/
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SButtonAddon_14eh9_gg_ {\n width: 12px;\n height: 12px;\n}\n\n.___SButtonTriggerSpin_14eh9_gg_ {\n fill: #6c6e79;\n}\n"
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SButtonAddon_1130f_gg_ {\n width: 12px;\n height: 12px;\n}\n\n.___SButtonTriggerSpin_1130f_gg_ {\n fill: #6c6e79;\n}\n"
/*__inner_css_end__*/
, "14eh9_gg_")
, "1130f_gg_")
/*__reshadow_css_end__*/
, {
"__SButtonAddon": "___SButtonAddon_14eh9_gg_",
"__SButtonTriggerSpin": "___SButtonTriggerSpin_14eh9_gg_"
"__SButtonAddon": "___SButtonAddon_1130f_gg_",
"__SButtonTriggerSpin": "___SButtonTriggerSpin_1130f_gg_"
});

@@ -58,0 +58,0 @@

@@ -63,21 +63,21 @@ "use strict";

/*__inner_css_start__*/
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SButtonTrigger_1apnu_gg_ {\n border: 1px solid #c4c7cf;\n background: #ffffff;\n color: #191b23\n}\n\n.___SButtonTrigger_1apnu_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SButtonTrigger_1apnu_gg_:active,\n .___SButtonTrigger_1apnu_gg_:hover,\n .___SButtonTrigger_1apnu_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SButtonTrigger_1apnu_gg_:active,\n .___SButtonTrigger_1apnu_gg_:hover,\n .___SButtonTrigger_1apnu_gg_.__active_1apnu_gg_ {\n background-color: rgba(138, 142, 155, 0.2);\n }\n\n.___SButtonTrigger_1apnu_gg_._size_m_1apnu_gg_ {\n min-width: 26px;\n height: 28px;\n border-radius: 6px;\n font-size: 14px;\n}\n\n.___SButtonTrigger_1apnu_gg_._size_l_1apnu_gg_ {\n min-width: 32px;\n height: 40px;\n border-radius: 6px;\n font-size: 16px;\n}\n\n.___SText_1apnu_gg_.__placeholder_1apnu_gg_ {\n color: #a9abb6;\n}\n\n.___SButtonTrigger_1apnu_gg_._state_normal_1apnu_gg_ {\n border-color: #c4c7cf;\n}\n\n.___SButtonTrigger_1apnu_gg_._state_valid_1apnu_gg_ {\n border-color: #59ddaa;\n}\n\n.___SButtonTrigger_1apnu_gg_._state_invalid_1apnu_gg_ {\n border-color: #ffaeb5;\n}\n\n.___SFilterTrigger_1apnu_gg_.__selected_1apnu_gg_ {\n border-color: #008ff8;\n background-color: rgba(0, 143, 248, 0.2);\n color: #191b23\n}\n\n.___SFilterTrigger_1apnu_gg_.__selected_1apnu_gg_.__active_1apnu_gg_,\n .___SFilterTrigger_1apnu_gg_.__selected_1apnu_gg_:hover {\n background: rgba(0, 143, 248, 0.3);\n }\n\n.___SWrapper_1apnu_gg_ {\n display: inline-flex\n}\n\n.___SWrapper_1apnu_gg_:focus {\n outline: none;\n }\n\n.___SWrapper_1apnu_gg_.__keyboardFocused_1apnu_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SCounter_1apnu_gg_ {\n background-color: #008ff8;\n}\n"
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SButtonTrigger_2tu9q_gg_ {\n border: 1px solid #c4c7cf;\n background: #ffffff;\n color: #191b23\n}\n\n.___SButtonTrigger_2tu9q_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SButtonTrigger_2tu9q_gg_:active,\n .___SButtonTrigger_2tu9q_gg_:hover,\n .___SButtonTrigger_2tu9q_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SButtonTrigger_2tu9q_gg_:active,\n .___SButtonTrigger_2tu9q_gg_:hover,\n .___SButtonTrigger_2tu9q_gg_.__active_2tu9q_gg_ {\n background-color: rgba(138, 142, 155, 0.2);\n }\n\n.___SButtonTrigger_2tu9q_gg_._size_m_2tu9q_gg_ {\n min-width: 26px;\n height: 28px;\n border-radius: 6px;\n font-size: 14px;\n}\n\n.___SButtonTrigger_2tu9q_gg_._size_l_2tu9q_gg_ {\n min-width: 32px;\n height: 40px;\n border-radius: 6px;\n font-size: 16px;\n}\n\n.___SText_2tu9q_gg_.__placeholder_2tu9q_gg_ {\n color: #a9abb6;\n}\n\n.___SButtonTrigger_2tu9q_gg_._state_normal_2tu9q_gg_ {\n border-color: #c4c7cf;\n}\n\n.___SButtonTrigger_2tu9q_gg_._state_valid_2tu9q_gg_ {\n border-color: #59ddaa;\n}\n\n.___SButtonTrigger_2tu9q_gg_._state_invalid_2tu9q_gg_ {\n border-color: #ffaeb5;\n}\n\n.___SFilterTrigger_2tu9q_gg_.__selected_2tu9q_gg_ {\n border-color: #008ff8;\n background-color: rgba(0, 143, 248, 0.2);\n color: #191b23\n}\n\n.___SFilterTrigger_2tu9q_gg_.__selected_2tu9q_gg_.__active_2tu9q_gg_,\n .___SFilterTrigger_2tu9q_gg_.__selected_2tu9q_gg_:hover {\n background: rgba(0, 143, 248, 0.3);\n }\n\n.___SWrapper_2tu9q_gg_ {\n display: inline-flex\n}\n\n.___SWrapper_2tu9q_gg_:focus {\n outline: none;\n }\n\n.___SWrapper_2tu9q_gg_.__keyboardFocused_2tu9q_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SCounter_2tu9q_gg_ {\n background-color: #008ff8;\n}\n"
/*__inner_css_end__*/
, "1apnu_gg_")
, "2tu9q_gg_")
/*__reshadow_css_end__*/
, {
"__SButtonTrigger": "___SButtonTrigger_1apnu_gg_",
"_active": "__active_1apnu_gg_",
"_size_m": "_size_m_1apnu_gg_",
"_size_l": "_size_l_1apnu_gg_",
"__SText": "___SText_1apnu_gg_",
"_placeholder": "__placeholder_1apnu_gg_",
"_state_normal": "_state_normal_1apnu_gg_",
"_state_valid": "_state_valid_1apnu_gg_",
"_state_invalid": "_state_invalid_1apnu_gg_",
"__SFilterTrigger": "___SFilterTrigger_1apnu_gg_",
"_selected": "__selected_1apnu_gg_",
"__SWrapper": "___SWrapper_1apnu_gg_",
"_keyboardFocused": "__keyboardFocused_1apnu_gg_",
"__SCounter": "___SCounter_1apnu_gg_"
"__SButtonTrigger": "___SButtonTrigger_2tu9q_gg_",
"_active": "__active_2tu9q_gg_",
"_size_m": "_size_m_2tu9q_gg_",
"_size_l": "_size_l_2tu9q_gg_",
"__SText": "___SText_2tu9q_gg_",
"_placeholder": "__placeholder_2tu9q_gg_",
"_state_normal": "_state_normal_2tu9q_gg_",
"_state_valid": "_state_valid_2tu9q_gg_",
"_state_invalid": "_state_invalid_2tu9q_gg_",
"__SFilterTrigger": "___SFilterTrigger_2tu9q_gg_",
"_selected": "__selected_2tu9q_gg_",
"__SWrapper": "___SWrapper_2tu9q_gg_",
"_keyboardFocused": "__keyboardFocused_2tu9q_gg_",
"__SCounter": "___SCounter_2tu9q_gg_"
});

@@ -84,0 +84,0 @@

@@ -57,19 +57,19 @@ "use strict";

/*__inner_css_start__*/
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SLinkTrigger_1mp9e_gg_ {\n display: inline-flex;\n align-items: center;\n line-height: normal;\n position: relative;\n touch-action: manipulation;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n outline: none;\n text-decoration: none;\n -webkit-tap-highlight-color: transparent;\n overflow: visible;\n outline: 0;\n vertical-align: middle;\n font-family: Inter, sans-serif;\n cursor: pointer;\n color: #006dca;\n background: none;\n transition: color 0.15s ease-in-out\n}\n\n.___SLinkTrigger_1mp9e_gg_.__active_1mp9e_gg_,\n .___SLinkTrigger_1mp9e_gg_:hover,\n .___SLinkTrigger_1mp9e_gg_:active {\n color: #044792\n }\n\n.___SLinkTrigger_1mp9e_gg_.__active_1mp9e_gg_ .___SText_1mp9e_gg_, .___SLinkTrigger_1mp9e_gg_:hover .___SText_1mp9e_gg_, .___SLinkTrigger_1mp9e_gg_:active .___SText_1mp9e_gg_ {\n border-color: currentColor;\n }\n\n.___SLinkTrigger_1mp9e_gg_ .___SText_1mp9e_gg_ {\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-color: transparent;\n transition: border-bottom-color 0.15s ease-in-out;\n line-height: 1.42;\n }\n\n.___SLinkTrigger_1mp9e_gg_.__color_1mp9e_gg_ {\n color: var(--color_1mp9e)\n}\n\n.___SLinkTrigger_1mp9e_gg_.__color_1mp9e_gg_:hover {\n color: var(--color-hover_1mp9e);\n }\n\n.___SLinkTrigger_1mp9e_gg_.__disabled_1mp9e_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n}\n\n.___SLinkTrigger_1mp9e_gg_.__keyboardFocused_1mp9e_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n z-index: 1;\n}\n\n.___SAddon_1mp9e_gg_,\n.___SLinkAddon_1mp9e_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0\n}\n\n.___SAddon_1mp9e_gg_:not(:only-child):first-child, .___SLinkAddon_1mp9e_gg_:not(:only-child):first-child {\n margin-right: 4px;\n }\n\n.___SAddon_1mp9e_gg_:not(:only-child):last-child, .___SLinkAddon_1mp9e_gg_:not(:only-child):last-child {\n margin-left: 4px;\n }\n\n.___SLinkAddon_1mp9e_gg_ {\n width: 16px;\n height: 16px;\n}\n\n.___SLinkTrigger_1mp9e_gg_._size_m_1mp9e_gg_ {\n font-size: 14px;\n}\n\n.___SLinkTrigger_1mp9e_gg_._size_l_1mp9e_gg_ {\n font-size: 16px;\n}\n\n@media (prefers-reduced-motion) {\n .___SLinkTrigger_1mp9e_gg_ {\n transition: none\n }\n .___SLinkTrigger_1mp9e_gg_ .___SText_1mp9e_gg_ {\n transition: none;\n }\n}\n"
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SLinkTrigger_18l9r_gg_ {\n display: inline-flex;\n align-items: center;\n line-height: normal;\n position: relative;\n touch-action: manipulation;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n outline: none;\n text-decoration: none;\n -webkit-tap-highlight-color: transparent;\n overflow: visible;\n outline: 0;\n vertical-align: middle;\n font-family: Inter, sans-serif;\n cursor: pointer;\n color: #006dca;\n background: none;\n transition: color 0.15s ease-in-out\n}\n\n.___SLinkTrigger_18l9r_gg_.__active_18l9r_gg_,\n .___SLinkTrigger_18l9r_gg_:hover,\n .___SLinkTrigger_18l9r_gg_:active {\n color: #044792\n }\n\n.___SLinkTrigger_18l9r_gg_.__active_18l9r_gg_ .___SText_18l9r_gg_, .___SLinkTrigger_18l9r_gg_:hover .___SText_18l9r_gg_, .___SLinkTrigger_18l9r_gg_:active .___SText_18l9r_gg_ {\n border-color: currentColor;\n }\n\n.___SLinkTrigger_18l9r_gg_ .___SText_18l9r_gg_ {\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-color: transparent;\n transition: border-bottom-color 0.15s ease-in-out;\n line-height: 1.42;\n }\n\n.___SLinkTrigger_18l9r_gg_.__color_18l9r_gg_ {\n color: var(--color_18l9r)\n}\n\n.___SLinkTrigger_18l9r_gg_.__color_18l9r_gg_:hover {\n color: var(--color-hover_18l9r);\n }\n\n.___SLinkTrigger_18l9r_gg_.__disabled_18l9r_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n}\n\n.___SLinkTrigger_18l9r_gg_.__keyboardFocused_18l9r_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n z-index: 1;\n}\n\n.___SAddon_18l9r_gg_,\n.___SLinkAddon_18l9r_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0\n}\n\n.___SAddon_18l9r_gg_:not(:only-child):first-child, .___SLinkAddon_18l9r_gg_:not(:only-child):first-child {\n margin-right: 4px;\n }\n\n.___SAddon_18l9r_gg_:not(:only-child):last-child, .___SLinkAddon_18l9r_gg_:not(:only-child):last-child {\n margin-left: 4px;\n }\n\n.___SLinkAddon_18l9r_gg_ {\n width: 16px;\n height: 16px;\n}\n\n.___SLinkTrigger_18l9r_gg_._size_m_18l9r_gg_ {\n font-size: 14px;\n}\n\n.___SLinkTrigger_18l9r_gg_._size_l_18l9r_gg_ {\n font-size: 16px;\n}\n\n@media (prefers-reduced-motion) {\n .___SLinkTrigger_18l9r_gg_ {\n transition: none\n }\n .___SLinkTrigger_18l9r_gg_ .___SText_18l9r_gg_ {\n transition: none;\n }\n}\n"
/*__inner_css_end__*/
, "1mp9e_gg_")
, "18l9r_gg_")
/*__reshadow_css_end__*/
, {
"__SLinkTrigger": "___SLinkTrigger_1mp9e_gg_",
"_active": "__active_1mp9e_gg_",
"__SText": "___SText_1mp9e_gg_",
"_color": "__color_1mp9e_gg_",
"--color": "--color_1mp9e",
"--color-hover": "--color-hover_1mp9e",
"_disabled": "__disabled_1mp9e_gg_",
"_keyboardFocused": "__keyboardFocused_1mp9e_gg_",
"__SAddon": "___SAddon_1mp9e_gg_",
"__SLinkAddon": "___SLinkAddon_1mp9e_gg_",
"_size_m": "_size_m_1mp9e_gg_",
"_size_l": "_size_l_1mp9e_gg_"
"__SLinkTrigger": "___SLinkTrigger_18l9r_gg_",
"_active": "__active_18l9r_gg_",
"__SText": "___SText_18l9r_gg_",
"_color": "__color_18l9r_gg_",
"--color": "--color_18l9r",
"--color-hover": "--color-hover_18l9r",
"_disabled": "__disabled_18l9r_gg_",
"_keyboardFocused": "__keyboardFocused_18l9r_gg_",
"__SAddon": "___SAddon_18l9r_gg_",
"__SLinkAddon": "___SLinkAddon_18l9r_gg_",
"_size_m": "_size_m_18l9r_gg_",
"_size_l": "_size_l_18l9r_gg_"
});

@@ -76,0 +76,0 @@

@@ -33,24 +33,24 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";

/*__inner_css_start__*/
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SBaseTrigger_xbf7i_gg_ {\n display: inline-block;\n align-items: center;\n justify-content: center;\n line-height: normal;\n position: relative;\n touch-action: manipulation;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n box-shadow: none;\n outline: none;\n text-decoration: none;\n -webkit-tap-highlight-color: transparent;\n overflow: visible;\n outline: 0;\n text-align: center;\n vertical-align: middle;\n font-family: Inter, sans-serif;\n cursor: pointer;\n\n background: #ffffff;\n\n font-weight: 400;\n border: 1px solid #c4c7cf;\n color: #191b23\n}\n\n.___SBaseTrigger_xbf7i_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SBaseTrigger_xbf7i_gg_:active,\n .___SBaseTrigger_xbf7i_gg_:hover,\n .___SBaseTrigger_xbf7i_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SBaseTrigger_xbf7i_gg_.__keyboardFocused_xbf7i_gg_ {\n border: 1px solid #008ff8;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SBaseTrigger_xbf7i_gg_:hover {\n background-color: rgba(138, 142, 155, 0.2);\n }\n\n.___SBaseTrigger_xbf7i_gg_:active,\n .___SBaseTrigger_xbf7i_gg_.__active_xbf7i_gg_ {\n background-color: rgba(138, 142, 155, 0.3);\n }\n\n.___SBaseTrigger_xbf7i_gg_.__disabled_xbf7i_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none; /* Disable link interactions */\n}\n\n.___SBaseTrigger_xbf7i_gg_.__keyboardFocused_xbf7i_gg_ {\n z-index: 1;\n}\n\n.___SInner_xbf7i_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n}\n\n.___SText_xbf7i_gg_ {\n display: inline;\n padding: 1px 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n line-height: 1.42;\n flex-grow: 1;\n text-align: left;\n}\n\n.___SAddon_xbf7i_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.___SBaseAddon_xbf7i_gg_ {\n width: 12px;\n height: 12px;\n}\n\n.___SBaseTrigger_xbf7i_gg_._size_m_xbf7i_gg_ {\n min-width: 26px;\n height: 28px;\n border-radius: 6px;\n padding: 0 8px;\n font-size: 14px\n}\n\n.___SBaseTrigger_xbf7i_gg_._size_m_xbf7i_gg_ .___SAddon_xbf7i_gg_:not(:only-child):first-child {\n margin-right: 8px;\n }\n\n.___SBaseTrigger_xbf7i_gg_._size_m_xbf7i_gg_ .___SAddon_xbf7i_gg_:not(:only-child):last-child {\n margin-left: 8px;\n }\n\n.___SBaseTrigger_xbf7i_gg_._size_m_xbf7i_gg_ .___SAddon_xbf7i_gg_:only-child {\n margin-left: -4px;\n margin-right: -4px;\n }\n\n.___SBaseTrigger_xbf7i_gg_._size_l_xbf7i_gg_ {\n min-width: 32px;\n height: 40px;\n border-radius: 6px;\n padding: 0 12px;\n font-size: 16px\n}\n\n.___SBaseTrigger_xbf7i_gg_._size_l_xbf7i_gg_ .___SAddon_xbf7i_gg_:not(:only-child):first-child {\n margin-right: 8px;\n }\n\n.___SBaseTrigger_xbf7i_gg_._size_l_xbf7i_gg_ .___SAddon_xbf7i_gg_:not(:only-child):last-child {\n margin-left: 8px;\n }\n\n.___SBaseTrigger_xbf7i_gg_._size_l_xbf7i_gg_ .___SAddon_xbf7i_gg_:only-child {\n margin-left: -4px;\n margin-right: -4px;\n }\n\n.___SBaseTrigger_xbf7i_gg_._neighborLocation_right_xbf7i_gg_ {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.___SBaseTrigger_xbf7i_gg_._neighborLocation_both_xbf7i_gg_ {\n border-radius: 0;\n margin-left: -1px;\n}\n\n.___SBaseTrigger_xbf7i_gg_._neighborLocation_left_xbf7i_gg_ {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n margin-left: -1px;\n}\n\n.___SText_xbf7i_gg_.__placeholder_xbf7i_gg_ {\n color: #a9abb6;\n}\n\n.___SBaseTrigger_xbf7i_gg_._state_normal_xbf7i_gg_ {\n border-color: #c4c7cf;\n}\n\n.___SBaseTrigger_xbf7i_gg_._state_valid_xbf7i_gg_ {\n border-color: #59ddaa;\n}\n\n.___SBaseTrigger_xbf7i_gg_._state_invalid_xbf7i_gg_ {\n border-color: #ffaeb5\n}\n\n.___SBaseTrigger_xbf7i_gg_._state_invalid_xbf7i_gg_.__keyboardFocused_xbf7i_gg_ {\n border-color: #ff642d;\n box-shadow: 0 0 0 3px rgba(255, 100, 45, 0.3);\n }\n"
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SBaseTrigger_157ei_gg_ {\n display: inline-block;\n align-items: center;\n justify-content: center;\n line-height: normal;\n position: relative;\n touch-action: manipulation;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n box-shadow: none;\n outline: none;\n text-decoration: none;\n -webkit-tap-highlight-color: transparent;\n overflow: visible;\n outline: 0;\n text-align: center;\n vertical-align: middle;\n font-family: Inter, sans-serif;\n cursor: pointer;\n\n background: #ffffff;\n\n font-weight: 400;\n border: 1px solid #c4c7cf;\n color: #191b23\n}\n\n.___SBaseTrigger_157ei_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SBaseTrigger_157ei_gg_:active,\n .___SBaseTrigger_157ei_gg_:hover,\n .___SBaseTrigger_157ei_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SBaseTrigger_157ei_gg_.__keyboardFocused_157ei_gg_ {\n border: 1px solid #008ff8;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SBaseTrigger_157ei_gg_:hover {\n background-color: rgba(138, 142, 155, 0.2);\n }\n\n.___SBaseTrigger_157ei_gg_:active,\n .___SBaseTrigger_157ei_gg_.__active_157ei_gg_ {\n background-color: rgba(138, 142, 155, 0.3);\n }\n\n.___SBaseTrigger_157ei_gg_.__disabled_157ei_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none; /* Disable link interactions */\n}\n\n.___SBaseTrigger_157ei_gg_.__keyboardFocused_157ei_gg_ {\n z-index: 1;\n}\n\n.___SInner_157ei_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n}\n\n.___SText_157ei_gg_ {\n display: inline;\n padding: 1px 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n line-height: 1.42;\n flex-grow: 1;\n text-align: left;\n}\n\n.___SAddon_157ei_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.___SBaseAddon_157ei_gg_ {\n width: 12px;\n height: 12px;\n}\n\n.___SBaseTrigger_157ei_gg_._size_m_157ei_gg_ {\n min-width: 26px;\n height: 28px;\n border-radius: 6px;\n padding: 0 8px;\n font-size: 14px\n}\n\n.___SBaseTrigger_157ei_gg_._size_m_157ei_gg_ .___SAddon_157ei_gg_:not(:only-child):first-child {\n margin-right: 8px;\n }\n\n.___SBaseTrigger_157ei_gg_._size_m_157ei_gg_ .___SAddon_157ei_gg_:not(:only-child):last-child {\n margin-left: 8px;\n }\n\n.___SBaseTrigger_157ei_gg_._size_m_157ei_gg_ .___SAddon_157ei_gg_:only-child {\n margin-left: -4px;\n margin-right: -4px;\n }\n\n.___SBaseTrigger_157ei_gg_._size_l_157ei_gg_ {\n min-width: 32px;\n height: 40px;\n border-radius: 6px;\n padding: 0 12px;\n font-size: 16px\n}\n\n.___SBaseTrigger_157ei_gg_._size_l_157ei_gg_ .___SAddon_157ei_gg_:not(:only-child):first-child {\n margin-right: 8px;\n }\n\n.___SBaseTrigger_157ei_gg_._size_l_157ei_gg_ .___SAddon_157ei_gg_:not(:only-child):last-child {\n margin-left: 8px;\n }\n\n.___SBaseTrigger_157ei_gg_._size_l_157ei_gg_ .___SAddon_157ei_gg_:only-child {\n margin-left: -4px;\n margin-right: -4px;\n }\n\n.___SBaseTrigger_157ei_gg_._neighborLocation_right_157ei_gg_ {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.___SBaseTrigger_157ei_gg_._neighborLocation_both_157ei_gg_ {\n border-radius: 0;\n margin-left: -1px;\n}\n\n.___SBaseTrigger_157ei_gg_._neighborLocation_left_157ei_gg_ {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n margin-left: -1px;\n}\n\n.___SText_157ei_gg_.__placeholder_157ei_gg_ {\n color: #a9abb6;\n}\n\n.___SBaseTrigger_157ei_gg_._state_normal_157ei_gg_ {\n border-color: #c4c7cf;\n}\n\n.___SBaseTrigger_157ei_gg_._state_valid_157ei_gg_ {\n border-color: #59ddaa;\n}\n\n.___SBaseTrigger_157ei_gg_._state_invalid_157ei_gg_ {\n border-color: #ffaeb5\n}\n\n.___SBaseTrigger_157ei_gg_._state_invalid_157ei_gg_.__keyboardFocused_157ei_gg_ {\n border-color: #ff642d;\n box-shadow: 0 0 0 3px rgba(255, 100, 45, 0.3);\n }\n"
/*__inner_css_end__*/
, "xbf7i_gg_")
, "157ei_gg_")
/*__reshadow_css_end__*/
, {
"__SBaseTrigger": "___SBaseTrigger_xbf7i_gg_",
"_keyboardFocused": "__keyboardFocused_xbf7i_gg_",
"_active": "__active_xbf7i_gg_",
"_disabled": "__disabled_xbf7i_gg_",
"__SInner": "___SInner_xbf7i_gg_",
"__SText": "___SText_xbf7i_gg_",
"__SAddon": "___SAddon_xbf7i_gg_",
"__SBaseAddon": "___SBaseAddon_xbf7i_gg_",
"_size_m": "_size_m_xbf7i_gg_",
"_size_l": "_size_l_xbf7i_gg_",
"_neighborLocation_right": "_neighborLocation_right_xbf7i_gg_",
"_neighborLocation_both": "_neighborLocation_both_xbf7i_gg_",
"_neighborLocation_left": "_neighborLocation_left_xbf7i_gg_",
"_placeholder": "__placeholder_xbf7i_gg_",
"_state_normal": "_state_normal_xbf7i_gg_",
"_state_valid": "_state_valid_xbf7i_gg_",
"_state_invalid": "_state_invalid_xbf7i_gg_"
"__SBaseTrigger": "___SBaseTrigger_157ei_gg_",
"_keyboardFocused": "__keyboardFocused_157ei_gg_",
"_active": "__active_157ei_gg_",
"_disabled": "__disabled_157ei_gg_",
"__SInner": "___SInner_157ei_gg_",
"__SText": "___SText_157ei_gg_",
"__SAddon": "___SAddon_157ei_gg_",
"__SBaseAddon": "___SBaseAddon_157ei_gg_",
"_size_m": "_size_m_157ei_gg_",
"_size_l": "_size_l_157ei_gg_",
"_neighborLocation_right": "_neighborLocation_right_157ei_gg_",
"_neighborLocation_both": "_neighborLocation_both_157ei_gg_",
"_neighborLocation_left": "_neighborLocation_left_157ei_gg_",
"_placeholder": "__placeholder_157ei_gg_",
"_state_normal": "_state_normal_157ei_gg_",
"_state_valid": "_state_valid_157ei_gg_",
"_state_invalid": "_state_invalid_157ei_gg_"
});

@@ -57,0 +57,0 @@

@@ -26,9 +26,9 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";

/*__inner_css_start__*/
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SButtonAddon_14eh9_gg_ {\n width: 12px;\n height: 12px;\n}\n\n.___SButtonTriggerSpin_14eh9_gg_ {\n fill: #6c6e79;\n}\n"
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SButtonAddon_1130f_gg_ {\n width: 12px;\n height: 12px;\n}\n\n.___SButtonTriggerSpin_1130f_gg_ {\n fill: #6c6e79;\n}\n"
/*__inner_css_end__*/
, "14eh9_gg_")
, "1130f_gg_")
/*__reshadow_css_end__*/
, {
"__SButtonAddon": "___SButtonAddon_14eh9_gg_",
"__SButtonTriggerSpin": "___SButtonTriggerSpin_14eh9_gg_"
"__SButtonAddon": "___SButtonAddon_1130f_gg_",
"__SButtonTriggerSpin": "___SButtonTriggerSpin_1130f_gg_"
});

@@ -35,0 +35,0 @@

@@ -36,21 +36,21 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";

/*__inner_css_start__*/
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SButtonTrigger_1apnu_gg_ {\n border: 1px solid #c4c7cf;\n background: #ffffff;\n color: #191b23\n}\n\n.___SButtonTrigger_1apnu_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SButtonTrigger_1apnu_gg_:active,\n .___SButtonTrigger_1apnu_gg_:hover,\n .___SButtonTrigger_1apnu_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SButtonTrigger_1apnu_gg_:active,\n .___SButtonTrigger_1apnu_gg_:hover,\n .___SButtonTrigger_1apnu_gg_.__active_1apnu_gg_ {\n background-color: rgba(138, 142, 155, 0.2);\n }\n\n.___SButtonTrigger_1apnu_gg_._size_m_1apnu_gg_ {\n min-width: 26px;\n height: 28px;\n border-radius: 6px;\n font-size: 14px;\n}\n\n.___SButtonTrigger_1apnu_gg_._size_l_1apnu_gg_ {\n min-width: 32px;\n height: 40px;\n border-radius: 6px;\n font-size: 16px;\n}\n\n.___SText_1apnu_gg_.__placeholder_1apnu_gg_ {\n color: #a9abb6;\n}\n\n.___SButtonTrigger_1apnu_gg_._state_normal_1apnu_gg_ {\n border-color: #c4c7cf;\n}\n\n.___SButtonTrigger_1apnu_gg_._state_valid_1apnu_gg_ {\n border-color: #59ddaa;\n}\n\n.___SButtonTrigger_1apnu_gg_._state_invalid_1apnu_gg_ {\n border-color: #ffaeb5;\n}\n\n.___SFilterTrigger_1apnu_gg_.__selected_1apnu_gg_ {\n border-color: #008ff8;\n background-color: rgba(0, 143, 248, 0.2);\n color: #191b23\n}\n\n.___SFilterTrigger_1apnu_gg_.__selected_1apnu_gg_.__active_1apnu_gg_,\n .___SFilterTrigger_1apnu_gg_.__selected_1apnu_gg_:hover {\n background: rgba(0, 143, 248, 0.3);\n }\n\n.___SWrapper_1apnu_gg_ {\n display: inline-flex\n}\n\n.___SWrapper_1apnu_gg_:focus {\n outline: none;\n }\n\n.___SWrapper_1apnu_gg_.__keyboardFocused_1apnu_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SCounter_1apnu_gg_ {\n background-color: #008ff8;\n}\n"
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SButtonTrigger_2tu9q_gg_ {\n border: 1px solid #c4c7cf;\n background: #ffffff;\n color: #191b23\n}\n\n.___SButtonTrigger_2tu9q_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SButtonTrigger_2tu9q_gg_:active,\n .___SButtonTrigger_2tu9q_gg_:hover,\n .___SButtonTrigger_2tu9q_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SButtonTrigger_2tu9q_gg_:active,\n .___SButtonTrigger_2tu9q_gg_:hover,\n .___SButtonTrigger_2tu9q_gg_.__active_2tu9q_gg_ {\n background-color: rgba(138, 142, 155, 0.2);\n }\n\n.___SButtonTrigger_2tu9q_gg_._size_m_2tu9q_gg_ {\n min-width: 26px;\n height: 28px;\n border-radius: 6px;\n font-size: 14px;\n}\n\n.___SButtonTrigger_2tu9q_gg_._size_l_2tu9q_gg_ {\n min-width: 32px;\n height: 40px;\n border-radius: 6px;\n font-size: 16px;\n}\n\n.___SText_2tu9q_gg_.__placeholder_2tu9q_gg_ {\n color: #a9abb6;\n}\n\n.___SButtonTrigger_2tu9q_gg_._state_normal_2tu9q_gg_ {\n border-color: #c4c7cf;\n}\n\n.___SButtonTrigger_2tu9q_gg_._state_valid_2tu9q_gg_ {\n border-color: #59ddaa;\n}\n\n.___SButtonTrigger_2tu9q_gg_._state_invalid_2tu9q_gg_ {\n border-color: #ffaeb5;\n}\n\n.___SFilterTrigger_2tu9q_gg_.__selected_2tu9q_gg_ {\n border-color: #008ff8;\n background-color: rgba(0, 143, 248, 0.2);\n color: #191b23\n}\n\n.___SFilterTrigger_2tu9q_gg_.__selected_2tu9q_gg_.__active_2tu9q_gg_,\n .___SFilterTrigger_2tu9q_gg_.__selected_2tu9q_gg_:hover {\n background: rgba(0, 143, 248, 0.3);\n }\n\n.___SWrapper_2tu9q_gg_ {\n display: inline-flex\n}\n\n.___SWrapper_2tu9q_gg_:focus {\n outline: none;\n }\n\n.___SWrapper_2tu9q_gg_.__keyboardFocused_2tu9q_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SCounter_2tu9q_gg_ {\n background-color: #008ff8;\n}\n"
/*__inner_css_end__*/
, "1apnu_gg_")
, "2tu9q_gg_")
/*__reshadow_css_end__*/
, {
"__SButtonTrigger": "___SButtonTrigger_1apnu_gg_",
"_active": "__active_1apnu_gg_",
"_size_m": "_size_m_1apnu_gg_",
"_size_l": "_size_l_1apnu_gg_",
"__SText": "___SText_1apnu_gg_",
"_placeholder": "__placeholder_1apnu_gg_",
"_state_normal": "_state_normal_1apnu_gg_",
"_state_valid": "_state_valid_1apnu_gg_",
"_state_invalid": "_state_invalid_1apnu_gg_",
"__SFilterTrigger": "___SFilterTrigger_1apnu_gg_",
"_selected": "__selected_1apnu_gg_",
"__SWrapper": "___SWrapper_1apnu_gg_",
"_keyboardFocused": "__keyboardFocused_1apnu_gg_",
"__SCounter": "___SCounter_1apnu_gg_"
"__SButtonTrigger": "___SButtonTrigger_2tu9q_gg_",
"_active": "__active_2tu9q_gg_",
"_size_m": "_size_m_2tu9q_gg_",
"_size_l": "_size_l_2tu9q_gg_",
"__SText": "___SText_2tu9q_gg_",
"_placeholder": "__placeholder_2tu9q_gg_",
"_state_normal": "_state_normal_2tu9q_gg_",
"_state_valid": "_state_valid_2tu9q_gg_",
"_state_invalid": "_state_invalid_2tu9q_gg_",
"__SFilterTrigger": "___SFilterTrigger_2tu9q_gg_",
"_selected": "__selected_2tu9q_gg_",
"__SWrapper": "___SWrapper_2tu9q_gg_",
"_keyboardFocused": "__keyboardFocused_2tu9q_gg_",
"__SCounter": "___SCounter_2tu9q_gg_"
});

@@ -57,0 +57,0 @@

@@ -34,19 +34,19 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";

/*__inner_css_start__*/
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SLinkTrigger_1mp9e_gg_ {\n display: inline-flex;\n align-items: center;\n line-height: normal;\n position: relative;\n touch-action: manipulation;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n outline: none;\n text-decoration: none;\n -webkit-tap-highlight-color: transparent;\n overflow: visible;\n outline: 0;\n vertical-align: middle;\n font-family: Inter, sans-serif;\n cursor: pointer;\n color: #006dca;\n background: none;\n transition: color 0.15s ease-in-out\n}\n\n.___SLinkTrigger_1mp9e_gg_.__active_1mp9e_gg_,\n .___SLinkTrigger_1mp9e_gg_:hover,\n .___SLinkTrigger_1mp9e_gg_:active {\n color: #044792\n }\n\n.___SLinkTrigger_1mp9e_gg_.__active_1mp9e_gg_ .___SText_1mp9e_gg_, .___SLinkTrigger_1mp9e_gg_:hover .___SText_1mp9e_gg_, .___SLinkTrigger_1mp9e_gg_:active .___SText_1mp9e_gg_ {\n border-color: currentColor;\n }\n\n.___SLinkTrigger_1mp9e_gg_ .___SText_1mp9e_gg_ {\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-color: transparent;\n transition: border-bottom-color 0.15s ease-in-out;\n line-height: 1.42;\n }\n\n.___SLinkTrigger_1mp9e_gg_.__color_1mp9e_gg_ {\n color: var(--color_1mp9e)\n}\n\n.___SLinkTrigger_1mp9e_gg_.__color_1mp9e_gg_:hover {\n color: var(--color-hover_1mp9e);\n }\n\n.___SLinkTrigger_1mp9e_gg_.__disabled_1mp9e_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n}\n\n.___SLinkTrigger_1mp9e_gg_.__keyboardFocused_1mp9e_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n z-index: 1;\n}\n\n.___SAddon_1mp9e_gg_,\n.___SLinkAddon_1mp9e_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0\n}\n\n.___SAddon_1mp9e_gg_:not(:only-child):first-child, .___SLinkAddon_1mp9e_gg_:not(:only-child):first-child {\n margin-right: 4px;\n }\n\n.___SAddon_1mp9e_gg_:not(:only-child):last-child, .___SLinkAddon_1mp9e_gg_:not(:only-child):last-child {\n margin-left: 4px;\n }\n\n.___SLinkAddon_1mp9e_gg_ {\n width: 16px;\n height: 16px;\n}\n\n.___SLinkTrigger_1mp9e_gg_._size_m_1mp9e_gg_ {\n font-size: 14px;\n}\n\n.___SLinkTrigger_1mp9e_gg_._size_l_1mp9e_gg_ {\n font-size: 16px;\n}\n\n@media (prefers-reduced-motion) {\n .___SLinkTrigger_1mp9e_gg_ {\n transition: none\n }\n .___SLinkTrigger_1mp9e_gg_ .___SText_1mp9e_gg_ {\n transition: none;\n }\n}\n"
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SLinkTrigger_18l9r_gg_ {\n display: inline-flex;\n align-items: center;\n line-height: normal;\n position: relative;\n touch-action: manipulation;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n outline: none;\n text-decoration: none;\n -webkit-tap-highlight-color: transparent;\n overflow: visible;\n outline: 0;\n vertical-align: middle;\n font-family: Inter, sans-serif;\n cursor: pointer;\n color: #006dca;\n background: none;\n transition: color 0.15s ease-in-out\n}\n\n.___SLinkTrigger_18l9r_gg_.__active_18l9r_gg_,\n .___SLinkTrigger_18l9r_gg_:hover,\n .___SLinkTrigger_18l9r_gg_:active {\n color: #044792\n }\n\n.___SLinkTrigger_18l9r_gg_.__active_18l9r_gg_ .___SText_18l9r_gg_, .___SLinkTrigger_18l9r_gg_:hover .___SText_18l9r_gg_, .___SLinkTrigger_18l9r_gg_:active .___SText_18l9r_gg_ {\n border-color: currentColor;\n }\n\n.___SLinkTrigger_18l9r_gg_ .___SText_18l9r_gg_ {\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-color: transparent;\n transition: border-bottom-color 0.15s ease-in-out;\n line-height: 1.42;\n }\n\n.___SLinkTrigger_18l9r_gg_.__color_18l9r_gg_ {\n color: var(--color_18l9r)\n}\n\n.___SLinkTrigger_18l9r_gg_.__color_18l9r_gg_:hover {\n color: var(--color-hover_18l9r);\n }\n\n.___SLinkTrigger_18l9r_gg_.__disabled_18l9r_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n}\n\n.___SLinkTrigger_18l9r_gg_.__keyboardFocused_18l9r_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n z-index: 1;\n}\n\n.___SAddon_18l9r_gg_,\n.___SLinkAddon_18l9r_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0\n}\n\n.___SAddon_18l9r_gg_:not(:only-child):first-child, .___SLinkAddon_18l9r_gg_:not(:only-child):first-child {\n margin-right: 4px;\n }\n\n.___SAddon_18l9r_gg_:not(:only-child):last-child, .___SLinkAddon_18l9r_gg_:not(:only-child):last-child {\n margin-left: 4px;\n }\n\n.___SLinkAddon_18l9r_gg_ {\n width: 16px;\n height: 16px;\n}\n\n.___SLinkTrigger_18l9r_gg_._size_m_18l9r_gg_ {\n font-size: 14px;\n}\n\n.___SLinkTrigger_18l9r_gg_._size_l_18l9r_gg_ {\n font-size: 16px;\n}\n\n@media (prefers-reduced-motion) {\n .___SLinkTrigger_18l9r_gg_ {\n transition: none\n }\n .___SLinkTrigger_18l9r_gg_ .___SText_18l9r_gg_ {\n transition: none;\n }\n}\n"
/*__inner_css_end__*/
, "1mp9e_gg_")
, "18l9r_gg_")
/*__reshadow_css_end__*/
, {
"__SLinkTrigger": "___SLinkTrigger_1mp9e_gg_",
"_active": "__active_1mp9e_gg_",
"__SText": "___SText_1mp9e_gg_",
"_color": "__color_1mp9e_gg_",
"--color": "--color_1mp9e",
"--color-hover": "--color-hover_1mp9e",
"_disabled": "__disabled_1mp9e_gg_",
"_keyboardFocused": "__keyboardFocused_1mp9e_gg_",
"__SAddon": "___SAddon_1mp9e_gg_",
"__SLinkAddon": "___SLinkAddon_1mp9e_gg_",
"_size_m": "_size_m_1mp9e_gg_",
"_size_l": "_size_l_1mp9e_gg_"
"__SLinkTrigger": "___SLinkTrigger_18l9r_gg_",
"_active": "__active_18l9r_gg_",
"__SText": "___SText_18l9r_gg_",
"_color": "__color_18l9r_gg_",
"--color": "--color_18l9r",
"--color-hover": "--color-hover_18l9r",
"_disabled": "__disabled_18l9r_gg_",
"_keyboardFocused": "__keyboardFocused_18l9r_gg_",
"__SAddon": "___SAddon_18l9r_gg_",
"__SLinkAddon": "___SLinkAddon_18l9r_gg_",
"_size_m": "_size_m_18l9r_gg_",
"_size_l": "_size_l_18l9r_gg_"
});

@@ -53,0 +53,0 @@

{
"name": "@semcore/base-trigger",
"description": "Semrush BaseTrigger Component",
"version": "3.1.0",
"version": "3.2.0",
"main": "lib/cjs/index.js",

@@ -15,3 +15,3 @@ "module": "lib/es6/index.js",

"@semcore/flex-box": "^4",
"@semcore/icon": "^2.16",
"@semcore/icon": "2.16 - 3",
"@semcore/neighbor-location": "^3",

@@ -22,3 +22,3 @@ "@semcore/spin": "^4"

"@semcore/core": "^1.11",
"react": "16.8 - 17"
"react": "16.8 - 18"
},

@@ -34,3 +34,3 @@ "jest": {

"devDependencies": {
"@types/react": "16.8 - 17",
"@types/react": "18.0.21",
"@semcore/jest-preset-ui": "1.0.0"

@@ -37,0 +37,0 @@ },

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc