@semcore/base-trigger - npm Package Compare versions

Comparing version 2.6.5 to 3.0.0

CHANGELOG.md

@@ -5,2 +5,9 @@ # Changelog
 
+## [3.0.0] - 2022-05-17
+
+### BREAK
+
+- Updated styles according to the library redesign policy.
+- Remove value "xl" and "s" for "size".
+
 ## [2.6.5] - 2022-05-16
@@ -7,0 +14,0 @@

lib/cjs/BaseTrigger.js

@@ -55,26 +55,24 @@ "use strict";
 /*__inner_css_start__*/
-".___SBaseTrigger_qaw1b_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:1px solid #a6b0b3;background:#fff;color:#333333}.___SBaseTrigger_qaw1b_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_qaw1b_gg_:active,.___SBaseTrigger_qaw1b_gg_:focus,.___SBaseTrigger_qaw1b_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_qaw1b_gg_.__keyboardFocused_qaw1b_gg_{border:1px solid #2b94e1;box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SBaseTrigger_qaw1b_gg_:active,.___SBaseTrigger_qaw1b_gg_:hover,.___SBaseTrigger_qaw1b_gg_.__active_qaw1b_gg_{background-color:rgba(166,176,179,.2)}.___SBaseTrigger_qaw1b_gg_.__disabled_qaw1b_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SBaseTrigger_qaw1b_gg_.__keyboardFocused_qaw1b_gg_{z-index:1}.___SInner_qaw1b_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_qaw1b_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.1;flex-grow:1;text-align:left}.___SAddon_qaw1b_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_qaw1b_gg_{width:12px;height:12px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_ .___SText_qaw1b_gg_{margin-left:4px;margin-right:4px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):first-child{margin-left:4px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):last-child{margin-right:4px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_ .___SAddon_qaw1b_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_ .___SText_qaw1b_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_ .___SAddon_qaw1b_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_ .___SText_qaw1b_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_ .___SAddon_qaw1b_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_ .___SText_qaw1b_gg_{margin-left:12px;margin-right:12px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):first-child{margin-left:12px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):last-child{margin-right:12px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_ .___SAddon_qaw1b_gg_:only-child{margin-left:-6px;margin-right:-6px}.___SBaseTrigger_qaw1b_gg_._neighborLocation_right_qaw1b_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_qaw1b_gg_._neighborLocation_both_qaw1b_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_qaw1b_gg_._neighborLocation_left_qaw1b_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_qaw1b_gg_.__placeholder_qaw1b_gg_{color:#aaaaaa}.___SBaseTrigger_qaw1b_gg_._state_normal_qaw1b_gg_{border-color:#a6b0b3}.___SBaseTrigger_qaw1b_gg_._state_valid_qaw1b_gg_{border-color:#4fae33}.___SBaseTrigger_qaw1b_gg_._state_invalid_qaw1b_gg_{border-color:#ff7f00}.___SBaseTrigger_qaw1b_gg_._state_invalid_qaw1b_gg_.__keyboardFocused_qaw1b_gg_{border-color:#ff7f00;box-shadow:0 0 0 3px rgba(255,127,0,.3)}"
+".___SBaseTrigger_5ixsq_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:Inter,sans-serif;cursor:pointer;background:#fff;font-weight:400;border:1px solid #c4c7cf;color:#191b23}.___SBaseTrigger_5ixsq_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_5ixsq_gg_:active,.___SBaseTrigger_5ixsq_gg_:focus,.___SBaseTrigger_5ixsq_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_5ixsq_gg_.__keyboardFocused_5ixsq_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SBaseTrigger_5ixsq_gg_:hover{background-color:rgba(138,142,155,.2)}.___SBaseTrigger_5ixsq_gg_:active,.___SBaseTrigger_5ixsq_gg_.__active_5ixsq_gg_{background-color:rgba(138,142,155,.3)}.___SBaseTrigger_5ixsq_gg_.__disabled_5ixsq_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SBaseTrigger_5ixsq_gg_.__keyboardFocused_5ixsq_gg_{z-index:1}.___SInner_5ixsq_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_5ixsq_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.42;flex-grow:1;text-align:left}.___SAddon_5ixsq_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_5ixsq_gg_{width:12px;height:12px}.___SBaseTrigger_5ixsq_gg_._size_m_5ixsq_gg_{min-width:26px;height:28px;border-radius:6px;padding:0 8px;font-size:14px}.___SBaseTrigger_5ixsq_gg_._size_m_5ixsq_gg_ .___SAddon_5ixsq_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_5ixsq_gg_._size_m_5ixsq_gg_ .___SAddon_5ixsq_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_5ixsq_gg_._size_m_5ixsq_gg_ .___SAddon_5ixsq_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_5ixsq_gg_._size_l_5ixsq_gg_{min-width:32px;height:40px;border-radius:6px;padding:0 12px;font-size:16px}.___SBaseTrigger_5ixsq_gg_._size_l_5ixsq_gg_ .___SAddon_5ixsq_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_5ixsq_gg_._size_l_5ixsq_gg_ .___SAddon_5ixsq_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_5ixsq_gg_._size_l_5ixsq_gg_ .___SAddon_5ixsq_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_5ixsq_gg_._neighborLocation_right_5ixsq_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_5ixsq_gg_._neighborLocation_both_5ixsq_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_5ixsq_gg_._neighborLocation_left_5ixsq_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_5ixsq_gg_.__placeholder_5ixsq_gg_{color:#a9abb6}.___SBaseTrigger_5ixsq_gg_._state_normal_5ixsq_gg_{border-color:#c4c7cf}.___SBaseTrigger_5ixsq_gg_._state_valid_5ixsq_gg_{border-color:#59ddaa}.___SBaseTrigger_5ixsq_gg_._state_invalid_5ixsq_gg_{border-color:#ffaeb5}.___SBaseTrigger_5ixsq_gg_._state_invalid_5ixsq_gg_.__keyboardFocused_5ixsq_gg_{border-color:#ff622d;box-shadow:0 0 0 3px rgba(255,98,45,.3)}"
 /*__inner_css_end__*/
-, "pimup5_gg_")
+, "1ntsokv_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBaseTrigger": "___SBaseTrigger_qaw1b_gg_",
-  "_keyboardFocused": "__keyboardFocused_qaw1b_gg_",
-  "_active": "__active_qaw1b_gg_",
-  "_disabled": "__disabled_qaw1b_gg_",
-  "__SInner": "___SInner_qaw1b_gg_",
-  "__SText": "___SText_qaw1b_gg_",
-  "__SAddon": "___SAddon_qaw1b_gg_",
-  "__SBaseAddon": "___SBaseAddon_qaw1b_gg_",
-  "_size_s": "_size_s_qaw1b_gg_",
-  "_size_m": "_size_m_qaw1b_gg_",
-  "_size_l": "_size_l_qaw1b_gg_",
-  "_size_xl": "_size_xl_qaw1b_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_qaw1b_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_qaw1b_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_qaw1b_gg_",
-  "_placeholder": "__placeholder_qaw1b_gg_",
-  "_state_normal": "_state_normal_qaw1b_gg_",
-  "_state_valid": "_state_valid_qaw1b_gg_",
-  "_state_invalid": "_state_invalid_qaw1b_gg_"
+  "__SBaseTrigger": "___SBaseTrigger_5ixsq_gg_",
+  "_keyboardFocused": "__keyboardFocused_5ixsq_gg_",
+  "_active": "__active_5ixsq_gg_",
+  "_disabled": "__disabled_5ixsq_gg_",
+  "__SInner": "___SInner_5ixsq_gg_",
+  "__SText": "___SText_5ixsq_gg_",
+  "__SAddon": "___SAddon_5ixsq_gg_",
+  "__SBaseAddon": "___SBaseAddon_5ixsq_gg_",
+  "_size_m": "_size_m_5ixsq_gg_",
+  "_size_l": "_size_l_5ixsq_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_5ixsq_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_5ixsq_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_5ixsq_gg_",
+  "_placeholder": "__placeholder_5ixsq_gg_",
+  "_state_normal": "_state_normal_5ixsq_gg_",
+  "_state_valid": "_state_valid_5ixsq_gg_",
+  "_state_invalid": "_state_invalid_5ixsq_gg_"
 });
@@ -81,0 +79,0 @@

lib/cjs/ButtonTrigger.js

@@ -49,8 +49,9 @@ "use strict";
 /*__inner_css_start__*/
-".___SButtonAddon_1yp15_gg_{width:12px;height:12px}"
+".___SButtonAddon_1m1cj_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1m1cj_gg_{fill:#6c6e79}"
 /*__inner_css_end__*/
-, "18emizi_gg_")
+, "1x17vum_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SButtonAddon": "___SButtonAddon_1yp15_gg_"
+  "__SButtonAddon": "___SButtonAddon_1m1cj_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_1m1cj_gg_"
 });
@@ -75,2 +76,3 @@
       var SButtonAddon = ButtonTrigger.Addon;
+      var SButtonTriggerSpin = _spin["default"];
       var _this$asProps = this.asProps,
@@ -80,5 +82,5 @@ Children = _this$asProps.Children,
           loading = _this$asProps.loading;
-      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon), /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(_spin["default"], _ref2.cn("Spin", {
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon), /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
         "size": "xs",
-        "theme": "#a6b0b3"
+        "theme": false
       })) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref2.cn("ChevronDown", {}))));
@@ -85,0 +87,0 @@ }

lib/cjs/FilterTrigger.js

@@ -63,23 +63,21 @@ "use strict";
 /*__inner_css_start__*/
-".___SButtonTrigger_1le1w_gg_{border:1px solid #a6b0b3;background:#fff;color:#333333}.___SButtonTrigger_1le1w_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_1le1w_gg_:active,.___SButtonTrigger_1le1w_gg_:focus,.___SButtonTrigger_1le1w_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_1le1w_gg_:active,.___SButtonTrigger_1le1w_gg_:hover,.___SButtonTrigger_1le1w_gg_.__active_1le1w_gg_{background-color:rgba(166,176,179,.2)}.___SButtonTrigger_1le1w_gg_._size_s_1le1w_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButtonTrigger_1le1w_gg_._size_m_1le1w_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButtonTrigger_1le1w_gg_._size_l_1le1w_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButtonTrigger_1le1w_gg_._size_xl_1le1w_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SText_1le1w_gg_.__placeholder_1le1w_gg_{color:#aaaaaa}.___SButtonTrigger_1le1w_gg_._state_normal_1le1w_gg_{border-color:#a6b0b3}.___SButtonTrigger_1le1w_gg_._state_valid_1le1w_gg_{border-color:#4fae33}.___SButtonTrigger_1le1w_gg_._state_invalid_1le1w_gg_{border-color:#ff7f00}.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_{border-color:#2b94e1;background-color:rgba(43,148,225,.2)}.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_:hover,.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_.__active_1le1w_gg_{background:rgba(43,148,225,.3)}.___SWrapper_1le1w_gg_{display:inline-flex}.___SWrapper_1le1w_gg_:focus{outline:none}.___SWrapper_1le1w_gg_.__keyboardFocused_1le1w_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SCounter_1le1w_gg_{background-color:#2b94e1}"
+".___SButtonTrigger_1smud_gg_{border:1px solid #c4c7cf;background:#fff;color:#191b23}.___SButtonTrigger_1smud_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_1smud_gg_:active,.___SButtonTrigger_1smud_gg_:focus,.___SButtonTrigger_1smud_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_1smud_gg_:active,.___SButtonTrigger_1smud_gg_:hover,.___SButtonTrigger_1smud_gg_.__active_1smud_gg_{background-color:rgba(138,142,155,.2)}.___SButtonTrigger_1smud_gg_._size_m_1smud_gg_{min-width:26px;height:28px;border-radius:6px;font-size:14px}.___SButtonTrigger_1smud_gg_._size_l_1smud_gg_{min-width:32px;height:40px;border-radius:6px;font-size:16px}.___SText_1smud_gg_.__placeholder_1smud_gg_{color:#a9abb6}.___SButtonTrigger_1smud_gg_._state_normal_1smud_gg_{border-color:#c4c7cf}.___SButtonTrigger_1smud_gg_._state_valid_1smud_gg_{border-color:#59ddaa}.___SButtonTrigger_1smud_gg_._state_invalid_1smud_gg_{border-color:#ffaeb5}.___SFilterTrigger_1smud_gg_.__selected_1smud_gg_{border-color:#008ff8;background-color:rgba(0,143,248,.2);color:#191b23}.___SFilterTrigger_1smud_gg_.__selected_1smud_gg_:hover,.___SFilterTrigger_1smud_gg_.__selected_1smud_gg_.__active_1smud_gg_{background:rgba(0,143,248,.3)}.___SWrapper_1smud_gg_{display:inline-flex}.___SWrapper_1smud_gg_:focus{outline:none}.___SWrapper_1smud_gg_.__keyboardFocused_1smud_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCounter_1smud_gg_{background-color:#008ff8}"
 /*__inner_css_end__*/
-, "y8g6v3_gg_")
+, "eo2z42_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SButtonTrigger": "___SButtonTrigger_1le1w_gg_",
-  "_active": "__active_1le1w_gg_",
-  "_size_s": "_size_s_1le1w_gg_",
-  "_size_m": "_size_m_1le1w_gg_",
-  "_size_l": "_size_l_1le1w_gg_",
-  "_size_xl": "_size_xl_1le1w_gg_",
-  "__SText": "___SText_1le1w_gg_",
-  "_placeholder": "__placeholder_1le1w_gg_",
-  "_state_normal": "_state_normal_1le1w_gg_",
-  "_state_valid": "_state_valid_1le1w_gg_",
-  "_state_invalid": "_state_invalid_1le1w_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_1le1w_gg_",
-  "_selected": "__selected_1le1w_gg_",
-  "__SWrapper": "___SWrapper_1le1w_gg_",
-  "_keyboardFocused": "__keyboardFocused_1le1w_gg_",
-  "__SCounter": "___SCounter_1le1w_gg_"
+  "__SButtonTrigger": "___SButtonTrigger_1smud_gg_",
+  "_active": "__active_1smud_gg_",
+  "_size_m": "_size_m_1smud_gg_",
+  "_size_l": "_size_l_1smud_gg_",
+  "__SText": "___SText_1smud_gg_",
+  "_placeholder": "__placeholder_1smud_gg_",
+  "_state_normal": "_state_normal_1smud_gg_",
+  "_state_valid": "_state_valid_1smud_gg_",
+  "_state_invalid": "_state_invalid_1smud_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_1smud_gg_",
+  "_selected": "__selected_1smud_gg_",
+  "__SWrapper": "___SWrapper_1smud_gg_",
+  "_keyboardFocused": "__keyboardFocused_1smud_gg_",
+  "__SCounter": "___SCounter_1smud_gg_"
 });
@@ -86,0 +84,0 @@

lib/cjs/index.d.ts

@@ -13,3 +13,3 @@ import React, { ComponentProps } from 'react';
    */
-  size?: 'm' | 'l' | 'xl';
+  size?: 'm' | 'l';
   /**
@@ -16,0 +16,0 @@ * Trigger state

lib/cjs/LinkTrigger.js

@@ -57,21 +57,19 @@ "use strict";
 /*__inner_css_start__*/
-".___SLinkTrigger_qt3iv_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer}.___SLinkTrigger_qt3iv_gg_{color:#0071bc;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_qt3iv_gg_:active,.___SLinkTrigger_qt3iv_gg_:hover,.___SLinkTrigger_qt3iv_gg_.__active_qt3iv_gg_{color:#0063a5}.___SLinkTrigger_qt3iv_gg_:active .___SText_qt3iv_gg_,.___SLinkTrigger_qt3iv_gg_:hover .___SText_qt3iv_gg_,.___SLinkTrigger_qt3iv_gg_.__active_qt3iv_gg_ .___SText_qt3iv_gg_{border-color:currentColor}.___SLinkTrigger_qt3iv_gg_ .___SText_qt3iv_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLinkTrigger_qt3iv_gg_.__color_qt3iv_gg_{color:var(--color_rbea4n)}.___SLinkTrigger_qt3iv_gg_.__color_qt3iv_gg_:hover{color:var(--color-hover_rbea4n)}.___SLinkTrigger_qt3iv_gg_.__disabled_qt3iv_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_qt3iv_gg_.__keyboardFocused_qt3iv_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SAddon_qt3iv_gg_,.___SLinkAddon_qt3iv_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_qt3iv_gg_:not(:only-child):first-child,.___SLinkAddon_qt3iv_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_qt3iv_gg_:not(:only-child):last-child,.___SLinkAddon_qt3iv_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_qt3iv_gg_{width:12px;height:12px}.___SLinkTrigger_qt3iv_gg_._size_s_qt3iv_gg_{font-size:10px}.___SLinkTrigger_qt3iv_gg_._size_m_qt3iv_gg_{font-size:12px}.___SLinkTrigger_qt3iv_gg_._size_l_qt3iv_gg_{font-size:14px}.___SLinkTrigger_qt3iv_gg_._size_xl_qt3iv_gg_{font-size:16px}@media (prefers-reduced-motion){.___SLinkTrigger_qt3iv_gg_{transition:none}.___SLinkTrigger_qt3iv_gg_ .___SText_qt3iv_gg_{transition:none}}"
+".___SLinkTrigger_1lk11_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:Inter,sans-serif;cursor:pointer;color:#006dca;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1lk11_gg_:active,.___SLinkTrigger_1lk11_gg_:hover,.___SLinkTrigger_1lk11_gg_.__active_1lk11_gg_{color:#044792}.___SLinkTrigger_1lk11_gg_:active .___SText_1lk11_gg_,.___SLinkTrigger_1lk11_gg_:hover .___SText_1lk11_gg_,.___SLinkTrigger_1lk11_gg_.__active_1lk11_gg_ .___SText_1lk11_gg_{border-color:currentColor}.___SLinkTrigger_1lk11_gg_ .___SText_1lk11_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;line-height:1.42}.___SLinkTrigger_1lk11_gg_.__color_1lk11_gg_{color:var(--color_klk89u)}.___SLinkTrigger_1lk11_gg_.__color_1lk11_gg_:hover{color:var(--color-hover_klk89u)}.___SLinkTrigger_1lk11_gg_.__disabled_1lk11_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_1lk11_gg_.__keyboardFocused_1lk11_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2);z-index:1}.___SAddon_1lk11_gg_,.___SLinkAddon_1lk11_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_1lk11_gg_:not(:only-child):first-child,.___SLinkAddon_1lk11_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_1lk11_gg_:not(:only-child):last-child,.___SLinkAddon_1lk11_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_1lk11_gg_{width:16px;height:16px}.___SLinkTrigger_1lk11_gg_._size_m_1lk11_gg_{font-size:14px}.___SLinkTrigger_1lk11_gg_._size_l_1lk11_gg_{font-size:16px}@media (prefers-reduced-motion){.___SLinkTrigger_1lk11_gg_{transition:none}.___SLinkTrigger_1lk11_gg_ .___SText_1lk11_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "rbea4n_gg_")
+, "klk89u_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLinkTrigger": "___SLinkTrigger_qt3iv_gg_",
-  "_active": "__active_qt3iv_gg_",
-  "__SText": "___SText_qt3iv_gg_",
-  "_color": "__color_qt3iv_gg_",
-  "--color": "--color_rbea4n",
-  "--color-hover": "--color-hover_rbea4n",
-  "_disabled": "__disabled_qt3iv_gg_",
-  "_keyboardFocused": "__keyboardFocused_qt3iv_gg_",
-  "__SAddon": "___SAddon_qt3iv_gg_",
-  "__SLinkAddon": "___SLinkAddon_qt3iv_gg_",
-  "_size_s": "_size_s_qt3iv_gg_",
-  "_size_m": "_size_m_qt3iv_gg_",
-  "_size_l": "_size_l_qt3iv_gg_",
-  "_size_xl": "_size_xl_qt3iv_gg_"
+  "__SLinkTrigger": "___SLinkTrigger_1lk11_gg_",
+  "_active": "__active_1lk11_gg_",
+  "__SText": "___SText_1lk11_gg_",
+  "_color": "__color_1lk11_gg_",
+  "--color": "--color_klk89u",
+  "--color-hover": "--color-hover_klk89u",
+  "_disabled": "__disabled_1lk11_gg_",
+  "_keyboardFocused": "__keyboardFocused_1lk11_gg_",
+  "__SAddon": "___SAddon_1lk11_gg_",
+  "__SLinkAddon": "___SLinkAddon_1lk11_gg_",
+  "_size_m": "_size_m_1lk11_gg_",
+  "_size_l": "_size_l_1lk11_gg_"
 });
@@ -78,0 +76,0 @@

lib/es6/BaseTrigger.js

@@ -33,26 +33,24 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 /*__inner_css_start__*/
-".___SBaseTrigger_qaw1b_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:1px solid #a6b0b3;background:#fff;color:#333333}.___SBaseTrigger_qaw1b_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_qaw1b_gg_:active,.___SBaseTrigger_qaw1b_gg_:focus,.___SBaseTrigger_qaw1b_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_qaw1b_gg_.__keyboardFocused_qaw1b_gg_{border:1px solid #2b94e1;box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SBaseTrigger_qaw1b_gg_:active,.___SBaseTrigger_qaw1b_gg_:hover,.___SBaseTrigger_qaw1b_gg_.__active_qaw1b_gg_{background-color:rgba(166,176,179,.2)}.___SBaseTrigger_qaw1b_gg_.__disabled_qaw1b_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SBaseTrigger_qaw1b_gg_.__keyboardFocused_qaw1b_gg_{z-index:1}.___SInner_qaw1b_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_qaw1b_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.1;flex-grow:1;text-align:left}.___SAddon_qaw1b_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_qaw1b_gg_{width:12px;height:12px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_ .___SText_qaw1b_gg_{margin-left:4px;margin-right:4px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):first-child{margin-left:4px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):last-child{margin-right:4px}.___SBaseTrigger_qaw1b_gg_._size_s_qaw1b_gg_ .___SAddon_qaw1b_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_ .___SText_qaw1b_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_qaw1b_gg_._size_m_qaw1b_gg_ .___SAddon_qaw1b_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_ .___SText_qaw1b_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_qaw1b_gg_._size_l_qaw1b_gg_ .___SAddon_qaw1b_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_ .___SText_qaw1b_gg_{margin-left:12px;margin-right:12px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):first-child{margin-left:12px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_ .___SAddon_qaw1b_gg_:not(:only-child):last-child{margin-right:12px}.___SBaseTrigger_qaw1b_gg_._size_xl_qaw1b_gg_ .___SAddon_qaw1b_gg_:only-child{margin-left:-6px;margin-right:-6px}.___SBaseTrigger_qaw1b_gg_._neighborLocation_right_qaw1b_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_qaw1b_gg_._neighborLocation_both_qaw1b_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_qaw1b_gg_._neighborLocation_left_qaw1b_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_qaw1b_gg_.__placeholder_qaw1b_gg_{color:#aaaaaa}.___SBaseTrigger_qaw1b_gg_._state_normal_qaw1b_gg_{border-color:#a6b0b3}.___SBaseTrigger_qaw1b_gg_._state_valid_qaw1b_gg_{border-color:#4fae33}.___SBaseTrigger_qaw1b_gg_._state_invalid_qaw1b_gg_{border-color:#ff7f00}.___SBaseTrigger_qaw1b_gg_._state_invalid_qaw1b_gg_.__keyboardFocused_qaw1b_gg_{border-color:#ff7f00;box-shadow:0 0 0 3px rgba(255,127,0,.3)}"
+".___SBaseTrigger_5ixsq_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:Inter,sans-serif;cursor:pointer;background:#fff;font-weight:400;border:1px solid #c4c7cf;color:#191b23}.___SBaseTrigger_5ixsq_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_5ixsq_gg_:active,.___SBaseTrigger_5ixsq_gg_:focus,.___SBaseTrigger_5ixsq_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_5ixsq_gg_.__keyboardFocused_5ixsq_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SBaseTrigger_5ixsq_gg_:hover{background-color:rgba(138,142,155,.2)}.___SBaseTrigger_5ixsq_gg_:active,.___SBaseTrigger_5ixsq_gg_.__active_5ixsq_gg_{background-color:rgba(138,142,155,.3)}.___SBaseTrigger_5ixsq_gg_.__disabled_5ixsq_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SBaseTrigger_5ixsq_gg_.__keyboardFocused_5ixsq_gg_{z-index:1}.___SInner_5ixsq_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_5ixsq_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.42;flex-grow:1;text-align:left}.___SAddon_5ixsq_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_5ixsq_gg_{width:12px;height:12px}.___SBaseTrigger_5ixsq_gg_._size_m_5ixsq_gg_{min-width:26px;height:28px;border-radius:6px;padding:0 8px;font-size:14px}.___SBaseTrigger_5ixsq_gg_._size_m_5ixsq_gg_ .___SAddon_5ixsq_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_5ixsq_gg_._size_m_5ixsq_gg_ .___SAddon_5ixsq_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_5ixsq_gg_._size_m_5ixsq_gg_ .___SAddon_5ixsq_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_5ixsq_gg_._size_l_5ixsq_gg_{min-width:32px;height:40px;border-radius:6px;padding:0 12px;font-size:16px}.___SBaseTrigger_5ixsq_gg_._size_l_5ixsq_gg_ .___SAddon_5ixsq_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_5ixsq_gg_._size_l_5ixsq_gg_ .___SAddon_5ixsq_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_5ixsq_gg_._size_l_5ixsq_gg_ .___SAddon_5ixsq_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_5ixsq_gg_._neighborLocation_right_5ixsq_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_5ixsq_gg_._neighborLocation_both_5ixsq_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_5ixsq_gg_._neighborLocation_left_5ixsq_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_5ixsq_gg_.__placeholder_5ixsq_gg_{color:#a9abb6}.___SBaseTrigger_5ixsq_gg_._state_normal_5ixsq_gg_{border-color:#c4c7cf}.___SBaseTrigger_5ixsq_gg_._state_valid_5ixsq_gg_{border-color:#59ddaa}.___SBaseTrigger_5ixsq_gg_._state_invalid_5ixsq_gg_{border-color:#ffaeb5}.___SBaseTrigger_5ixsq_gg_._state_invalid_5ixsq_gg_.__keyboardFocused_5ixsq_gg_{border-color:#ff622d;box-shadow:0 0 0 3px rgba(255,98,45,.3)}"
 /*__inner_css_end__*/
-, "pimup5_gg_")
+, "1ntsokv_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBaseTrigger": "___SBaseTrigger_qaw1b_gg_",
-  "_keyboardFocused": "__keyboardFocused_qaw1b_gg_",
-  "_active": "__active_qaw1b_gg_",
-  "_disabled": "__disabled_qaw1b_gg_",
-  "__SInner": "___SInner_qaw1b_gg_",
-  "__SText": "___SText_qaw1b_gg_",
-  "__SAddon": "___SAddon_qaw1b_gg_",
-  "__SBaseAddon": "___SBaseAddon_qaw1b_gg_",
-  "_size_s": "_size_s_qaw1b_gg_",
-  "_size_m": "_size_m_qaw1b_gg_",
-  "_size_l": "_size_l_qaw1b_gg_",
-  "_size_xl": "_size_xl_qaw1b_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_qaw1b_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_qaw1b_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_qaw1b_gg_",
-  "_placeholder": "__placeholder_qaw1b_gg_",
-  "_state_normal": "_state_normal_qaw1b_gg_",
-  "_state_valid": "_state_valid_qaw1b_gg_",
-  "_state_invalid": "_state_invalid_qaw1b_gg_"
+  "__SBaseTrigger": "___SBaseTrigger_5ixsq_gg_",
+  "_keyboardFocused": "__keyboardFocused_5ixsq_gg_",
+  "_active": "__active_5ixsq_gg_",
+  "_disabled": "__disabled_5ixsq_gg_",
+  "__SInner": "___SInner_5ixsq_gg_",
+  "__SText": "___SText_5ixsq_gg_",
+  "__SAddon": "___SAddon_5ixsq_gg_",
+  "__SBaseAddon": "___SBaseAddon_5ixsq_gg_",
+  "_size_m": "_size_m_5ixsq_gg_",
+  "_size_l": "_size_l_5ixsq_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_5ixsq_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_5ixsq_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_5ixsq_gg_",
+  "_placeholder": "__placeholder_5ixsq_gg_",
+  "_state_normal": "_state_normal_5ixsq_gg_",
+  "_state_valid": "_state_valid_5ixsq_gg_",
+  "_state_invalid": "_state_invalid_5ixsq_gg_"
 });
@@ -59,0 +57,0 @@

lib/es6/ButtonTrigger.js

@@ -26,8 +26,9 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 /*__inner_css_start__*/
-".___SButtonAddon_1yp15_gg_{width:12px;height:12px}"
+".___SButtonAddon_1m1cj_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1m1cj_gg_{fill:#6c6e79}"
 /*__inner_css_end__*/
-, "18emizi_gg_")
+, "1x17vum_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SButtonAddon": "___SButtonAddon_1yp15_gg_"
+  "__SButtonAddon": "___SButtonAddon_1m1cj_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_1m1cj_gg_"
 });
@@ -53,2 +54,3 @@
       var SButtonAddon = ButtonTrigger.Addon;
+      var SButtonTriggerSpin = Spin;
       var _this$asProps = this.asProps,
@@ -58,5 +60,5 @@ Children = _this$asProps.Children,
           loading = _this$asProps.loading;
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({}, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon), /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(Spin, _ref2.cn("Spin", {
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({}, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon), /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
         "size": "xs",
-        "theme": "#a6b0b3"
+        "theme": false
       })) : /*#__PURE__*/React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));
@@ -63,0 +65,0 @@ }

lib/es6/FilterTrigger.js

@@ -36,23 +36,21 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 /*__inner_css_start__*/
-".___SButtonTrigger_1le1w_gg_{border:1px solid #a6b0b3;background:#fff;color:#333333}.___SButtonTrigger_1le1w_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_1le1w_gg_:active,.___SButtonTrigger_1le1w_gg_:focus,.___SButtonTrigger_1le1w_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_1le1w_gg_:active,.___SButtonTrigger_1le1w_gg_:hover,.___SButtonTrigger_1le1w_gg_.__active_1le1w_gg_{background-color:rgba(166,176,179,.2)}.___SButtonTrigger_1le1w_gg_._size_s_1le1w_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButtonTrigger_1le1w_gg_._size_m_1le1w_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButtonTrigger_1le1w_gg_._size_l_1le1w_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButtonTrigger_1le1w_gg_._size_xl_1le1w_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SText_1le1w_gg_.__placeholder_1le1w_gg_{color:#aaaaaa}.___SButtonTrigger_1le1w_gg_._state_normal_1le1w_gg_{border-color:#a6b0b3}.___SButtonTrigger_1le1w_gg_._state_valid_1le1w_gg_{border-color:#4fae33}.___SButtonTrigger_1le1w_gg_._state_invalid_1le1w_gg_{border-color:#ff7f00}.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_{border-color:#2b94e1;background-color:rgba(43,148,225,.2)}.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_:hover,.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_.__active_1le1w_gg_{background:rgba(43,148,225,.3)}.___SWrapper_1le1w_gg_{display:inline-flex}.___SWrapper_1le1w_gg_:focus{outline:none}.___SWrapper_1le1w_gg_.__keyboardFocused_1le1w_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SCounter_1le1w_gg_{background-color:#2b94e1}"
+".___SButtonTrigger_1smud_gg_{border:1px solid #c4c7cf;background:#fff;color:#191b23}.___SButtonTrigger_1smud_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_1smud_gg_:active,.___SButtonTrigger_1smud_gg_:focus,.___SButtonTrigger_1smud_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_1smud_gg_:active,.___SButtonTrigger_1smud_gg_:hover,.___SButtonTrigger_1smud_gg_.__active_1smud_gg_{background-color:rgba(138,142,155,.2)}.___SButtonTrigger_1smud_gg_._size_m_1smud_gg_{min-width:26px;height:28px;border-radius:6px;font-size:14px}.___SButtonTrigger_1smud_gg_._size_l_1smud_gg_{min-width:32px;height:40px;border-radius:6px;font-size:16px}.___SText_1smud_gg_.__placeholder_1smud_gg_{color:#a9abb6}.___SButtonTrigger_1smud_gg_._state_normal_1smud_gg_{border-color:#c4c7cf}.___SButtonTrigger_1smud_gg_._state_valid_1smud_gg_{border-color:#59ddaa}.___SButtonTrigger_1smud_gg_._state_invalid_1smud_gg_{border-color:#ffaeb5}.___SFilterTrigger_1smud_gg_.__selected_1smud_gg_{border-color:#008ff8;background-color:rgba(0,143,248,.2);color:#191b23}.___SFilterTrigger_1smud_gg_.__selected_1smud_gg_:hover,.___SFilterTrigger_1smud_gg_.__selected_1smud_gg_.__active_1smud_gg_{background:rgba(0,143,248,.3)}.___SWrapper_1smud_gg_{display:inline-flex}.___SWrapper_1smud_gg_:focus{outline:none}.___SWrapper_1smud_gg_.__keyboardFocused_1smud_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCounter_1smud_gg_{background-color:#008ff8}"
 /*__inner_css_end__*/
-, "y8g6v3_gg_")
+, "eo2z42_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SButtonTrigger": "___SButtonTrigger_1le1w_gg_",
-  "_active": "__active_1le1w_gg_",
-  "_size_s": "_size_s_1le1w_gg_",
-  "_size_m": "_size_m_1le1w_gg_",
-  "_size_l": "_size_l_1le1w_gg_",
-  "_size_xl": "_size_xl_1le1w_gg_",
-  "__SText": "___SText_1le1w_gg_",
-  "_placeholder": "__placeholder_1le1w_gg_",
-  "_state_normal": "_state_normal_1le1w_gg_",
-  "_state_valid": "_state_valid_1le1w_gg_",
-  "_state_invalid": "_state_invalid_1le1w_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_1le1w_gg_",
-  "_selected": "__selected_1le1w_gg_",
-  "__SWrapper": "___SWrapper_1le1w_gg_",
-  "_keyboardFocused": "__keyboardFocused_1le1w_gg_",
-  "__SCounter": "___SCounter_1le1w_gg_"
+  "__SButtonTrigger": "___SButtonTrigger_1smud_gg_",
+  "_active": "__active_1smud_gg_",
+  "_size_m": "_size_m_1smud_gg_",
+  "_size_l": "_size_l_1smud_gg_",
+  "__SText": "___SText_1smud_gg_",
+  "_placeholder": "__placeholder_1smud_gg_",
+  "_state_normal": "_state_normal_1smud_gg_",
+  "_state_valid": "_state_valid_1smud_gg_",
+  "_state_invalid": "_state_invalid_1smud_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_1smud_gg_",
+  "_selected": "__selected_1smud_gg_",
+  "__SWrapper": "___SWrapper_1smud_gg_",
+  "_keyboardFocused": "__keyboardFocused_1smud_gg_",
+  "__SCounter": "___SCounter_1smud_gg_"
 });
@@ -59,0 +57,0 @@

lib/es6/index.d.ts

@@ -13,3 +13,3 @@ import React, { ComponentProps } from 'react';
    */
-  size?: 'm' | 'l' | 'xl';
+  size?: 'm' | 'l';
   /**
@@ -16,0 +16,0 @@ * Trigger state

lib/es6/LinkTrigger.js

@@ -34,21 +34,19 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 /*__inner_css_start__*/
-".___SLinkTrigger_qt3iv_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer}.___SLinkTrigger_qt3iv_gg_{color:#0071bc;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_qt3iv_gg_:active,.___SLinkTrigger_qt3iv_gg_:hover,.___SLinkTrigger_qt3iv_gg_.__active_qt3iv_gg_{color:#0063a5}.___SLinkTrigger_qt3iv_gg_:active .___SText_qt3iv_gg_,.___SLinkTrigger_qt3iv_gg_:hover .___SText_qt3iv_gg_,.___SLinkTrigger_qt3iv_gg_.__active_qt3iv_gg_ .___SText_qt3iv_gg_{border-color:currentColor}.___SLinkTrigger_qt3iv_gg_ .___SText_qt3iv_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLinkTrigger_qt3iv_gg_.__color_qt3iv_gg_{color:var(--color_rbea4n)}.___SLinkTrigger_qt3iv_gg_.__color_qt3iv_gg_:hover{color:var(--color-hover_rbea4n)}.___SLinkTrigger_qt3iv_gg_.__disabled_qt3iv_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_qt3iv_gg_.__keyboardFocused_qt3iv_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SAddon_qt3iv_gg_,.___SLinkAddon_qt3iv_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_qt3iv_gg_:not(:only-child):first-child,.___SLinkAddon_qt3iv_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_qt3iv_gg_:not(:only-child):last-child,.___SLinkAddon_qt3iv_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_qt3iv_gg_{width:12px;height:12px}.___SLinkTrigger_qt3iv_gg_._size_s_qt3iv_gg_{font-size:10px}.___SLinkTrigger_qt3iv_gg_._size_m_qt3iv_gg_{font-size:12px}.___SLinkTrigger_qt3iv_gg_._size_l_qt3iv_gg_{font-size:14px}.___SLinkTrigger_qt3iv_gg_._size_xl_qt3iv_gg_{font-size:16px}@media (prefers-reduced-motion){.___SLinkTrigger_qt3iv_gg_{transition:none}.___SLinkTrigger_qt3iv_gg_ .___SText_qt3iv_gg_{transition:none}}"
+".___SLinkTrigger_1lk11_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:Inter,sans-serif;cursor:pointer;color:#006dca;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1lk11_gg_:active,.___SLinkTrigger_1lk11_gg_:hover,.___SLinkTrigger_1lk11_gg_.__active_1lk11_gg_{color:#044792}.___SLinkTrigger_1lk11_gg_:active .___SText_1lk11_gg_,.___SLinkTrigger_1lk11_gg_:hover .___SText_1lk11_gg_,.___SLinkTrigger_1lk11_gg_.__active_1lk11_gg_ .___SText_1lk11_gg_{border-color:currentColor}.___SLinkTrigger_1lk11_gg_ .___SText_1lk11_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;line-height:1.42}.___SLinkTrigger_1lk11_gg_.__color_1lk11_gg_{color:var(--color_klk89u)}.___SLinkTrigger_1lk11_gg_.__color_1lk11_gg_:hover{color:var(--color-hover_klk89u)}.___SLinkTrigger_1lk11_gg_.__disabled_1lk11_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_1lk11_gg_.__keyboardFocused_1lk11_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2);z-index:1}.___SAddon_1lk11_gg_,.___SLinkAddon_1lk11_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_1lk11_gg_:not(:only-child):first-child,.___SLinkAddon_1lk11_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_1lk11_gg_:not(:only-child):last-child,.___SLinkAddon_1lk11_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_1lk11_gg_{width:16px;height:16px}.___SLinkTrigger_1lk11_gg_._size_m_1lk11_gg_{font-size:14px}.___SLinkTrigger_1lk11_gg_._size_l_1lk11_gg_{font-size:16px}@media (prefers-reduced-motion){.___SLinkTrigger_1lk11_gg_{transition:none}.___SLinkTrigger_1lk11_gg_ .___SText_1lk11_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "rbea4n_gg_")
+, "klk89u_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLinkTrigger": "___SLinkTrigger_qt3iv_gg_",
-  "_active": "__active_qt3iv_gg_",
-  "__SText": "___SText_qt3iv_gg_",
-  "_color": "__color_qt3iv_gg_",
-  "--color": "--color_rbea4n",
-  "--color-hover": "--color-hover_rbea4n",
-  "_disabled": "__disabled_qt3iv_gg_",
-  "_keyboardFocused": "__keyboardFocused_qt3iv_gg_",
-  "__SAddon": "___SAddon_qt3iv_gg_",
-  "__SLinkAddon": "___SLinkAddon_qt3iv_gg_",
-  "_size_s": "_size_s_qt3iv_gg_",
-  "_size_m": "_size_m_qt3iv_gg_",
-  "_size_l": "_size_l_qt3iv_gg_",
-  "_size_xl": "_size_xl_qt3iv_gg_"
+  "__SLinkTrigger": "___SLinkTrigger_1lk11_gg_",
+  "_active": "__active_1lk11_gg_",
+  "__SText": "___SText_1lk11_gg_",
+  "_color": "__color_1lk11_gg_",
+  "--color": "--color_klk89u",
+  "--color-hover": "--color-hover_klk89u",
+  "_disabled": "__disabled_1lk11_gg_",
+  "_keyboardFocused": "__keyboardFocused_1lk11_gg_",
+  "__SAddon": "___SAddon_1lk11_gg_",
+  "__SLinkAddon": "___SLinkAddon_1lk11_gg_",
+  "_size_m": "_size_m_1lk11_gg_",
+  "_size_l": "_size_l_1lk11_gg_"
 });
@@ -55,0 +53,0 @@

lib/types/index.d.ts

@@ -13,3 +13,3 @@ import React, { ComponentProps } from 'react';
    */
-  size?: 'm' | 'l' | 'xl';
+  size?: 'm' | 'l';
   /**
@@ -16,0 +16,0 @@ * Trigger state

package.json

 {
   "name": "@semcore/base-trigger",
   "description": "SEMRush BaseTrigger Component",
-  "version": "2.6.5",
+  "version": "3.0.0",
   "main": "lib/cjs/index.js",
@@ -17,3 +17,3 @@ "module": "lib/es6/index.js",
     "@semcore/utils": "^3.15",
-    "@semcore/dot": "^3",
+    "@semcore/dot": "^4.0.0",
     "@semcore/flex-box": "^4",
@@ -20,0 +20,0 @@ "@semcore/icon": "^2.16",

src/ButtonTrigger.jsx

@@ -16,2 +16,3 @@ import React from 'react';
     const SButtonAddon = ButtonTrigger.Addon;
+    const SButtonTriggerSpin = Spin;
     const { Children, styles, loading } = this.asProps;
@@ -23,3 +24,3 @@
         <SButtonAddon>
-          {loading ? <Spin size="xs" theme="#a6b0b3" /> : <ChevronDown />}
+          {loading ? <SButtonTriggerSpin size="xs" theme={false} /> : <ChevronDown />}
         </SButtonAddon>
@@ -26,0 +27,0 @@ </Root>,

src/index.d.ts

@@ -13,3 +13,3 @@ import React, { ComponentProps } from 'react';
    */
-  size?: 'm' | 'l' | 'xl';
+  size?: 'm' | 'l';
   /**
@@ -16,0 +16,0 @@ * Trigger state

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

142277

decreased by-3.64%

Lines of code

2451

decreased by-7.79%

Dependency changes

• + Added@semcore/dot@4.2.41(transitive)

• + Added@semcore/portal@2.6.16(transitive)

• - Removed@semcore/dot@3.0.5(transitive)

• Updated@semcore/dot@^4.0.0