@semcore/button 5.43.0 → 16.0.0-prerelease.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/component/AbstractButton/AbstractButton.js +3 -3
- package/lib/cjs/component/AbstractButton/AbstractButton.js.map +1 -1
- package/lib/cjs/component/AbstractButton/AbstractButton.type.js.map +1 -1
- package/lib/cjs/component/Button/Button.js +29 -34
- package/lib/cjs/component/Button/Button.js.map +1 -1
- package/lib/cjs/component/Button/button.shadow.css +1 -9
- package/lib/cjs/component/ButtonLink/ButtonLink.js +22 -27
- package/lib/cjs/component/ButtonLink/ButtonLink.js.map +1 -1
- package/lib/cjs/component/ButtonLink/ButtonLink.type.js.map +1 -1
- package/lib/cjs/component/ButtonLink/buttonLink.shadow.css +1 -10
- package/lib/es6/component/AbstractButton/AbstractButton.js +3 -3
- package/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -1
- package/lib/es6/component/AbstractButton/AbstractButton.type.js.map +1 -1
- package/lib/es6/component/Button/Button.js +29 -32
- package/lib/es6/component/Button/Button.js.map +1 -1
- package/lib/es6/component/Button/button.shadow.css +1 -9
- package/lib/es6/component/ButtonLink/ButtonLink.js +22 -25
- package/lib/es6/component/ButtonLink/ButtonLink.js.map +1 -1
- package/lib/es6/component/ButtonLink/ButtonLink.type.js.map +1 -1
- package/lib/es6/component/ButtonLink/buttonLink.shadow.css +1 -10
- package/lib/esm/component/AbstractButton/AbstractButton.mjs +113 -83
- package/lib/esm/component/AbstractButton/SpinButton.mjs +14 -13
- package/lib/esm/component/Button/Button.mjs +72 -74
- package/lib/esm/component/ButtonLink/ButtonLink.mjs +70 -68
- package/lib/esm/index.mjs +6 -6
- package/lib/types/component/AbstractButton/AbstractButton.type.d.ts +1 -1
- package/package.json +6 -9
- package/src/component/AbstractButton/AbstractButton.tsx +3 -3
- package/src/component/AbstractButton/AbstractButton.type.ts +1 -1
- package/src/component/Button/Button.tsx +2 -10
- package/src/component/Button/button.shadow.css +1 -9
- package/src/component/ButtonLink/ButtonLink.tsx +2 -4
- package/src/component/ButtonLink/ButtonLink.type.ts +1 -1
- package/src/component/ButtonLink/buttonLink.shadow.css +1 -10
|
@@ -4,42 +4,40 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
5
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
|
-
import { sstyled as _sstyled } from "@semcore/
|
|
7
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
8
8
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
10
10
|
import React from 'react';
|
|
11
|
-
import createComponent,
|
|
11
|
+
import { createComponent, sstyled, Root } from '@semcore/core';
|
|
12
12
|
import { Box } from '@semcore/flex-box';
|
|
13
|
-
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
14
13
|
/*__reshadow-styles__:"./button.shadow.css"*/
|
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_12yjh_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;outline:0;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_12yjh_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_12yjh_gg_:active,.___SButton_12yjh_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_12yjh_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_12yjh_gg_.__keyboardFocused_12yjh_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_12yjh_gg_.__disabled_12yjh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_12yjh_gg_._size_s_12yjh_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_12yjh_gg_._size_m_12yjh_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_12yjh_gg_._size_l_12yjh_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_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_12yjh_gg_._theme_secondary-muted_12yjh_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_12yjh_gg_._theme_secondary-info_12yjh_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_12yjh_gg_._theme_secondary-info_12yjh_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_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_12yjh_gg_._theme_secondary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_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_12yjh_gg_._theme_tertiary-info_12yjh_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_12yjh_gg_._neighborLocation_right_12yjh_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_{border-radius:0;margin-left:-1px}.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_{position:relative}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_:after,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_._theme_secondary-muted_12yjh_gg_:after,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_._theme_secondary-muted_12yjh_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_12yjh_gg_+.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_:after,.___SButton_12yjh_gg_+.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_12yjh_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_12yjh_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_12yjh_gg_.__loading_12yjh_gg_{visibility:hidden}.___SText_12yjh_gg_{display:inline-flex}.___SText_12yjh_gg_._size_l_12yjh_gg_,.___SText_12yjh_gg_._size_m_12yjh_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_12yjh_gg_._size_m_12yjh_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_12yjh_gg_._size_l_12yjh_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_12yjh_gg_._size_l_12yjh_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_12yjh_gg_._size_l_12yjh_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_12yjh_gg_._size_l_12yjh_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_12yjh_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_12yjh_gg_._size_m_12yjh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_12yjh_gg_._size_m_12yjh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_12yjh_gg_._size_m_12yjh_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_12yjh_gg_._size_l_12yjh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_12yjh_gg_._size_l_12yjh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_12yjh_gg_._size_l_12yjh_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__*/, "12yjh_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
-
"__SButton": "
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"_theme_primary-
|
|
33
|
-
"_theme_primary-
|
|
34
|
-
"_theme_primary-
|
|
35
|
-
"_theme_primary-
|
|
36
|
-
"
|
|
37
|
-
"_theme_secondary-
|
|
38
|
-
"_theme_secondary-
|
|
39
|
-
"
|
|
40
|
-
"_theme_tertiary-
|
|
41
|
-
"_theme_tertiary-
|
|
42
|
-
"_theme_tertiary-invert": "_theme_tertiary-invert_12yjh_gg_"
|
|
14
|
+
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__*/, {
|
|
15
|
+
"__SButton": "___SButton_19c5z_gg_",
|
|
16
|
+
"_disabled": "__disabled_19c5z_gg_",
|
|
17
|
+
"_size_s": "_size_s_19c5z_gg_",
|
|
18
|
+
"_size_m": "_size_m_19c5z_gg_",
|
|
19
|
+
"_size_l": "_size_l_19c5z_gg_",
|
|
20
|
+
"_neighborLocation_right": "_neighborLocation_right_19c5z_gg_",
|
|
21
|
+
"_neighborLocation_both": "_neighborLocation_both_19c5z_gg_",
|
|
22
|
+
"_neighborLocation_left": "_neighborLocation_left_19c5z_gg_",
|
|
23
|
+
"__SSpin": "___SSpin_19c5z_gg_",
|
|
24
|
+
"__SInner": "___SInner_19c5z_gg_",
|
|
25
|
+
"_loading": "__loading_19c5z_gg_",
|
|
26
|
+
"__SText": "___SText_19c5z_gg_",
|
|
27
|
+
"__SAddon": "___SAddon_19c5z_gg_",
|
|
28
|
+
"_theme_primary-info": "_theme_primary-info_19c5z_gg_",
|
|
29
|
+
"_active": "__active_19c5z_gg_",
|
|
30
|
+
"_theme_primary-success": "_theme_primary-success_19c5z_gg_",
|
|
31
|
+
"_theme_primary-brand": "_theme_primary-brand_19c5z_gg_",
|
|
32
|
+
"_theme_primary-warning": "_theme_primary-warning_19c5z_gg_",
|
|
33
|
+
"_theme_primary-danger": "_theme_primary-danger_19c5z_gg_",
|
|
34
|
+
"_theme_primary-invert": "_theme_primary-invert_19c5z_gg_",
|
|
35
|
+
"_theme_secondary-muted": "_theme_secondary-muted_19c5z_gg_",
|
|
36
|
+
"_theme_secondary-info": "_theme_secondary-info_19c5z_gg_",
|
|
37
|
+
"_theme_secondary-invert": "_theme_secondary-invert_19c5z_gg_",
|
|
38
|
+
"_theme_tertiary-info": "_theme_tertiary-info_19c5z_gg_",
|
|
39
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_19c5z_gg_",
|
|
40
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_19c5z_gg_"
|
|
43
41
|
});
|
|
44
42
|
import { AbstractButton } from '../AbstractButton/AbstractButton';
|
|
45
43
|
var RootButton = /*#__PURE__*/function (_AbstractButton) {
|
|
@@ -58,7 +56,6 @@ var RootButton = /*#__PURE__*/function (_AbstractButton) {
|
|
|
58
56
|
return RootButton;
|
|
59
57
|
}(AbstractButton);
|
|
60
58
|
_defineProperty(RootButton, "displayName", 'Button');
|
|
61
|
-
_defineProperty(RootButton, "enhance", [keyboardFocusEnhance()]);
|
|
62
59
|
_defineProperty(RootButton, "style", style);
|
|
63
60
|
_defineProperty(RootButton, "defaultProps", {
|
|
64
61
|
use: 'secondary',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["React","createComponent","sstyled","Root","Box","
|
|
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;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"}
|
|
@@ -12,7 +12,6 @@ SButton {
|
|
|
12
12
|
text-align: center;
|
|
13
13
|
vertical-align: middle;
|
|
14
14
|
border: 1px solid transparent;
|
|
15
|
-
outline: 0;
|
|
16
15
|
box-shadow: none;
|
|
17
16
|
cursor: pointer;
|
|
18
17
|
box-sizing: border-box;
|
|
@@ -30,18 +29,11 @@ SButton {
|
|
|
30
29
|
}
|
|
31
30
|
|
|
32
31
|
&:active,
|
|
33
|
-
&:hover
|
|
34
|
-
&:focus {
|
|
35
|
-
outline: 0;
|
|
32
|
+
&:hover {
|
|
36
33
|
text-decoration: none;
|
|
37
34
|
}
|
|
38
35
|
}
|
|
39
36
|
|
|
40
|
-
SButton[keyboardFocused] {
|
|
41
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
|
|
42
|
-
z-index: 1;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
37
|
SButton[disabled] {
|
|
46
38
|
opacity: var(--intergalactic-disabled-opacity, 0.3);
|
|
47
39
|
cursor: default;
|
|
@@ -4,39 +4,36 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
5
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
|
-
import { sstyled as _sstyled } from "@semcore/
|
|
7
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
8
8
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
10
10
|
import React from 'react';
|
|
11
|
-
import createComponent,
|
|
11
|
+
import { createComponent, sstyled, Root } from '@semcore/core';
|
|
12
12
|
/*__reshadow-styles__:"./buttonLink.shadow.css"*/
|
|
13
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
14
|
-
"__SButton": "
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"--text-color": "--text-color_1xr08"
|
|
13
|
+
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__*/, {
|
|
14
|
+
"__SButton": "___SButton_vy4nu_gg_",
|
|
15
|
+
"_disabled": "__disabled_vy4nu_gg_",
|
|
16
|
+
"__SInner": "___SInner_vy4nu_gg_",
|
|
17
|
+
"__SAddon": "___SAddon_vy4nu_gg_",
|
|
18
|
+
"_size_100": "_size_100_vy4nu_gg_",
|
|
19
|
+
"_size_200": "_size_200_vy4nu_gg_",
|
|
20
|
+
"_size_300": "_size_300_vy4nu_gg_",
|
|
21
|
+
"_size_400": "_size_400_vy4nu_gg_",
|
|
22
|
+
"_size_500": "_size_500_vy4nu_gg_",
|
|
23
|
+
"_size_600": "_size_600_vy4nu_gg_",
|
|
24
|
+
"_size_700": "_size_700_vy4nu_gg_",
|
|
25
|
+
"_size_800": "_size_800_vy4nu_gg_",
|
|
26
|
+
"__SText": "___SText_vy4nu_gg_",
|
|
27
|
+
"_active": "__active_vy4nu_gg_",
|
|
28
|
+
"_enableVisited": "__enableVisited_vy4nu_gg_",
|
|
29
|
+
"_use_secondary": "_use_secondary_vy4nu_gg_",
|
|
30
|
+
"_text-color": "__text-color_vy4nu_gg_",
|
|
31
|
+
"--text-color": "--text-color_vy4nu"
|
|
33
32
|
});
|
|
34
|
-
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
35
33
|
import { Box } from '@semcore/flex-box';
|
|
36
34
|
import { AbstractButton } from '../AbstractButton/AbstractButton';
|
|
37
|
-
import resolveColorEnhance from '@semcore/
|
|
35
|
+
import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
|
|
38
36
|
var enhance = {
|
|
39
|
-
keyboardFocused: keyboardFocusEnhance(),
|
|
40
37
|
resolveColor: resolveColorEnhance()
|
|
41
38
|
};
|
|
42
39
|
var RootButtonLink = /*#__PURE__*/function (_AbstractButton) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.js","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\n\nimport {\n AbstractButtonAddonProps,\n AbstractButtonContext,\n AbstractButtonTextProps,\n AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n * Button link size\n * @default m\n */\nexport type ButtonLinkSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n/**\n * Button link type\n * @default primary\n */\ntype Use = 'primary' | 'secondary';\n\nexport type ButtonLinkProps = AbstractButtonProps<ButtonLinkSize, Use, never>;\n\nexport type ButtonLinkTextProps = AbstractButtonTextProps<ButtonLinkSize>;\n\nexport type ButtonLinkAddonProps = AbstractButtonAddonProps<ButtonLinkSize>;\n\nexport type ButtonLinkContext = AbstractButtonContext;\n\nexport type ButtonLinkChildren = {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n\nexport type ButtonLinkComponent = Intergalactic.Component<\n 'button',\n ButtonLinkProps,\n ButtonLinkContext\n> & {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n"],"mappings":""}
|
|
@@ -12,14 +12,11 @@ SButton {
|
|
|
12
12
|
margin: 0;
|
|
13
13
|
box-shadow: none;
|
|
14
14
|
-webkit-tap-highlight-color: transparent;
|
|
15
|
-
outline: 0;
|
|
16
15
|
background: none;
|
|
17
16
|
transition: color 0.15s ease-in-out;
|
|
18
17
|
|
|
19
18
|
&:active,
|
|
20
|
-
&:hover
|
|
21
|
-
&:focus {
|
|
22
|
-
outline: 0;
|
|
19
|
+
&:hover {
|
|
23
20
|
text-decoration: none;
|
|
24
21
|
}
|
|
25
22
|
|
|
@@ -51,12 +48,6 @@ SButton {
|
|
|
51
48
|
}
|
|
52
49
|
}
|
|
53
50
|
|
|
54
|
-
SButton[keyboardFocused] {
|
|
55
|
-
outline-color: var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));
|
|
56
|
-
outline-style: solid;
|
|
57
|
-
outline-width: 3px;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
51
|
SButton[disabled] {
|
|
61
52
|
opacity: var(--intergalactic-disabled-opacity, 0.3);
|
|
62
53
|
cursor: default;
|
|
@@ -1,122 +1,152 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { sstyled
|
|
9
|
-
import
|
|
10
|
-
import { Box
|
|
11
|
-
import { Hint
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
var
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
6
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
7
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
|
+
import { sstyled, assignProps, CORE_INSTANCE, Component } from "@semcore/core";
|
|
9
|
+
import React from "react";
|
|
10
|
+
import { Box } from "@semcore/flex-box";
|
|
11
|
+
import { Hint } from "@semcore/tooltip";
|
|
12
|
+
import NeighborLocation from "@semcore/neighbor-location";
|
|
13
|
+
import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
|
|
14
|
+
import logger from "@semcore/core/lib/utils/logger";
|
|
15
|
+
import SpinButton from "./SpinButton.mjs";
|
|
16
|
+
import hasLabels from "@semcore/core/lib/utils/hasLabels";
|
|
17
|
+
var MAP_USE_DEFAULT_THEME = {
|
|
18
18
|
primary: "info",
|
|
19
19
|
secondary: "muted",
|
|
20
20
|
tertiary: "info"
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
21
|
+
};
|
|
22
|
+
var AbstractButton = /* @__PURE__ */ function(_Component) {
|
|
23
|
+
_inherits(AbstractButton2, _Component);
|
|
24
|
+
var _super = _createSuper(AbstractButton2);
|
|
25
|
+
function AbstractButton2() {
|
|
26
|
+
var _this;
|
|
27
|
+
_classCallCheck(this, AbstractButton2);
|
|
28
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
29
|
+
args[_key] = arguments[_key];
|
|
30
|
+
}
|
|
31
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
32
|
+
_defineProperty(_assertThisInitialized(_this), "containerRef", /* @__PURE__ */ React.createRef());
|
|
33
|
+
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
30
34
|
ariaLabelledByContent: null
|
|
31
|
-
})
|
|
35
|
+
});
|
|
36
|
+
return _this;
|
|
32
37
|
}
|
|
33
|
-
|
|
38
|
+
_createClass(AbstractButton2, [{
|
|
34
39
|
key: "getTextProps",
|
|
35
|
-
value: function() {
|
|
36
|
-
var
|
|
40
|
+
value: function getTextProps() {
|
|
41
|
+
var size = this.asProps.size;
|
|
37
42
|
return {
|
|
38
|
-
size
|
|
43
|
+
size
|
|
39
44
|
};
|
|
40
45
|
}
|
|
41
46
|
}, {
|
|
42
47
|
key: "getAddonProps",
|
|
43
|
-
value: function() {
|
|
44
|
-
var
|
|
48
|
+
value: function getAddonProps() {
|
|
49
|
+
var size = this.asProps.size;
|
|
45
50
|
return {
|
|
46
|
-
size
|
|
51
|
+
size
|
|
47
52
|
};
|
|
48
53
|
}
|
|
49
54
|
}, {
|
|
50
55
|
key: "componentDidMount",
|
|
51
|
-
value: function() {
|
|
52
|
-
var
|
|
53
|
-
process.env.NODE_ENV !== "production"
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
56
|
+
value: function componentDidMount() {
|
|
57
|
+
var _this2 = this;
|
|
58
|
+
if (process.env.NODE_ENV !== "production") {
|
|
59
|
+
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);
|
|
60
|
+
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);
|
|
61
|
+
}
|
|
62
|
+
var ariaLabelledby = this.asProps["aria-labelledby"];
|
|
63
|
+
if (ariaLabelledby) {
|
|
64
|
+
setTimeout(function() {
|
|
65
|
+
var _document$getElementB, _document$getElementB2;
|
|
66
|
+
_this2.setState({
|
|
67
|
+
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 : ""
|
|
68
|
+
});
|
|
69
|
+
}, 0);
|
|
70
|
+
}
|
|
61
71
|
}
|
|
62
72
|
}, {
|
|
63
73
|
key: "renderButton",
|
|
64
|
-
value: function(
|
|
65
|
-
var
|
|
66
|
-
|
|
74
|
+
value: function renderButton(_ref6) {
|
|
75
|
+
var _ref = this.asProps, _ref3;
|
|
76
|
+
var buttonProps = _ref6.buttonProps, children = _ref6.children;
|
|
77
|
+
var styles = this.asProps.styles;
|
|
78
|
+
var SButton = Box;
|
|
79
|
+
return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SButton, _ref3.cn("SButton", _objectSpread({}, assignProps(_objectSpread({}, buttonProps), _ref))), children);
|
|
67
80
|
}
|
|
68
81
|
}, {
|
|
69
82
|
key: "renderButtonWithHint",
|
|
70
|
-
value: function(
|
|
71
|
-
var
|
|
72
|
-
|
|
83
|
+
value: function renderButtonWithHint(_ref7) {
|
|
84
|
+
var _ref2 = this.asProps, _ref4;
|
|
85
|
+
var buttonProps = _ref7.buttonProps, children = _ref7.children, hintProps = _ref7.hintProps;
|
|
86
|
+
var styles = this.asProps.styles;
|
|
87
|
+
var SButton = Hint;
|
|
88
|
+
return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, assignProps(_objectSpread(_objectSpread({}, buttonProps), hintProps), _ref2))), children);
|
|
73
89
|
}
|
|
74
90
|
}, {
|
|
75
91
|
key: "render",
|
|
76
|
-
value: function() {
|
|
77
|
-
var
|
|
92
|
+
value: function render() {
|
|
93
|
+
var _ref8, _ref9, _this3 = this;
|
|
94
|
+
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;
|
|
95
|
+
var Button = this[CORE_INSTANCE];
|
|
96
|
+
var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false;
|
|
97
|
+
var SInner = Box;
|
|
98
|
+
var SSpin = Box;
|
|
99
|
+
var buttonAriaLabel = (_ref8 = (_ref9 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref9 !== void 0 ? _ref9 : this.state.ariaLabelledByContent) !== null && _ref8 !== void 0 ? _ref8 : "";
|
|
100
|
+
var buttonProps = {
|
|
78
101
|
type: "button",
|
|
79
102
|
tag: "button",
|
|
80
|
-
disabled
|
|
81
|
-
"use:theme":
|
|
103
|
+
disabled,
|
|
104
|
+
"use:theme": useTheme,
|
|
82
105
|
ref: this.containerRef,
|
|
83
106
|
"text-color": this.getTextColor(),
|
|
84
|
-
"aria-busy":
|
|
107
|
+
"aria-busy": loading,
|
|
85
108
|
__excludeProps: ["title"]
|
|
86
|
-
}
|
|
87
|
-
|
|
109
|
+
};
|
|
110
|
+
var hintProps = {
|
|
111
|
+
title: buttonAriaLabel,
|
|
88
112
|
timeout: [250, 50],
|
|
89
|
-
placement:
|
|
90
|
-
theme:
|
|
113
|
+
placement: hintPlacement,
|
|
114
|
+
theme: theme === "invert" ? "invert" : void 0,
|
|
91
115
|
__excludeProps: []
|
|
92
116
|
};
|
|
93
|
-
return /* @__PURE__ */
|
|
94
|
-
neighborLocation
|
|
95
|
-
}, function(
|
|
96
|
-
var
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
117
|
+
return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
|
|
118
|
+
neighborLocation
|
|
119
|
+
}, function(neighborLocation2) {
|
|
120
|
+
var _ref5;
|
|
121
|
+
var children = (_ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SInner, _ref5.cn("SInner", {
|
|
122
|
+
"tag": "span",
|
|
123
|
+
"loading": loading
|
|
124
|
+
}), 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", {
|
|
125
|
+
"tag": "span"
|
|
126
|
+
}), /* @__PURE__ */ React.createElement(SpinButton, _ref5.cn("SpinButton", {
|
|
127
|
+
"centered": true,
|
|
128
|
+
"size": size,
|
|
129
|
+
"theme": useTheme
|
|
105
130
|
})))));
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
131
|
+
buttonProps.neighborLocation = neighborLocation2;
|
|
132
|
+
if (hasChildren === void 0 || title) {
|
|
133
|
+
return _this3.renderButtonWithHint({
|
|
134
|
+
buttonProps,
|
|
135
|
+
hintProps,
|
|
136
|
+
children
|
|
137
|
+
});
|
|
138
|
+
}
|
|
139
|
+
return _this3.renderButton({
|
|
140
|
+
buttonProps,
|
|
141
|
+
children
|
|
113
142
|
});
|
|
114
143
|
});
|
|
115
144
|
}
|
|
116
|
-
}])
|
|
117
|
-
|
|
118
|
-
|
|
145
|
+
}]);
|
|
146
|
+
return AbstractButton2;
|
|
147
|
+
}(Component);
|
|
148
|
+
_defineProperty(AbstractButton, "displayName", "AbstractButton");
|
|
119
149
|
export {
|
|
120
|
-
|
|
121
|
-
|
|
150
|
+
AbstractButton,
|
|
151
|
+
MAP_USE_DEFAULT_THEME
|
|
122
152
|
};
|