@semcore/button 16.0.0-prerelease.2 → 16.0.0-prerelease.21

package/lib/es6/component/Button/Button.js

@@ -10,33 +10,36 @@ import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
 import { createComponent, sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
-/*__reshadow-styles__:"./button.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_1tqb6_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_1tqb6_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1tqb6_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1tqb6_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1tqb6_gg_.__disabled_1tqb6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1tqb6_gg_._size_s_1tqb6_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1tqb6_gg_._size_m_1tqb6_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1tqb6_gg_._size_l_1tqb6_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1tqb6_gg_._theme_primary-info_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-info_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1tqb6_gg_._theme_primary-info_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-info_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1tqb6_gg_._theme_primary-success_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-success_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1tqb6_gg_._theme_primary-success_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-success_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1tqb6_gg_._theme_primary-warning_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-warning_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1tqb6_gg_._theme_primary-warning_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-warning_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_1tqb6_gg_._theme_primary-danger_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-danger_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1tqb6_gg_._theme_primary-danger_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-danger_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1tqb6_gg_._theme_primary-invert_1tqb6_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1tqb6_gg_._theme_primary-invert_1tqb6_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1tqb6_gg_._theme_primary-invert_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_primary-invert_1tqb6_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1tqb6_gg_._theme_secondary-muted_1tqb6_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_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1tqb6_gg_._theme_secondary-info_1tqb6_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_1tqb6_gg_._theme_secondary-info_1tqb6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1tqb6_gg_._theme_secondary-info_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_secondary-info_1tqb6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1tqb6_gg_._theme_secondary-invert_1tqb6_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_1tqb6_gg_._theme_secondary-invert_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1tqb6_gg_._theme_secondary-invert_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_secondary-invert_1tqb6_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_1tqb6_gg_._theme_tertiary-info_1tqb6_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_tertiary-info_1tqb6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1tqb6_gg_._theme_tertiary-info_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_tertiary-info_1tqb6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1tqb6_gg_._theme_tertiary-muted_1tqb6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_tertiary-muted_1tqb6_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1tqb6_gg_._theme_tertiary-muted_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_tertiary-muted_1tqb6_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1tqb6_gg_._theme_tertiary-invert_1tqb6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1tqb6_gg_._theme_tertiary-invert_1tqb6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1tqb6_gg_._theme_tertiary-invert_1tqb6_gg_.__active_1tqb6_gg_,.___SButton_1tqb6_gg_._theme_tertiary-invert_1tqb6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1tqb6_gg_._neighborLocation_right_1tqb6_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_{border-radius:0;margin-left:-1px}.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_,.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_{position:relative}.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_:after,.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_:after,.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_._theme_secondary-muted_1tqb6_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_1tqb6_gg_+.___SButton_1tqb6_gg_._neighborLocation_both_1tqb6_gg_:after,.___SButton_1tqb6_gg_+.___SButton_1tqb6_gg_._neighborLocation_left_1tqb6_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1tqb6_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1tqb6_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1tqb6_gg_.__loading_1tqb6_gg_{visibility:hidden}.___SText_1tqb6_gg_{display:inline-flex}.___SText_1tqb6_gg_._size_l_1tqb6_gg_,.___SText_1tqb6_gg_._size_m_1tqb6_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1tqb6_gg_._size_m_1tqb6_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1tqb6_gg_._size_l_1tqb6_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1tqb6_gg_._size_l_1tqb6_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1tqb6_gg_._size_l_1tqb6_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1tqb6_gg_._size_l_1tqb6_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1tqb6_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1tqb6_gg_._size_m_1tqb6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1tqb6_gg_._size_m_1tqb6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1tqb6_gg_._size_m_1tqb6_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_1tqb6_gg_._size_l_1tqb6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1tqb6_gg_._size_l_1tqb6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1tqb6_gg_._size_l_1tqb6_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__*/, "1tqb6_gg_") /*__reshadow_css_end__*/, {
-  "__SButton": "___SButton_1tqb6_gg_",
-  "_disabled": "__disabled_1tqb6_gg_",
-  "_size_s": "_size_s_1tqb6_gg_",
-  "_size_m": "_size_m_1tqb6_gg_",
-  "_size_l": "_size_l_1tqb6_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1tqb6_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1tqb6_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1tqb6_gg_",
-  "__SSpin": "___SSpin_1tqb6_gg_",
-  "__SInner": "___SInner_1tqb6_gg_",
-  "_loading": "__loading_1tqb6_gg_",
-  "__SText": "___SText_1tqb6_gg_",
-  "__SAddon": "___SAddon_1tqb6_gg_",
-  "_theme_primary-info": "_theme_primary-info_1tqb6_gg_",
-  "_active": "__active_1tqb6_gg_",
-  "_theme_primary-success": "_theme_primary-success_1tqb6_gg_",
-  "_theme_primary-warning": "_theme_primary-warning_1tqb6_gg_",
-  "_theme_primary-danger": "_theme_primary-danger_1tqb6_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_1tqb6_gg_",
-  "_theme_secondary-muted": "_theme_secondary-muted_1tqb6_gg_",
-  "_theme_secondary-info": "_theme_secondary-info_1tqb6_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_1tqb6_gg_",
-  "_theme_tertiary-info": "_theme_tertiary-info_1tqb6_gg_",
-  "_theme_tertiary-muted": "_theme_tertiary-muted_1tqb6_gg_",
-  "_theme_tertiary-invert": "_theme_tertiary-invert_1tqb6_gg_"
+/*!__reshadow-styles__:"./button.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_19c5z_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_19c5z_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_19c5z_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_19c5z_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_19c5z_gg_.__disabled_19c5z_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_19c5z_gg_._size_s_19c5z_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_19c5z_gg_._size_m_19c5z_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_19c5z_gg_._size_l_19c5z_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_19c5z_gg_._theme_secondary-muted_19c5z_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_19c5z_gg_._theme_secondary-muted_19c5z_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_19c5z_gg_._theme_secondary-muted_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_secondary-muted_19c5z_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_19c5z_gg_._theme_secondary-info_19c5z_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_19c5z_gg_._theme_secondary-info_19c5z_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_19c5z_gg_._theme_secondary-info_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_secondary-info_19c5z_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_19c5z_gg_._theme_secondary-invert_19c5z_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_19c5z_gg_._theme_secondary-invert_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_19c5z_gg_._theme_secondary-invert_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_secondary-invert_19c5z_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_19c5z_gg_._theme_tertiary-info_19c5z_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_19c5z_gg_._theme_tertiary-info_19c5z_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_19c5z_gg_._theme_tertiary-info_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_tertiary-info_19c5z_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_19c5z_gg_._neighborLocation_right_19c5z_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_{border-radius:0;margin-left:-1px}.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_,.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_{position:relative}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_:after,.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_._theme_secondary-muted_19c5z_gg_:after,.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_._theme_secondary-muted_19c5z_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_19c5z_gg_+.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_:after,.___SButton_19c5z_gg_+.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_19c5z_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_19c5z_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_19c5z_gg_.__loading_19c5z_gg_{visibility:hidden}.___SText_19c5z_gg_{display:inline-flex}.___SText_19c5z_gg_._size_l_19c5z_gg_,.___SText_19c5z_gg_._size_m_19c5z_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_19c5z_gg_._size_m_19c5z_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_19c5z_gg_._size_l_19c5z_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_19c5z_gg_._size_l_19c5z_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_19c5z_gg_._size_l_19c5z_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_19c5z_gg_._size_l_19c5z_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_19c5z_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_19c5z_gg_._size_m_19c5z_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_19c5z_gg_._size_m_19c5z_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_19c5z_gg_._size_m_19c5z_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_19c5z_gg_._size_l_19c5z_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_19c5z_gg_._size_l_19c5z_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_19c5z_gg_._size_l_19c5z_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__*/"19c5z_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SButton": "___SButton_19c5z_gg_",
+  "_disabled": "__disabled_19c5z_gg_",
+  "_size_s": "_size_s_19c5z_gg_",
+  "_size_m": "_size_m_19c5z_gg_",
+  "_size_l": "_size_l_19c5z_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_19c5z_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_19c5z_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_19c5z_gg_",
+  "__SSpin": "___SSpin_19c5z_gg_",
+  "__SInner": "___SInner_19c5z_gg_",
+  "_loading": "__loading_19c5z_gg_",
+  "__SText": "___SText_19c5z_gg_",
+  "__SAddon": "___SAddon_19c5z_gg_",
+  "_theme_primary-info": "_theme_primary-info_19c5z_gg_",
+  "_active": "__active_19c5z_gg_",
+  "_theme_primary-success": "_theme_primary-success_19c5z_gg_",
+  "_theme_primary-brand": "_theme_primary-brand_19c5z_gg_",
+  "_theme_primary-warning": "_theme_primary-warning_19c5z_gg_",
+  "_theme_primary-danger": "_theme_primary-danger_19c5z_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_19c5z_gg_",
+  "_theme_secondary-muted": "_theme_secondary-muted_19c5z_gg_",
+  "_theme_secondary-info": "_theme_secondary-info_19c5z_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_19c5z_gg_",
+  "_theme_tertiary-info": "_theme_tertiary-info_19c5z_gg_",
+  "_theme_tertiary-muted": "_theme_tertiary-muted_19c5z_gg_",
+  "_theme_tertiary-invert": "_theme_tertiary-invert_19c5z_gg_"
 });
 import { AbstractButton } from '../AbstractButton/AbstractButton';
 var RootButton = /*#__PURE__*/function (_AbstractButton) {

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["React","createComponent","sstyled","Root","Box","style","_sstyled","insert","AbstractButton","RootButton","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","undefined","_defineProperty","use","size","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","Button"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport style from './button.shadow.css';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport { ButtonAddonProps, ButtonComponent, ButtonTextProps } from './Button.type';\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;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;AAGxC,SAASC,cAAc,QAAQ,kCAAkC;AAAC,IAG5DC,UAAU,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAAK,eAAA,OAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EAQd,SAAAC,aAAA,EAA6C;MAC3C,OAAOC,SAAS;IAClB;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAVsBD,cAAc;AAAAc,eAAA,CAAjCb,UAAU,iBACO,QAAQ;AAAAa,eAAA,CADzBb,UAAU,WAECJ,KAAK;AAAAiB,eAAA,CAFhBb,UAAU,kBAGQ;EACpBc,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiC1B,GAAG;EAA/C,OAAAyB,KAAA,GAAO3B,OAAO,CAACwB,KAAK,CAACK,MAAM,CAAC,eAAC/B,KAAA,CAAAgC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAAuB,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EACtC,IAAMC,MAAM,GACiCnC,GAAG;EAAhD,OAAAkC,KAAA,GAAOpC,OAAO,CAACwB,KAAK,CAACK,MAAM,CAAC,eAAC/B,KAAA,CAAAgC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,IAAMI,MAAM,GAAGxC,eAAe,CAACQ,UAAU,EAAE;EACzCgB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAoB;AAErB,eAAeK,MAAM"}
+{"version":3,"file":"Button.js","names":["React","createComponent","sstyled","Root","Box","style","_sstyled","insert","AbstractButton","RootButton","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","undefined","_defineProperty","use","size","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","Button"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport style from './button.shadow.css';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport { ButtonAddonProps, ButtonComponent, ButtonTextProps } from './Button.type';\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,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;AAGxC,SAASC,cAAc,QAAQ,kCAAkC;AAAC,IAG5DC,UAAU,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAAK,eAAA,OAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EAQd,SAAAC,aAAA,EAA6C;MAC3C,OAAOC,SAAS;IAClB;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAVsBD,cAAc;AAAAc,eAAA,CAAjCb,UAAU,iBACO,QAAQ;AAAAa,eAAA,CADzBb,UAAU,WAECJ,KAAK;AAAAiB,eAAA,CAFhBb,UAAU,kBAGQ;EACpBc,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiC1B,GAAG;EAA/C,OAAAyB,KAAA,GAAO3B,OAAO,CAACwB,KAAK,CAACK,MAAM,CAAC,eAAC/B,KAAA,CAAAgC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAAuB,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EACtC,IAAMC,MAAM,GACiCnC,GAAG;EAAhD,OAAAkC,KAAA,GAAOpC,OAAO,CAACwB,KAAK,CAACK,MAAM,CAAC,eAAC/B,KAAA,CAAAgC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,IAAMI,MAAM,GAAGxC,eAAe,CAACQ,UAAU,EAAE;EACzCgB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAoB;AAErB,eAAeK,MAAM"}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport {\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' | 'warning' | 'danger' | 'muted' | 'invert';\n\n/** @deprecated */\nexport interface IButtonProps extends ButtonProps, UnknownProperties {}\nexport type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme>;\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":""}
+{"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport {\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":""}

package/lib/es6/component/Button/button.shadow.css

@@ -92,6 +92,22 @@ SButton[theme='primary-success'] {
   }
 }
 
+SButton[theme='primary-brand'] {
+  color: var(--intergalactic-text-primary-invert, #ffffff);
+  background-color: var(--intergalactic-control-primary-brand, #ff642d);
+
+  &:hover {
+    color: var(--intergalactic-text-primary-invert, #ffffff);
+    background-color: var(--intergalactic-control-primary-brand-hover, #c33909);
+  }
+
+  &:active,
+  &[active] {
+    color: var(--intergalactic-text-primary-invert, #ffffff);
+    background-color: var(--intergalactic-control-primary-brand-active, #8b1500);
+  }
+}
+
 SButton[theme='primary-warning'] {
   color: var(--intergalactic-text-primary-invert, #ffffff);
   background-color: var(--intergalactic-control-primary-brand, #ff642d);
@@ -104,7 +120,7 @@ SButton[theme='primary-warning'] {
   &:active,
   &[active] {
     color: var(--intergalactic-text-primary-invert, #ffffff);
-    background-color: var(--intergalactic-control-primary-brand-active, #c33909);
+    background-color: var(--intergalactic-control-primary-brand-active, #8b1500);
   }
 }
 

package/lib/es6/component/ButtonLink/ButtonLink.js

@@ -9,8 +9,10 @@ import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
 import { createComponent, sstyled, Root } from '@semcore/core';
-/*__reshadow-styles__:"./buttonLink.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_vy4nu_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_vy4nu_gg_,.___SButton_vy4nu_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_vy4nu_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_vy4nu_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_vy4nu_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_vy4nu_gg_.__active_vy4nu_gg_ .___SText_vy4nu_gg_,.___SButton_vy4nu_gg_:active .___SText_vy4nu_gg_{border-color:currentColor}@media (hover:hover){.___SButton_vy4nu_gg_:hover .___SText_vy4nu_gg_{border-color:currentColor}}.___SButton_vy4nu_gg_.__enableVisited_vy4nu_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_vy4nu_gg_.__enableVisited_vy4nu_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_vy4nu_gg_ .___SText_vy4nu_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_vy4nu_gg_.__disabled_vy4nu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_ .___SText_vy4nu_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_vy4nu_gg_,.___SInner_vy4nu_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_vy4nu_gg_{height:100%;width:100%}.___SAddon_vy4nu_gg_{vertical-align:middle;pointer-events:none}.___SButton_vy4nu_gg_ .___SAddon_vy4nu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_vy4nu_gg_ .___SAddon_vy4nu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_{color:var(--text-color_vy4nu)}.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_:active{color:var(--text-color_vy4nu);filter:brightness(.8)}@media (hover:hover){.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_:hover{color:var(--text-color_vy4nu);filter:brightness(.8)}}.___SButton_vy4nu_gg_._size_100_vy4nu_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_vy4nu_gg_._size_200_vy4nu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_vy4nu_gg_._size_300_vy4nu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_vy4nu_gg_._size_400_vy4nu_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_vy4nu_gg_._size_500_vy4nu_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_vy4nu_gg_._size_600_vy4nu_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_vy4nu_gg_._size_700_vy4nu_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_vy4nu_gg_._size_800_vy4nu_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_vy4nu_gg_,.___SText_vy4nu_gg_{transition:none}}" /*__inner_css_end__*/, "vy4nu_gg_") /*__reshadow_css_end__*/, {
+/*!__reshadow-styles__:"./buttonLink.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_vy4nu_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_vy4nu_gg_,.___SButton_vy4nu_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_vy4nu_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_vy4nu_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_vy4nu_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_vy4nu_gg_.__active_vy4nu_gg_ .___SText_vy4nu_gg_,.___SButton_vy4nu_gg_:active .___SText_vy4nu_gg_{border-color:currentColor}@media (hover:hover){.___SButton_vy4nu_gg_:hover .___SText_vy4nu_gg_{border-color:currentColor}}.___SButton_vy4nu_gg_.__enableVisited_vy4nu_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_vy4nu_gg_.__enableVisited_vy4nu_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_vy4nu_gg_ .___SText_vy4nu_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_vy4nu_gg_.__disabled_vy4nu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_ .___SText_vy4nu_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_vy4nu_gg_,.___SInner_vy4nu_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_vy4nu_gg_{height:100%;width:100%}.___SAddon_vy4nu_gg_{vertical-align:middle;pointer-events:none}.___SButton_vy4nu_gg_ .___SAddon_vy4nu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_vy4nu_gg_ .___SAddon_vy4nu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_{color:var(--text-color_vy4nu)}.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_:active{color:var(--text-color_vy4nu);filter:brightness(.8)}@media (hover:hover){.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_:hover{color:var(--text-color_vy4nu);filter:brightness(.8)}}.___SButton_vy4nu_gg_._size_100_vy4nu_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_vy4nu_gg_._size_200_vy4nu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_vy4nu_gg_._size_300_vy4nu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_vy4nu_gg_._size_400_vy4nu_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_vy4nu_gg_._size_500_vy4nu_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_vy4nu_gg_._size_600_vy4nu_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_vy4nu_gg_._size_700_vy4nu_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_vy4nu_gg_._size_800_vy4nu_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_vy4nu_gg_,.___SText_vy4nu_gg_{transition:none}}", /*__inner_css_end__*/"vy4nu_gg_"),
+/*__reshadow_css_end__*/
+{
   "__SButton": "___SButton_vy4nu_gg_",
   "_disabled": "__disabled_vy4nu_gg_",
   "__SInner": "___SInner_vy4nu_gg_",

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonLink.js","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","Box","AbstractButton","resolveColorEnhance","enhance","resolveColor","RootButtonLink","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","_ref5","asProps","color","_defineProperty","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","ButtonLink"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport style from './buttonLink.shadow.css';\nimport { Box } from '@semcore/flex-box';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE/D,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,cAAc,QAAQ,kCAAkC;AACjE,OAAOC,mBAAmB,MAAM,sDAAsD;AAGtF,IAAMC,OAAO,GAAG;EACdC,YAAY,EAAEF,mBAAmB;AACnC,CAAC;AAAC,IAEIG,cAAc,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAAK,eAAA,OAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAQlB,SAAAC,aAAA,EAA6C;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEf,YAAY,GAAAa,KAAA,CAAZb,YAAY;MAC3B,OAAOA,YAAY,CAACe,KAAK,CAAC;IAC5B;EAAC;EAAA,OAAAd,cAAA;AAAA,EAX0BJ,cAAc;AAAAmB,eAAA,CAArCf,cAAc,iBACG,YAAY;AAAAe,eAAA,CAD7Bf,cAAc,aAEDgB,MAAM,CAACC,MAAM,CAACnB,OAAO,CAAC;AAAAiB,eAAA,CAFnCf,cAAc,WAGHR,KAAK;AAAAuB,eAAA,CAHhBf,cAAc,kBAII;EACpBkB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiC7B,GAAG;EAA/C,OAAA4B,KAAA,GAAOjC,OAAO,CAAC8B,KAAK,CAACK,MAAM,CAAC,eAACrC,KAAA,CAAAsC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAA2B,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC1C,IAAMC,MAAM,GACiCtC,GAAG;EAAhD,OAAAqC,KAAA,GAAO1C,OAAO,CAAC8B,KAAK,CAACK,MAAM,CAAC,eAACrC,KAAA,CAAAsC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,OAAO,IAAMI,UAAU,GAAG9C,eAAe,CAACW,cAAc,EAAE;EACxDmB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAwB"}
+{"version":3,"file":"ButtonLink.js","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","Box","AbstractButton","resolveColorEnhance","enhance","resolveColor","RootButtonLink","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","_ref5","asProps","color","_defineProperty","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","ButtonLink"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport style from './buttonLink.shadow.css';\nimport { Box } from '@semcore/flex-box';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE/D,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,cAAc,QAAQ,kCAAkC;AACjE,OAAOC,mBAAmB,MAAM,sDAAsD;AAGtF,IAAMC,OAAO,GAAG;EACdC,YAAY,EAAEF,mBAAmB;AACnC,CAAC;AAAC,IAEIG,cAAc,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAAK,eAAA,OAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAQlB,SAAAC,aAAA,EAA6C;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEf,YAAY,GAAAa,KAAA,CAAZb,YAAY;MAC3B,OAAOA,YAAY,CAACe,KAAK,CAAC;IAC5B;EAAC;EAAA,OAAAd,cAAA;AAAA,EAX0BJ,cAAc;AAAAmB,eAAA,CAArCf,cAAc,iBACG,YAAY;AAAAe,eAAA,CAD7Bf,cAAc,aAEDgB,MAAM,CAACC,MAAM,CAACnB,OAAO,CAAC;AAAAiB,eAAA,CAFnCf,cAAc,WAGHR,KAAK;AAAAuB,eAAA,CAHhBf,cAAc,kBAII;EACpBkB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiC7B,GAAG;EAA/C,OAAA4B,KAAA,GAAOjC,OAAO,CAAC8B,KAAK,CAACK,MAAM,CAAC,eAACrC,KAAA,CAAAsC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAA2B,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC1C,IAAMC,MAAM,GACiCtC,GAAG;EAAhD,OAAAqC,KAAA,GAAO1C,OAAO,CAAC8B,KAAK,CAACK,MAAM,CAAC,eAACrC,KAAA,CAAAsC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,OAAO,IAAMI,UAAU,GAAG9C,eAAe,CAACW,cAAc,EAAE;EACxDmB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAwB"}

package/lib/esm/component/AbstractButton/AbstractButton.mjs

@@ -1,122 +1,154 @@
-import m from "@babel/runtime/helpers/esm/objectSpread2";
-import F from "@babel/runtime/helpers/esm/classCallCheck";
-import O from "@babel/runtime/helpers/esm/createClass";
-import C from "@babel/runtime/helpers/esm/assertThisInitialized";
-import U from "@babel/runtime/helpers/esm/inherits";
-import j from "@babel/runtime/helpers/esm/createSuper";
-import g from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as b, assignProps as L, CORE_INSTANCE as q, Component as V } from "@semcore/core";
-import o from "react";
-import { Box as P } from "@semcore/flex-box";
-import { Hint as G } from "@semcore/tooltip";
-import J from "@semcore/neighbor-location";
-import K from "@semcore/core/lib/utils/addonTextChildren";
-import Q from "@semcore/core/lib/utils/logger";
-import X from "./SpinButton.mjs";
-import Y from "@semcore/core/lib/utils/hasLabels";
-var Z = {
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled, assignProps, CORE_INSTANCE, Component } from "@semcore/core";
+import React from "react";
+import { Box } from "@semcore/flex-box";
+import { Hint } from "@semcore/tooltip";
+import NeighborLocation from "@semcore/neighbor-location";
+import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
+import logger from "@semcore/core/lib/utils/logger";
+import SpinButton from "./SpinButton.mjs";
+import hasLabels from "@semcore/core/lib/utils/hasLabels";
+var MAP_USE_DEFAULT_THEME = {
   primary: "info",
   secondary: "muted",
   tertiary: "info"
-}, tt = /* @__PURE__ */ function(x) {
-  U(s, x);
-  var y = j(s);
-  function s() {
-    var i;
-    F(this, s);
-    for (var e = arguments.length, n = new Array(e), r = 0; r < e; r++)
-      n[r] = arguments[r];
-    return i = y.call.apply(y, [this].concat(n)), g(C(i), "containerRef", /* @__PURE__ */ o.createRef()), g(C(i), "state", {
+};
+var AbstractButton = /* @__PURE__ */ function(_Component) {
+  _inherits(AbstractButton2, _Component);
+  var _super = _createSuper(AbstractButton2);
+  function AbstractButton2() {
+    var _this;
+    _classCallCheck(this, AbstractButton2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "containerRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "state", {
       ariaLabelledByContent: null
-    }), i;
+    });
+    return _this;
   }
-  return O(s, [{
+  _createClass(AbstractButton2, [{
     key: "getTextProps",
-    value: function() {
-      var e = this.asProps.size;
+    value: function getTextProps() {
+      var size = this.asProps.size;
       return {
-        size: e
+        size
       };
     }
   }, {
     key: "getAddonProps",
-    value: function() {
-      var e = this.asProps.size;
+    value: function getAddonProps() {
+      var size = this.asProps.size;
       return {
-        size: e
+        size
       };
     }
   }, {
     key: "componentDidMount",
-    value: function() {
-      var e = this;
-      process.env.NODE_ENV !== "production" && Q.warn(this.containerRef.current && !Y(this.containerRef.current) && !this.asProps.title, "'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content", this.asProps["data-ui-name"] || s.displayName);
-      var n = this.asProps["aria-labelledby"];
-      n && setTimeout(function() {
-        var r, t;
-        e.setState({
-          ariaLabelledByContent: (r = (t = document.getElementById(n)) === null || t === void 0 ? void 0 : t.textContent) !== null && r !== void 0 ? r : ""
-        });
-      }, 0);
+    value: function componentDidMount() {
+      var _this2 = this;
+      if (process.env.NODE_ENV !== "production") {
+        logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title, "'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content", this.asProps["data-ui-name"] || AbstractButton2.displayName);
+        logger.warn(this.asProps.theme === "warning", "Warning theme is deprecated and will be removed in the next major release.", this.asProps["data-ui-name"] || AbstractButton2.displayName);
+      }
+      var ariaLabelledby = this.asProps["aria-labelledby"];
+      if (ariaLabelledby) {
+        setTimeout(function() {
+          var _document$getElementB, _document$getElementB2;
+          _this2.setState({
+            ariaLabelledByContent: (_document$getElementB = (_document$getElementB2 = document.getElementById(ariaLabelledby)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.textContent) !== null && _document$getElementB !== void 0 ? _document$getElementB : ""
+          });
+        }, 0);
+      }
     }
   }, {
     key: "renderButton",
-    value: function(e) {
-      var n = this.asProps, r, t = e.buttonProps, d = e.children, a = this.asProps.styles, l = P;
-      return r = b(a), /* @__PURE__ */ o.createElement(l, r.cn("SButton", m({}, L(m({}, t), n))), d);
+    value: function renderButton(_ref6) {
+      var _ref = this.asProps, _ref3;
+      var buttonProps = _ref6.buttonProps, children = _ref6.children;
+      var styles = this.asProps.styles;
+      var SButton = Box;
+      return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SButton, _ref3.cn("SButton", _objectSpread({}, assignProps(_objectSpread({}, buttonProps), _ref))), children);
     }
   }, {
     key: "renderButtonWithHint",
-    value: function(e) {
-      var n = this.asProps, r, t = e.buttonProps, d = e.children, a = e.hintProps, l = this.asProps.styles, c = G;
-      return r = b(l), /* @__PURE__ */ o.createElement(c, r.cn("SButton", m({}, L(m(m({}, t), a), n))), d);
+    value: function renderButtonWithHint(_ref7) {
+      var _ref2 = this.asProps, _ref4;
+      var buttonProps = _ref7.buttonProps, children = _ref7.children, hintProps = _ref7.hintProps;
+      var styles = this.asProps.styles;
+      var SButton = Hint;
+      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, assignProps(_objectSpread(_objectSpread(_objectSpread({}, buttonProps), hintProps), {}, {
+        "ignorePortalsStacking": true
+      }), _ref2))), children);
     }
   }, {
     key: "render",
-    value: function() {
-      var e, n, r = this, t = this.asProps, d = t.styles, a = t.use, l = t.theme, c = l === void 0 ? typeof a == "string" && Z[a] : l, p = t.loading, _ = t.disabled, T = _ === void 0 ? p : _, R = t.size, z = t.neighborLocation, N = t.children, h = t.title, $ = t["aria-label"], D = t.Children, B = t.addonLeft, E = t.addonRight, H = t.hintPlacement, f = this[q], A = a && c ? "".concat(a, "-").concat(c) : !1, I = P, k = P, M = (e = (n = h ?? $) !== null && n !== void 0 ? n : this.state.ariaLabelledByContent) !== null && e !== void 0 ? e : "", v = {
+    value: function render() {
+      var _ref8, _ref9, _this3 = this;
+      var _this$asProps = this.asProps, styles = _this$asProps.styles, use = _this$asProps.use, _this$asProps$theme = _this$asProps.theme, theme = _this$asProps$theme === void 0 ? typeof use === "string" && MAP_USE_DEFAULT_THEME[use] : _this$asProps$theme, loading = _this$asProps.loading, _this$asProps$disable = _this$asProps.disabled, disabled = _this$asProps$disable === void 0 ? loading : _this$asProps$disable, size = _this$asProps.size, neighborLocation = _this$asProps.neighborLocation, hasChildren = _this$asProps.children, title = _this$asProps.title, ariaLabel = _this$asProps["aria-label"], Children = _this$asProps.Children, AddonLeft = _this$asProps.addonLeft, AddonRight = _this$asProps.addonRight, hintPlacement = _this$asProps.hintPlacement;
+      var Button = this[CORE_INSTANCE];
+      var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false;
+      var SInner = Box;
+      var SSpin = Box;
+      var buttonAriaLabel = (_ref8 = (_ref9 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref9 !== void 0 ? _ref9 : this.state.ariaLabelledByContent) !== null && _ref8 !== void 0 ? _ref8 : "";
+      var buttonProps = {
         type: "button",
         tag: "button",
-        disabled: T,
-        "use:theme": A,
+        disabled,
+        "use:theme": useTheme,
         ref: this.containerRef,
         "text-color": this.getTextColor(),
-        "aria-busy": p,
+        "aria-busy": loading,
         __excludeProps: ["title"]
-      }, w = {
-        title: M,
+      };
+      var hintProps = {
+        title: buttonAriaLabel,
         timeout: [250, 50],
-        placement: H,
-        theme: c === "invert" ? "invert" : void 0,
+        placement: hintPlacement,
+        theme: theme === "invert" ? "invert" : void 0,
         __excludeProps: []
       };
-      return /* @__PURE__ */ o.createElement(J.Detect, {
-        neighborLocation: z
-      }, function(W) {
-        var u, S = (u = b(d), /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(I, u.cn("SInner", {
-          tag: "span",
-          loading: p
-        }), B ? /* @__PURE__ */ o.createElement(f.Addon, null, /* @__PURE__ */ o.createElement(B, u.cn("AddonLeft", {}))) : null, K(D, f.Text, f.Addon), E ? /* @__PURE__ */ o.createElement(f.Addon, null, /* @__PURE__ */ o.createElement(E, u.cn("AddonRight", {}))) : null), p && /* @__PURE__ */ o.createElement(k, u.cn("SSpin", {
-          tag: "span"
-        }), /* @__PURE__ */ o.createElement(X, u.cn("SpinButton", {
-          centered: !0,
-          size: R,
-          theme: A
+      return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
+        neighborLocation
+      }, function(neighborLocation2) {
+        var _ref5;
+        var children = (_ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SInner, _ref5.cn("SInner", {
+          "tag": "span",
+          "loading": loading
+        }), AddonLeft ? /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(AddonLeft, _ref5.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Button.Text, Button.Addon), AddonRight ? /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(AddonRight, _ref5.cn("AddonRight", {}))) : null), loading && /* @__PURE__ */ React.createElement(SSpin, _ref5.cn("SSpin", {
+          "tag": "span"
+        }), /* @__PURE__ */ React.createElement(SpinButton, _ref5.cn("SpinButton", {
+          "centered": true,
+          "size": size,
+          "theme": useTheme
         })))));
-        return v.neighborLocation = W, N === void 0 || h ? r.renderButtonWithHint({
-          buttonProps: v,
-          hintProps: w,
-          children: S
-        }) : r.renderButton({
-          buttonProps: v,
-          children: S
+        buttonProps.neighborLocation = neighborLocation2;
+        if (hasChildren === void 0 || title) {
+          return _this3.renderButtonWithHint({
+            buttonProps,
+            hintProps,
+            children
+          });
+        }
+        return _this3.renderButton({
+          buttonProps,
+          children
         });
       });
     }
-  }]), s;
-}(V);
-g(tt, "displayName", "AbstractButton");
+  }]);
+  return AbstractButton2;
+}(Component);
+_defineProperty(AbstractButton, "displayName", "AbstractButton");
 export {
-  tt as AbstractButton,
-  Z as MAP_USE_DEFAULT_THEME
+  AbstractButton,
+  MAP_USE_DEFAULT_THEME
 };

package/lib/esm/component/AbstractButton/SpinButton.mjs

@@ -1,22 +1,23 @@
-import o from "@babel/runtime/helpers/esm/extends";
-import i from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import m from "react";
-import s from "@semcore/spin";
-var n = ["theme", "size"], p = {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import React from "react";
+import Spin from "@semcore/spin";
+var _excluded = ["theme", "size"];
+var SPIN_SIZE_MAP = {
   xl: "m",
   l: "s",
   m: "xs",
   s: "xxs"
 };
-function l(e) {
-  e.theme;
-  var t = e.size, r = i(e, n);
-  return /* @__PURE__ */ m.createElement(s, o({
-    size: typeof t == "string" ? p[t] : t,
+function SpinButton(_ref) {
+  _ref.theme;
+  var size = _ref.size, others = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */ React.createElement(Spin, _extends({
+    size: typeof size === "string" ? SPIN_SIZE_MAP[size] : size,
     theme: "currentColor"
-  }, r));
+  }, others));
 }
 export {
-  p as SPIN_SIZE_MAP,
-  l as default
+  SPIN_SIZE_MAP,
+  SpinButton as default
 };