@semcore/button 16.0.9 → 16.0.10-prerelease.3
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 +31 -26
- package/lib/cjs/component/AbstractButton/AbstractButton.js.map +1 -1
- package/lib/cjs/component/Button/Button.js +29 -32
- package/lib/cjs/component/Button/Button.js.map +1 -1
- package/lib/cjs/component/ButtonLink/ButtonLink.js +21 -24
- package/lib/cjs/component/ButtonLink/ButtonLink.js.map +1 -1
- package/lib/es6/component/AbstractButton/AbstractButton.js +30 -25
- package/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -1
- package/lib/es6/component/Button/Button.js +28 -31
- package/lib/es6/component/Button/Button.js.map +1 -1
- package/lib/es6/component/ButtonLink/ButtonLink.js +20 -23
- package/lib/es6/component/ButtonLink/ButtonLink.js.map +1 -1
- package/lib/esm/component/AbstractButton/AbstractButton.mjs +10 -11
- package/lib/esm/component/Button/Button.mjs +29 -34
- package/lib/esm/component/ButtonLink/ButtonLink.mjs +21 -26
- package/package.json +9 -8
- package/src/component/AbstractButton/AbstractButton.tsx +4 -4
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
-
import
|
|
5
|
-
import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
|
|
6
|
-
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
4
|
+
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
7
5
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
8
6
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
7
|
import { createComponent, sstyled, assignProps } from "@semcore/core";
|
|
@@ -11,37 +9,34 @@ import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEn
|
|
|
11
9
|
import { Box } from "@semcore/flex-box";
|
|
12
10
|
import React from "react";
|
|
13
11
|
import { AbstractButton } from "../AbstractButton/AbstractButton.mjs";
|
|
14
|
-
function _callSuper(t, o, e) {
|
|
15
|
-
return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
|
|
16
|
-
}
|
|
17
12
|
/*!__reshadow-styles__:"./buttonLink.shadow.css"*/
|
|
18
13
|
var style = (
|
|
19
14
|
/*__reshadow_css_start__*/
|
|
20
15
|
(sstyled.insert(
|
|
21
16
|
/*__inner_css_start__*/
|
|
22
|
-
".
|
|
17
|
+
".___SButton_95e59_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_95e59_gg_,.___SButton_95e59_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_95e59_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_95e59_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_95e59_gg_.__active_95e59_gg_,.___SButton_95e59_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_95e59_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_95e59_gg_.__active_95e59_gg_ .___SText_95e59_gg_,.___SButton_95e59_gg_:active .___SText_95e59_gg_{border-color:currentColor}@media (hover:hover){.___SButton_95e59_gg_:hover .___SText_95e59_gg_{border-color:currentColor}}.___SButton_95e59_gg_.__enableVisited_95e59_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_95e59_gg_.__enableVisited_95e59_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_95e59_gg_ .___SText_95e59_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_95e59_gg_.__disabled_95e59_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_95e59_gg_._use_secondary_95e59_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_95e59_gg_._use_secondary_95e59_gg_.__active_95e59_gg_,.___SButton_95e59_gg_._use_secondary_95e59_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_95e59_gg_._use_secondary_95e59_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_95e59_gg_._use_secondary_95e59_gg_ .___SText_95e59_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_95e59_gg_,.___SInner_95e59_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_95e59_gg_{height:100%;width:100%}.___SAddon_95e59_gg_{vertical-align:middle;pointer-events:none}.___SButton_95e59_gg_ .___SAddon_95e59_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_95e59_gg_ .___SAddon_95e59_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_95e59_gg_.__text-color_95e59_gg_{color:var(--text-color_95e59)}.___SButton_95e59_gg_.__text-color_95e59_gg_.__active_95e59_gg_,.___SButton_95e59_gg_.__text-color_95e59_gg_:active{color:var(--text-color_95e59);filter:brightness(.8)}@media (hover:hover){.___SButton_95e59_gg_.__text-color_95e59_gg_:hover{color:var(--text-color_95e59);filter:brightness(.8)}}.___SButton_95e59_gg_._size_100_95e59_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_95e59_gg_._size_200_95e59_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_95e59_gg_._size_300_95e59_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_95e59_gg_._size_400_95e59_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_95e59_gg_._size_500_95e59_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_95e59_gg_._size_600_95e59_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_95e59_gg_._size_700_95e59_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_95e59_gg_._size_800_95e59_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_95e59_gg_,.___SText_95e59_gg_{transition:none}}",
|
|
23
18
|
/*__inner_css_end__*/
|
|
24
|
-
"
|
|
19
|
+
"95e59_gg_"
|
|
25
20
|
), /*__reshadow_css_end__*/
|
|
26
21
|
{
|
|
27
|
-
"__SButton": "
|
|
28
|
-
"_disabled": "
|
|
29
|
-
"__SInner": "
|
|
30
|
-
"__SAddon": "
|
|
31
|
-
"_size_100": "
|
|
32
|
-
"_size_200": "
|
|
33
|
-
"_size_300": "
|
|
34
|
-
"_size_400": "
|
|
35
|
-
"_size_500": "
|
|
36
|
-
"_size_600": "
|
|
37
|
-
"_size_700": "
|
|
38
|
-
"_size_800": "
|
|
39
|
-
"__SText": "
|
|
40
|
-
"_active": "
|
|
41
|
-
"_enableVisited": "
|
|
42
|
-
"_use_secondary": "
|
|
43
|
-
"_text-color": "__text-
|
|
44
|
-
"--text-color": "--text-
|
|
22
|
+
"__SButton": "___SButton_95e59_gg_",
|
|
23
|
+
"_disabled": "__disabled_95e59_gg_",
|
|
24
|
+
"__SInner": "___SInner_95e59_gg_",
|
|
25
|
+
"__SAddon": "___SAddon_95e59_gg_",
|
|
26
|
+
"_size_100": "_size_100_95e59_gg_",
|
|
27
|
+
"_size_200": "_size_200_95e59_gg_",
|
|
28
|
+
"_size_300": "_size_300_95e59_gg_",
|
|
29
|
+
"_size_400": "_size_400_95e59_gg_",
|
|
30
|
+
"_size_500": "_size_500_95e59_gg_",
|
|
31
|
+
"_size_600": "_size_600_95e59_gg_",
|
|
32
|
+
"_size_700": "_size_700_95e59_gg_",
|
|
33
|
+
"_size_800": "_size_800_95e59_gg_",
|
|
34
|
+
"__SText": "___SText_95e59_gg_",
|
|
35
|
+
"_active": "__active_95e59_gg_",
|
|
36
|
+
"_enableVisited": "__enableVisited_95e59_gg_",
|
|
37
|
+
"_use_secondary": "_use_secondary_95e59_gg_",
|
|
38
|
+
"_text-color": "__text-color_95e59_gg_",
|
|
39
|
+
"--text-color": "--text-color_95e59"
|
|
45
40
|
})
|
|
46
41
|
);
|
|
47
42
|
var enhance = {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/button",
|
|
3
3
|
"description": "Semrush Button Component",
|
|
4
|
-
"version": "16.0.
|
|
4
|
+
"version": "16.0.10-prerelease.3",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,13 +14,13 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/flex-box": "16.0.
|
|
18
|
-
"@semcore/neighbor-location": "16.0.
|
|
19
|
-
"@semcore/spin": "16.0.
|
|
20
|
-
"@semcore/tooltip": "16.0.
|
|
17
|
+
"@semcore/flex-box": "16.0.10-prerelease.3",
|
|
18
|
+
"@semcore/neighbor-location": "16.0.10-prerelease.3",
|
|
19
|
+
"@semcore/spin": "16.0.10-prerelease.3",
|
|
20
|
+
"@semcore/tooltip": "16.0.10-prerelease.3"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
|
-
"@semcore/base-components": "^16.0.
|
|
23
|
+
"@semcore/base-components": "^16.4.0-prerelease.3"
|
|
24
24
|
},
|
|
25
25
|
"repository": {
|
|
26
26
|
"type": "git",
|
|
@@ -28,9 +28,10 @@
|
|
|
28
28
|
"directory": "semcore/button"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"@semcore/core": "16.3.0",
|
|
32
31
|
"@semcore/testing-utils": "1.0.0",
|
|
33
|
-
"@semcore/
|
|
32
|
+
"@semcore/base-components": "16.4.0-prerelease.3",
|
|
33
|
+
"@semcore/core": "16.5.0-prerelease.3",
|
|
34
|
+
"@semcore/icon": "16.5.1-prerelease.3"
|
|
34
35
|
},
|
|
35
36
|
"scripts": {
|
|
36
37
|
"build": "pnpm semcore-builder && pnpm vite build"
|
|
@@ -71,22 +71,22 @@ export abstract class AbstractButton extends Component<Props, {}, {}> {
|
|
|
71
71
|
}
|
|
72
72
|
|
|
73
73
|
renderButton({ buttonProps, children }: any) {
|
|
74
|
-
const { styles } = this.asProps;
|
|
74
|
+
const { styles, theme } = this.asProps;
|
|
75
75
|
const SButton = Root;
|
|
76
76
|
|
|
77
77
|
return sstyled(styles)(
|
|
78
|
-
<SButton render={Box} {...buttonProps}>
|
|
78
|
+
<SButton render={Box} invertOutline={theme === 'invert'} {...buttonProps}>
|
|
79
79
|
{children}
|
|
80
80
|
</SButton>,
|
|
81
81
|
);
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
renderButtonWithHint({ buttonProps, children, hintProps }: any) {
|
|
85
|
-
const { styles } = this.asProps;
|
|
85
|
+
const { styles, theme } = this.asProps;
|
|
86
86
|
const SButton = Root;
|
|
87
87
|
|
|
88
88
|
return sstyled(styles)(
|
|
89
|
-
<SButton render={Hint} {...buttonProps} {...hintProps} ignorePortalsStacking>
|
|
89
|
+
<SButton render={Hint} invertOutline={theme === 'invert'} {...buttonProps} {...hintProps} ignorePortalsStacking>
|
|
90
90
|
{children}
|
|
91
91
|
</SButton>,
|
|
92
92
|
);
|