@semcore/base-trigger
Advanced tools
Comparing version 3.1.0 to 3.2.0
@@ -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 @@ |
@@ -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 @@ }, |
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
136525
+ Added@semcore/icon@3.16.1(transitive)
- Removed@semcore/icon@2.33.0(transitive)
- Removedobject-assign@4.1.1(transitive)
- Removedreact@17.0.2(transitive)
Updated@semcore/icon@2.16 - 3