Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@semcore/button
Advanced tools
@semcore/button - npm Package Compare versions
Comparing version 3.2.1 to 3.3.0
@@ -5,2 +5,11 @@ # Changelog | ||
| ## [3.3.0] - 2021-04-26 | ||
| ### Changed | ||
| - Version of dependence `@semcore/core` has been changed to `1.11`. | ||
| - Improved performance. Removed one component wrapper. | ||
| - The style processing system has been changed. | ||
| - Removed the ability to apply media styles via a plugin `babel-plugin-react-semcore`. | ||
| ## [3.2.1] - 2021-04-16 | ||
@@ -7,0 +16,0 @@ |
@@ -24,3 +24,3 @@ "use strict"; | ||
| var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); | ||
| var _core = _interopRequireWildcard(require("@semcore/core")); | ||
@@ -31,4 +31,2 @@ var _react = _interopRequireDefault(require("react")); | ||
| var _core = _interopRequireWildcard(require("@semcore/core")); | ||
| var _neighborLocation = require("@semcore/neighbor-location"); | ||
@@ -42,2 +40,6 @@ | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
| function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
| function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; } | ||
@@ -48,55 +50,39 @@ | ||
| /*__reshadow-styles__:"./style/button.shadow.css"*/ | ||
| var _ref = ( | ||
| var style = ( | ||
| /*__reshadow_css_start__*/ | ||
| (0, _core.__css__)( | ||
| _core.sstyled.insert( | ||
| /*__inner_css_start__*/ | ||
| ".___SButton_9g3d5_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:#666;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_9g3d5_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_9g3d5_gg_:active,.___SButton_9g3d5_gg_:focus,.___SButton_9g3d5_gg_:hover{outline:0;text-decoration:none}.___SButton_9g3d5_gg_.__disabled_9g3d5_gg_{opacity:.3;cursor:default;pointer-events:none}.___SButton_9g3d5_gg_.__keyboardFocused_9g3d5_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3);z-index:1}.___SButton_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButton_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButton_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButton_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-info_9g3d5_gg_{color:#fff;background-color:#2b94e1}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-info_9g3d5_gg_:hover{background-color:#0071bc}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-info_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-info_9g3d5_gg_:active{background-color:#006bb3}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-success_9g3d5_gg_{color:#fff;background-color:#4fae33}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-success_9g3d5_gg_:hover{background-color:#1d9c00}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-success_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-success_9g3d5_gg_:active{background-color:#1c9400}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-warning_9g3d5_gg_{background-color:#ff7f00;color:#fff}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-warning_9g3d5_gg_:hover{background-color:#c60}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-warning_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-warning_9g3d5_gg_:active{background-color:#c26100}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-danger_9g3d5_gg_{background-color:#ed2d2d;color:#fff}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-danger_9g3d5_gg_:hover{background-color:#d00000}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-danger_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-danger_9g3d5_gg_:active{background-color:#c60000}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-invert_9g3d5_gg_{background-color:#fff;color:#333}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-invert_9g3d5_gg_:hover{background-color:#eee}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-invert_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-invert_9g3d5_gg_:active{background-color:#e4e1e1}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-muted_9g3d5_gg_{color:#757575;border-color:#a6b0b3;background-color:rgba(166,176,179,.1)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-muted_9g3d5_gg_:hover{background-color:rgba(166,176,179,.2)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-muted_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-muted_9g3d5_gg_:active{background-color:rgba(166,176,179,.3)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-info_9g3d5_gg_{background-color:rgba(43,148,225,.05);color:#2b94e1;border-color:#2b94e1}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-info_9g3d5_gg_:hover{background-color:rgba(0,113,188,.2)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-info_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-info_9g3d5_gg_:active{background-color:rgba(0,113,188,.3)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-invert_9g3d5_gg_{background-color:hsla(0,0%,100%,.05);color:#fff;border-color:#fff}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-invert_9g3d5_gg_:hover{background-color:hsla(0,0%,100%,.2)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-invert_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-invert_9g3d5_gg_:active{background-color:hsla(0,0%,100%,.3)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-info_9g3d5_gg_{color:#0071bc;background-color:transparent}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-info_9g3d5_gg_:hover{background-color:rgba(43,148,225,.2)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-info_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-info_9g3d5_gg_:active{background-color:rgba(43,148,225,.3)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-muted_9g3d5_gg_{color:#757575;background-color:transparent}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-muted_9g3d5_gg_:hover{background-color:rgba(166,176,179,.2)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-muted_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-muted_9g3d5_gg_:active{background-color:rgba(166,176,179,.3)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-invert_9g3d5_gg_{color:#fff;background-color:transparent}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-invert_9g3d5_gg_:hover{background-color:hsla(0,0%,100%,.2)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-invert_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-invert_9g3d5_gg_:active{background-color:hsla(0,0%,100%,.3)}.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_right_9g3d5_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_both_9g3d5_gg_{border-radius:0;margin-left:-1px}.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_both_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-danger_9g3d5_gg_,.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_both_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-info_9g3d5_gg_,.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_both_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-success_9g3d5_gg_,.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_both_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-warning_9g3d5_gg_{border-left-color:hsla(0,0%,100%,.5)}.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_both_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-invert_9g3d5_gg_{border-left-color:rgba(0,0,0,.5)}.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_left_9g3d5_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_left_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-danger_9g3d5_gg_,.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_left_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-info_9g3d5_gg_,.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_left_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-success_9g3d5_gg_,.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_left_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-warning_9g3d5_gg_{border-left-color:hsla(0,0%,100%,.5)}.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_left_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-invert_9g3d5_gg_{border-left-color:rgba(0,0,0,.5)}.___SSpin_9g3d5_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_9g3d5_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_9g3d5_gg_.__loading_9g3d5_gg_{visibility:hidden}.___SText_9g3d5_gg_{display:inline-flex;line-height:1.2}.___SText_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_{margin-left:4px;margin-right:4px}.___SText_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_,.___SText_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_{margin-left:8px;margin-right:8px}.___SText_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_{margin-left:12px;margin-right:12px}.___SAddon_9g3d5_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_:not(:only-child):first-child{margin-left:4px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_:not(:only-child):last-child{margin-right:4px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_:not(:only-child):first-child{margin-left:12px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_:not(:only-child):last-child{margin-right:12px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_:only-child{margin-left:-6px;margin-right:-6px}" | ||
| ".___SButton_rkzvx_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:#666;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_rkzvx_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_rkzvx_gg_:active,.___SButton_rkzvx_gg_:focus,.___SButton_rkzvx_gg_:hover{outline:0;text-decoration:none}.___SButton_rkzvx_gg_.__disabled_rkzvx_gg_{opacity:.3;cursor:default;pointer-events:none}.___SButton_rkzvx_gg_.__keyboardFocused_rkzvx_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3);z-index:1}.___SButton_rkzvx_gg_._size_s_rkzvx_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButton_rkzvx_gg_._size_m_rkzvx_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButton_rkzvx_gg_._size_l_rkzvx_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButton_rkzvx_gg_._size_xl_rkzvx_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SButton_rkzvx_gg_._theme_primary-info_rkzvx_gg_{color:#fff;background-color:#2b94e1}.___SButton_rkzvx_gg_._theme_primary-info_rkzvx_gg_:hover{background-color:#0071bc}.___SButton_rkzvx_gg_._theme_primary-info_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_primary-info_rkzvx_gg_.__active_rkzvx_gg_{background-color:#006bb3}.___SButton_rkzvx_gg_._theme_primary-success_rkzvx_gg_{color:#fff;background-color:#4fae33}.___SButton_rkzvx_gg_._theme_primary-success_rkzvx_gg_:hover{background-color:#1d9c00}.___SButton_rkzvx_gg_._theme_primary-success_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_primary-success_rkzvx_gg_.__active_rkzvx_gg_{background-color:#1c9400}.___SButton_rkzvx_gg_._theme_primary-warning_rkzvx_gg_{background-color:#ff7f00;color:#fff}.___SButton_rkzvx_gg_._theme_primary-warning_rkzvx_gg_:hover{background-color:#c60}.___SButton_rkzvx_gg_._theme_primary-warning_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_primary-warning_rkzvx_gg_.__active_rkzvx_gg_{background-color:#c26100}.___SButton_rkzvx_gg_._theme_primary-danger_rkzvx_gg_{background-color:#ed2d2d;color:#fff}.___SButton_rkzvx_gg_._theme_primary-danger_rkzvx_gg_:hover{background-color:#d00000}.___SButton_rkzvx_gg_._theme_primary-danger_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_primary-danger_rkzvx_gg_.__active_rkzvx_gg_{background-color:#c60000}.___SButton_rkzvx_gg_._theme_primary-invert_rkzvx_gg_{background-color:#fff;color:#333}.___SButton_rkzvx_gg_._theme_primary-invert_rkzvx_gg_:hover{background-color:#eee}.___SButton_rkzvx_gg_._theme_primary-invert_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_primary-invert_rkzvx_gg_.__active_rkzvx_gg_{background-color:#e4e1e1}.___SButton_rkzvx_gg_._theme_secondary-muted_rkzvx_gg_{color:#757575;border-color:#a6b0b3;background-color:rgba(166,176,179,.1)}.___SButton_rkzvx_gg_._theme_secondary-muted_rkzvx_gg_:hover{background-color:rgba(166,176,179,.2)}.___SButton_rkzvx_gg_._theme_secondary-muted_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_secondary-muted_rkzvx_gg_.__active_rkzvx_gg_{background-color:rgba(166,176,179,.3)}.___SButton_rkzvx_gg_._theme_secondary-info_rkzvx_gg_{background-color:rgba(43,148,225,.05);color:#2b94e1;border-color:#2b94e1}.___SButton_rkzvx_gg_._theme_secondary-info_rkzvx_gg_:hover{background-color:rgba(0,113,188,.2)}.___SButton_rkzvx_gg_._theme_secondary-info_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_secondary-info_rkzvx_gg_.__active_rkzvx_gg_{background-color:rgba(0,113,188,.3)}.___SButton_rkzvx_gg_._theme_secondary-invert_rkzvx_gg_{background-color:hsla(0,0%,100%,.05);color:#fff;border-color:#fff}.___SButton_rkzvx_gg_._theme_secondary-invert_rkzvx_gg_:hover{background-color:hsla(0,0%,100%,.2)}.___SButton_rkzvx_gg_._theme_secondary-invert_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_secondary-invert_rkzvx_gg_.__active_rkzvx_gg_{background-color:hsla(0,0%,100%,.3)}.___SButton_rkzvx_gg_._theme_tertiary-info_rkzvx_gg_{color:#0071bc;background-color:transparent}.___SButton_rkzvx_gg_._theme_tertiary-info_rkzvx_gg_:hover{background-color:rgba(43,148,225,.2)}.___SButton_rkzvx_gg_._theme_tertiary-info_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_tertiary-info_rkzvx_gg_.__active_rkzvx_gg_{background-color:rgba(43,148,225,.3)}.___SButton_rkzvx_gg_._theme_tertiary-muted_rkzvx_gg_{color:#757575;background-color:transparent}.___SButton_rkzvx_gg_._theme_tertiary-muted_rkzvx_gg_:hover{background-color:rgba(166,176,179,.2)}.___SButton_rkzvx_gg_._theme_tertiary-muted_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_tertiary-muted_rkzvx_gg_.__active_rkzvx_gg_{background-color:rgba(166,176,179,.3)}.___SButton_rkzvx_gg_._theme_tertiary-invert_rkzvx_gg_{color:#fff;background-color:transparent}.___SButton_rkzvx_gg_._theme_tertiary-invert_rkzvx_gg_:hover{background-color:hsla(0,0%,100%,.2)}.___SButton_rkzvx_gg_._theme_tertiary-invert_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_tertiary-invert_rkzvx_gg_.__active_rkzvx_gg_{background-color:hsla(0,0%,100%,.3)}.___SButton_rkzvx_gg_._neighborLocation_right_rkzvx_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_rkzvx_gg_._neighborLocation_both_rkzvx_gg_{border-radius:0;margin-left:-1px}.___SButton_rkzvx_gg_._neighborLocation_both_rkzvx_gg_._theme_primary-danger_rkzvx_gg_,.___SButton_rkzvx_gg_._neighborLocation_both_rkzvx_gg_._theme_primary-info_rkzvx_gg_,.___SButton_rkzvx_gg_._neighborLocation_both_rkzvx_gg_._theme_primary-success_rkzvx_gg_,.___SButton_rkzvx_gg_._neighborLocation_both_rkzvx_gg_._theme_primary-warning_rkzvx_gg_{border-left-color:hsla(0,0%,100%,.5)}.___SButton_rkzvx_gg_._neighborLocation_both_rkzvx_gg_._theme_primary-invert_rkzvx_gg_{border-left-color:rgba(0,0,0,.5)}.___SButton_rkzvx_gg_._neighborLocation_left_rkzvx_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_rkzvx_gg_._neighborLocation_left_rkzvx_gg_._theme_primary-danger_rkzvx_gg_,.___SButton_rkzvx_gg_._neighborLocation_left_rkzvx_gg_._theme_primary-info_rkzvx_gg_,.___SButton_rkzvx_gg_._neighborLocation_left_rkzvx_gg_._theme_primary-success_rkzvx_gg_,.___SButton_rkzvx_gg_._neighborLocation_left_rkzvx_gg_._theme_primary-warning_rkzvx_gg_{border-left-color:hsla(0,0%,100%,.5)}.___SButton_rkzvx_gg_._neighborLocation_left_rkzvx_gg_._theme_primary-invert_rkzvx_gg_{border-left-color:rgba(0,0,0,.5)}.___SSpin_rkzvx_gg_{position:absolute;top:0;left:0;display:flex}.___SInner_rkzvx_gg_,.___SSpin_rkzvx_gg_{width:100%;height:100%}.___SInner_rkzvx_gg_{display:inline-flex;align-items:center;justify-content:center}.___SInner_rkzvx_gg_.__loading_rkzvx_gg_{visibility:hidden}.___SText_rkzvx_gg_{display:inline-flex;line-height:1.2}.___SText_rkzvx_gg_._size_s_rkzvx_gg_{margin-left:4px;margin-right:4px}.___SText_rkzvx_gg_._size_l_rkzvx_gg_,.___SText_rkzvx_gg_._size_m_rkzvx_gg_{margin-left:8px;margin-right:8px}.___SText_rkzvx_gg_._size_xl_rkzvx_gg_{margin-left:12px;margin-right:12px}.___SAddon_rkzvx_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_rkzvx_gg_._size_s_rkzvx_gg_:not(:only-child):first-child{margin-left:4px}.___SAddon_rkzvx_gg_._size_s_rkzvx_gg_:not(:only-child):last-child{margin-right:4px}.___SAddon_rkzvx_gg_._size_s_rkzvx_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SAddon_rkzvx_gg_._size_m_rkzvx_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_rkzvx_gg_._size_m_rkzvx_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_rkzvx_gg_._size_m_rkzvx_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SAddon_rkzvx_gg_._size_l_rkzvx_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_rkzvx_gg_._size_l_rkzvx_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_rkzvx_gg_._size_l_rkzvx_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SAddon_rkzvx_gg_._size_xl_rkzvx_gg_:not(:only-child):first-child{margin-left:12px}.___SAddon_rkzvx_gg_._size_xl_rkzvx_gg_:not(:only-child):last-child{margin-right:12px}.___SAddon_rkzvx_gg_._size_xl_rkzvx_gg_:only-child{margin-left:-6px;margin-right:-6px}" | ||
| /*__inner_css_end__*/ | ||
| , "1sj9o9k_gg_") | ||
| , "15hh3xu_gg_") | ||
| /*__reshadow_css_end__*/ | ||
| , { | ||
| "__SButton": "___SButton_9g3d5_gg_", | ||
| "_disabled": "__disabled_9g3d5_gg_", | ||
| "_keyboardFocused": "__keyboardFocused_9g3d5_gg_", | ||
| "_size": "__size_9g3d5_gg_", | ||
| "_size_s": "__size_s_9g3d5_gg_", | ||
| "_size_m": "__size_m_9g3d5_gg_", | ||
| "_size_l": "__size_l_9g3d5_gg_", | ||
| "_size_xl": "__size_xl_9g3d5_gg_", | ||
| "_theme": "__theme_9g3d5_gg_", | ||
| "_theme_primary-info": "__theme_primary-info_9g3d5_gg_", | ||
| "_active": "__active_9g3d5_gg_", | ||
| "_theme_primary-success": "__theme_primary-success_9g3d5_gg_", | ||
| "_theme_primary-warning": "__theme_primary-warning_9g3d5_gg_", | ||
| "_theme_primary-danger": "__theme_primary-danger_9g3d5_gg_", | ||
| "_theme_primary-invert": "__theme_primary-invert_9g3d5_gg_", | ||
| "_theme_secondary-muted": "__theme_secondary-muted_9g3d5_gg_", | ||
| "_theme_secondary-info": "__theme_secondary-info_9g3d5_gg_", | ||
| "_theme_secondary-invert": "__theme_secondary-invert_9g3d5_gg_", | ||
| "_theme_tertiary-info": "__theme_tertiary-info_9g3d5_gg_", | ||
| "_theme_tertiary-muted": "__theme_tertiary-muted_9g3d5_gg_", | ||
| "_theme_tertiary-invert": "__theme_tertiary-invert_9g3d5_gg_", | ||
| "_neighborLocation": "__neighborLocation_9g3d5_gg_", | ||
| "_neighborLocation_right": "__neighborLocation_right_9g3d5_gg_", | ||
| "_neighborLocation_both": "__neighborLocation_both_9g3d5_gg_", | ||
| "_neighborLocation_left": "__neighborLocation_left_9g3d5_gg_", | ||
| "__SSpin": "___SSpin_9g3d5_gg_", | ||
| "__SInner": "___SInner_9g3d5_gg_", | ||
| "_loading": "__loading_9g3d5_gg_", | ||
| "__SText": "___SText_9g3d5_gg_", | ||
| "__SAddon": "___SAddon_9g3d5_gg_" | ||
| }), | ||
| style = (0, _extends2["default"])({}, _ref); | ||
| if (false) { | ||
| /*__reshadow_css_start__*/ | ||
| (0, _core.__css__)( | ||
| /*__inner_css_start__*/ | ||
| "@media (max-width: 768px) {\n\n.___SButton_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_ {\n height: 23.4px;\n min-width: 23.4px;\n font-size: 13px;\n}\n\n.___SButton_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_ {\n height: 33.8px;\n min-width: 33.8px;\n font-size: 15.6px;\n}\n\n.___SButton_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_ {\n height: 41.6px;\n min-width: 41.6px;\n font-size: 18.2px;\n}\n\n.___SButton_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_ {\n height: 54.6px;\n min-width: 54.6px;\n font-size: 20.8px;\n}\n\n.___SText_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_ {\n margin-left: 5.2px;\n margin-right: 5.2px;\n}\n\n.___SText_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_ {\n margin-left: 10.4px;\n margin-right: 10.4px;\n}\n\n.___SText_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_ {\n margin-left: 10.4px;\n margin-right: 10.4px;\n}\n\n.___SText_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_ {\n margin-left: 15.6px;\n margin-right: 15.6px;\n}\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_:not(:only-child):first-child {\n margin-left: 5.2px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_:not(:only-child):last-child {\n margin-right: 5.2px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_:only-child {\n margin-left: -2.6px;\n margin-right: -2.6px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_:not(:only-child):first-child {\n margin-left: 10.4px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_:not(:only-child):last-child {\n margin-right: 10.4px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_:only-child {\n margin-left: -5.2px;\n margin-right: -5.2px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_:not(:only-child):first-child {\n margin-left: 10.4px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_:not(:only-child):last-child {\n margin-right: 10.4px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_:only-child {\n margin-left: -5.2px;\n margin-right: -5.2px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_:not(:only-child):first-child {\n margin-left: 15.6px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_:not(:only-child):last-child {\n margin-right: 15.6px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_:only-child {\n margin-left: -7.8px;\n margin-right: -7.8px;\n }}" | ||
| /*__inner_css_end__*/ | ||
| , "xrcs7f_gg_") | ||
| /*__reshadow_css_end__*/ | ||
| ; | ||
| } | ||
| "__SButton": "___SButton_rkzvx_gg_", | ||
| "_disabled": "__disabled_rkzvx_gg_", | ||
| "_keyboardFocused": "__keyboardFocused_rkzvx_gg_", | ||
| "_size_s": "_size_s_rkzvx_gg_", | ||
| "_size_m": "_size_m_rkzvx_gg_", | ||
| "_size_l": "_size_l_rkzvx_gg_", | ||
| "_size_xl": "_size_xl_rkzvx_gg_", | ||
| "_theme_primary-info": "_theme_primary-info_rkzvx_gg_", | ||
| "_active": "__active_rkzvx_gg_", | ||
| "_theme_primary-success": "_theme_primary-success_rkzvx_gg_", | ||
| "_theme_primary-warning": "_theme_primary-warning_rkzvx_gg_", | ||
| "_theme_primary-danger": "_theme_primary-danger_rkzvx_gg_", | ||
| "_theme_primary-invert": "_theme_primary-invert_rkzvx_gg_", | ||
| "_theme_secondary-muted": "_theme_secondary-muted_rkzvx_gg_", | ||
| "_theme_secondary-info": "_theme_secondary-info_rkzvx_gg_", | ||
| "_theme_secondary-invert": "_theme_secondary-invert_rkzvx_gg_", | ||
| "_theme_tertiary-info": "_theme_tertiary-info_rkzvx_gg_", | ||
| "_theme_tertiary-muted": "_theme_tertiary-muted_rkzvx_gg_", | ||
| "_theme_tertiary-invert": "_theme_tertiary-invert_rkzvx_gg_", | ||
| "_neighborLocation_right": "_neighborLocation_right_rkzvx_gg_", | ||
| "_neighborLocation_both": "_neighborLocation_both_rkzvx_gg_", | ||
| "_neighborLocation_left": "_neighborLocation_left_rkzvx_gg_", | ||
| "__SSpin": "___SSpin_rkzvx_gg_", | ||
| "__SInner": "___SInner_rkzvx_gg_", | ||
| "_loading": "__loading_rkzvx_gg_", | ||
| "__SText": "___SText_rkzvx_gg_", | ||
| "__SAddon": "___SAddon_rkzvx_gg_" | ||
| }); | ||
| var MAP_USE_DEFAULT_THEME = { | ||
@@ -108,3 +94,2 @@ primary: 'info', | ||
| exports.MAP_USE_DEFAULT_THEME = MAP_USE_DEFAULT_THEME; | ||
| var styled_c8 = (0, _core.create)([]); | ||
@@ -140,3 +125,6 @@ var RootButton = /*#__PURE__*/function (_Component) { | ||
| value: function render() { | ||
| var SButton = this.Root; | ||
| var _ref = this ? this.asProps : arguments[0], | ||
| _ref4; | ||
| var SButton = _flexBox.Box; | ||
| var SInner = _flexBox.Box; | ||
@@ -153,33 +141,25 @@ var SSpin = _flexBox.Box; | ||
| disabled = _this$asProps$disable === void 0 ? loading : _this$asProps$disable, | ||
| active = _this$asProps.active, | ||
| size = _this$asProps.size, | ||
| addonLeft = _this$asProps.addonLeft, | ||
| addonRight = _this$asProps.addonRight, | ||
| keyboardFocused = _this$asProps.keyboardFocused, | ||
| neighborLocation = _this$asProps.neighborLocation; | ||
| addonRight = _this$asProps.addonRight; | ||
| var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false; | ||
| return (0, _core.styled)(((0, _core.set)([styled_c8, styles]), /*#__PURE__*/_react["default"].createElement(SButton, (0, _core.map)("SButton", { | ||
| render: _flexBox.Box, | ||
| type: "button", | ||
| tag: "button", | ||
| disabled: disabled, | ||
| theme: useTheme, | ||
| size: size, | ||
| active: active, | ||
| neighborLocation: neighborLocation, | ||
| keyboardFocused: keyboardFocused | ||
| }), /*#__PURE__*/_react["default"].createElement(SInner, (0, _core.map)("SInner", { | ||
| tag: "span", | ||
| loading: loading | ||
| }), addonLeft ? /*#__PURE__*/_react["default"].createElement(Button.Addon, (0, _core.map)("Button.Addon", { | ||
| return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SButton, _ref4.cn("SButton", _objectSpread({}, (0, _core.assignProps)({ | ||
| "type": "button", | ||
| "tag": "button", | ||
| "disabled": disabled, | ||
| "use:theme": useTheme | ||
| }, _ref))), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", { | ||
| "tag": "span", | ||
| "loading": loading | ||
| }), addonLeft ? /*#__PURE__*/_react["default"].createElement(Button.Addon, { | ||
| tag: addonLeft | ||
| })) : null, (0, _addonTextChildren["default"])(Children, Button.Text, Button.Addon), addonRight ? /*#__PURE__*/_react["default"].createElement(Button.Addon, (0, _core.map)("Button.Addon", { | ||
| }) : null, (0, _addonTextChildren["default"])(Children, Button.Text, Button.Addon), addonRight ? /*#__PURE__*/_react["default"].createElement(Button.Addon, { | ||
| tag: addonRight | ||
| })) : null), loading && /*#__PURE__*/_react["default"].createElement(SSpin, (0, _core.map)("SSpin", { | ||
| tag: "span" | ||
| }), /*#__PURE__*/_react["default"].createElement(_SpinButton["default"], (0, _core.map)("SpinButton", { | ||
| centered: true, | ||
| size: size, | ||
| theme: useTheme | ||
| })))))); | ||
| }) : null), loading && /*#__PURE__*/_react["default"].createElement(SSpin, _ref4.cn("SSpin", { | ||
| "tag": "span" | ||
| }), /*#__PURE__*/_react["default"].createElement(_SpinButton["default"], _ref4.cn("SpinButton", { | ||
| "centered": true, | ||
| "size": size, | ||
| "theme": useTheme | ||
| })))); | ||
| } | ||
@@ -197,26 +177,21 @@ }]); | ||
| }); | ||
| var styled_12c = (0, _core.create)([]); | ||
| function Text(props) { | ||
| var SText = props.Root, | ||
| size = props.size, | ||
| styles = props.styles; | ||
| return (0, _core.styled)(((0, _core.set)([styled_12c, styles]), /*#__PURE__*/_react["default"].createElement(SText, (0, _core.map)("SText", { | ||
| render: _flexBox.Box, | ||
| tag: "span", | ||
| size: size | ||
| })))); | ||
| var _ref2 = this ? this.asProps : arguments[0], | ||
| _ref5; | ||
| var SText = _flexBox.Box; | ||
| return _ref5 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", _objectSpread({}, (0, _core.assignProps)({ | ||
| "tag": "span" | ||
| }, _ref2)))); | ||
| } | ||
| var styled_190 = (0, _core.create)([]); | ||
| function Addon(props) { | ||
| var _ref3 = this ? this.asProps : arguments[0], | ||
| _ref6; | ||
| function Addon(props) { | ||
| var SAddon = props.Root, | ||
| size = props.size, | ||
| styles = props.styles; | ||
| return (0, _core.styled)(((0, _core.set)([styled_190, styles]), /*#__PURE__*/_react["default"].createElement(SAddon, (0, _core.map)("SAddon", { | ||
| render: _flexBox.Box, | ||
| tag: "span", | ||
| size: size | ||
| })))); | ||
| var SAddon = _flexBox.Box; | ||
| return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, (0, _core.assignProps)({ | ||
| "tag": "span" | ||
| }, _ref3)))); | ||
| } | ||
@@ -223,0 +198,0 @@ |
@@ -26,21 +26,19 @@ "use strict"; | ||
| exports.SPIN_SIZE_MAP = SPIN_SIZE_MAP; | ||
| var SPIN_THEME_MAP; | ||
| var SPIN_THEME_MAP = { | ||
| 'primary-info': 'invert', | ||
| 'primary-success': 'invert', | ||
| 'primary-warning': 'invert', | ||
| 'primary-danger': 'invert', | ||
| 'secondary-invert': 'invert', | ||
| 'secondary-muted': 'gray40', | ||
| 'secondary-info': 'light-blue', | ||
| 'tertiary-invert': 'invert', | ||
| 'tertiary-info': 'light-blue' | ||
| }; | ||
| exports.SPIN_THEME_MAP = SPIN_THEME_MAP; | ||
| (function (SPIN_THEME_MAP) { | ||
| SPIN_THEME_MAP["primary-info"] = "invert"; | ||
| SPIN_THEME_MAP["primary-success"] = "invert"; | ||
| SPIN_THEME_MAP["primary-warning"] = "invert"; | ||
| SPIN_THEME_MAP["primary-danger"] = "invert"; | ||
| SPIN_THEME_MAP["secondary-invert"] = "invert"; | ||
| SPIN_THEME_MAP["secondary-muted"] = "gray40"; | ||
| SPIN_THEME_MAP["secondary-info"] = "light-blue"; | ||
| SPIN_THEME_MAP["tertiary-invert"] = "invert"; | ||
| SPIN_THEME_MAP["tertiary-info"] = "light-blue"; | ||
| })(SPIN_THEME_MAP || (exports.SPIN_THEME_MAP = SPIN_THEME_MAP = {})); | ||
| function SpinButton(props) { | ||
| var theme = props.theme, | ||
| size = props.size, | ||
| others = (0, _objectWithoutProperties2["default"])(props, ["theme", "size"]); | ||
| function SpinButton(_ref) { | ||
| var theme = _ref.theme, | ||
| size = _ref.size, | ||
| others = (0, _objectWithoutProperties2["default"])(_ref, ["theme", "size"]); | ||
| return /*#__PURE__*/_react["default"].createElement(_spin["default"], (0, _extends2["default"])({ | ||
@@ -47,0 +45,0 @@ size: typeof size == 'string' ? SPIN_SIZE_MAP[size] : size, |
@@ -7,4 +7,11 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck"; | ||
| import _defineProperty from "@babel/runtime/helpers/defineProperty"; | ||
| import _extends from "@babel/runtime/helpers/extends"; | ||
| import { sstyled as _sstyled } from "@semcore/core"; | ||
| import { assignProps as _assignProps3 } from "@semcore/core"; | ||
| import { assignProps as _assignProps2 } from "@semcore/core"; | ||
| import { assignProps as _assignProps } from "@semcore/core"; | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
| function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
| function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; } | ||
@@ -15,4 +22,4 @@ | ||
| import React from 'react'; | ||
| import createComponent, { Component, sstyled, Root } from '@semcore/core'; | ||
| import { Box } from '@semcore/flex-box'; | ||
| import createComponent, { Component, styled, css, __css__, set, create, map } from '@semcore/core'; | ||
| import { neighborLocationEnhance } from '@semcore/neighbor-location'; | ||
@@ -24,55 +31,39 @@ import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance'; | ||
| /*__reshadow-styles__:"./style/button.shadow.css"*/ | ||
| var _ref = ( | ||
| var style = ( | ||
| /*__reshadow_css_start__*/ | ||
| __css__( | ||
| _sstyled.insert( | ||
| /*__inner_css_start__*/ | ||
| ".___SButton_9g3d5_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:#666;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_9g3d5_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_9g3d5_gg_:active,.___SButton_9g3d5_gg_:focus,.___SButton_9g3d5_gg_:hover{outline:0;text-decoration:none}.___SButton_9g3d5_gg_.__disabled_9g3d5_gg_{opacity:.3;cursor:default;pointer-events:none}.___SButton_9g3d5_gg_.__keyboardFocused_9g3d5_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3);z-index:1}.___SButton_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButton_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButton_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButton_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-info_9g3d5_gg_{color:#fff;background-color:#2b94e1}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-info_9g3d5_gg_:hover{background-color:#0071bc}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-info_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-info_9g3d5_gg_:active{background-color:#006bb3}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-success_9g3d5_gg_{color:#fff;background-color:#4fae33}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-success_9g3d5_gg_:hover{background-color:#1d9c00}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-success_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-success_9g3d5_gg_:active{background-color:#1c9400}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-warning_9g3d5_gg_{background-color:#ff7f00;color:#fff}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-warning_9g3d5_gg_:hover{background-color:#c60}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-warning_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-warning_9g3d5_gg_:active{background-color:#c26100}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-danger_9g3d5_gg_{background-color:#ed2d2d;color:#fff}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-danger_9g3d5_gg_:hover{background-color:#d00000}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-danger_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-danger_9g3d5_gg_:active{background-color:#c60000}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-invert_9g3d5_gg_{background-color:#fff;color:#333}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-invert_9g3d5_gg_:hover{background-color:#eee}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-invert_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-invert_9g3d5_gg_:active{background-color:#e4e1e1}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-muted_9g3d5_gg_{color:#757575;border-color:#a6b0b3;background-color:rgba(166,176,179,.1)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-muted_9g3d5_gg_:hover{background-color:rgba(166,176,179,.2)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-muted_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-muted_9g3d5_gg_:active{background-color:rgba(166,176,179,.3)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-info_9g3d5_gg_{background-color:rgba(43,148,225,.05);color:#2b94e1;border-color:#2b94e1}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-info_9g3d5_gg_:hover{background-color:rgba(0,113,188,.2)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-info_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-info_9g3d5_gg_:active{background-color:rgba(0,113,188,.3)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-invert_9g3d5_gg_{background-color:hsla(0,0%,100%,.05);color:#fff;border-color:#fff}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-invert_9g3d5_gg_:hover{background-color:hsla(0,0%,100%,.2)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-invert_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_secondary-invert_9g3d5_gg_:active{background-color:hsla(0,0%,100%,.3)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-info_9g3d5_gg_{color:#0071bc;background-color:transparent}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-info_9g3d5_gg_:hover{background-color:rgba(43,148,225,.2)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-info_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-info_9g3d5_gg_:active{background-color:rgba(43,148,225,.3)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-muted_9g3d5_gg_{color:#757575;background-color:transparent}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-muted_9g3d5_gg_:hover{background-color:rgba(166,176,179,.2)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-muted_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-muted_9g3d5_gg_:active{background-color:rgba(166,176,179,.3)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-invert_9g3d5_gg_{color:#fff;background-color:transparent}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-invert_9g3d5_gg_:hover{background-color:hsla(0,0%,100%,.2)}.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-invert_9g3d5_gg_.__active_9g3d5_gg_,.___SButton_9g3d5_gg_.__theme_9g3d5_gg_.__theme_tertiary-invert_9g3d5_gg_:active{background-color:hsla(0,0%,100%,.3)}.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_right_9g3d5_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_both_9g3d5_gg_{border-radius:0;margin-left:-1px}.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_both_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-danger_9g3d5_gg_,.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_both_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-info_9g3d5_gg_,.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_both_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-success_9g3d5_gg_,.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_both_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-warning_9g3d5_gg_{border-left-color:hsla(0,0%,100%,.5)}.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_both_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-invert_9g3d5_gg_{border-left-color:rgba(0,0,0,.5)}.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_left_9g3d5_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_left_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-danger_9g3d5_gg_,.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_left_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-info_9g3d5_gg_,.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_left_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-success_9g3d5_gg_,.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_left_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-warning_9g3d5_gg_{border-left-color:hsla(0,0%,100%,.5)}.___SButton_9g3d5_gg_.__neighborLocation_9g3d5_gg_.__neighborLocation_left_9g3d5_gg_.__theme_9g3d5_gg_.__theme_primary-invert_9g3d5_gg_{border-left-color:rgba(0,0,0,.5)}.___SSpin_9g3d5_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_9g3d5_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_9g3d5_gg_.__loading_9g3d5_gg_{visibility:hidden}.___SText_9g3d5_gg_{display:inline-flex;line-height:1.2}.___SText_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_{margin-left:4px;margin-right:4px}.___SText_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_,.___SText_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_{margin-left:8px;margin-right:8px}.___SText_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_{margin-left:12px;margin-right:12px}.___SAddon_9g3d5_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_:not(:only-child):first-child{margin-left:4px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_:not(:only-child):last-child{margin-right:4px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_:not(:only-child):first-child{margin-left:12px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_:not(:only-child):last-child{margin-right:12px}.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_:only-child{margin-left:-6px;margin-right:-6px}" | ||
| ".___SButton_rkzvx_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:#666;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_rkzvx_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_rkzvx_gg_:active,.___SButton_rkzvx_gg_:focus,.___SButton_rkzvx_gg_:hover{outline:0;text-decoration:none}.___SButton_rkzvx_gg_.__disabled_rkzvx_gg_{opacity:.3;cursor:default;pointer-events:none}.___SButton_rkzvx_gg_.__keyboardFocused_rkzvx_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3);z-index:1}.___SButton_rkzvx_gg_._size_s_rkzvx_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButton_rkzvx_gg_._size_m_rkzvx_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButton_rkzvx_gg_._size_l_rkzvx_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButton_rkzvx_gg_._size_xl_rkzvx_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SButton_rkzvx_gg_._theme_primary-info_rkzvx_gg_{color:#fff;background-color:#2b94e1}.___SButton_rkzvx_gg_._theme_primary-info_rkzvx_gg_:hover{background-color:#0071bc}.___SButton_rkzvx_gg_._theme_primary-info_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_primary-info_rkzvx_gg_.__active_rkzvx_gg_{background-color:#006bb3}.___SButton_rkzvx_gg_._theme_primary-success_rkzvx_gg_{color:#fff;background-color:#4fae33}.___SButton_rkzvx_gg_._theme_primary-success_rkzvx_gg_:hover{background-color:#1d9c00}.___SButton_rkzvx_gg_._theme_primary-success_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_primary-success_rkzvx_gg_.__active_rkzvx_gg_{background-color:#1c9400}.___SButton_rkzvx_gg_._theme_primary-warning_rkzvx_gg_{background-color:#ff7f00;color:#fff}.___SButton_rkzvx_gg_._theme_primary-warning_rkzvx_gg_:hover{background-color:#c60}.___SButton_rkzvx_gg_._theme_primary-warning_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_primary-warning_rkzvx_gg_.__active_rkzvx_gg_{background-color:#c26100}.___SButton_rkzvx_gg_._theme_primary-danger_rkzvx_gg_{background-color:#ed2d2d;color:#fff}.___SButton_rkzvx_gg_._theme_primary-danger_rkzvx_gg_:hover{background-color:#d00000}.___SButton_rkzvx_gg_._theme_primary-danger_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_primary-danger_rkzvx_gg_.__active_rkzvx_gg_{background-color:#c60000}.___SButton_rkzvx_gg_._theme_primary-invert_rkzvx_gg_{background-color:#fff;color:#333}.___SButton_rkzvx_gg_._theme_primary-invert_rkzvx_gg_:hover{background-color:#eee}.___SButton_rkzvx_gg_._theme_primary-invert_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_primary-invert_rkzvx_gg_.__active_rkzvx_gg_{background-color:#e4e1e1}.___SButton_rkzvx_gg_._theme_secondary-muted_rkzvx_gg_{color:#757575;border-color:#a6b0b3;background-color:rgba(166,176,179,.1)}.___SButton_rkzvx_gg_._theme_secondary-muted_rkzvx_gg_:hover{background-color:rgba(166,176,179,.2)}.___SButton_rkzvx_gg_._theme_secondary-muted_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_secondary-muted_rkzvx_gg_.__active_rkzvx_gg_{background-color:rgba(166,176,179,.3)}.___SButton_rkzvx_gg_._theme_secondary-info_rkzvx_gg_{background-color:rgba(43,148,225,.05);color:#2b94e1;border-color:#2b94e1}.___SButton_rkzvx_gg_._theme_secondary-info_rkzvx_gg_:hover{background-color:rgba(0,113,188,.2)}.___SButton_rkzvx_gg_._theme_secondary-info_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_secondary-info_rkzvx_gg_.__active_rkzvx_gg_{background-color:rgba(0,113,188,.3)}.___SButton_rkzvx_gg_._theme_secondary-invert_rkzvx_gg_{background-color:hsla(0,0%,100%,.05);color:#fff;border-color:#fff}.___SButton_rkzvx_gg_._theme_secondary-invert_rkzvx_gg_:hover{background-color:hsla(0,0%,100%,.2)}.___SButton_rkzvx_gg_._theme_secondary-invert_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_secondary-invert_rkzvx_gg_.__active_rkzvx_gg_{background-color:hsla(0,0%,100%,.3)}.___SButton_rkzvx_gg_._theme_tertiary-info_rkzvx_gg_{color:#0071bc;background-color:transparent}.___SButton_rkzvx_gg_._theme_tertiary-info_rkzvx_gg_:hover{background-color:rgba(43,148,225,.2)}.___SButton_rkzvx_gg_._theme_tertiary-info_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_tertiary-info_rkzvx_gg_.__active_rkzvx_gg_{background-color:rgba(43,148,225,.3)}.___SButton_rkzvx_gg_._theme_tertiary-muted_rkzvx_gg_{color:#757575;background-color:transparent}.___SButton_rkzvx_gg_._theme_tertiary-muted_rkzvx_gg_:hover{background-color:rgba(166,176,179,.2)}.___SButton_rkzvx_gg_._theme_tertiary-muted_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_tertiary-muted_rkzvx_gg_.__active_rkzvx_gg_{background-color:rgba(166,176,179,.3)}.___SButton_rkzvx_gg_._theme_tertiary-invert_rkzvx_gg_{color:#fff;background-color:transparent}.___SButton_rkzvx_gg_._theme_tertiary-invert_rkzvx_gg_:hover{background-color:hsla(0,0%,100%,.2)}.___SButton_rkzvx_gg_._theme_tertiary-invert_rkzvx_gg_:active,.___SButton_rkzvx_gg_._theme_tertiary-invert_rkzvx_gg_.__active_rkzvx_gg_{background-color:hsla(0,0%,100%,.3)}.___SButton_rkzvx_gg_._neighborLocation_right_rkzvx_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_rkzvx_gg_._neighborLocation_both_rkzvx_gg_{border-radius:0;margin-left:-1px}.___SButton_rkzvx_gg_._neighborLocation_both_rkzvx_gg_._theme_primary-danger_rkzvx_gg_,.___SButton_rkzvx_gg_._neighborLocation_both_rkzvx_gg_._theme_primary-info_rkzvx_gg_,.___SButton_rkzvx_gg_._neighborLocation_both_rkzvx_gg_._theme_primary-success_rkzvx_gg_,.___SButton_rkzvx_gg_._neighborLocation_both_rkzvx_gg_._theme_primary-warning_rkzvx_gg_{border-left-color:hsla(0,0%,100%,.5)}.___SButton_rkzvx_gg_._neighborLocation_both_rkzvx_gg_._theme_primary-invert_rkzvx_gg_{border-left-color:rgba(0,0,0,.5)}.___SButton_rkzvx_gg_._neighborLocation_left_rkzvx_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_rkzvx_gg_._neighborLocation_left_rkzvx_gg_._theme_primary-danger_rkzvx_gg_,.___SButton_rkzvx_gg_._neighborLocation_left_rkzvx_gg_._theme_primary-info_rkzvx_gg_,.___SButton_rkzvx_gg_._neighborLocation_left_rkzvx_gg_._theme_primary-success_rkzvx_gg_,.___SButton_rkzvx_gg_._neighborLocation_left_rkzvx_gg_._theme_primary-warning_rkzvx_gg_{border-left-color:hsla(0,0%,100%,.5)}.___SButton_rkzvx_gg_._neighborLocation_left_rkzvx_gg_._theme_primary-invert_rkzvx_gg_{border-left-color:rgba(0,0,0,.5)}.___SSpin_rkzvx_gg_{position:absolute;top:0;left:0;display:flex}.___SInner_rkzvx_gg_,.___SSpin_rkzvx_gg_{width:100%;height:100%}.___SInner_rkzvx_gg_{display:inline-flex;align-items:center;justify-content:center}.___SInner_rkzvx_gg_.__loading_rkzvx_gg_{visibility:hidden}.___SText_rkzvx_gg_{display:inline-flex;line-height:1.2}.___SText_rkzvx_gg_._size_s_rkzvx_gg_{margin-left:4px;margin-right:4px}.___SText_rkzvx_gg_._size_l_rkzvx_gg_,.___SText_rkzvx_gg_._size_m_rkzvx_gg_{margin-left:8px;margin-right:8px}.___SText_rkzvx_gg_._size_xl_rkzvx_gg_{margin-left:12px;margin-right:12px}.___SAddon_rkzvx_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_rkzvx_gg_._size_s_rkzvx_gg_:not(:only-child):first-child{margin-left:4px}.___SAddon_rkzvx_gg_._size_s_rkzvx_gg_:not(:only-child):last-child{margin-right:4px}.___SAddon_rkzvx_gg_._size_s_rkzvx_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SAddon_rkzvx_gg_._size_m_rkzvx_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_rkzvx_gg_._size_m_rkzvx_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_rkzvx_gg_._size_m_rkzvx_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SAddon_rkzvx_gg_._size_l_rkzvx_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_rkzvx_gg_._size_l_rkzvx_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_rkzvx_gg_._size_l_rkzvx_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SAddon_rkzvx_gg_._size_xl_rkzvx_gg_:not(:only-child):first-child{margin-left:12px}.___SAddon_rkzvx_gg_._size_xl_rkzvx_gg_:not(:only-child):last-child{margin-right:12px}.___SAddon_rkzvx_gg_._size_xl_rkzvx_gg_:only-child{margin-left:-6px;margin-right:-6px}" | ||
| /*__inner_css_end__*/ | ||
| , "1sj9o9k_gg_") | ||
| , "15hh3xu_gg_") | ||
| /*__reshadow_css_end__*/ | ||
| , { | ||
| "__SButton": "___SButton_9g3d5_gg_", | ||
| "_disabled": "__disabled_9g3d5_gg_", | ||
| "_keyboardFocused": "__keyboardFocused_9g3d5_gg_", | ||
| "_size": "__size_9g3d5_gg_", | ||
| "_size_s": "__size_s_9g3d5_gg_", | ||
| "_size_m": "__size_m_9g3d5_gg_", | ||
| "_size_l": "__size_l_9g3d5_gg_", | ||
| "_size_xl": "__size_xl_9g3d5_gg_", | ||
| "_theme": "__theme_9g3d5_gg_", | ||
| "_theme_primary-info": "__theme_primary-info_9g3d5_gg_", | ||
| "_active": "__active_9g3d5_gg_", | ||
| "_theme_primary-success": "__theme_primary-success_9g3d5_gg_", | ||
| "_theme_primary-warning": "__theme_primary-warning_9g3d5_gg_", | ||
| "_theme_primary-danger": "__theme_primary-danger_9g3d5_gg_", | ||
| "_theme_primary-invert": "__theme_primary-invert_9g3d5_gg_", | ||
| "_theme_secondary-muted": "__theme_secondary-muted_9g3d5_gg_", | ||
| "_theme_secondary-info": "__theme_secondary-info_9g3d5_gg_", | ||
| "_theme_secondary-invert": "__theme_secondary-invert_9g3d5_gg_", | ||
| "_theme_tertiary-info": "__theme_tertiary-info_9g3d5_gg_", | ||
| "_theme_tertiary-muted": "__theme_tertiary-muted_9g3d5_gg_", | ||
| "_theme_tertiary-invert": "__theme_tertiary-invert_9g3d5_gg_", | ||
| "_neighborLocation": "__neighborLocation_9g3d5_gg_", | ||
| "_neighborLocation_right": "__neighborLocation_right_9g3d5_gg_", | ||
| "_neighborLocation_both": "__neighborLocation_both_9g3d5_gg_", | ||
| "_neighborLocation_left": "__neighborLocation_left_9g3d5_gg_", | ||
| "__SSpin": "___SSpin_9g3d5_gg_", | ||
| "__SInner": "___SInner_9g3d5_gg_", | ||
| "_loading": "__loading_9g3d5_gg_", | ||
| "__SText": "___SText_9g3d5_gg_", | ||
| "__SAddon": "___SAddon_9g3d5_gg_" | ||
| }), | ||
| style = _extends({}, _ref); | ||
| if (false) { | ||
| /*__reshadow_css_start__*/ | ||
| __css__( | ||
| /*__inner_css_start__*/ | ||
| "@media (max-width: 768px) {\n\n.___SButton_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_ {\n height: 23.4px;\n min-width: 23.4px;\n font-size: 13px;\n}\n\n.___SButton_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_ {\n height: 33.8px;\n min-width: 33.8px;\n font-size: 15.6px;\n}\n\n.___SButton_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_ {\n height: 41.6px;\n min-width: 41.6px;\n font-size: 18.2px;\n}\n\n.___SButton_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_ {\n height: 54.6px;\n min-width: 54.6px;\n font-size: 20.8px;\n}\n\n.___SText_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_ {\n margin-left: 5.2px;\n margin-right: 5.2px;\n}\n\n.___SText_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_ {\n margin-left: 10.4px;\n margin-right: 10.4px;\n}\n\n.___SText_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_ {\n margin-left: 10.4px;\n margin-right: 10.4px;\n}\n\n.___SText_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_ {\n margin-left: 15.6px;\n margin-right: 15.6px;\n}\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_:not(:only-child):first-child {\n margin-left: 5.2px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_:not(:only-child):last-child {\n margin-right: 5.2px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_s_9g3d5_gg_:only-child {\n margin-left: -2.6px;\n margin-right: -2.6px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_:not(:only-child):first-child {\n margin-left: 10.4px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_:not(:only-child):last-child {\n margin-right: 10.4px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_m_9g3d5_gg_:only-child {\n margin-left: -5.2px;\n margin-right: -5.2px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_:not(:only-child):first-child {\n margin-left: 10.4px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_:not(:only-child):last-child {\n margin-right: 10.4px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_l_9g3d5_gg_:only-child {\n margin-left: -5.2px;\n margin-right: -5.2px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_:not(:only-child):first-child {\n margin-left: 15.6px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_:not(:only-child):last-child {\n margin-right: 15.6px;\n }\n\n.___SAddon_9g3d5_gg_.__size_9g3d5_gg_.__size_xl_9g3d5_gg_:only-child {\n margin-left: -7.8px;\n margin-right: -7.8px;\n }}" | ||
| /*__inner_css_end__*/ | ||
| , "xrcs7f_gg_") | ||
| /*__reshadow_css_end__*/ | ||
| ; | ||
| } | ||
| "__SButton": "___SButton_rkzvx_gg_", | ||
| "_disabled": "__disabled_rkzvx_gg_", | ||
| "_keyboardFocused": "__keyboardFocused_rkzvx_gg_", | ||
| "_size_s": "_size_s_rkzvx_gg_", | ||
| "_size_m": "_size_m_rkzvx_gg_", | ||
| "_size_l": "_size_l_rkzvx_gg_", | ||
| "_size_xl": "_size_xl_rkzvx_gg_", | ||
| "_theme_primary-info": "_theme_primary-info_rkzvx_gg_", | ||
| "_active": "__active_rkzvx_gg_", | ||
| "_theme_primary-success": "_theme_primary-success_rkzvx_gg_", | ||
| "_theme_primary-warning": "_theme_primary-warning_rkzvx_gg_", | ||
| "_theme_primary-danger": "_theme_primary-danger_rkzvx_gg_", | ||
| "_theme_primary-invert": "_theme_primary-invert_rkzvx_gg_", | ||
| "_theme_secondary-muted": "_theme_secondary-muted_rkzvx_gg_", | ||
| "_theme_secondary-info": "_theme_secondary-info_rkzvx_gg_", | ||
| "_theme_secondary-invert": "_theme_secondary-invert_rkzvx_gg_", | ||
| "_theme_tertiary-info": "_theme_tertiary-info_rkzvx_gg_", | ||
| "_theme_tertiary-muted": "_theme_tertiary-muted_rkzvx_gg_", | ||
| "_theme_tertiary-invert": "_theme_tertiary-invert_rkzvx_gg_", | ||
| "_neighborLocation_right": "_neighborLocation_right_rkzvx_gg_", | ||
| "_neighborLocation_both": "_neighborLocation_both_rkzvx_gg_", | ||
| "_neighborLocation_left": "_neighborLocation_left_rkzvx_gg_", | ||
| "__SSpin": "___SSpin_rkzvx_gg_", | ||
| "__SInner": "___SInner_rkzvx_gg_", | ||
| "_loading": "__loading_rkzvx_gg_", | ||
| "__SText": "___SText_rkzvx_gg_", | ||
| "__SAddon": "___SAddon_rkzvx_gg_" | ||
| }); | ||
| export var MAP_USE_DEFAULT_THEME = { | ||
@@ -83,3 +74,2 @@ primary: 'info', | ||
| }; | ||
| var styled_c8 = create([]); | ||
@@ -116,3 +106,6 @@ var RootButton = /*#__PURE__*/function (_Component) { | ||
| value: function render() { | ||
| var SButton = this.Root; | ||
| var _ref = this ? this.asProps : arguments[0], | ||
| _ref4; | ||
| var SButton = Box; | ||
| var SInner = Box; | ||
@@ -129,33 +122,25 @@ var SSpin = Box; | ||
| disabled = _this$asProps$disable === void 0 ? loading : _this$asProps$disable, | ||
| active = _this$asProps.active, | ||
| size = _this$asProps.size, | ||
| addonLeft = _this$asProps.addonLeft, | ||
| addonRight = _this$asProps.addonRight, | ||
| keyboardFocused = _this$asProps.keyboardFocused, | ||
| neighborLocation = _this$asProps.neighborLocation; | ||
| addonRight = _this$asProps.addonRight; | ||
| var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false; | ||
| return styled((set([styled_c8, styles]), /*#__PURE__*/React.createElement(SButton, map("SButton", { | ||
| render: Box, | ||
| type: "button", | ||
| tag: "button", | ||
| disabled: disabled, | ||
| theme: useTheme, | ||
| size: size, | ||
| active: active, | ||
| neighborLocation: neighborLocation, | ||
| keyboardFocused: keyboardFocused | ||
| }), /*#__PURE__*/React.createElement(SInner, map("SInner", { | ||
| tag: "span", | ||
| loading: loading | ||
| }), addonLeft ? /*#__PURE__*/React.createElement(Button.Addon, map("Button.Addon", { | ||
| return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, _assignProps({ | ||
| "type": "button", | ||
| "tag": "button", | ||
| "disabled": disabled, | ||
| "use:theme": useTheme | ||
| }, _ref))), /*#__PURE__*/React.createElement(SInner, _ref4.cn("SInner", { | ||
| "tag": "span", | ||
| "loading": loading | ||
| }), addonLeft ? /*#__PURE__*/React.createElement(Button.Addon, { | ||
| tag: addonLeft | ||
| })) : null, addonTextChildren(Children, Button.Text, Button.Addon), addonRight ? /*#__PURE__*/React.createElement(Button.Addon, map("Button.Addon", { | ||
| }) : null, addonTextChildren(Children, Button.Text, Button.Addon), addonRight ? /*#__PURE__*/React.createElement(Button.Addon, { | ||
| tag: addonRight | ||
| })) : null), loading && /*#__PURE__*/React.createElement(SSpin, map("SSpin", { | ||
| tag: "span" | ||
| }), /*#__PURE__*/React.createElement(SpinButton, map("SpinButton", { | ||
| centered: true, | ||
| size: size, | ||
| theme: useTheme | ||
| })))))); | ||
| }) : null), loading && /*#__PURE__*/React.createElement(SSpin, _ref4.cn("SSpin", { | ||
| "tag": "span" | ||
| }), /*#__PURE__*/React.createElement(SpinButton, _ref4.cn("SpinButton", { | ||
| "centered": true, | ||
| "size": size, | ||
| "theme": useTheme | ||
| })))); | ||
| } | ||
@@ -178,26 +163,20 @@ }]); | ||
| var styled_12c = create([]); | ||
| function Text(props) { | ||
| var _ref2 = this ? this.asProps : arguments[0], | ||
| _ref5; | ||
| function Text(props) { | ||
| var SText = props.Root, | ||
| size = props.size, | ||
| styles = props.styles; | ||
| return styled((set([styled_12c, styles]), /*#__PURE__*/React.createElement(SText, map("SText", { | ||
| render: Box, | ||
| tag: "span", | ||
| size: size | ||
| })))); | ||
| var SText = Box; | ||
| return _ref5 = sstyled(props.styles), /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({ | ||
| "tag": "span" | ||
| }, _ref2)))); | ||
| } | ||
| var styled_190 = create([]); | ||
| function Addon(props) { | ||
| var _ref3 = this ? this.asProps : arguments[0], | ||
| _ref6; | ||
| function Addon(props) { | ||
| var SAddon = props.Root, | ||
| size = props.size, | ||
| styles = props.styles; | ||
| return styled((set([styled_190, styles]), /*#__PURE__*/React.createElement(SAddon, map("SAddon", { | ||
| render: Box, | ||
| tag: "span", | ||
| size: size | ||
| })))); | ||
| var SAddon = Box; | ||
| return _ref6 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, _assignProps3({ | ||
| "tag": "span" | ||
| }, _ref3)))); | ||
| } | ||
@@ -204,0 +183,0 @@ |
@@ -11,21 +11,18 @@ import _extends from "@babel/runtime/helpers/extends"; | ||
| }; | ||
| export var SPIN_THEME_MAP; | ||
| export var SPIN_THEME_MAP = { | ||
| 'primary-info': 'invert', | ||
| 'primary-success': 'invert', | ||
| 'primary-warning': 'invert', | ||
| 'primary-danger': 'invert', | ||
| 'secondary-invert': 'invert', | ||
| 'secondary-muted': 'gray40', | ||
| 'secondary-info': 'light-blue', | ||
| 'tertiary-invert': 'invert', | ||
| 'tertiary-info': 'light-blue' | ||
| }; | ||
| export default function SpinButton(_ref) { | ||
| var theme = _ref.theme, | ||
| size = _ref.size, | ||
| others = _objectWithoutProperties(_ref, ["theme", "size"]); | ||
| (function (SPIN_THEME_MAP) { | ||
| SPIN_THEME_MAP["primary-info"] = "invert"; | ||
| SPIN_THEME_MAP["primary-success"] = "invert"; | ||
| SPIN_THEME_MAP["primary-warning"] = "invert"; | ||
| SPIN_THEME_MAP["primary-danger"] = "invert"; | ||
| SPIN_THEME_MAP["secondary-invert"] = "invert"; | ||
| SPIN_THEME_MAP["secondary-muted"] = "gray40"; | ||
| SPIN_THEME_MAP["secondary-info"] = "light-blue"; | ||
| SPIN_THEME_MAP["tertiary-invert"] = "invert"; | ||
| SPIN_THEME_MAP["tertiary-info"] = "light-blue"; | ||
| })(SPIN_THEME_MAP || (SPIN_THEME_MAP = {})); | ||
| export default function SpinButton(props) { | ||
| var theme = props.theme, | ||
| size = props.size, | ||
| others = _objectWithoutProperties(props, ["theme", "size"]); | ||
| return /*#__PURE__*/React.createElement(Spin, _extends({ | ||
@@ -32,0 +29,0 @@ size: typeof size == 'string' ? SPIN_SIZE_MAP[size] : size, |
@@ -1,2 +0,52 @@ | ||
| export { default } from './Button'; | ||
| export * from './Button'; | ||
| import React from 'react'; | ||
| import { CProps, PropGetterFn, ReturnEl } from '@semcore/core'; | ||
| import { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance'; | ||
| import { IBoxProps } from '@semcore/flex-box'; | ||
| import { INeighborItemProps } from '@semcore/neighbor-location'; | ||
| export type ButtonSize = 'xl' | 'l' | 'm' | 's'; | ||
| export interface IButtonProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps { | ||
| /** | ||
| * Button type | ||
| * @default secondary | ||
| */ | ||
| use?: 'primary' | 'secondary' | 'tertiary'; | ||
| /** Button theme */ | ||
| theme?: 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert'; | ||
| /** Button activity state */ | ||
| active?: boolean; | ||
| /** | ||
| * Button size | ||
| * @default m | ||
| */ | ||
| size?: ButtonSize; | ||
| /** Disabled button state */ | ||
| disabled?: boolean; | ||
| /** Loading button state */ | ||
| loading?: boolean; | ||
| /** Tag for the left Addon */ | ||
| addonLeft?: React.ElementType; | ||
| /** Tag for the right Addon */ | ||
| addonRight?: React.ElementType; | ||
| } | ||
| export interface IButtonTextProps extends IBoxProps { | ||
| size?: ButtonSize; | ||
| } | ||
| export interface IButtonAddonProps extends IBoxProps { | ||
| size?: ButtonSize; | ||
| } | ||
| export interface IButtonContext { | ||
| getTextProps: PropGetterFn; | ||
| getAddonProps: PropGetterFn; | ||
| } | ||
| declare const Button: (<T>(props: CProps<IButtonProps & T, IButtonContext>) => ReturnEl) & { | ||
| Text: <T>(props: IButtonTextProps & T) => ReturnEl; | ||
| Addon: <T>(props: IButtonAddonProps & T) => ReturnEl; | ||
| }; | ||
| export default Button; |
| { | ||
| "name": "@semcore/button", | ||
| "description": "SEMRush Button Component", | ||
| "version": "3.2.1", | ||
| "version": "3.3.0", | ||
| "main": "lib/cjs/index.js", | ||
@@ -11,3 +11,3 @@ "module": "lib/es6/index.js", | ||
| "scripts": { | ||
| "build": "build", | ||
| "build": "build --source=js", | ||
| "test": "jest" | ||
@@ -22,3 +22,3 @@ }, | ||
| "peerDependencies": { | ||
| "@semcore/core": "^1", | ||
| "@semcore/core": "^1.11", | ||
| "react": "16.8 - 17" | ||
@@ -25,0 +25,0 @@ }, |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis 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 riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis 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 riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Improved metrics
- Number of low supply chain risk alerts
- decreased by-40%
3
Worsened metrics
- Total package byte prevSize
- decreased by-16.37%
83798
- Number of package files
- decreased by-8%
23
- Lines of code
- decreased by-8.82%
1633
No dependency changes