@semcore/button - npm Package Compare versions

Comparing version 3.3.7 to 4.0.0

CHANGELOG.md

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

lib/cjs/Button.js

@@ -55,34 +55,32 @@ "use strict";
 /*__inner_css_start__*/
-".___SButton_1gvrk_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:#666666;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.___SButton_1gvrk_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_1gvrk_gg_:active,.___SButton_1gvrk_gg_:focus,.___SButton_1gvrk_gg_:hover{outline:0;text-decoration:none}.___SButton_1gvrk_gg_.__disabled_1gvrk_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SButton_1gvrk_gg_.__keyboardFocused_1gvrk_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SButton_1gvrk_gg_._size_s_1gvrk_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButton_1gvrk_gg_._size_m_1gvrk_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButton_1gvrk_gg_._size_l_1gvrk_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButton_1gvrk_gg_._size_xl_1gvrk_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SButton_1gvrk_gg_._theme_primary-info_1gvrk_gg_{color:#fff;background-color:#2b94e1}.___SButton_1gvrk_gg_._theme_primary-info_1gvrk_gg_:hover{background-color:#0071bc}.___SButton_1gvrk_gg_._theme_primary-info_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_primary-info_1gvrk_gg_.__active_1gvrk_gg_{background-color:#006bb3}.___SButton_1gvrk_gg_._theme_primary-success_1gvrk_gg_{color:#fff;background-color:#4fae33}.___SButton_1gvrk_gg_._theme_primary-success_1gvrk_gg_:hover{background-color:#1d9c00}.___SButton_1gvrk_gg_._theme_primary-success_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_primary-success_1gvrk_gg_.__active_1gvrk_gg_{background-color:#1c9400}.___SButton_1gvrk_gg_._theme_primary-warning_1gvrk_gg_{background-color:#ff7f00;color:#fff}.___SButton_1gvrk_gg_._theme_primary-warning_1gvrk_gg_:hover{background-color:#cc6600}.___SButton_1gvrk_gg_._theme_primary-warning_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_primary-warning_1gvrk_gg_.__active_1gvrk_gg_{background-color:#c26100}.___SButton_1gvrk_gg_._theme_primary-danger_1gvrk_gg_{background-color:#ed2d2d;color:#fff}.___SButton_1gvrk_gg_._theme_primary-danger_1gvrk_gg_:hover{background-color:#d00000}.___SButton_1gvrk_gg_._theme_primary-danger_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_primary-danger_1gvrk_gg_.__active_1gvrk_gg_{background-color:#c60000}.___SButton_1gvrk_gg_._theme_primary-invert_1gvrk_gg_{background-color:#fff;color:#333333}.___SButton_1gvrk_gg_._theme_primary-invert_1gvrk_gg_:hover{background-color:#eeeeee}.___SButton_1gvrk_gg_._theme_primary-invert_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_primary-invert_1gvrk_gg_.__active_1gvrk_gg_{background-color:#e4e1e1}.___SButton_1gvrk_gg_._theme_secondary-muted_1gvrk_gg_{color:#757575;border-color:#a6b0b3;background-color:rgba(166,176,179,.1)}.___SButton_1gvrk_gg_._theme_secondary-muted_1gvrk_gg_:hover{background-color:rgba(166,176,179,.2)}.___SButton_1gvrk_gg_._theme_secondary-muted_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_secondary-muted_1gvrk_gg_.__active_1gvrk_gg_{background-color:rgba(166,176,179,.3)}.___SButton_1gvrk_gg_._theme_secondary-info_1gvrk_gg_{background-color:rgba(43,148,225,.05);color:#2b94e1;border-color:#2b94e1}.___SButton_1gvrk_gg_._theme_secondary-info_1gvrk_gg_:hover{background-color:rgba(0,113,188,.2)}.___SButton_1gvrk_gg_._theme_secondary-info_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_secondary-info_1gvrk_gg_.__active_1gvrk_gg_{background-color:rgba(0,113,188,.3)}.___SButton_1gvrk_gg_._theme_secondary-invert_1gvrk_gg_{background-color:hsla(0,0%,100%,.05);color:#fff;border-color:#fff}.___SButton_1gvrk_gg_._theme_secondary-invert_1gvrk_gg_:hover{background-color:hsla(0,0%,100%,.2)}.___SButton_1gvrk_gg_._theme_secondary-invert_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_secondary-invert_1gvrk_gg_.__active_1gvrk_gg_{background-color:hsla(0,0%,100%,.3)}.___SButton_1gvrk_gg_._theme_tertiary-info_1gvrk_gg_{color:#0071bc;background-color:transparent}.___SButton_1gvrk_gg_._theme_tertiary-info_1gvrk_gg_:hover{background-color:rgba(43,148,225,.2)}.___SButton_1gvrk_gg_._theme_tertiary-info_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_tertiary-info_1gvrk_gg_.__active_1gvrk_gg_{background-color:rgba(43,148,225,.3)}.___SButton_1gvrk_gg_._theme_tertiary-muted_1gvrk_gg_{color:#757575;background-color:transparent}.___SButton_1gvrk_gg_._theme_tertiary-muted_1gvrk_gg_:hover{background-color:rgba(166,176,179,.2)}.___SButton_1gvrk_gg_._theme_tertiary-muted_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_tertiary-muted_1gvrk_gg_.__active_1gvrk_gg_{background-color:rgba(166,176,179,.3)}.___SButton_1gvrk_gg_._theme_tertiary-invert_1gvrk_gg_{color:#fff;background-color:transparent}.___SButton_1gvrk_gg_._theme_tertiary-invert_1gvrk_gg_:hover{background-color:hsla(0,0%,100%,.2)}.___SButton_1gvrk_gg_._theme_tertiary-invert_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_tertiary-invert_1gvrk_gg_.__active_1gvrk_gg_{background-color:hsla(0,0%,100%,.3)}.___SButton_1gvrk_gg_._neighborLocation_right_1gvrk_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1gvrk_gg_._neighborLocation_both_1gvrk_gg_{border-radius:0;margin-left:-1px}.___SButton_1gvrk_gg_._neighborLocation_both_1gvrk_gg_._theme_primary-danger_1gvrk_gg_,.___SButton_1gvrk_gg_._neighborLocation_both_1gvrk_gg_._theme_primary-info_1gvrk_gg_,.___SButton_1gvrk_gg_._neighborLocation_both_1gvrk_gg_._theme_primary-success_1gvrk_gg_,.___SButton_1gvrk_gg_._neighborLocation_both_1gvrk_gg_._theme_primary-warning_1gvrk_gg_{border-left-color:hsla(0,0%,100%,.5)}.___SButton_1gvrk_gg_._neighborLocation_both_1gvrk_gg_._theme_primary-invert_1gvrk_gg_{border-left-color:rgba(0,0,0,.5)}.___SButton_1gvrk_gg_._neighborLocation_left_1gvrk_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1gvrk_gg_._neighborLocation_left_1gvrk_gg_._theme_primary-danger_1gvrk_gg_,.___SButton_1gvrk_gg_._neighborLocation_left_1gvrk_gg_._theme_primary-info_1gvrk_gg_,.___SButton_1gvrk_gg_._neighborLocation_left_1gvrk_gg_._theme_primary-success_1gvrk_gg_,.___SButton_1gvrk_gg_._neighborLocation_left_1gvrk_gg_._theme_primary-warning_1gvrk_gg_{border-left-color:hsla(0,0%,100%,.5)}.___SButton_1gvrk_gg_._neighborLocation_left_1gvrk_gg_._theme_primary-invert_1gvrk_gg_{border-left-color:rgba(0,0,0,.5)}.___SSpin_1gvrk_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1gvrk_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1gvrk_gg_.__loading_1gvrk_gg_{visibility:hidden}.___SText_1gvrk_gg_{display:inline-flex;line-height:1.1}.___SText_1gvrk_gg_._size_s_1gvrk_gg_{margin-left:4px;margin-right:4px}.___SText_1gvrk_gg_._size_m_1gvrk_gg_{margin-left:8px;margin-right:8px}.___SText_1gvrk_gg_._size_l_1gvrk_gg_{margin-left:8px;margin-right:8px}.___SText_1gvrk_gg_._size_xl_1gvrk_gg_{margin-left:12px;margin-right:12px}.___SAddon_1gvrk_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1gvrk_gg_._size_s_1gvrk_gg_:not(:only-child):first-child{margin-left:4px}.___SAddon_1gvrk_gg_._size_s_1gvrk_gg_:not(:only-child):last-child{margin-right:4px}.___SAddon_1gvrk_gg_._size_s_1gvrk_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SAddon_1gvrk_gg_._size_m_1gvrk_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_1gvrk_gg_._size_m_1gvrk_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_1gvrk_gg_._size_m_1gvrk_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SAddon_1gvrk_gg_._size_l_1gvrk_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_1gvrk_gg_._size_l_1gvrk_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_1gvrk_gg_._size_l_1gvrk_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SAddon_1gvrk_gg_._size_xl_1gvrk_gg_:not(:only-child):first-child{margin-left:12px}.___SAddon_1gvrk_gg_._size_xl_1gvrk_gg_:not(:only-child):last-child{margin-right:12px}.___SAddon_1gvrk_gg_._size_xl_1gvrk_gg_:only-child{margin-left:-6px;margin-right:-6px}"
+".___SButton_rdvkw_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:Inter,sans-serif;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:500;color:#6c6e79}.___SButton_rdvkw_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_rdvkw_gg_:active,.___SButton_rdvkw_gg_:focus,.___SButton_rdvkw_gg_:hover{outline:0;text-decoration:none}.___SButton_rdvkw_gg_.__disabled_rdvkw_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SButton_rdvkw_gg_.__keyboardFocused_rdvkw_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2);z-index:1}.___SButton_rdvkw_gg_._size_m_rdvkw_gg_{height:26px;min-width:26px;border-radius:6px;font-size:14px}.___SButton_rdvkw_gg_._size_l_rdvkw_gg_{height:38px;min-width:38px;border-radius:6px;font-size:16px}.___SButton_rdvkw_gg_._theme_primary-info_rdvkw_gg_{color:#ffffff;background-color:#008ff8}.___SButton_rdvkw_gg_._theme_primary-info_rdvkw_gg_:hover{background-color:#006dca}.___SButton_rdvkw_gg_._theme_primary-info_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_primary-info_rdvkw_gg_.__active_rdvkw_gg_{background-color:#044792}.___SButton_rdvkw_gg_._theme_primary-success_rdvkw_gg_{color:#ffffff;background-color:#009f81}.___SButton_rdvkw_gg_._theme_primary-success_rdvkw_gg_:hover{background-color:#007c65}.___SButton_rdvkw_gg_._theme_primary-success_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_primary-success_rdvkw_gg_.__active_rdvkw_gg_{background-color:#055345}.___SButton_rdvkw_gg_._theme_primary-warning_rdvkw_gg_{background-color:#ff622d;color:#ffffff}.___SButton_rdvkw_gg_._theme_primary-warning_rdvkw_gg_:hover{background-color:#c33909}.___SButton_rdvkw_gg_._theme_primary-warning_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_primary-warning_rdvkw_gg_.__active_rdvkw_gg_{background-color:#be3404}.___SButton_rdvkw_gg_._theme_primary-danger_rdvkw_gg_{background-color:#ff4953;color:#ffffff}.___SButton_rdvkw_gg_._theme_primary-danger_rdvkw_gg_:hover{background-color:#d1002f}.___SButton_rdvkw_gg_._theme_primary-danger_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_primary-danger_rdvkw_gg_.__active_rdvkw_gg_{background-color:#8e0016}.___SButton_rdvkw_gg_._theme_primary-invert_rdvkw_gg_{background-color:#fff;color:#191b23}.___SButton_rdvkw_gg_._theme_primary-invert_rdvkw_gg_:hover{background-color:#f4f5f9}.___SButton_rdvkw_gg_._theme_primary-invert_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_primary-invert_rdvkw_gg_.__active_rdvkw_gg_{background-color:#e0e1e9}.___SButton_rdvkw_gg_._theme_secondary-muted_rdvkw_gg_{color:#6c6e79;border-color:#c4c7cf;background-color:rgba(138,142,155,.1)}.___SButton_rdvkw_gg_._theme_secondary-muted_rdvkw_gg_:hover{background-color:rgba(138,142,155,.2);color:#191b23}.___SButton_rdvkw_gg_._theme_secondary-muted_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_secondary-muted_rdvkw_gg_.__active_rdvkw_gg_{background-color:rgba(138,142,155,.3);color:#191b23}.___SButton_rdvkw_gg_._theme_secondary-info_rdvkw_gg_{background-color:rgba(0,143,248,.05);color:#008ff8;border-color:#008ff8}.___SButton_rdvkw_gg_._theme_secondary-info_rdvkw_gg_:hover{background-color:rgba(0,109,202,.2)}.___SButton_rdvkw_gg_._theme_secondary-info_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_secondary-info_rdvkw_gg_.__active_rdvkw_gg_{background-color:rgba(0,109,202,.3)}.___SButton_rdvkw_gg_._theme_secondary-invert_rdvkw_gg_{background-color:hsla(0,0%,100%,.05);color:#fff;border-color:#fff}.___SButton_rdvkw_gg_._theme_secondary-invert_rdvkw_gg_:hover{background-color:hsla(0,0%,100%,.1)}.___SButton_rdvkw_gg_._theme_secondary-invert_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_secondary-invert_rdvkw_gg_.__active_rdvkw_gg_{background-color:hsla(0,0%,100%,.3)}.___SButton_rdvkw_gg_._theme_tertiary-info_rdvkw_gg_{color:#006dca;background-color:transparent}.___SButton_rdvkw_gg_._theme_tertiary-info_rdvkw_gg_:hover{background-color:rgba(0,143,248,.2)}.___SButton_rdvkw_gg_._theme_tertiary-info_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_tertiary-info_rdvkw_gg_.__active_rdvkw_gg_{background-color:rgba(0,143,248,.3)}.___SButton_rdvkw_gg_._theme_tertiary-muted_rdvkw_gg_{color:#6c6e79;background-color:transparent}.___SButton_rdvkw_gg_._theme_tertiary-muted_rdvkw_gg_:hover{background-color:rgba(138,142,155,.2);color:#191b23}.___SButton_rdvkw_gg_._theme_tertiary-muted_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_tertiary-muted_rdvkw_gg_.__active_rdvkw_gg_{background-color:rgba(138,142,155,.3);color:#191b23}.___SButton_rdvkw_gg_._theme_tertiary-invert_rdvkw_gg_{color:#fff;background-color:transparent}.___SButton_rdvkw_gg_._theme_tertiary-invert_rdvkw_gg_:hover{background-color:hsla(0,0%,100%,.1)}.___SButton_rdvkw_gg_._theme_tertiary-invert_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_tertiary-invert_rdvkw_gg_.__active_rdvkw_gg_{background-color:hsla(0,0%,100%,.3)}.___SButton_rdvkw_gg_._neighborLocation_right_rdvkw_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_rdvkw_gg_._neighborLocation_both_rdvkw_gg_{border-radius:0;margin-left:-1px}.___SButton_rdvkw_gg_._neighborLocation_both_rdvkw_gg_._theme_primary-danger_rdvkw_gg_,.___SButton_rdvkw_gg_._neighborLocation_both_rdvkw_gg_._theme_primary-info_rdvkw_gg_,.___SButton_rdvkw_gg_._neighborLocation_both_rdvkw_gg_._theme_primary-success_rdvkw_gg_,.___SButton_rdvkw_gg_._neighborLocation_both_rdvkw_gg_._theme_primary-warning_rdvkw_gg_{border-left-color:hsla(0,0%,100%,.5)}.___SButton_rdvkw_gg_._neighborLocation_both_rdvkw_gg_._theme_primary-invert_rdvkw_gg_{border-left-color:rgba(0,0,0,.5)}.___SButton_rdvkw_gg_._neighborLocation_left_rdvkw_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_rdvkw_gg_._neighborLocation_left_rdvkw_gg_._theme_primary-danger_rdvkw_gg_,.___SButton_rdvkw_gg_._neighborLocation_left_rdvkw_gg_._theme_primary-info_rdvkw_gg_,.___SButton_rdvkw_gg_._neighborLocation_left_rdvkw_gg_._theme_primary-success_rdvkw_gg_,.___SButton_rdvkw_gg_._neighborLocation_left_rdvkw_gg_._theme_primary-warning_rdvkw_gg_{border-left-color:hsla(0,0%,100%,.5)}.___SButton_rdvkw_gg_._neighborLocation_left_rdvkw_gg_._theme_primary-invert_rdvkw_gg_{border-left-color:rgba(0,0,0,.5)}.___SSpin_rdvkw_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_rdvkw_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_rdvkw_gg_.__loading_rdvkw_gg_{visibility:hidden}.___SText_rdvkw_gg_{display:inline-flex}.___SText_rdvkw_gg_._size_m_rdvkw_gg_{margin-left:8px;margin-right:8px;line-height:1.42}.___SText_rdvkw_gg_._size_l_rdvkw_gg_{margin-left:12px;margin-right:12px;line-height:1.5}.___SAddon_rdvkw_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_rdvkw_gg_._size_m_rdvkw_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_rdvkw_gg_._size_m_rdvkw_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_rdvkw_gg_._size_m_rdvkw_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SAddon_rdvkw_gg_._size_l_rdvkw_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_rdvkw_gg_._size_l_rdvkw_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_rdvkw_gg_._size_l_rdvkw_gg_:only-child{margin-left:-4px;margin-right:-4px}"
 /*__inner_css_end__*/
-, "1o9hhkh_gg_")
+, "akdu6r_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SButton": "___SButton_1gvrk_gg_",
-  "_disabled": "__disabled_1gvrk_gg_",
-  "_keyboardFocused": "__keyboardFocused_1gvrk_gg_",
-  "_size_s": "_size_s_1gvrk_gg_",
-  "_size_m": "_size_m_1gvrk_gg_",
-  "_size_l": "_size_l_1gvrk_gg_",
-  "_size_xl": "_size_xl_1gvrk_gg_",
-  "_theme_primary-info": "_theme_primary-info_1gvrk_gg_",
-  "_active": "__active_1gvrk_gg_",
-  "_theme_primary-success": "_theme_primary-success_1gvrk_gg_",
-  "_theme_primary-warning": "_theme_primary-warning_1gvrk_gg_",
-  "_theme_primary-danger": "_theme_primary-danger_1gvrk_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_1gvrk_gg_",
-  "_theme_secondary-muted": "_theme_secondary-muted_1gvrk_gg_",
-  "_theme_secondary-info": "_theme_secondary-info_1gvrk_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_1gvrk_gg_",
-  "_theme_tertiary-info": "_theme_tertiary-info_1gvrk_gg_",
-  "_theme_tertiary-muted": "_theme_tertiary-muted_1gvrk_gg_",
-  "_theme_tertiary-invert": "_theme_tertiary-invert_1gvrk_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1gvrk_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1gvrk_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1gvrk_gg_",
-  "__SSpin": "___SSpin_1gvrk_gg_",
-  "__SInner": "___SInner_1gvrk_gg_",
-  "_loading": "__loading_1gvrk_gg_",
-  "__SText": "___SText_1gvrk_gg_",
-  "__SAddon": "___SAddon_1gvrk_gg_"
+  "__SButton": "___SButton_rdvkw_gg_",
+  "_disabled": "__disabled_rdvkw_gg_",
+  "_keyboardFocused": "__keyboardFocused_rdvkw_gg_",
+  "_size_m": "_size_m_rdvkw_gg_",
+  "_size_l": "_size_l_rdvkw_gg_",
+  "_theme_primary-info": "_theme_primary-info_rdvkw_gg_",
+  "_active": "__active_rdvkw_gg_",
+  "_theme_primary-success": "_theme_primary-success_rdvkw_gg_",
+  "_theme_primary-warning": "_theme_primary-warning_rdvkw_gg_",
+  "_theme_primary-danger": "_theme_primary-danger_rdvkw_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_rdvkw_gg_",
+  "_theme_secondary-muted": "_theme_secondary-muted_rdvkw_gg_",
+  "_theme_secondary-info": "_theme_secondary-info_rdvkw_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_rdvkw_gg_",
+  "_theme_tertiary-info": "_theme_tertiary-info_rdvkw_gg_",
+  "_theme_tertiary-muted": "_theme_tertiary-muted_rdvkw_gg_",
+  "_theme_tertiary-invert": "_theme_tertiary-invert_rdvkw_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_rdvkw_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_rdvkw_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_rdvkw_gg_",
+  "__SSpin": "___SSpin_rdvkw_gg_",
+  "__SInner": "___SInner_rdvkw_gg_",
+  "_loading": "__loading_rdvkw_gg_",
+  "__SText": "___SText_rdvkw_gg_",
+  "__SAddon": "___SAddon_rdvkw_gg_"
 });
@@ -125,3 +123,3 @@ var MAP_USE_DEFAULT_THEME = {
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref4;
@@ -178,3 +176,3 @@
 function Text(props) {
-  var _ref2 = this ? this.asProps : arguments[0],
+  var _ref2 = arguments[0],
       _ref5;
@@ -189,3 +187,3 @@
 function Addon(props) {
-  var _ref3 = this ? this.asProps : arguments[0],
+  var _ref3 = arguments[0],
       _ref6;
@@ -192,0 +190,0 @@

lib/cjs/SpinButton.js

@@ -33,6 +33,6 @@ "use strict";
   'secondary-invert': 'invert',
-  'secondary-muted': 'gray40',
-  'secondary-info': 'light-blue',
+  'secondary-muted': 'gray-600',
+  'secondary-info': 'blue-400',
   'tertiary-invert': 'invert',
-  'tertiary-info': 'light-blue'
+  'tertiary-info': 'blue-400'
 };
@@ -39,0 +39,0 @@ exports.SPIN_THEME_MAP = SPIN_THEME_MAP;

lib/es6/Button.js

@@ -33,34 +33,32 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 /*__inner_css_start__*/
-".___SButton_1gvrk_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:#666666;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.___SButton_1gvrk_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_1gvrk_gg_:active,.___SButton_1gvrk_gg_:focus,.___SButton_1gvrk_gg_:hover{outline:0;text-decoration:none}.___SButton_1gvrk_gg_.__disabled_1gvrk_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SButton_1gvrk_gg_.__keyboardFocused_1gvrk_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SButton_1gvrk_gg_._size_s_1gvrk_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButton_1gvrk_gg_._size_m_1gvrk_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButton_1gvrk_gg_._size_l_1gvrk_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButton_1gvrk_gg_._size_xl_1gvrk_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SButton_1gvrk_gg_._theme_primary-info_1gvrk_gg_{color:#fff;background-color:#2b94e1}.___SButton_1gvrk_gg_._theme_primary-info_1gvrk_gg_:hover{background-color:#0071bc}.___SButton_1gvrk_gg_._theme_primary-info_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_primary-info_1gvrk_gg_.__active_1gvrk_gg_{background-color:#006bb3}.___SButton_1gvrk_gg_._theme_primary-success_1gvrk_gg_{color:#fff;background-color:#4fae33}.___SButton_1gvrk_gg_._theme_primary-success_1gvrk_gg_:hover{background-color:#1d9c00}.___SButton_1gvrk_gg_._theme_primary-success_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_primary-success_1gvrk_gg_.__active_1gvrk_gg_{background-color:#1c9400}.___SButton_1gvrk_gg_._theme_primary-warning_1gvrk_gg_{background-color:#ff7f00;color:#fff}.___SButton_1gvrk_gg_._theme_primary-warning_1gvrk_gg_:hover{background-color:#cc6600}.___SButton_1gvrk_gg_._theme_primary-warning_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_primary-warning_1gvrk_gg_.__active_1gvrk_gg_{background-color:#c26100}.___SButton_1gvrk_gg_._theme_primary-danger_1gvrk_gg_{background-color:#ed2d2d;color:#fff}.___SButton_1gvrk_gg_._theme_primary-danger_1gvrk_gg_:hover{background-color:#d00000}.___SButton_1gvrk_gg_._theme_primary-danger_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_primary-danger_1gvrk_gg_.__active_1gvrk_gg_{background-color:#c60000}.___SButton_1gvrk_gg_._theme_primary-invert_1gvrk_gg_{background-color:#fff;color:#333333}.___SButton_1gvrk_gg_._theme_primary-invert_1gvrk_gg_:hover{background-color:#eeeeee}.___SButton_1gvrk_gg_._theme_primary-invert_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_primary-invert_1gvrk_gg_.__active_1gvrk_gg_{background-color:#e4e1e1}.___SButton_1gvrk_gg_._theme_secondary-muted_1gvrk_gg_{color:#757575;border-color:#a6b0b3;background-color:rgba(166,176,179,.1)}.___SButton_1gvrk_gg_._theme_secondary-muted_1gvrk_gg_:hover{background-color:rgba(166,176,179,.2)}.___SButton_1gvrk_gg_._theme_secondary-muted_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_secondary-muted_1gvrk_gg_.__active_1gvrk_gg_{background-color:rgba(166,176,179,.3)}.___SButton_1gvrk_gg_._theme_secondary-info_1gvrk_gg_{background-color:rgba(43,148,225,.05);color:#2b94e1;border-color:#2b94e1}.___SButton_1gvrk_gg_._theme_secondary-info_1gvrk_gg_:hover{background-color:rgba(0,113,188,.2)}.___SButton_1gvrk_gg_._theme_secondary-info_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_secondary-info_1gvrk_gg_.__active_1gvrk_gg_{background-color:rgba(0,113,188,.3)}.___SButton_1gvrk_gg_._theme_secondary-invert_1gvrk_gg_{background-color:hsla(0,0%,100%,.05);color:#fff;border-color:#fff}.___SButton_1gvrk_gg_._theme_secondary-invert_1gvrk_gg_:hover{background-color:hsla(0,0%,100%,.2)}.___SButton_1gvrk_gg_._theme_secondary-invert_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_secondary-invert_1gvrk_gg_.__active_1gvrk_gg_{background-color:hsla(0,0%,100%,.3)}.___SButton_1gvrk_gg_._theme_tertiary-info_1gvrk_gg_{color:#0071bc;background-color:transparent}.___SButton_1gvrk_gg_._theme_tertiary-info_1gvrk_gg_:hover{background-color:rgba(43,148,225,.2)}.___SButton_1gvrk_gg_._theme_tertiary-info_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_tertiary-info_1gvrk_gg_.__active_1gvrk_gg_{background-color:rgba(43,148,225,.3)}.___SButton_1gvrk_gg_._theme_tertiary-muted_1gvrk_gg_{color:#757575;background-color:transparent}.___SButton_1gvrk_gg_._theme_tertiary-muted_1gvrk_gg_:hover{background-color:rgba(166,176,179,.2)}.___SButton_1gvrk_gg_._theme_tertiary-muted_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_tertiary-muted_1gvrk_gg_.__active_1gvrk_gg_{background-color:rgba(166,176,179,.3)}.___SButton_1gvrk_gg_._theme_tertiary-invert_1gvrk_gg_{color:#fff;background-color:transparent}.___SButton_1gvrk_gg_._theme_tertiary-invert_1gvrk_gg_:hover{background-color:hsla(0,0%,100%,.2)}.___SButton_1gvrk_gg_._theme_tertiary-invert_1gvrk_gg_:active,.___SButton_1gvrk_gg_._theme_tertiary-invert_1gvrk_gg_.__active_1gvrk_gg_{background-color:hsla(0,0%,100%,.3)}.___SButton_1gvrk_gg_._neighborLocation_right_1gvrk_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1gvrk_gg_._neighborLocation_both_1gvrk_gg_{border-radius:0;margin-left:-1px}.___SButton_1gvrk_gg_._neighborLocation_both_1gvrk_gg_._theme_primary-danger_1gvrk_gg_,.___SButton_1gvrk_gg_._neighborLocation_both_1gvrk_gg_._theme_primary-info_1gvrk_gg_,.___SButton_1gvrk_gg_._neighborLocation_both_1gvrk_gg_._theme_primary-success_1gvrk_gg_,.___SButton_1gvrk_gg_._neighborLocation_both_1gvrk_gg_._theme_primary-warning_1gvrk_gg_{border-left-color:hsla(0,0%,100%,.5)}.___SButton_1gvrk_gg_._neighborLocation_both_1gvrk_gg_._theme_primary-invert_1gvrk_gg_{border-left-color:rgba(0,0,0,.5)}.___SButton_1gvrk_gg_._neighborLocation_left_1gvrk_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1gvrk_gg_._neighborLocation_left_1gvrk_gg_._theme_primary-danger_1gvrk_gg_,.___SButton_1gvrk_gg_._neighborLocation_left_1gvrk_gg_._theme_primary-info_1gvrk_gg_,.___SButton_1gvrk_gg_._neighborLocation_left_1gvrk_gg_._theme_primary-success_1gvrk_gg_,.___SButton_1gvrk_gg_._neighborLocation_left_1gvrk_gg_._theme_primary-warning_1gvrk_gg_{border-left-color:hsla(0,0%,100%,.5)}.___SButton_1gvrk_gg_._neighborLocation_left_1gvrk_gg_._theme_primary-invert_1gvrk_gg_{border-left-color:rgba(0,0,0,.5)}.___SSpin_1gvrk_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1gvrk_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1gvrk_gg_.__loading_1gvrk_gg_{visibility:hidden}.___SText_1gvrk_gg_{display:inline-flex;line-height:1.1}.___SText_1gvrk_gg_._size_s_1gvrk_gg_{margin-left:4px;margin-right:4px}.___SText_1gvrk_gg_._size_m_1gvrk_gg_{margin-left:8px;margin-right:8px}.___SText_1gvrk_gg_._size_l_1gvrk_gg_{margin-left:8px;margin-right:8px}.___SText_1gvrk_gg_._size_xl_1gvrk_gg_{margin-left:12px;margin-right:12px}.___SAddon_1gvrk_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1gvrk_gg_._size_s_1gvrk_gg_:not(:only-child):first-child{margin-left:4px}.___SAddon_1gvrk_gg_._size_s_1gvrk_gg_:not(:only-child):last-child{margin-right:4px}.___SAddon_1gvrk_gg_._size_s_1gvrk_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SAddon_1gvrk_gg_._size_m_1gvrk_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_1gvrk_gg_._size_m_1gvrk_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_1gvrk_gg_._size_m_1gvrk_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SAddon_1gvrk_gg_._size_l_1gvrk_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_1gvrk_gg_._size_l_1gvrk_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_1gvrk_gg_._size_l_1gvrk_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SAddon_1gvrk_gg_._size_xl_1gvrk_gg_:not(:only-child):first-child{margin-left:12px}.___SAddon_1gvrk_gg_._size_xl_1gvrk_gg_:not(:only-child):last-child{margin-right:12px}.___SAddon_1gvrk_gg_._size_xl_1gvrk_gg_:only-child{margin-left:-6px;margin-right:-6px}"
+".___SButton_rdvkw_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:Inter,sans-serif;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:500;color:#6c6e79}.___SButton_rdvkw_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_rdvkw_gg_:active,.___SButton_rdvkw_gg_:focus,.___SButton_rdvkw_gg_:hover{outline:0;text-decoration:none}.___SButton_rdvkw_gg_.__disabled_rdvkw_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SButton_rdvkw_gg_.__keyboardFocused_rdvkw_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2);z-index:1}.___SButton_rdvkw_gg_._size_m_rdvkw_gg_{height:26px;min-width:26px;border-radius:6px;font-size:14px}.___SButton_rdvkw_gg_._size_l_rdvkw_gg_{height:38px;min-width:38px;border-radius:6px;font-size:16px}.___SButton_rdvkw_gg_._theme_primary-info_rdvkw_gg_{color:#ffffff;background-color:#008ff8}.___SButton_rdvkw_gg_._theme_primary-info_rdvkw_gg_:hover{background-color:#006dca}.___SButton_rdvkw_gg_._theme_primary-info_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_primary-info_rdvkw_gg_.__active_rdvkw_gg_{background-color:#044792}.___SButton_rdvkw_gg_._theme_primary-success_rdvkw_gg_{color:#ffffff;background-color:#009f81}.___SButton_rdvkw_gg_._theme_primary-success_rdvkw_gg_:hover{background-color:#007c65}.___SButton_rdvkw_gg_._theme_primary-success_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_primary-success_rdvkw_gg_.__active_rdvkw_gg_{background-color:#055345}.___SButton_rdvkw_gg_._theme_primary-warning_rdvkw_gg_{background-color:#ff622d;color:#ffffff}.___SButton_rdvkw_gg_._theme_primary-warning_rdvkw_gg_:hover{background-color:#c33909}.___SButton_rdvkw_gg_._theme_primary-warning_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_primary-warning_rdvkw_gg_.__active_rdvkw_gg_{background-color:#be3404}.___SButton_rdvkw_gg_._theme_primary-danger_rdvkw_gg_{background-color:#ff4953;color:#ffffff}.___SButton_rdvkw_gg_._theme_primary-danger_rdvkw_gg_:hover{background-color:#d1002f}.___SButton_rdvkw_gg_._theme_primary-danger_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_primary-danger_rdvkw_gg_.__active_rdvkw_gg_{background-color:#8e0016}.___SButton_rdvkw_gg_._theme_primary-invert_rdvkw_gg_{background-color:#fff;color:#191b23}.___SButton_rdvkw_gg_._theme_primary-invert_rdvkw_gg_:hover{background-color:#f4f5f9}.___SButton_rdvkw_gg_._theme_primary-invert_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_primary-invert_rdvkw_gg_.__active_rdvkw_gg_{background-color:#e0e1e9}.___SButton_rdvkw_gg_._theme_secondary-muted_rdvkw_gg_{color:#6c6e79;border-color:#c4c7cf;background-color:rgba(138,142,155,.1)}.___SButton_rdvkw_gg_._theme_secondary-muted_rdvkw_gg_:hover{background-color:rgba(138,142,155,.2);color:#191b23}.___SButton_rdvkw_gg_._theme_secondary-muted_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_secondary-muted_rdvkw_gg_.__active_rdvkw_gg_{background-color:rgba(138,142,155,.3);color:#191b23}.___SButton_rdvkw_gg_._theme_secondary-info_rdvkw_gg_{background-color:rgba(0,143,248,.05);color:#008ff8;border-color:#008ff8}.___SButton_rdvkw_gg_._theme_secondary-info_rdvkw_gg_:hover{background-color:rgba(0,109,202,.2)}.___SButton_rdvkw_gg_._theme_secondary-info_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_secondary-info_rdvkw_gg_.__active_rdvkw_gg_{background-color:rgba(0,109,202,.3)}.___SButton_rdvkw_gg_._theme_secondary-invert_rdvkw_gg_{background-color:hsla(0,0%,100%,.05);color:#fff;border-color:#fff}.___SButton_rdvkw_gg_._theme_secondary-invert_rdvkw_gg_:hover{background-color:hsla(0,0%,100%,.1)}.___SButton_rdvkw_gg_._theme_secondary-invert_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_secondary-invert_rdvkw_gg_.__active_rdvkw_gg_{background-color:hsla(0,0%,100%,.3)}.___SButton_rdvkw_gg_._theme_tertiary-info_rdvkw_gg_{color:#006dca;background-color:transparent}.___SButton_rdvkw_gg_._theme_tertiary-info_rdvkw_gg_:hover{background-color:rgba(0,143,248,.2)}.___SButton_rdvkw_gg_._theme_tertiary-info_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_tertiary-info_rdvkw_gg_.__active_rdvkw_gg_{background-color:rgba(0,143,248,.3)}.___SButton_rdvkw_gg_._theme_tertiary-muted_rdvkw_gg_{color:#6c6e79;background-color:transparent}.___SButton_rdvkw_gg_._theme_tertiary-muted_rdvkw_gg_:hover{background-color:rgba(138,142,155,.2);color:#191b23}.___SButton_rdvkw_gg_._theme_tertiary-muted_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_tertiary-muted_rdvkw_gg_.__active_rdvkw_gg_{background-color:rgba(138,142,155,.3);color:#191b23}.___SButton_rdvkw_gg_._theme_tertiary-invert_rdvkw_gg_{color:#fff;background-color:transparent}.___SButton_rdvkw_gg_._theme_tertiary-invert_rdvkw_gg_:hover{background-color:hsla(0,0%,100%,.1)}.___SButton_rdvkw_gg_._theme_tertiary-invert_rdvkw_gg_:active,.___SButton_rdvkw_gg_._theme_tertiary-invert_rdvkw_gg_.__active_rdvkw_gg_{background-color:hsla(0,0%,100%,.3)}.___SButton_rdvkw_gg_._neighborLocation_right_rdvkw_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_rdvkw_gg_._neighborLocation_both_rdvkw_gg_{border-radius:0;margin-left:-1px}.___SButton_rdvkw_gg_._neighborLocation_both_rdvkw_gg_._theme_primary-danger_rdvkw_gg_,.___SButton_rdvkw_gg_._neighborLocation_both_rdvkw_gg_._theme_primary-info_rdvkw_gg_,.___SButton_rdvkw_gg_._neighborLocation_both_rdvkw_gg_._theme_primary-success_rdvkw_gg_,.___SButton_rdvkw_gg_._neighborLocation_both_rdvkw_gg_._theme_primary-warning_rdvkw_gg_{border-left-color:hsla(0,0%,100%,.5)}.___SButton_rdvkw_gg_._neighborLocation_both_rdvkw_gg_._theme_primary-invert_rdvkw_gg_{border-left-color:rgba(0,0,0,.5)}.___SButton_rdvkw_gg_._neighborLocation_left_rdvkw_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_rdvkw_gg_._neighborLocation_left_rdvkw_gg_._theme_primary-danger_rdvkw_gg_,.___SButton_rdvkw_gg_._neighborLocation_left_rdvkw_gg_._theme_primary-info_rdvkw_gg_,.___SButton_rdvkw_gg_._neighborLocation_left_rdvkw_gg_._theme_primary-success_rdvkw_gg_,.___SButton_rdvkw_gg_._neighborLocation_left_rdvkw_gg_._theme_primary-warning_rdvkw_gg_{border-left-color:hsla(0,0%,100%,.5)}.___SButton_rdvkw_gg_._neighborLocation_left_rdvkw_gg_._theme_primary-invert_rdvkw_gg_{border-left-color:rgba(0,0,0,.5)}.___SSpin_rdvkw_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_rdvkw_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_rdvkw_gg_.__loading_rdvkw_gg_{visibility:hidden}.___SText_rdvkw_gg_{display:inline-flex}.___SText_rdvkw_gg_._size_m_rdvkw_gg_{margin-left:8px;margin-right:8px;line-height:1.42}.___SText_rdvkw_gg_._size_l_rdvkw_gg_{margin-left:12px;margin-right:12px;line-height:1.5}.___SAddon_rdvkw_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_rdvkw_gg_._size_m_rdvkw_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_rdvkw_gg_._size_m_rdvkw_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_rdvkw_gg_._size_m_rdvkw_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SAddon_rdvkw_gg_._size_l_rdvkw_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_rdvkw_gg_._size_l_rdvkw_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_rdvkw_gg_._size_l_rdvkw_gg_:only-child{margin-left:-4px;margin-right:-4px}"
 /*__inner_css_end__*/
-, "1o9hhkh_gg_")
+, "akdu6r_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SButton": "___SButton_1gvrk_gg_",
-  "_disabled": "__disabled_1gvrk_gg_",
-  "_keyboardFocused": "__keyboardFocused_1gvrk_gg_",
-  "_size_s": "_size_s_1gvrk_gg_",
-  "_size_m": "_size_m_1gvrk_gg_",
-  "_size_l": "_size_l_1gvrk_gg_",
-  "_size_xl": "_size_xl_1gvrk_gg_",
-  "_theme_primary-info": "_theme_primary-info_1gvrk_gg_",
-  "_active": "__active_1gvrk_gg_",
-  "_theme_primary-success": "_theme_primary-success_1gvrk_gg_",
-  "_theme_primary-warning": "_theme_primary-warning_1gvrk_gg_",
-  "_theme_primary-danger": "_theme_primary-danger_1gvrk_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_1gvrk_gg_",
-  "_theme_secondary-muted": "_theme_secondary-muted_1gvrk_gg_",
-  "_theme_secondary-info": "_theme_secondary-info_1gvrk_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_1gvrk_gg_",
-  "_theme_tertiary-info": "_theme_tertiary-info_1gvrk_gg_",
-  "_theme_tertiary-muted": "_theme_tertiary-muted_1gvrk_gg_",
-  "_theme_tertiary-invert": "_theme_tertiary-invert_1gvrk_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1gvrk_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1gvrk_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1gvrk_gg_",
-  "__SSpin": "___SSpin_1gvrk_gg_",
-  "__SInner": "___SInner_1gvrk_gg_",
-  "_loading": "__loading_1gvrk_gg_",
-  "__SText": "___SText_1gvrk_gg_",
-  "__SAddon": "___SAddon_1gvrk_gg_"
+  "__SButton": "___SButton_rdvkw_gg_",
+  "_disabled": "__disabled_rdvkw_gg_",
+  "_keyboardFocused": "__keyboardFocused_rdvkw_gg_",
+  "_size_m": "_size_m_rdvkw_gg_",
+  "_size_l": "_size_l_rdvkw_gg_",
+  "_theme_primary-info": "_theme_primary-info_rdvkw_gg_",
+  "_active": "__active_rdvkw_gg_",
+  "_theme_primary-success": "_theme_primary-success_rdvkw_gg_",
+  "_theme_primary-warning": "_theme_primary-warning_rdvkw_gg_",
+  "_theme_primary-danger": "_theme_primary-danger_rdvkw_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_rdvkw_gg_",
+  "_theme_secondary-muted": "_theme_secondary-muted_rdvkw_gg_",
+  "_theme_secondary-info": "_theme_secondary-info_rdvkw_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_rdvkw_gg_",
+  "_theme_tertiary-info": "_theme_tertiary-info_rdvkw_gg_",
+  "_theme_tertiary-muted": "_theme_tertiary-muted_rdvkw_gg_",
+  "_theme_tertiary-invert": "_theme_tertiary-invert_rdvkw_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_rdvkw_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_rdvkw_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_rdvkw_gg_",
+  "__SSpin": "___SSpin_rdvkw_gg_",
+  "__SInner": "___SInner_rdvkw_gg_",
+  "_loading": "__loading_rdvkw_gg_",
+  "__SText": "___SText_rdvkw_gg_",
+  "__SAddon": "___SAddon_rdvkw_gg_"
 });
@@ -103,3 +101,3 @@ export var MAP_USE_DEFAULT_THEME = {
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref4;
@@ -160,3 +158,3 @@
 function Text(props) {
-  var _ref2 = this ? this.asProps : arguments[0],
+  var _ref2 = arguments[0],
       _ref5;
@@ -171,3 +169,3 @@
 function Addon(props) {
-  var _ref3 = this ? this.asProps : arguments[0],
+  var _ref3 = arguments[0],
       _ref6;
@@ -174,0 +172,0 @@

lib/es6/SpinButton.js

@@ -18,6 +18,6 @@ import _extends from "@babel/runtime/helpers/extends";
   'secondary-invert': 'invert',
-  'secondary-muted': 'gray40',
-  'secondary-info': 'light-blue',
+  'secondary-muted': 'gray-600',
+  'secondary-info': 'blue-400',
   'tertiary-invert': 'invert',
-  'tertiary-info': 'light-blue'
+  'tertiary-info': 'blue-400'
 };
@@ -24,0 +24,0 @@ export default function SpinButton(_ref) {

lib/types/index.d.ts

@@ -7,3 +7,3 @@ import React from 'react';
 
-export type ButtonSize = 'xl' | 'l' | 'm' | 's';
+export type ButtonSize = 'l' | 'm';
 
@@ -10,0 +10,0 @@ export interface IButtonProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {

package.json

 {
   "name": "@semcore/button",
   "description": "SEMRush Button Component",
-  "version": "3.3.7",
+  "version": "4.0.0",
   "main": "lib/cjs/index.js",
@@ -17,3 +17,3 @@ "module": "lib/es6/index.js",
     "@semcore/utils": "^3.15",
-    "@semcore/spin": "^3",
+    "@semcore/spin": "^4.0.0",
     "@semcore/neighbor-location": "^2",
@@ -33,3 +33,6 @@ "@semcore/flex-box": "^4"
     "directory": "semcore/button"
+  },
+  "devDependencies": {
+    "@semcore/jest-preset-ui": "1.0.0"
   }
 }

src/index.d.ts

@@ -7,3 +7,3 @@ import React from 'react';
 
-export type ButtonSize = 'xl' | 'l' | 'm' | 's';
+export type ButtonSize = 'l' | 'm';
 
@@ -10,0 +10,0 @@ export interface IButtonProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {

src/SpinButton.jsx

@@ -17,6 +17,6 @@ import React from 'react';
   'secondary-invert': 'invert',
-  'secondary-muted': 'gray40',
-  'secondary-info': 'light-blue',
+  'secondary-muted': 'gray-600',
+  'secondary-info': 'blue-400',
   'tertiary-invert': 'invert',
-  'tertiary-info': 'light-blue',
+  'tertiary-info': 'blue-400',
 };
@@ -23,0 +23,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

Improved metrics

Number of package files

25

increased by8.7%

Worsened metrics

Total package byte prevSize

86061

decreased by-0.91%

Dev dependency count

1

increased byInfinity%

Lines of code

1608

decreased by-2.25%

Dependency changes

• + Added@semcore/spin@4.2.33(transitive)

• - Removed@semcore/spin@3.4.1(transitive)

• Updated@semcore/spin@^4.0.0