@semcore/button 16.0.12 → 16.0.13-prerelease.9

package/lib/cjs/component/Button/Button.js

@@ -1,89 +1,80 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
-var _flexBox = require("@semcore/flex-box");
+var _baseComponents = require("@semcore/base-components");
 var _react = _interopRequireDefault(require("react"));
-var _AbstractButton2 = require("../AbstractButton/AbstractButton");
+var _AbstractButton = require("../AbstractButton/AbstractButton");
 /*!__reshadow-styles__:"./button.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_gw5o3_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_gw5o3_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_gw5o3_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_gw5o3_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_gw5o3_gg_.__disabled_gw5o3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_gw5o3_gg_._size_s_gw5o3_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_gw5o3_gg_._size_m_gw5o3_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_gw5o3_gg_._size_l_gw5o3_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_gw5o3_gg_._theme_secondary-info_gw5o3_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_secondary-info_gw5o3_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_gw5o3_gg_._theme_secondary-info_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_secondary-info_gw5o3_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_gw5o3_gg_._theme_secondary-invert_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_gw5o3_gg_._theme_secondary-invert_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_gw5o3_gg_._theme_secondary-invert_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_secondary-invert_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n    rgba(255, 255, 255, 0.3))}.___SButton_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_gw5o3_gg_._neighborLocation_right_gw5o3_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_{border-radius:0;margin-left:-1px}.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_,.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_{position:relative}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_:after,.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:after,.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_gw5o3_gg_+.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_:after,.___SButton_gw5o3_gg_+.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_gw5o3_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_gw5o3_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_gw5o3_gg_.__loading_gw5o3_gg_{visibility:hidden}.___SText_gw5o3_gg_{display:inline-flex}.___SText_gw5o3_gg_._size_l_gw5o3_gg_,.___SText_gw5o3_gg_._size_m_gw5o3_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_gw5o3_gg_._size_m_gw5o3_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_gw5o3_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_gw5o3_gg_._size_m_gw5o3_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_gw5o3_gg_._size_m_gw5o3_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_gw5o3_gg_._size_m_gw5o3_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_gw5o3_gg_._size_l_gw5o3_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_gw5o3_gg_._size_l_gw5o3_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_gw5o3_gg_._size_l_gw5o3_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}", /*__inner_css_end__*/"gw5o3_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_se7i8_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_se7i8_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_se7i8_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_se7i8_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_se7i8_gg_.__disabled_se7i8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_se7i8_gg_._size_s_se7i8_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_se7i8_gg_._size_m_se7i8_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_se7i8_gg_._size_l_se7i8_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n    rgba(255, 255, 255, 0.3))}.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_se7i8_gg_._neighborLocation_right_se7i8_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_{border-radius:0;margin-left:-1px}.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_,.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_{position:relative}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_:after,.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_._theme_secondary-muted_se7i8_gg_:after,.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_._theme_secondary-muted_se7i8_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_se7i8_gg_+.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_:after,.___SButton_se7i8_gg_+.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_se7i8_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_se7i8_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_se7i8_gg_.__loading_se7i8_gg_{visibility:hidden}.___SText_se7i8_gg_{display:inline-flex}.___SText_se7i8_gg_._size_l_se7i8_gg_,.___SText_se7i8_gg_._size_m_se7i8_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_se7i8_gg_._size_m_se7i8_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_se7i8_gg_._size_l_se7i8_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_se7i8_gg_._size_l_se7i8_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_se7i8_gg_._size_l_se7i8_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_se7i8_gg_._size_l_se7i8_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_se7i8_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_se7i8_gg_._size_m_se7i8_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_se7i8_gg_._size_m_se7i8_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_se7i8_gg_._size_m_se7i8_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_se7i8_gg_._size_l_se7i8_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_se7i8_gg_._size_l_se7i8_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_se7i8_gg_._size_l_se7i8_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}", /*__inner_css_end__*/"se7i8_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButton": "___SButton_gw5o3_gg_",
-  "_disabled": "__disabled_gw5o3_gg_",
-  "_size_s": "_size_s_gw5o3_gg_",
-  "_size_m": "_size_m_gw5o3_gg_",
-  "_size_l": "_size_l_gw5o3_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_gw5o3_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_gw5o3_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_gw5o3_gg_",
-  "__SSpin": "___SSpin_gw5o3_gg_",
-  "__SInner": "___SInner_gw5o3_gg_",
-  "_loading": "__loading_gw5o3_gg_",
-  "__SText": "___SText_gw5o3_gg_",
-  "__SAddon": "___SAddon_gw5o3_gg_",
-  "_theme_primary-info": "_theme_primary-info_gw5o3_gg_",
-  "_active": "__active_gw5o3_gg_",
-  "_theme_primary-success": "_theme_primary-success_gw5o3_gg_",
-  "_theme_primary-brand": "_theme_primary-brand_gw5o3_gg_",
-  "_theme_primary-warning": "_theme_primary-warning_gw5o3_gg_",
-  "_theme_primary-danger": "_theme_primary-danger_gw5o3_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_gw5o3_gg_",
-  "_theme_secondary-muted": "_theme_secondary-muted_gw5o3_gg_",
-  "_theme_secondary-info": "_theme_secondary-info_gw5o3_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_gw5o3_gg_",
-  "_theme_tertiary-info": "_theme_tertiary-info_gw5o3_gg_",
-  "_theme_tertiary-muted": "_theme_tertiary-muted_gw5o3_gg_",
-  "_theme_tertiary-invert": "_theme_tertiary-invert_gw5o3_gg_"
+  "__SButton": "___SButton_se7i8_gg_",
+  "_disabled": "__disabled_se7i8_gg_",
+  "_size_s": "_size_s_se7i8_gg_",
+  "_size_m": "_size_m_se7i8_gg_",
+  "_size_l": "_size_l_se7i8_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_se7i8_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_se7i8_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_se7i8_gg_",
+  "__SSpin": "___SSpin_se7i8_gg_",
+  "__SInner": "___SInner_se7i8_gg_",
+  "_loading": "__loading_se7i8_gg_",
+  "__SText": "___SText_se7i8_gg_",
+  "__SAddon": "___SAddon_se7i8_gg_",
+  "_theme_primary-info": "_theme_primary-info_se7i8_gg_",
+  "_active": "__active_se7i8_gg_",
+  "_theme_primary-success": "_theme_primary-success_se7i8_gg_",
+  "_theme_primary-brand": "_theme_primary-brand_se7i8_gg_",
+  "_theme_primary-warning": "_theme_primary-warning_se7i8_gg_",
+  "_theme_primary-danger": "_theme_primary-danger_se7i8_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_se7i8_gg_",
+  "_theme_secondary-muted": "_theme_secondary-muted_se7i8_gg_",
+  "_theme_secondary-info": "_theme_secondary-info_se7i8_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_se7i8_gg_",
+  "_theme_tertiary-info": "_theme_tertiary-info_se7i8_gg_",
+  "_theme_tertiary-muted": "_theme_tertiary-muted_se7i8_gg_",
+  "_theme_tertiary-invert": "_theme_tertiary-invert_se7i8_gg_"
 });
-var RootButton = /*#__PURE__*/function (_AbstractButton) {
-  function RootButton() {
-    (0, _classCallCheck2["default"])(this, RootButton);
-    return (0, _callSuper2["default"])(this, RootButton, arguments);
+class RootButton extends _AbstractButton.AbstractButton {
+  getTextColor() {
+    return undefined;
   }
-  (0, _inherits2["default"])(RootButton, _AbstractButton);
-  return (0, _createClass2["default"])(RootButton, [{
-    key: "getTextColor",
-    value: function getTextColor() {
-      return undefined;
-    }
-  }]);
-}(_AbstractButton2.AbstractButton);
-(0, _defineProperty2["default"])(RootButton, "displayName", 'Button');
-(0, _defineProperty2["default"])(RootButton, "style", style);
-(0, _defineProperty2["default"])(RootButton, "defaultProps", {
+}
+(0, _defineProperty2.default)(RootButton, "displayName", 'Button');
+(0, _defineProperty2.default)(RootButton, "style", style);
+(0, _defineProperty2.default)(RootButton, "defaultProps", {
   use: 'secondary',
   size: 'm'
 });
 function Text(props) {
   var _ref = arguments[0],
     _ref3;
-  var SText = _flexBox.Box;
-  return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SText, _ref3.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'span'
-  }, _ref))));
+  const SText = _baseComponents.Box;
+  return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SText, _ref3.cn("SText", {
+    ...(0, _core.assignProps)({
+      "tag": 'span'
+    }, _ref)
+  }));
 }
 function Addon(props) {
   var _ref2 = arguments[0],
     _ref4;
-  var SAddon = _flexBox.Box;
-  return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref4.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'span'
-  }, _ref2))));
+  const SAddon = _baseComponents.Box;
+  return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SAddon, _ref4.cn("SAddon", {
+    ...(0, _core.assignProps)({
+      "tag": 'span'
+    }, _ref2)
+  }));
 }
-var Button = (0, _core.createComponent)(RootButton, {
-  Text: Text,
-  Addon: Addon
+const Button = (0, _core.createComponent)(RootButton, {
+  Text,
+  Addon
 });
-var _default = exports["default"] = Button;
+var _default = exports.default = Button;
 //# sourceMappingURL=Button.js.map

package/lib/cjs/component/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["_core","require","_flexBox","_react","_interopRequireDefault","_AbstractButton2","style","sstyled","insert","RootButton","_AbstractButton","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextColor","undefined","AbstractButton","_defineProperty2","use","size","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","Button","createComponent","_default","exports"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { createComponent, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { ButtonAddonProps, ButtonComponent, ButtonTextProps } from './Button.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nclass RootButton extends AbstractButton {\n  static displayName = 'Button';\n  static style = style;\n  static defaultProps = {\n    use: 'secondary',\n    size: 'm',\n  };\n\n  protected getTextColor(): string | undefined {\n    return undefined;\n  }\n}\n\nfunction Text(props: ButtonTextProps) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n  Text,\n  Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAIA,IAAAI,gBAAA,GAAAJ,OAAA;AAAkE;AAAA,IAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAE5DC,UAAU,0BAAAC,eAAA;EAAA,SAAAD,WAAA;IAAA,IAAAE,gBAAA,mBAAAF,UAAA;IAAA,WAAAG,WAAA,mBAAAH,UAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,UAAA,EAAAC,eAAA;EAAA,WAAAK,aAAA,aAAAN,UAAA;IAAAO,GAAA;IAAAC,KAAA,EAQd,SAAUC,YAAYA,CAAA,EAAuB;MAC3C,OAAOC,SAAS;IAClB;EAAC;AAAA,EAVsBC,+BAAc;AAAA,IAAAC,gBAAA,aAAjCZ,UAAU,iBACO,QAAQ;AAAA,IAAAY,gBAAA,aADzBZ,UAAU,WAECH,KAAK;AAAA,IAAAe,gBAAA,aAFhBZ,UAAU,kBAGQ;EACpBa,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAArB,aAAO,EAACkB,KAAK,CAACM,MAAM,CAAC,eAAC5B,MAAA,YAAA6B,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAlC,KAAA,CAAAmC,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,GAAE,CAAC;AAChE;AAEA,SAASU,KAAKA,CAACX,KAAuB,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EACtC,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAA/B,aAAO,EAACkB,KAAK,CAACM,MAAM,CAAC,eAAC5B,MAAA,YAAA6B,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAlC,KAAA,CAAAmC,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,GAAE,CAAC;AACjE;AAEA,IAAMG,MAAM,GAAG,IAAAC,qBAAe,EAAChC,UAAU,EAAE;EACzCe,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAoB;AAAC,IAAAM,QAAA,GAAAC,OAAA,cAEPH,MAAM","ignoreList":[]}
+{"version":3,"file":"Button.js","names":["_core","require","_baseComponents","_react","_interopRequireDefault","_AbstractButton","style","sstyled","insert","RootButton","AbstractButton","getTextColor","undefined","_defineProperty2","default","use","size","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","assignProps","Addon","_ref2","_ref4","SAddon","Button","createComponent","_default","exports"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { ButtonAddonProps, ButtonComponent, ButtonTextProps } from './Button.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nclass RootButton extends AbstractButton {\n  static displayName = 'Button';\n  static style = style;\n  static defaultProps = {\n    use: 'secondary',\n    size: 'm',\n  };\n\n  protected getTextColor(): string | undefined {\n    return undefined;\n  }\n}\n\nfunction Text(props: ButtonTextProps) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n  Text,\n  Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAIA,IAAAI,eAAA,GAAAJ,OAAA;AAAkE;AAAA,MAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAElE,MAAMC,UAAU,SAASC,8BAAc,CAAC;EAQ5BC,YAAYA,CAAA,EAAuB;IAC3C,OAAOC,SAAS;EAClB;AACF;AAAC,IAAAC,gBAAA,CAAAC,OAAA,EAXKL,UAAU,iBACO,QAAQ;AAAA,IAAAI,gBAAA,CAAAC,OAAA,EADzBL,UAAU,WAECH,KAAK;AAAA,IAAAO,gBAAA,CAAAC,OAAA,EAFhBL,UAAU,kBAGQ;EACpBM,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,MAAMC,KAAK,GACiCC,mBAAG;EAA/C,OAAAF,KAAA,GAAO,IAAAd,aAAO,EAACW,KAAK,CAACM,MAAM,CAAC,eAACrB,MAAA,CAAAW,OAAA,CAAAW,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAA1B,KAAA,CAAA2B,WAAA;MAAA,OAAkB;IAAM,GAAAR,IAAA;EAAA,EAAE,CAAC;AAChE;AAEA,SAASS,KAAKA,CAACV,KAAuB,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EACtC,MAAMC,MAAM,GACiCR,mBAAG;EAAhD,OAAAO,KAAA,GAAO,IAAAvB,aAAO,EAACW,KAAK,CAACM,MAAM,CAAC,eAACrB,MAAA,CAAAW,OAAA,CAAAW,aAAA,CAACM,MAAM,EAAAD,KAAA,CAAAJ,EAAA;IAAA,OAAA1B,KAAA,CAAA2B,WAAA;MAAA,OAAkB;IAAM,GAAAE,KAAA;EAAA,EAAE,CAAC;AACjE;AAEA,MAAMG,MAAM,GAAG,IAAAC,qBAAe,EAACxB,UAAU,EAAE;EACzCQ,IAAI;EACJW;AACF,CAAC,CAAoB;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEPkB,MAAM","ignoreList":[]}

package/lib/cjs/component/Button/Button.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport type {\n  AbstractButtonAddonProps,\n  AbstractButtonContext,\n  AbstractButtonTextProps,\n  AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n *  Button size\n * @default m\n */\nexport type ButtonSize = 'l' | 'm';\n/**\n *  Button type\n * @default secondary\n */\ntype Use = 'primary' | 'secondary' | 'tertiary';\n\n/**\n * @deprecated don't use it. use `danger` for incorrect or danger behavior and `brand` for the orange one.\n */\ntype DeprecatedTheme = 'warning';\n\n/** Button theme */\ntype Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';\n\n/** @deprecated */\nexport interface IButtonProps extends ButtonProps, UnknownProperties {}\nexport type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme | DeprecatedTheme>;\n\n/** @deprecated */\nexport interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}\nexport type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {}\nexport type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonContext extends ButtonContext, UnknownProperties {}\nexport type ButtonContext = AbstractButtonContext;\n\nexport type ButtonChildren = {\n  Text: Intergalactic.Component<'span', ButtonTextProps>;\n  Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & {\n  Text: Intergalactic.Component<'span', ButtonTextProps>;\n  Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport type {\n  AbstractButtonAddonProps,\n  AbstractButtonContext,\n  AbstractButtonTextProps,\n  AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n *  Button size\n * @default m\n */\nexport type ButtonSize = 'l' | 'm';\n/**\n *  Button type\n * @default secondary\n */\ntype Use = 'primary' | 'secondary' | 'tertiary';\n\n/** Button theme */\ntype Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';\n\nexport type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme>;\n\nexport type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;\n\nexport type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;\n\nexport type ButtonContext = AbstractButtonContext;\n\nexport type ButtonChildren = {\n  Text: Intergalactic.Component<'span', ButtonTextProps>;\n  Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & {\n  Text: Intergalactic.Component<'span', ButtonTextProps>;\n  Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/component/ButtonLink/ButtonLink.js

@@ -1,87 +1,79 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ButtonLink = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
-var _flexBox = require("@semcore/flex-box");
 var _react = _interopRequireDefault(require("react"));
-var _AbstractButton2 = require("../AbstractButton/AbstractButton");
+var _AbstractButton = require("../AbstractButton/AbstractButton");
 /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_1r4wh_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_1r4wh_gg_,.___SButton_1r4wh_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1r4wh_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1r4wh_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_1r4wh_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_1r4wh_gg_.__active_1r4wh_gg_ .___SText_1r4wh_gg_,.___SButton_1r4wh_gg_:active .___SText_1r4wh_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1r4wh_gg_:hover .___SText_1r4wh_gg_{border-color:currentColor}}.___SButton_1r4wh_gg_.__enableVisited_1r4wh_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_1r4wh_gg_.__enableVisited_1r4wh_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_1r4wh_gg_ .___SText_1r4wh_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1r4wh_gg_.__disabled_1r4wh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_ .___SText_1r4wh_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1r4wh_gg_,.___SInner_1r4wh_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1r4wh_gg_{height:100%;width:100%}.___SAddon_1r4wh_gg_{vertical-align:middle;pointer-events:none}.___SButton_1r4wh_gg_ .___SAddon_1r4wh_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1r4wh_gg_ .___SAddon_1r4wh_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_{color:var(--text-color_1r4wh)}.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_:active{color:var(--text-color_1r4wh);filter:brightness(.8)}@media (hover:hover){.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_:hover{color:var(--text-color_1r4wh);filter:brightness(.8)}}.___SButton_1r4wh_gg_._size_100_1r4wh_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1r4wh_gg_._size_200_1r4wh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1r4wh_gg_._size_300_1r4wh_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1r4wh_gg_._size_400_1r4wh_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1r4wh_gg_._size_500_1r4wh_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1r4wh_gg_._size_600_1r4wh_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1r4wh_gg_._size_700_1r4wh_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1r4wh_gg_._size_800_1r4wh_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1r4wh_gg_,.___SText_1r4wh_gg_{transition:none}}", /*__inner_css_end__*/"1r4wh_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_o1yge_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_o1yge_gg_,.___SButton_o1yge_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_o1yge_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_o1yge_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_o1yge_gg_.__active_o1yge_gg_,.___SButton_o1yge_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_o1yge_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_o1yge_gg_.__active_o1yge_gg_ .___SText_o1yge_gg_,.___SButton_o1yge_gg_:active .___SText_o1yge_gg_{box-shadow:0 1px 0 0 currentColor}@media (hover:hover){.___SButton_o1yge_gg_:hover .___SText_o1yge_gg_{box-shadow:0 1px 0 0 currentColor}}.___SButton_o1yge_gg_.__enableVisited_o1yge_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_o1yge_gg_.__enableVisited_o1yge_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_o1yge_gg_ .___SText_o1yge_gg_{box-shadow:0 1px 0 0 transparent;transition:box-shadow .15s ease-in-out}.___SButton_o1yge_gg_.__disabled_o1yge_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_o1yge_gg_._use_secondary_o1yge_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_o1yge_gg_._use_secondary_o1yge_gg_.__active_o1yge_gg_,.___SButton_o1yge_gg_._use_secondary_o1yge_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_o1yge_gg_._use_secondary_o1yge_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_o1yge_gg_._use_secondary_o1yge_gg_ .___SText_o1yge_gg_{box-shadow:none;border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_o1yge_gg_,.___SInner_o1yge_gg_{display:inline-flex;justify-content:center;align-items:baseline}.___SInner_o1yge_gg_{height:100%;width:100%}.___SAddon_o1yge_gg_{vertical-align:middle;pointer-events:none;align-self:center}.___SButton_o1yge_gg_ .___SAddon_o1yge_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_o1yge_gg_ .___SAddon_o1yge_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_o1yge_gg_.__text-color_o1yge_gg_{color:var(--text-color_o1yge)}.___SButton_o1yge_gg_.__text-color_o1yge_gg_.__active_o1yge_gg_,.___SButton_o1yge_gg_.__text-color_o1yge_gg_:active{color:var(--text-color_o1yge);filter:brightness(.8)}@media (hover:hover){.___SButton_o1yge_gg_.__text-color_o1yge_gg_:hover{color:var(--text-color_o1yge);filter:brightness(.8)}}.___SButton_o1yge_gg_._size_100_o1yge_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_o1yge_gg_._size_200_o1yge_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_o1yge_gg_._size_300_o1yge_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_o1yge_gg_._size_400_o1yge_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_o1yge_gg_._size_500_o1yge_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_o1yge_gg_._size_600_o1yge_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_o1yge_gg_._size_700_o1yge_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_o1yge_gg_._size_800_o1yge_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_o1yge_gg_,.___SText_o1yge_gg_{transition:none}}", /*__inner_css_end__*/"o1yge_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButton": "___SButton_1r4wh_gg_",
-  "_disabled": "__disabled_1r4wh_gg_",
-  "__SInner": "___SInner_1r4wh_gg_",
-  "__SAddon": "___SAddon_1r4wh_gg_",
-  "_size_100": "_size_100_1r4wh_gg_",
-  "_size_200": "_size_200_1r4wh_gg_",
-  "_size_300": "_size_300_1r4wh_gg_",
-  "_size_400": "_size_400_1r4wh_gg_",
-  "_size_500": "_size_500_1r4wh_gg_",
-  "_size_600": "_size_600_1r4wh_gg_",
-  "_size_700": "_size_700_1r4wh_gg_",
-  "_size_800": "_size_800_1r4wh_gg_",
-  "__SText": "___SText_1r4wh_gg_",
-  "_active": "__active_1r4wh_gg_",
-  "_enableVisited": "__enableVisited_1r4wh_gg_",
-  "_use_secondary": "_use_secondary_1r4wh_gg_",
-  "_text-color": "__text-color_1r4wh_gg_",
-  "--text-color": "--text-color_1r4wh"
+  "__SButton": "___SButton_o1yge_gg_",
+  "_disabled": "__disabled_o1yge_gg_",
+  "__SInner": "___SInner_o1yge_gg_",
+  "__SAddon": "___SAddon_o1yge_gg_",
+  "_size_100": "_size_100_o1yge_gg_",
+  "_size_200": "_size_200_o1yge_gg_",
+  "_size_300": "_size_300_o1yge_gg_",
+  "_size_400": "_size_400_o1yge_gg_",
+  "_size_500": "_size_500_o1yge_gg_",
+  "_size_600": "_size_600_o1yge_gg_",
+  "_size_700": "_size_700_o1yge_gg_",
+  "_size_800": "_size_800_o1yge_gg_",
+  "__SText": "___SText_o1yge_gg_",
+  "_active": "__active_o1yge_gg_",
+  "_enableVisited": "__enableVisited_o1yge_gg_",
+  "_use_secondary": "_use_secondary_o1yge_gg_",
+  "_text-color": "__text-color_o1yge_gg_",
+  "--text-color": "--text-color_o1yge"
 });
-var enhance = {
-  resolveColor: (0, _resolveColorEnhance["default"])()
+const enhance = {
+  resolveColor: (0, _resolveColorEnhance.default)()
 };
-var RootButtonLink = /*#__PURE__*/function (_AbstractButton) {
-  function RootButtonLink() {
-    (0, _classCallCheck2["default"])(this, RootButtonLink);
-    return (0, _callSuper2["default"])(this, RootButtonLink, arguments);
+class RootButtonLink extends _AbstractButton.AbstractButton {
+  getTextColor() {
+    const {
+      color,
+      resolveColor
+    } = this.asProps;
+    return resolveColor(color);
   }
-  (0, _inherits2["default"])(RootButtonLink, _AbstractButton);
-  return (0, _createClass2["default"])(RootButtonLink, [{
-    key: "getTextColor",
-    value: function getTextColor() {
-      var _ref5 = this.asProps,
-        color = _ref5.color,
-        resolveColor = _ref5.resolveColor;
-      return resolveColor(color);
-    }
-  }]);
-}(_AbstractButton2.AbstractButton);
-(0, _defineProperty2["default"])(RootButtonLink, "displayName", 'ButtonLink');
-(0, _defineProperty2["default"])(RootButtonLink, "enhance", Object.values(enhance));
-(0, _defineProperty2["default"])(RootButtonLink, "style", style);
-(0, _defineProperty2["default"])(RootButtonLink, "defaultProps", {
+}
+(0, _defineProperty2.default)(RootButtonLink, "displayName", 'ButtonLink');
+(0, _defineProperty2.default)(RootButtonLink, "enhance", Object.values(enhance));
+(0, _defineProperty2.default)(RootButtonLink, "style", style);
+(0, _defineProperty2.default)(RootButtonLink, "defaultProps", {
   use: 'primary'
 });
 function Text(props) {
   var _ref = arguments[0],
     _ref3;
-  var SText = _flexBox.Box;
-  return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SText, _ref3.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'span'
-  }, _ref))));
+  const SText = _baseComponents.Box;
+  return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SText, _ref3.cn("SText", {
+    ...(0, _core.assignProps)({
+      "tag": 'span'
+    }, _ref)
+  }));
 }
 function Addon(props) {
   var _ref2 = arguments[0],
     _ref4;
-  var SAddon = _flexBox.Box;
-  return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref4.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'span'
-  }, _ref2))));
+  const SAddon = _baseComponents.Box;
+  return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SAddon, _ref4.cn("SAddon", {
+    ...(0, _core.assignProps)({
+      "tag": 'span'
+    }, _ref2)
+  }));
 }
-var ButtonLink = exports.ButtonLink = (0, _core.createComponent)(RootButtonLink, {
-  Text: Text,
-  Addon: Addon
+const ButtonLink = exports.ButtonLink = (0, _core.createComponent)(RootButtonLink, {
+  Text,
+  Addon
 });
 //# sourceMappingURL=ButtonLink.js.map

package/lib/cjs/component/ButtonLink/ButtonLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLink.js","names":["_core","require","_resolveColorEnhance","_interopRequireDefault","_flexBox","_react","_AbstractButton2","style","sstyled","insert","enhance","resolveColor","resolveColorEnhance","RootButtonLink","_AbstractButton","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextColor","_ref5","asProps","color","AbstractButton","_defineProperty2","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","ButtonLink","exports","createComponent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { createComponent, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nconst enhance = {\n  resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n  static displayName = 'ButtonLink';\n  static enhance = Object.values(enhance);\n  static style = style;\n  static defaultProps = {\n    use: 'primary',\n  };\n\n  protected getTextColor(): string | undefined {\n    const { color, resolveColor } = this.asProps as any;\n    return resolveColor(color);\n  }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n  Text,\n  Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAIA,IAAAK,gBAAA,GAAAL,OAAA;AAAkE;AAAA,IAAAM,KAAA,8BAAAP,KAAA,CAAAQ,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAElE,IAAMC,OAAO,GAAG;EACdC,YAAY,EAAE,IAAAC,+BAAmB,EAAC;AACpC,CAAC;AAAC,IAEIC,cAAc,0BAAAC,eAAA;EAAA,SAAAD,eAAA;IAAA,IAAAE,gBAAA,mBAAAF,cAAA;IAAA,WAAAG,WAAA,mBAAAH,cAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,cAAA,EAAAC,eAAA;EAAA,WAAAK,aAAA,aAAAN,cAAA;IAAAO,GAAA;IAAAC,KAAA,EAQlB,SAAUC,YAAYA,CAAA,EAAuB;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEd,YAAY,GAAAY,KAAA,CAAZZ,YAAY;MAC3B,OAAOA,YAAY,CAACc,KAAK,CAAC;IAC5B;EAAC;AAAA,EAX0BC,+BAAc;AAAA,IAAAC,gBAAA,aAArCd,cAAc,iBACG,YAAY;AAAA,IAAAc,gBAAA,aAD7Bd,cAAc,aAEDe,MAAM,CAACC,MAAM,CAACnB,OAAO,CAAC;AAAA,IAAAiB,gBAAA,aAFnCd,cAAc,WAGHN,KAAK;AAAA,IAAAoB,gBAAA,aAHhBd,cAAc,kBAII;EACpBiB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAA3B,aAAO,EAACwB,KAAK,CAACM,MAAM,CAAC,eAACjC,MAAA,YAAAkC,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAzC,KAAA,CAAA0C,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,GAAE,CAAC;AAChE;AAEA,SAASU,KAAKA,CAACX,KAA2B,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EAC1C,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAArC,aAAO,EAACwB,KAAK,CAACM,MAAM,CAAC,eAACjC,MAAA,YAAAkC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAzC,KAAA,CAAA0C,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,GAAE,CAAC;AACjE;AAEO,IAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,EAACpC,cAAc,EAAE;EACxDkB,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAwB","ignoreList":[]}
+{"version":3,"file":"ButtonLink.js","names":["_core","require","_baseComponents","_resolveColorEnhance","_interopRequireDefault","_react","_AbstractButton","style","sstyled","insert","enhance","resolveColor","resolveColorEnhance","RootButtonLink","AbstractButton","getTextColor","color","asProps","_defineProperty2","default","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","assignProps","Addon","_ref2","_ref4","SAddon","ButtonLink","exports","createComponent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nconst enhance = {\n  resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n  static displayName = 'ButtonLink';\n  static enhance = Object.values(enhance);\n  static style = style;\n  static defaultProps = {\n    use: 'primary',\n  };\n\n  protected getTextColor(): string | undefined {\n    const { color, resolveColor } = this.asProps as any;\n    return resolveColor(color);\n  }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n  Text,\n  Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,oBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAIA,IAAAK,eAAA,GAAAL,OAAA;AAAkE;AAAA,MAAAM,KAAA,8BAAAP,KAAA,CAAAQ,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAElE,MAAMC,OAAO,GAAG;EACdC,YAAY,EAAE,IAAAC,4BAAmB,EAAC;AACpC,CAAC;AAED,MAAMC,cAAc,SAASC,8BAAc,CAAC;EAQhCC,YAAYA,CAAA,EAAuB;IAC3C,MAAM;MAAEC,KAAK;MAAEL;IAAa,CAAC,GAAG,IAAI,CAACM,OAAc;IACnD,OAAON,YAAY,CAACK,KAAK,CAAC;EAC5B;AACF;AAAC,IAAAE,gBAAA,CAAAC,OAAA,EAZKN,cAAc,iBACG,YAAY;AAAA,IAAAK,gBAAA,CAAAC,OAAA,EAD7BN,cAAc,aAEDO,MAAM,CAACC,MAAM,CAACX,OAAO,CAAC;AAAA,IAAAQ,gBAAA,CAAAC,OAAA,EAFnCN,cAAc,WAGHN,KAAK;AAAA,IAAAW,gBAAA,CAAAC,OAAA,EAHhBN,cAAc,kBAII;EACpBS,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,MAAMC,KAAK,GACiCC,mBAAG;EAA/C,OAAAF,KAAA,GAAO,IAAAnB,aAAO,EAACgB,KAAK,CAACM,MAAM,CAAC,eAACzB,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAhC,KAAA,CAAAiC,WAAA;MAAA,OAAkB;IAAM,GAAAR,IAAA;EAAA,EAAE,CAAC;AAChE;AAEA,SAASS,KAAKA,CAACV,KAA2B,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC1C,MAAMC,MAAM,GACiCR,mBAAG;EAAhD,OAAAO,KAAA,GAAO,IAAA5B,aAAO,EAACgB,KAAK,CAACM,MAAM,CAAC,eAACzB,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAACM,MAAM,EAAAD,KAAA,CAAAJ,EAAA;IAAA,OAAAhC,KAAA,CAAAiC,WAAA;MAAA,OAAkB;IAAM,GAAAE,KAAA;EAAA,EAAE,CAAC;AACjE;AAEO,MAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,EAAC3B,cAAc,EAAE;EACxDU,IAAI;EACJW;AACF,CAAC,CAAwB","ignoreList":[]}

package/lib/cjs/component/ButtonLink/buttonLink.shadow.css

@@ -31,7 +31,7 @@ SButton {
     color: var(--intergalactic-text-link-hover-active, #044792);
 
     & SText {
-      border-color: currentColor;
+      box-shadow: 0 1px 0 0 currentColor;
     }
   }
 
@@ -41,10 +41,8 @@ SButton {
   }
 
   SText {
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
-    border-color: transparent;
-    transition: border-bottom-color 0.15s ease-in-out;
+    box-shadow: 0 1px 0 0 transparent;
+    transition: box-shadow 0.15s ease-in-out;
   }
 }
 
@@ -65,6 +63,7 @@ SButton[use='secondary'] {
   }
 
   SText {
+    box-shadow: none;
     border-bottom-width: 1px;
     border-bottom-style: dashed;
     border-color: currentColor;
@@ -73,7 +72,7 @@ SButton[use='secondary'] {
 
 SInner {
   display: inline-flex;
-  align-items: center;
+  align-items: baseline;
   justify-content: center;
   height: 100%;
   width: 100%;
@@ -82,9 +81,10 @@ SInner {
 SAddon {
   display: inline-flex;
   justify-content: center;
-  align-items: center;
+  align-items: baseline;
   vertical-align: middle;
   pointer-events: none;
+  align-self: center;
 }
 
 SButton SAddon {

package/lib/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,14 +9,14 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "MAP_USE_DEFAULT_THEME", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _AbstractButton.MAP_USE_DEFAULT_THEME;
   }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
-    return _Button["default"];
+  get: function () {
+    return _Button.default;
   }
 });
 var _Button = _interopRequireDefault(require("./component/Button/Button"));
@@ -27,7 +27,7 @@ Object.keys(_Button2).forEach(function (key) {
   if (key in exports && exports[key] === _Button2[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Button2[key];
     }
   });
@@ -39,7 +39,7 @@ Object.keys(_ButtonLink).forEach(function (key) {
   if (key in exports && exports[key] === _ButtonLink[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _ButtonLink[key];
     }
   });
@@ -51,7 +51,7 @@ Object.keys(_ButtonLink2).forEach(function (key) {
   if (key in exports && exports[key] === _ButtonLink2[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _ButtonLink2[key];
     }
   });

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Button","_interopRequireDefault","require","_Button2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ButtonLink","_ButtonLink2","_AbstractButton"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './component/Button/Button';\nexport * from './component/Button/Button.type';\nexport * from './component/ButtonLink/ButtonLink';\nexport * from './component/ButtonLink/ButtonLink.type';\nexport { MAP_USE_DEFAULT_THEME } from './component/AbstractButton/AbstractButton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,QAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,QAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,QAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,WAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,WAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,WAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,WAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,YAAA,GAAAf,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAY,YAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,YAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,YAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,eAAA,GAAAhB,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Button","_interopRequireDefault","require","_Button2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ButtonLink","_ButtonLink2","_AbstractButton"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './component/Button/Button';\nexport * from './component/Button/Button.type';\nexport * from './component/ButtonLink/ButtonLink';\nexport * from './component/ButtonLink/ButtonLink.type';\nexport { MAP_USE_DEFAULT_THEME } from './component/AbstractButton/AbstractButton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,QAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,QAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,QAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,WAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,WAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,WAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,WAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,YAAA,GAAAf,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAY,YAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,YAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,YAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,eAAA,GAAAhB,OAAA","ignoreList":[]}