@semcore/button 5.43.0-prerelease.0 → 16.0.0-prerelease.4
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 +3 -3
- package/lib/cjs/component/AbstractButton/AbstractButton.js +3 -4
- 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 +28 -34
- package/lib/cjs/component/Button/Button.js.map +1 -1
- package/lib/cjs/component/Button/Button.type.js.map +1 -1
- package/lib/cjs/component/Button/button.shadow.css +2 -26
- 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 -4
- 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 +28 -32
- package/lib/es6/component/Button/Button.js.map +1 -1
- package/lib/es6/component/Button/Button.type.js.map +1 -1
- package/lib/es6/component/Button/button.shadow.css +2 -26
- 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 +31 -31
- package/lib/esm/component/Button/Button.mjs +64 -69
- package/lib/esm/component/ButtonLink/ButtonLink.mjs +56 -60
- package/lib/types/component/AbstractButton/AbstractButton.type.d.ts +1 -1
- package/lib/types/component/Button/Button.type.d.ts +2 -6
- package/package.json +6 -9
- package/src/component/AbstractButton/AbstractButton.tsx +3 -9
- package/src/component/AbstractButton/AbstractButton.type.ts +1 -1
- package/src/component/Button/Button.tsx +2 -10
- package/src/component/Button/Button.type.ts +2 -7
- package/src/component/Button/button.shadow.css +2 -26
- 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
|
@@ -1,89 +1,84 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
1
|
+
import g from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import b from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import v from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import f from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import m from "@babel/runtime/helpers/esm/createSuper";
|
|
6
6
|
import i from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import { sstyled as
|
|
8
|
-
import d, { sstyled as g, assignProps as n } from "@semcore/core";
|
|
7
|
+
import { sstyled as o, createComponent as d, assignProps as n } from "@semcore/core";
|
|
9
8
|
import c from "react";
|
|
10
|
-
import { Box as
|
|
11
|
-
import
|
|
12
|
-
|
|
13
|
-
var u = (
|
|
9
|
+
import { Box as l } from "@semcore/flex-box";
|
|
10
|
+
import { AbstractButton as h } from "../AbstractButton/AbstractButton.mjs";
|
|
11
|
+
var q = (
|
|
14
12
|
/*__reshadow_css_start__*/
|
|
15
|
-
(
|
|
13
|
+
(o.insert(
|
|
16
14
|
/*__inner_css_start__*/
|
|
17
|
-
`.
|
|
18
|
-
rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.
|
|
19
|
-
rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.
|
|
20
|
-
rgba(255, 255, 255, 0.3))}.
|
|
21
|
-
rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.
|
|
22
|
-
"
|
|
15
|
+
`.___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,
|
|
16
|
+
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,
|
|
17
|
+
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,
|
|
18
|
+
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,
|
|
19
|
+
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)}`,
|
|
20
|
+
"1tqb6_gg_"
|
|
23
21
|
), {
|
|
24
|
-
__SButton: "
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
"_theme_primary-
|
|
41
|
-
"_theme_primary-
|
|
42
|
-
"_theme_primary-
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"_theme_secondary-
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"_theme_tertiary-
|
|
49
|
-
"_theme_tertiary-muted": "_theme_tertiary-muted_12yjh_gg_",
|
|
50
|
-
"_theme_tertiary-invert": "_theme_tertiary-invert_12yjh_gg_"
|
|
22
|
+
__SButton: "___SButton_1tqb6_gg_",
|
|
23
|
+
_disabled: "__disabled_1tqb6_gg_",
|
|
24
|
+
_size_s: "_size_s_1tqb6_gg_",
|
|
25
|
+
_size_m: "_size_m_1tqb6_gg_",
|
|
26
|
+
_size_l: "_size_l_1tqb6_gg_",
|
|
27
|
+
_neighborLocation_right: "_neighborLocation_right_1tqb6_gg_",
|
|
28
|
+
_neighborLocation_both: "_neighborLocation_both_1tqb6_gg_",
|
|
29
|
+
_neighborLocation_left: "_neighborLocation_left_1tqb6_gg_",
|
|
30
|
+
__SSpin: "___SSpin_1tqb6_gg_",
|
|
31
|
+
__SInner: "___SInner_1tqb6_gg_",
|
|
32
|
+
_loading: "__loading_1tqb6_gg_",
|
|
33
|
+
__SText: "___SText_1tqb6_gg_",
|
|
34
|
+
__SAddon: "___SAddon_1tqb6_gg_",
|
|
35
|
+
"_theme_primary-info": "_theme_primary-info_1tqb6_gg_",
|
|
36
|
+
_active: "__active_1tqb6_gg_",
|
|
37
|
+
"_theme_primary-success": "_theme_primary-success_1tqb6_gg_",
|
|
38
|
+
"_theme_primary-warning": "_theme_primary-warning_1tqb6_gg_",
|
|
39
|
+
"_theme_primary-danger": "_theme_primary-danger_1tqb6_gg_",
|
|
40
|
+
"_theme_primary-invert": "_theme_primary-invert_1tqb6_gg_",
|
|
41
|
+
"_theme_secondary-muted": "_theme_secondary-muted_1tqb6_gg_",
|
|
42
|
+
"_theme_secondary-info": "_theme_secondary-info_1tqb6_gg_",
|
|
43
|
+
"_theme_secondary-invert": "_theme_secondary-invert_1tqb6_gg_",
|
|
44
|
+
"_theme_tertiary-info": "_theme_tertiary-info_1tqb6_gg_",
|
|
45
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_1tqb6_gg_",
|
|
46
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_1tqb6_gg_"
|
|
51
47
|
})
|
|
52
|
-
),
|
|
53
|
-
|
|
54
|
-
var
|
|
55
|
-
function
|
|
56
|
-
return
|
|
48
|
+
), a = /* @__PURE__ */ function(_) {
|
|
49
|
+
f(t, _);
|
|
50
|
+
var r = m(t);
|
|
51
|
+
function t() {
|
|
52
|
+
return b(this, t), r.apply(this, arguments);
|
|
57
53
|
}
|
|
58
|
-
return
|
|
54
|
+
return v(t, [{
|
|
59
55
|
key: "getTextColor",
|
|
60
56
|
value: function() {
|
|
61
57
|
}
|
|
62
|
-
}]),
|
|
63
|
-
}(
|
|
64
|
-
i(
|
|
65
|
-
i(
|
|
66
|
-
i(
|
|
67
|
-
i(e, "defaultProps", {
|
|
58
|
+
}]), t;
|
|
59
|
+
}(h);
|
|
60
|
+
i(a, "displayName", "Button");
|
|
61
|
+
i(a, "style", q);
|
|
62
|
+
i(a, "defaultProps", {
|
|
68
63
|
use: "secondary",
|
|
69
64
|
size: "m"
|
|
70
65
|
});
|
|
71
|
-
function
|
|
72
|
-
var
|
|
73
|
-
return
|
|
66
|
+
function s(_) {
|
|
67
|
+
var r = arguments[0], t, e = l;
|
|
68
|
+
return t = o(_.styles), /* @__PURE__ */ c.createElement(e, t.cn("SText", g({}, n({
|
|
74
69
|
tag: "span"
|
|
75
|
-
},
|
|
70
|
+
}, r))));
|
|
76
71
|
}
|
|
77
|
-
function
|
|
78
|
-
var
|
|
79
|
-
return
|
|
72
|
+
function u(_) {
|
|
73
|
+
var r = arguments[0], t, e = l;
|
|
74
|
+
return t = o(_.styles), /* @__PURE__ */ c.createElement(e, t.cn("SAddon", g({}, n({
|
|
80
75
|
tag: "span"
|
|
81
|
-
},
|
|
76
|
+
}, r))));
|
|
82
77
|
}
|
|
83
|
-
var
|
|
84
|
-
Text:
|
|
85
|
-
Addon:
|
|
78
|
+
var A = d(a, {
|
|
79
|
+
Text: s,
|
|
80
|
+
Addon: u
|
|
86
81
|
});
|
|
87
82
|
export {
|
|
88
|
-
|
|
83
|
+
A as default
|
|
89
84
|
};
|
|
@@ -1,82 +1,78 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import a from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import y from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import d from "@babel/runtime/helpers/esm/createClass";
|
|
4
4
|
import h from "@babel/runtime/helpers/esm/inherits";
|
|
5
5
|
import S from "@babel/runtime/helpers/esm/createSuper";
|
|
6
|
-
import
|
|
7
|
-
import { sstyled as
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
|
|
13
|
-
import b from "@semcore/utils/lib/enhances/resolveColorEnhance";
|
|
14
|
-
var y = (
|
|
6
|
+
import r from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
+
import { sstyled as i, createComponent as x, assignProps as v } from "@semcore/core";
|
|
8
|
+
import u from "react";
|
|
9
|
+
import { Box as c } from "@semcore/flex-box";
|
|
10
|
+
import { AbstractButton as p } from "../AbstractButton/AbstractButton.mjs";
|
|
11
|
+
import f from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
|
|
12
|
+
var m = (
|
|
15
13
|
/*__reshadow_css_start__*/
|
|
16
|
-
(
|
|
14
|
+
(i.insert(
|
|
17
15
|
/*__inner_css_start__*/
|
|
18
|
-
".
|
|
19
|
-
"
|
|
16
|
+
".___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}}",
|
|
17
|
+
"vy4nu_gg_"
|
|
20
18
|
), {
|
|
21
|
-
__SButton: "
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
"
|
|
39
|
-
"--text-color": "--text-color_1xr08"
|
|
19
|
+
__SButton: "___SButton_vy4nu_gg_",
|
|
20
|
+
_disabled: "__disabled_vy4nu_gg_",
|
|
21
|
+
__SInner: "___SInner_vy4nu_gg_",
|
|
22
|
+
__SAddon: "___SAddon_vy4nu_gg_",
|
|
23
|
+
_size_100: "_size_100_vy4nu_gg_",
|
|
24
|
+
_size_200: "_size_200_vy4nu_gg_",
|
|
25
|
+
_size_300: "_size_300_vy4nu_gg_",
|
|
26
|
+
_size_400: "_size_400_vy4nu_gg_",
|
|
27
|
+
_size_500: "_size_500_vy4nu_gg_",
|
|
28
|
+
_size_600: "_size_600_vy4nu_gg_",
|
|
29
|
+
_size_700: "_size_700_vy4nu_gg_",
|
|
30
|
+
_size_800: "_size_800_vy4nu_gg_",
|
|
31
|
+
__SText: "___SText_vy4nu_gg_",
|
|
32
|
+
_active: "__active_vy4nu_gg_",
|
|
33
|
+
_enableVisited: "__enableVisited_vy4nu_gg_",
|
|
34
|
+
_use_secondary: "_use_secondary_vy4nu_gg_",
|
|
35
|
+
"_text-color": "__text-color_vy4nu_gg_",
|
|
36
|
+
"--text-color": "--text-color_vy4nu"
|
|
40
37
|
})
|
|
41
|
-
),
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
}, e = /* @__PURE__ */ function(t) {
|
|
38
|
+
), B = {
|
|
39
|
+
resolveColor: f()
|
|
40
|
+
}, n = /* @__PURE__ */ function(t) {
|
|
45
41
|
h(_, t);
|
|
46
|
-
var
|
|
42
|
+
var e = S(_);
|
|
47
43
|
function _() {
|
|
48
|
-
return
|
|
44
|
+
return y(this, _), e.apply(this, arguments);
|
|
49
45
|
}
|
|
50
|
-
return
|
|
46
|
+
return d(_, [{
|
|
51
47
|
key: "getTextColor",
|
|
52
48
|
value: function() {
|
|
53
|
-
var
|
|
54
|
-
return
|
|
49
|
+
var g = this.asProps, l = g.color, s = g.resolveColor;
|
|
50
|
+
return s(l);
|
|
55
51
|
}
|
|
56
52
|
}]), _;
|
|
57
|
-
}(
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
53
|
+
}(p);
|
|
54
|
+
r(n, "displayName", "ButtonLink");
|
|
55
|
+
r(n, "enhance", Object.values(B));
|
|
56
|
+
r(n, "style", m);
|
|
57
|
+
r(n, "defaultProps", {
|
|
62
58
|
use: "primary"
|
|
63
59
|
});
|
|
64
|
-
function
|
|
65
|
-
var
|
|
66
|
-
return _ =
|
|
60
|
+
function b(t) {
|
|
61
|
+
var e = arguments[0], _, o = c;
|
|
62
|
+
return _ = i(t.styles), /* @__PURE__ */ u.createElement(o, _.cn("SText", a({}, v({
|
|
67
63
|
tag: "span"
|
|
68
|
-
},
|
|
64
|
+
}, e))));
|
|
69
65
|
}
|
|
70
|
-
function
|
|
71
|
-
var
|
|
72
|
-
return _ =
|
|
66
|
+
function z(t) {
|
|
67
|
+
var e = arguments[0], _, o = c;
|
|
68
|
+
return _ = i(t.styles), /* @__PURE__ */ u.createElement(o, _.cn("SAddon", a({}, v({
|
|
73
69
|
tag: "span"
|
|
74
|
-
},
|
|
70
|
+
}, e))));
|
|
75
71
|
}
|
|
76
|
-
var
|
|
77
|
-
Text:
|
|
78
|
-
Addon:
|
|
72
|
+
var R = x(n, {
|
|
73
|
+
Text: b,
|
|
74
|
+
Addon: z
|
|
79
75
|
});
|
|
80
76
|
export {
|
|
81
|
-
|
|
77
|
+
R as ButtonLink
|
|
82
78
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PropGetterFn } from '@semcore/core';
|
|
3
|
-
import { KeyboardFocusProps } from '@semcore/
|
|
3
|
+
import { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
|
|
4
4
|
import { BoxProps } from '@semcore/flex-box';
|
|
5
5
|
import { NeighborItemProps } from '@semcore/neighbor-location';
|
|
6
6
|
import { TooltipHintProps } from '@semcore/tooltip';
|
|
@@ -10,16 +10,12 @@ export type ButtonSize = 'l' | 'm';
|
|
|
10
10
|
* @default secondary
|
|
11
11
|
*/
|
|
12
12
|
type Use = 'primary' | 'secondary' | 'tertiary';
|
|
13
|
-
/**
|
|
14
|
-
* @deprecated don't use it. use `danger` for incorrect or danger behavior and `brand` for the orange one.
|
|
15
|
-
*/
|
|
16
|
-
type DeprecatedTheme = 'warning';
|
|
17
13
|
/** Button theme */
|
|
18
|
-
type Theme = 'info' | 'success' | '
|
|
14
|
+
type Theme = 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';
|
|
19
15
|
/** @deprecated */
|
|
20
16
|
export interface IButtonProps extends ButtonProps, UnknownProperties {
|
|
21
17
|
}
|
|
22
|
-
export type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme
|
|
18
|
+
export type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme>;
|
|
23
19
|
/** @deprecated */
|
|
24
20
|
export interface IButtonTextProps extends ButtonTextProps, UnknownProperties {
|
|
25
21
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/button",
|
|
3
3
|
"description": "Semrush Button Component",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "16.0.0-prerelease.4",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,16 +14,13 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/flex-box": "
|
|
18
|
-
"@semcore/neighbor-location": "
|
|
19
|
-
"@semcore/spin": "
|
|
20
|
-
"@semcore/tooltip": "
|
|
21
|
-
"@semcore/utils": "4.48.1"
|
|
17
|
+
"@semcore/flex-box": "16.0.0-prerelease.4",
|
|
18
|
+
"@semcore/neighbor-location": "16.0.0-prerelease.4",
|
|
19
|
+
"@semcore/spin": "16.0.0-prerelease.4",
|
|
20
|
+
"@semcore/tooltip": "16.0.0-prerelease.4"
|
|
22
21
|
},
|
|
23
22
|
"peerDependencies": {
|
|
24
|
-
"@semcore/
|
|
25
|
-
"react": "16.8 - 18",
|
|
26
|
-
"react-dom": "16.8 - 18"
|
|
23
|
+
"@semcore/base-components": "^16.0.0-prerelease.4"
|
|
27
24
|
},
|
|
28
25
|
"repository": {
|
|
29
26
|
"type": "git",
|
|
@@ -2,10 +2,10 @@ import React from 'react';
|
|
|
2
2
|
import { Box } from '@semcore/flex-box';
|
|
3
3
|
import { Hint } from '@semcore/tooltip';
|
|
4
4
|
import NeighborLocation from '@semcore/neighbor-location';
|
|
5
|
-
import addonTextChildren from '@semcore/
|
|
6
|
-
import logger from '@semcore/
|
|
5
|
+
import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
|
|
6
|
+
import logger from '@semcore/core/lib/utils/logger';
|
|
7
7
|
import SpinButton from './SpinButton';
|
|
8
|
-
import hasLabels from '@semcore/
|
|
8
|
+
import hasLabels from '@semcore/core/lib/utils/hasLabels';
|
|
9
9
|
import { AbstractButtonProps } from './AbstractButton.type';
|
|
10
10
|
import { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';
|
|
11
11
|
|
|
@@ -50,12 +50,6 @@ export abstract class AbstractButton extends Component<Props, {}, {}> {
|
|
|
50
50
|
`'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,
|
|
51
51
|
this.asProps['data-ui-name'] || AbstractButton.displayName,
|
|
52
52
|
);
|
|
53
|
-
|
|
54
|
-
logger.warn(
|
|
55
|
-
this.asProps.theme === 'warning',
|
|
56
|
-
'Warning theme is deprecated and will be removed in the next major release.',
|
|
57
|
-
this.asProps['data-ui-name'] || AbstractButton.displayName,
|
|
58
|
-
);
|
|
59
53
|
}
|
|
60
54
|
|
|
61
55
|
const ariaLabelledby = this.asProps['aria-labelledby'];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PropGetterFn } from '@semcore/core';
|
|
3
|
-
import { KeyboardFocusProps } from '@semcore/
|
|
3
|
+
import { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
|
|
4
4
|
import { BoxProps } from '@semcore/flex-box';
|
|
5
5
|
import { NeighborItemProps } from '@semcore/neighbor-location';
|
|
6
6
|
import { TooltipHintProps } from '@semcore/tooltip';
|
|
@@ -1,21 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import createComponent,
|
|
2
|
+
import { createComponent, sstyled, Root } from '@semcore/core';
|
|
3
3
|
import { Box } from '@semcore/flex-box';
|
|
4
|
-
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
5
4
|
|
|
6
5
|
import style from './button.shadow.css';
|
|
7
6
|
import { AbstractButton } from '../AbstractButton/AbstractButton';
|
|
8
|
-
import {
|
|
9
|
-
ButtonAddonProps,
|
|
10
|
-
ButtonChildren,
|
|
11
|
-
ButtonComponent,
|
|
12
|
-
ButtonProps,
|
|
13
|
-
ButtonTextProps,
|
|
14
|
-
} from './Button.type';
|
|
7
|
+
import { ButtonAddonProps, ButtonComponent, ButtonTextProps } from './Button.type';
|
|
15
8
|
|
|
16
9
|
class RootButton extends AbstractButton {
|
|
17
10
|
static displayName = 'Button';
|
|
18
|
-
static enhance = [keyboardFocusEnhance()];
|
|
19
11
|
static style = style;
|
|
20
12
|
static defaultProps = {
|
|
21
13
|
use: 'secondary',
|
|
@@ -18,17 +18,12 @@ export type ButtonSize = 'l' | 'm';
|
|
|
18
18
|
*/
|
|
19
19
|
type Use = 'primary' | 'secondary' | 'tertiary';
|
|
20
20
|
|
|
21
|
-
/**
|
|
22
|
-
* @deprecated don't use it. use `danger` for incorrect or danger behavior and `brand` for the orange one.
|
|
23
|
-
*/
|
|
24
|
-
type DeprecatedTheme = 'warning';
|
|
25
|
-
|
|
26
21
|
/** Button theme */
|
|
27
|
-
type Theme = 'info' | 'success' | '
|
|
22
|
+
type Theme = 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';
|
|
28
23
|
|
|
29
24
|
/** @deprecated */
|
|
30
25
|
export interface IButtonProps extends ButtonProps, UnknownProperties {}
|
|
31
|
-
export type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme
|
|
26
|
+
export type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme>;
|
|
32
27
|
|
|
33
28
|
/** @deprecated */
|
|
34
29
|
export interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}
|
|
@@ -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;
|
|
@@ -100,22 +92,6 @@ SButton[theme='primary-success'] {
|
|
|
100
92
|
}
|
|
101
93
|
}
|
|
102
94
|
|
|
103
|
-
SButton[theme='primary-brand'] {
|
|
104
|
-
color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
105
|
-
background-color: var(--intergalactic-control-primary-brand, #ff642d);
|
|
106
|
-
|
|
107
|
-
&:hover {
|
|
108
|
-
color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
109
|
-
background-color: var(--intergalactic-control-primary-brand-hover, #c33909);
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
&:active,
|
|
113
|
-
&[active] {
|
|
114
|
-
color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
115
|
-
background-color: var(--intergalactic-control-primary-brand-active, #8b1500);
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
|
|
119
95
|
SButton[theme='primary-warning'] {
|
|
120
96
|
color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
121
97
|
background-color: var(--intergalactic-control-primary-brand, #ff642d);
|
|
@@ -128,7 +104,7 @@ SButton[theme='primary-warning'] {
|
|
|
128
104
|
&:active,
|
|
129
105
|
&[active] {
|
|
130
106
|
color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
131
|
-
background-color: var(--intergalactic-control-primary-brand-active, #
|
|
107
|
+
background-color: var(--intergalactic-control-primary-brand-active, #c33909);
|
|
132
108
|
}
|
|
133
109
|
}
|
|
134
110
|
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import createComponent,
|
|
2
|
+
import { createComponent, sstyled, Root } from '@semcore/core';
|
|
3
3
|
import style from './buttonLink.shadow.css';
|
|
4
|
-
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
5
4
|
import { Box } from '@semcore/flex-box';
|
|
6
5
|
import { AbstractButton } from '../AbstractButton/AbstractButton';
|
|
7
|
-
import resolveColorEnhance from '@semcore/
|
|
6
|
+
import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
|
|
8
7
|
import { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';
|
|
9
8
|
|
|
10
9
|
const enhance = {
|
|
11
|
-
keyboardFocused: keyboardFocusEnhance(),
|
|
12
10
|
resolveColor: resolveColorEnhance(),
|
|
13
11
|
};
|
|
14
12
|
|