@salutejs/plasma-web 1.600.0-canary.2260.19623998307.0 → 1.600.0-canary.2300.19624495559.0
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/components/Card/Card.config.d.ts +16 -0
- package/components/Card/Card.config.js +86 -0
- package/components/Card/Card.d.ts +21 -0
- package/components/Card/Card.js +26 -0
- package/components/LinkButton/LinkButton.config.js +18 -12
- package/css/cjs/components/LinkButton/LinkButton.config.js +1 -1
- package/css/cjs/components/LinkButton/LinkButton.config.js.map +1 -1
- package/css/cjs/components/LinkButton/{LinkButton.config_b1souo.css → LinkButton.config_1ygbj3k.css} +6 -6
- package/css/cjs/components/LinkButton/LinkButton.css +13 -13
- package/css/cjs/index.css +13 -13
- package/css/cjs/index.js +37 -13
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/LinkButton/LinkButton.config.js +1 -1
- package/css/es/components/LinkButton/LinkButton.config.js.map +1 -1
- package/css/es/components/LinkButton/{LinkButton.config_b1souo.css → LinkButton.config_1ygbj3k.css} +6 -6
- package/css/es/components/LinkButton/LinkButton.css +13 -13
- package/css/es/index.css +13 -13
- package/css/es/index.js +1 -1
- package/css/index.d.ts +2 -0
- package/es/components/Card/Card.config.js +76 -0
- package/es/components/Card/Card.js +8 -0
- package/es/components/LinkButton/LinkButton.config.js +18 -12
- package/package.json +7 -7
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const config: {
|
|
2
|
+
defaults: {
|
|
3
|
+
view: string;
|
|
4
|
+
size: string;
|
|
5
|
+
};
|
|
6
|
+
variations: {
|
|
7
|
+
view: {
|
|
8
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
9
|
+
};
|
|
10
|
+
size: {
|
|
11
|
+
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
12
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
13
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "config", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return config;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
12
|
+
function _tagged_template_literal(strings, raw) {
|
|
13
|
+
if (!raw) {
|
|
14
|
+
raw = strings.slice(0);
|
|
15
|
+
}
|
|
16
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
17
|
+
raw: {
|
|
18
|
+
value: Object.freeze(raw)
|
|
19
|
+
}
|
|
20
|
+
}));
|
|
21
|
+
}
|
|
22
|
+
function _templateObject() {
|
|
23
|
+
var data = _tagged_template_literal([
|
|
24
|
+
"\n ",
|
|
25
|
+
": var(--surface-solid-card);\n "
|
|
26
|
+
]);
|
|
27
|
+
_templateObject = function _templateObject() {
|
|
28
|
+
return data;
|
|
29
|
+
};
|
|
30
|
+
return data;
|
|
31
|
+
}
|
|
32
|
+
function _templateObject1() {
|
|
33
|
+
var data = _tagged_template_literal([
|
|
34
|
+
"\n ",
|
|
35
|
+
": 0.75rem;\n ",
|
|
36
|
+
": 0.0625rem;\n ",
|
|
37
|
+
": 1rem;\n ",
|
|
38
|
+
": 0.5rem;\n "
|
|
39
|
+
]);
|
|
40
|
+
_templateObject1 = function _templateObject() {
|
|
41
|
+
return data;
|
|
42
|
+
};
|
|
43
|
+
return data;
|
|
44
|
+
}
|
|
45
|
+
function _templateObject2() {
|
|
46
|
+
var data = _tagged_template_literal([
|
|
47
|
+
"\n ",
|
|
48
|
+
": 0.625rem;\n ",
|
|
49
|
+
": 0.0625rem;\n ",
|
|
50
|
+
": 0.875rem;\n ",
|
|
51
|
+
": 0.375rem;\n "
|
|
52
|
+
]);
|
|
53
|
+
_templateObject2 = function _templateObject() {
|
|
54
|
+
return data;
|
|
55
|
+
};
|
|
56
|
+
return data;
|
|
57
|
+
}
|
|
58
|
+
function _templateObject3() {
|
|
59
|
+
var data = _tagged_template_literal([
|
|
60
|
+
"\n ",
|
|
61
|
+
": 0.5rem;\n ",
|
|
62
|
+
": 0.0625rem;\n ",
|
|
63
|
+
": 0.75rem;\n ",
|
|
64
|
+
": 0.375rem;\n "
|
|
65
|
+
]);
|
|
66
|
+
_templateObject3 = function _templateObject() {
|
|
67
|
+
return data;
|
|
68
|
+
};
|
|
69
|
+
return data;
|
|
70
|
+
}
|
|
71
|
+
var config = {
|
|
72
|
+
defaults: {
|
|
73
|
+
view: 'default',
|
|
74
|
+
size: 'm'
|
|
75
|
+
},
|
|
76
|
+
variations: {
|
|
77
|
+
view: {
|
|
78
|
+
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.cardTokens.solidBackground)
|
|
79
|
+
},
|
|
80
|
+
size: {
|
|
81
|
+
l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.cardTokens.outlineWidth, _styledcomponents.cardTokens.borderWidth, _styledcomponents.cardTokens.borderRadius, _styledcomponents.cardTokens.contentBorderRadius),
|
|
82
|
+
m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.cardTokens.outlineWidth, _styledcomponents.cardTokens.borderWidth, _styledcomponents.cardTokens.borderRadius, _styledcomponents.cardTokens.contentBorderRadius),
|
|
83
|
+
s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.cardTokens.outlineWidth, _styledcomponents.cardTokens.borderWidth, _styledcomponents.cardTokens.borderRadius, _styledcomponents.cardTokens.contentBorderRadius)
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { CardContent, CardInnerContent } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
|
+
/**
|
|
3
|
+
* Компонент Card.
|
|
4
|
+
*/
|
|
5
|
+
export declare const Card: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
|
6
|
+
view: {
|
|
7
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
8
|
+
};
|
|
9
|
+
size: {
|
|
10
|
+
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
11
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
12
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
13
|
+
};
|
|
14
|
+
}> & {
|
|
15
|
+
size?: string;
|
|
16
|
+
view?: string;
|
|
17
|
+
orientation?: "horizontal" | "vertical";
|
|
18
|
+
selected?: boolean;
|
|
19
|
+
backgroundType?: "none" | "solid";
|
|
20
|
+
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
21
|
+
export { CardContent, CardInnerContent };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get Card () {
|
|
13
|
+
return Card;
|
|
14
|
+
},
|
|
15
|
+
get CardContent () {
|
|
16
|
+
return _styledcomponents.CardContent;
|
|
17
|
+
},
|
|
18
|
+
get CardInnerContent () {
|
|
19
|
+
return _styledcomponents.CardInnerContent;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
23
|
+
var _Cardconfig = require("./Card.config");
|
|
24
|
+
var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.cardConfig, _Cardconfig.config);
|
|
25
|
+
var CardComponent = (0, _styledcomponents.component)(mergedConfig);
|
|
26
|
+
var Card = CardComponent;
|
|
@@ -29,7 +29,8 @@ function _templateObject() {
|
|
|
29
29
|
": var(--text-primary-hover);\n ",
|
|
30
30
|
": var(--text-primary-active);\n ",
|
|
31
31
|
": var(--surface-accent);\n ",
|
|
32
|
-
": var(--text-primary-hover);\n
|
|
32
|
+
": var(--text-primary-hover);\n ",
|
|
33
|
+
": var(--text-primary-active);\n "
|
|
33
34
|
]);
|
|
34
35
|
_templateObject = function _templateObject() {
|
|
35
36
|
return data;
|
|
@@ -46,7 +47,8 @@ function _templateObject1() {
|
|
|
46
47
|
": var(--text-accent-hover);\n ",
|
|
47
48
|
": var(--text-accent-active);\n ",
|
|
48
49
|
": var(--surface-accent);\n ",
|
|
49
|
-
": var(--text-accent-hover);\n
|
|
50
|
+
": var(--text-accent-hover);\n ",
|
|
51
|
+
": var(--text-accent-active);\n "
|
|
50
52
|
]);
|
|
51
53
|
_templateObject1 = function _templateObject() {
|
|
52
54
|
return data;
|
|
@@ -63,7 +65,8 @@ function _templateObject2() {
|
|
|
63
65
|
": var(--text-secondary-hover);\n ",
|
|
64
66
|
": var(--text-secondary-active);\n ",
|
|
65
67
|
": var(--surface-accent);\n ",
|
|
66
|
-
": var(--text-secondary-hover);\n
|
|
68
|
+
": var(--text-secondary-hover);\n ",
|
|
69
|
+
": var(--text-secondary-active);\n "
|
|
67
70
|
]);
|
|
68
71
|
_templateObject2 = function _templateObject() {
|
|
69
72
|
return data;
|
|
@@ -80,7 +83,8 @@ function _templateObject3() {
|
|
|
80
83
|
": var(--text-positive-hover);\n ",
|
|
81
84
|
": var(--text-positive-active);\n ",
|
|
82
85
|
": var(--surface-accent);\n ",
|
|
83
|
-
": var(--text-positive-hover);\n
|
|
86
|
+
": var(--text-positive-hover);\n ",
|
|
87
|
+
": var(--text-positive-active);\n "
|
|
84
88
|
]);
|
|
85
89
|
_templateObject3 = function _templateObject() {
|
|
86
90
|
return data;
|
|
@@ -97,7 +101,8 @@ function _templateObject4() {
|
|
|
97
101
|
": var(--text-warning-hover);\n ",
|
|
98
102
|
": var(--text-warning-active);\n ",
|
|
99
103
|
": var(--surface-accent);\n ",
|
|
100
|
-
": var(--text-warning-hover);\n
|
|
104
|
+
": var(--text-warning-hover);\n ",
|
|
105
|
+
": var(--text-warning-active);\n "
|
|
101
106
|
]);
|
|
102
107
|
_templateObject4 = function _templateObject() {
|
|
103
108
|
return data;
|
|
@@ -114,7 +119,8 @@ function _templateObject5() {
|
|
|
114
119
|
": var(--text-negative-hover);\n ",
|
|
115
120
|
": var(--text-negative-active);\n ",
|
|
116
121
|
": var(--surface-accent);\n ",
|
|
117
|
-
": var(--text-negative-hover);\n
|
|
122
|
+
": var(--text-negative-hover);\n ",
|
|
123
|
+
": var(--text-negative-active);\n "
|
|
118
124
|
]);
|
|
119
125
|
_templateObject5 = function _templateObject() {
|
|
120
126
|
return data;
|
|
@@ -281,12 +287,12 @@ var config = {
|
|
|
281
287
|
},
|
|
282
288
|
variations: {
|
|
283
289
|
view: {
|
|
284
|
-
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
|
|
285
|
-
accent: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
|
|
286
|
-
secondary: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
|
|
287
|
-
positive: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
|
|
288
|
-
warning: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
|
|
289
|
-
negative: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover)
|
|
290
|
+
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover, _styledcomponents.linkButtonTokens.linkButtonTextColorActive),
|
|
291
|
+
accent: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover, _styledcomponents.linkButtonTokens.linkButtonTextColorActive),
|
|
292
|
+
secondary: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover, _styledcomponents.linkButtonTokens.linkButtonTextColorActive),
|
|
293
|
+
positive: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover, _styledcomponents.linkButtonTokens.linkButtonTextColorActive),
|
|
294
|
+
warning: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover, _styledcomponents.linkButtonTokens.linkButtonTextColorActive),
|
|
295
|
+
negative: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover, _styledcomponents.linkButtonTokens.linkButtonTextColorActive)
|
|
290
296
|
},
|
|
291
297
|
size: {
|
|
292
298
|
xl: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.linkButtonTokens.linkButtonHeight, _styledcomponents.linkButtonTokens.linkButtonPadding, _styledcomponents.linkButtonTokens.linkButtonRadius, _styledcomponents.linkButtonTokens.linkButtonFontFamily, _styledcomponents.linkButtonTokens.linkButtonFontSize, _styledcomponents.linkButtonTokens.linkButtonFontStyle, _styledcomponents.linkButtonTokens.linkButtonFontWeight, _styledcomponents.linkButtonTokens.linkButtonLetterSpacing, _styledcomponents.linkButtonTokens.linkButtonLineHeight, _styledcomponents.linkButtonTokens.linkButtonSpinnerSize, _styledcomponents.linkButtonTokens.linkButtonSpinnerColor, _styledcomponents.linkButtonTokens.linkButtonTextPadding, _styledcomponents.linkButtonTokens.linkButtonLeftContentMargin, _styledcomponents.linkButtonTokens.linkButtonRightContentMargin, _styledcomponents.linkButtonTokens.linkButtonAdditionalContentMargin),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.config.js","sources":["../../../../src-css/components/LinkButton/LinkButton.config.ts"],"sourcesContent":["import { css, linkButtonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-primary-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-primary-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-primary-hover);\n `,\n accent: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(---surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-accent-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-accent-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-accent-hover);\n `,\n secondary: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-secondary-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-secondary-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-secondary-hover);\n `,\n positive: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-positive-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-positive-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-positive-hover);\n `,\n warning: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-warning-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-warning-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-warning-hover);\n `,\n negative: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-negative-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-negative-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-negative-hover);\n `,\n },\n size: {\n xl: css`\n ${linkButtonTokens.linkButtonHeight}: 4rem;\n ${linkButtonTokens.linkButtonPadding}: 1.25rem 0;\n ${linkButtonTokens.linkButtonRadius}: 1rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.5rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.5rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.5rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.5rem;\n `,\n l: css`\n ${linkButtonTokens.linkButtonHeight}: 3.5rem;\n ${linkButtonTokens.linkButtonPadding}: 1rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.875rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.5rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.5rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.5rem;\n `,\n m: css`\n ${linkButtonTokens.linkButtonHeight}: 3rem;\n ${linkButtonTokens.linkButtonPadding}: 0.75rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.75rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.125rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.375rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.375rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.375rem;\n `,\n s: css`\n ${linkButtonTokens.linkButtonHeight}: 2.5rem;\n ${linkButtonTokens.linkButtonPadding}: 0.5rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.625rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.25rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${linkButtonTokens.linkButtonHeight}: 2rem;\n ${linkButtonTokens.linkButtonPadding}: 0.5rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.5rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.25rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n xxs: css`\n ${linkButtonTokens.linkButtonHeight}: 1.5rem;\n ${linkButtonTokens.linkButtonPadding}: 0.375rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.375rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 0.75rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0.063rem 0.25rem 0.063rem 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0.063rem 0 0.063rem 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${linkButtonTokens.linkButtonDisabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","positive","warning","negative","xl","l","m","s","xs","xxs","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EASC,UAAA;AACDC,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,SAAS,EASR,UAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAUX;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;KAkBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"LinkButton.config.js","sources":["../../../../src-css/components/LinkButton/LinkButton.config.ts"],"sourcesContent":["import { css, linkButtonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-primary-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-primary-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-primary-hover);\n ${linkButtonTokens.linkButtonTextColorActive}: var(--text-primary-active);\n `,\n accent: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(---surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-accent-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-accent-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-accent-hover);\n ${linkButtonTokens.linkButtonTextColorActive}: var(--text-accent-active);\n `,\n secondary: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-secondary-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-secondary-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-secondary-hover);\n ${linkButtonTokens.linkButtonTextColorActive}: var(--text-secondary-active);\n `,\n positive: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-positive-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-positive-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-positive-hover);\n ${linkButtonTokens.linkButtonTextColorActive}: var(--text-positive-active);\n `,\n warning: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-warning-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-warning-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-warning-hover);\n ${linkButtonTokens.linkButtonTextColorActive}: var(--text-warning-active);\n `,\n negative: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-negative-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-negative-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-negative-hover);\n ${linkButtonTokens.linkButtonTextColorActive}: var(--text-negative-active);\n `,\n },\n size: {\n xl: css`\n ${linkButtonTokens.linkButtonHeight}: 4rem;\n ${linkButtonTokens.linkButtonPadding}: 1.25rem 0;\n ${linkButtonTokens.linkButtonRadius}: 1rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.5rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.5rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.5rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.5rem;\n `,\n l: css`\n ${linkButtonTokens.linkButtonHeight}: 3.5rem;\n ${linkButtonTokens.linkButtonPadding}: 1rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.875rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.5rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.5rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.5rem;\n `,\n m: css`\n ${linkButtonTokens.linkButtonHeight}: 3rem;\n ${linkButtonTokens.linkButtonPadding}: 0.75rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.75rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.125rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.375rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.375rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.375rem;\n `,\n s: css`\n ${linkButtonTokens.linkButtonHeight}: 2.5rem;\n ${linkButtonTokens.linkButtonPadding}: 0.5rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.625rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.25rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${linkButtonTokens.linkButtonHeight}: 2rem;\n ${linkButtonTokens.linkButtonPadding}: 0.5rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.5rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.25rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n xxs: css`\n ${linkButtonTokens.linkButtonHeight}: 1.5rem;\n ${linkButtonTokens.linkButtonPadding}: 0.375rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.375rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 0.75rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0.063rem 0.25rem 0.063rem 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0.063rem 0 0.063rem 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${linkButtonTokens.linkButtonDisabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","positive","warning","negative","xl","l","m","s","xs","xxs","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAUC,UAAA;AACDC,MAAAA,MAAM,EAUL,SAAA;AACDC,MAAAA,SAAS,EAUR,UAAA;AACDC,MAAAA,QAAQ,EAUP,SAAA;AACDC,MAAAA,OAAO,EAUN,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAWX;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;KAkBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
package/css/cjs/components/LinkButton/{LinkButton.config_b1souo.css → LinkButton.config_1ygbj3k.css}
RENAMED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
.d1nmslpw{--plasma-link-button-color:var(--text-primary);--plasma-link-button-icon-color:var(--text-primary);--plasma-link-button-text-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-primary-hover);}
|
|
2
|
-
.anqu7ib{--plasma-link-button-color:var(--text-accent);--plasma-link-button-icon-color:var(--text-accent);--plasma-link-button-text-color:var(--text-accent);--plasma-link-button-background-color:var(---surface-transparent-clear);--plasma-link-button-color-hover:var(--text-accent-hover);--plasma-link-button-color-active:var(--text-accent-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-accent-hover);}
|
|
3
|
-
.s1xit3mw{--plasma-link-button-color:var(--text-secondary);--plasma-link-button-icon-color:var(--text-secondary);--plasma-link-button-text-color:var(--text-secondary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-secondary-hover);--plasma-link-button-color-active:var(--text-secondary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-secondary-hover);}
|
|
4
|
-
.ppxj5rq{--plasma-link-button-color:var(--text-positive);--plasma-link-button-icon-color:var(--text-positive);--plasma-link-button-text-color:var(--text-positive);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-positive-hover);--plasma-link-button-color-active:var(--text-positive-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-positive-hover);}
|
|
5
|
-
.wui1buo{--plasma-link-button-color:var(--text-warning);--plasma-link-button-icon-color:var(--text-warning);--plasma-link-button-text-color:var(--text-warning);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-warning-hover);--plasma-link-button-color-active:var(--text-warning-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-warning-hover);}
|
|
6
|
-
.n122wi17{--plasma-link-button-color:var(--text-negative);--plasma-link-button-icon-color:var(--text-negative);--plasma-link-button-text-color:var(--text-negative);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-negative-hover);--plasma-link-button-color-active:var(--text-negative-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-negative-hover);}
|
|
1
|
+
.d1nmslpw{--plasma-link-button-color:var(--text-primary);--plasma-link-button-icon-color:var(--text-primary);--plasma-link-button-text-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-primary-hover);--plasma-link-button-text-color-active:var(--text-primary-active);}
|
|
2
|
+
.anqu7ib{--plasma-link-button-color:var(--text-accent);--plasma-link-button-icon-color:var(--text-accent);--plasma-link-button-text-color:var(--text-accent);--plasma-link-button-background-color:var(---surface-transparent-clear);--plasma-link-button-color-hover:var(--text-accent-hover);--plasma-link-button-color-active:var(--text-accent-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-accent-hover);--plasma-link-button-text-color-active:var(--text-accent-active);}
|
|
3
|
+
.s1xit3mw{--plasma-link-button-color:var(--text-secondary);--plasma-link-button-icon-color:var(--text-secondary);--plasma-link-button-text-color:var(--text-secondary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-secondary-hover);--plasma-link-button-color-active:var(--text-secondary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-secondary-hover);--plasma-link-button-text-color-active:var(--text-secondary-active);}
|
|
4
|
+
.ppxj5rq{--plasma-link-button-color:var(--text-positive);--plasma-link-button-icon-color:var(--text-positive);--plasma-link-button-text-color:var(--text-positive);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-positive-hover);--plasma-link-button-color-active:var(--text-positive-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-positive-hover);--plasma-link-button-text-color-active:var(--text-positive-active);}
|
|
5
|
+
.wui1buo{--plasma-link-button-color:var(--text-warning);--plasma-link-button-icon-color:var(--text-warning);--plasma-link-button-text-color:var(--text-warning);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-warning-hover);--plasma-link-button-color-active:var(--text-warning-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-warning-hover);--plasma-link-button-text-color-active:var(--text-warning-active);}
|
|
6
|
+
.n122wi17{--plasma-link-button-color:var(--text-negative);--plasma-link-button-icon-color:var(--text-negative);--plasma-link-button-text-color:var(--text-negative);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-negative-hover);--plasma-link-button-color-active:var(--text-negative-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-negative-hover);--plasma-link-button-text-color-active:var(--text-negative-active);}
|
|
7
7
|
.x1re18w5{--plasma-link-button-height:4rem;--plasma-link-button-padding:1.25rem 0;--plasma-link-button-radius:1rem;--plasma-link-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-link-button-spinner-size:1.5rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.5rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.5rem;--plasma-link-button-additional-content-margin:0 0 0 0.5rem;}
|
|
8
8
|
.l1idaf1b{--plasma-link-button-height:3.5rem;--plasma-link-button-padding:1rem 0;--plasma-link-button-radius:0.875rem;--plasma-link-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.5rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.5rem;--plasma-link-button-additional-content-margin:0 0 0 0.5rem;}
|
|
9
9
|
.mbaq7s0{--plasma-link-button-height:3rem;--plasma-link-button-padding:0.75rem 0;--plasma-link-button-radius:0.75rem;--plasma-link-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.125rem 0;--plasma-link-button-left-content-margin:0 0.375rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.375rem;--plasma-link-button-additional-content-margin:0 0 0 0.375rem;}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
1
|
+
.LinkButton_config_1ygbj3k_d1nmslpw__b109aac2{--plasma-link-button-color:var(--text-primary);--plasma-link-button-icon-color:var(--text-primary);--plasma-link-button-text-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-primary-hover);--plasma-link-button-text-color-active:var(--text-primary-active);}
|
|
2
|
+
.LinkButton_config_1ygbj3k_anqu7ib__b109aac2{--plasma-link-button-color:var(--text-accent);--plasma-link-button-icon-color:var(--text-accent);--plasma-link-button-text-color:var(--text-accent);--plasma-link-button-background-color:var(---surface-transparent-clear);--plasma-link-button-color-hover:var(--text-accent-hover);--plasma-link-button-color-active:var(--text-accent-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-accent-hover);--plasma-link-button-text-color-active:var(--text-accent-active);}
|
|
3
|
+
.LinkButton_config_1ygbj3k_s1xit3mw__b109aac2{--plasma-link-button-color:var(--text-secondary);--plasma-link-button-icon-color:var(--text-secondary);--plasma-link-button-text-color:var(--text-secondary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-secondary-hover);--plasma-link-button-color-active:var(--text-secondary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-secondary-hover);--plasma-link-button-text-color-active:var(--text-secondary-active);}
|
|
4
|
+
.LinkButton_config_1ygbj3k_ppxj5rq__b109aac2{--plasma-link-button-color:var(--text-positive);--plasma-link-button-icon-color:var(--text-positive);--plasma-link-button-text-color:var(--text-positive);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-positive-hover);--plasma-link-button-color-active:var(--text-positive-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-positive-hover);--plasma-link-button-text-color-active:var(--text-positive-active);}
|
|
5
|
+
.LinkButton_config_1ygbj3k_wui1buo__b109aac2{--plasma-link-button-color:var(--text-warning);--plasma-link-button-icon-color:var(--text-warning);--plasma-link-button-text-color:var(--text-warning);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-warning-hover);--plasma-link-button-color-active:var(--text-warning-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-warning-hover);--plasma-link-button-text-color-active:var(--text-warning-active);}
|
|
6
|
+
.LinkButton_config_1ygbj3k_n122wi17__b109aac2{--plasma-link-button-color:var(--text-negative);--plasma-link-button-icon-color:var(--text-negative);--plasma-link-button-text-color:var(--text-negative);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-negative-hover);--plasma-link-button-color-active:var(--text-negative-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-negative-hover);--plasma-link-button-text-color-active:var(--text-negative-active);}
|
|
7
|
+
.LinkButton_config_1ygbj3k_x1re18w5__b109aac2{--plasma-link-button-height:4rem;--plasma-link-button-padding:1.25rem 0;--plasma-link-button-radius:1rem;--plasma-link-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-link-button-spinner-size:1.5rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.5rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.5rem;--plasma-link-button-additional-content-margin:0 0 0 0.5rem;}
|
|
8
|
+
.LinkButton_config_1ygbj3k_l1idaf1b__b109aac2{--plasma-link-button-height:3.5rem;--plasma-link-button-padding:1rem 0;--plasma-link-button-radius:0.875rem;--plasma-link-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.5rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.5rem;--plasma-link-button-additional-content-margin:0 0 0 0.5rem;}
|
|
9
|
+
.LinkButton_config_1ygbj3k_mbaq7s0__b109aac2{--plasma-link-button-height:3rem;--plasma-link-button-padding:0.75rem 0;--plasma-link-button-radius:0.75rem;--plasma-link-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.125rem 0;--plasma-link-button-left-content-margin:0 0.375rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.375rem;--plasma-link-button-additional-content-margin:0 0 0 0.375rem;}
|
|
10
|
+
.LinkButton_config_1ygbj3k_sgnc62y__b109aac2{--plasma-link-button-height:2.5rem;--plasma-link-button-padding:0.5rem 0;--plasma-link-button-radius:0.625rem;--plasma-link-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.25rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
11
|
+
.LinkButton_config_1ygbj3k_x13sr3kn__b109aac2{--plasma-link-button-height:2rem;--plasma-link-button-padding:0.5rem 0;--plasma-link-button-radius:0.5rem;--plasma-link-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-link-button-spinner-size:1rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.25rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
12
|
+
.LinkButton_config_1ygbj3k_x1jqrt5d__b109aac2{--plasma-link-button-height:1.5rem;--plasma-link-button-padding:0.375rem 0;--plasma-link-button-radius:0.375rem;--plasma-link-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-link-button-spinner-size:0.75rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-left-content-margin:0.063rem 0.25rem 0.063rem 0;--plasma-link-button-right-content-margin:0.063rem 0 0.063rem 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
13
|
+
.LinkButton_config_1ygbj3k_t176l075__b109aac2{--plasma-link-button-disabled-opacity:0.4;}
|
package/css/cjs/index.css
CHANGED
|
@@ -388,19 +388,19 @@
|
|
|
388
388
|
.Link_config_zdek5n_t1obm9h5__75859ef3{--plasma-link-disabled-opacity:0.4;}
|
|
389
389
|
.Link_config_zdek5n_t1dkeppt__75859ef3{--plasma-link-color-focus:var(--text-accent);}
|
|
390
390
|
|
|
391
|
-
.
|
|
392
|
-
.
|
|
393
|
-
.
|
|
394
|
-
.
|
|
395
|
-
.
|
|
396
|
-
.
|
|
397
|
-
.
|
|
398
|
-
.
|
|
399
|
-
.
|
|
400
|
-
.
|
|
401
|
-
.
|
|
402
|
-
.
|
|
403
|
-
.
|
|
391
|
+
.LinkButton_config_1ygbj3k_d1nmslpw__b109aac2{--plasma-link-button-color:var(--text-primary);--plasma-link-button-icon-color:var(--text-primary);--plasma-link-button-text-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-primary-hover);--plasma-link-button-text-color-active:var(--text-primary-active);}
|
|
392
|
+
.LinkButton_config_1ygbj3k_anqu7ib__b109aac2{--plasma-link-button-color:var(--text-accent);--plasma-link-button-icon-color:var(--text-accent);--plasma-link-button-text-color:var(--text-accent);--plasma-link-button-background-color:var(---surface-transparent-clear);--plasma-link-button-color-hover:var(--text-accent-hover);--plasma-link-button-color-active:var(--text-accent-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-accent-hover);--plasma-link-button-text-color-active:var(--text-accent-active);}
|
|
393
|
+
.LinkButton_config_1ygbj3k_s1xit3mw__b109aac2{--plasma-link-button-color:var(--text-secondary);--plasma-link-button-icon-color:var(--text-secondary);--plasma-link-button-text-color:var(--text-secondary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-secondary-hover);--plasma-link-button-color-active:var(--text-secondary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-secondary-hover);--plasma-link-button-text-color-active:var(--text-secondary-active);}
|
|
394
|
+
.LinkButton_config_1ygbj3k_ppxj5rq__b109aac2{--plasma-link-button-color:var(--text-positive);--plasma-link-button-icon-color:var(--text-positive);--plasma-link-button-text-color:var(--text-positive);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-positive-hover);--plasma-link-button-color-active:var(--text-positive-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-positive-hover);--plasma-link-button-text-color-active:var(--text-positive-active);}
|
|
395
|
+
.LinkButton_config_1ygbj3k_wui1buo__b109aac2{--plasma-link-button-color:var(--text-warning);--plasma-link-button-icon-color:var(--text-warning);--plasma-link-button-text-color:var(--text-warning);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-warning-hover);--plasma-link-button-color-active:var(--text-warning-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-warning-hover);--plasma-link-button-text-color-active:var(--text-warning-active);}
|
|
396
|
+
.LinkButton_config_1ygbj3k_n122wi17__b109aac2{--plasma-link-button-color:var(--text-negative);--plasma-link-button-icon-color:var(--text-negative);--plasma-link-button-text-color:var(--text-negative);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-negative-hover);--plasma-link-button-color-active:var(--text-negative-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-negative-hover);--plasma-link-button-text-color-active:var(--text-negative-active);}
|
|
397
|
+
.LinkButton_config_1ygbj3k_x1re18w5__b109aac2{--plasma-link-button-height:4rem;--plasma-link-button-padding:1.25rem 0;--plasma-link-button-radius:1rem;--plasma-link-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-link-button-spinner-size:1.5rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.5rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.5rem;--plasma-link-button-additional-content-margin:0 0 0 0.5rem;}
|
|
398
|
+
.LinkButton_config_1ygbj3k_l1idaf1b__b109aac2{--plasma-link-button-height:3.5rem;--plasma-link-button-padding:1rem 0;--plasma-link-button-radius:0.875rem;--plasma-link-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.5rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.5rem;--plasma-link-button-additional-content-margin:0 0 0 0.5rem;}
|
|
399
|
+
.LinkButton_config_1ygbj3k_mbaq7s0__b109aac2{--plasma-link-button-height:3rem;--plasma-link-button-padding:0.75rem 0;--plasma-link-button-radius:0.75rem;--plasma-link-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.125rem 0;--plasma-link-button-left-content-margin:0 0.375rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.375rem;--plasma-link-button-additional-content-margin:0 0 0 0.375rem;}
|
|
400
|
+
.LinkButton_config_1ygbj3k_sgnc62y__b109aac2{--plasma-link-button-height:2.5rem;--plasma-link-button-padding:0.5rem 0;--plasma-link-button-radius:0.625rem;--plasma-link-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.25rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
401
|
+
.LinkButton_config_1ygbj3k_x13sr3kn__b109aac2{--plasma-link-button-height:2rem;--plasma-link-button-padding:0.5rem 0;--plasma-link-button-radius:0.5rem;--plasma-link-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-link-button-spinner-size:1rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.25rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
402
|
+
.LinkButton_config_1ygbj3k_x1jqrt5d__b109aac2{--plasma-link-button-height:1.5rem;--plasma-link-button-padding:0.375rem 0;--plasma-link-button-radius:0.375rem;--plasma-link-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-link-button-spinner-size:0.75rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-left-content-margin:0.063rem 0.25rem 0.063rem 0;--plasma-link-button-right-content-margin:0.063rem 0 0.063rem 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
403
|
+
.LinkButton_config_1ygbj3k_t176l075__b109aac2{--plasma-link-button-disabled-opacity:0.4;}
|
|
404
404
|
|
|
405
405
|
.List_config_qo5s7v_dgfkvez__7a740f77{--plasma-list-item-color:var(--text-primary);--plasma-list-item-color-hover:var(--text-primary);--plasma-list-item-background:transparent;--plasma-list-item-background-hover:var(--surface-transparent-secondary);--plasma-list-item-border-color:transparent;--plasma-list-item-border-color-hover:transparent;--plasma-list-disabled-opacity:0.4;}
|
|
406
406
|
.List_config_qo5s7v_x1j57vd__7a740f77{--plasma-list-item-padding-top:0.5rem;--plasma-list-item-padding-left:0.5rem;--plasma-list-item-padding-right:0.5rem;--plasma-list-item-padding-bottom:0.5rem;--plasma-list-item-border-radius:0.5rem;--plasma-list-item-border-width:0rem;--plasma-list-item-gap:0.375rem;--plasma-list-item-tight-difference:0.25rem;--plasma-list-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-list-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-list-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-list-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-list-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-list-item-line-height:var(--plasma-typo-body-xs-line-height);}
|
package/css/cjs/index.js
CHANGED
|
@@ -13,6 +13,7 @@ var Breadcrumbs = require('./components/Breadcrumbs/Breadcrumbs.js');
|
|
|
13
13
|
var Button = require('./components/Button/Button.js');
|
|
14
14
|
var ButtonGroup = require('./components/ButtonGroup/ButtonGroup.js');
|
|
15
15
|
var Calendar = require('./components/Calendar/Calendar.js');
|
|
16
|
+
var plasmaHope = require('@salutejs/plasma-hope');
|
|
16
17
|
var Carousel = require('./components/Carousel/Carousel.js');
|
|
17
18
|
var Cell = require('./components/Cell/Cell.js');
|
|
18
19
|
var Checkbox = require('./components/Checkbox/Checkbox.js');
|
|
@@ -27,7 +28,6 @@ var DatePicker = require('./components/DatePicker/DatePicker.js');
|
|
|
27
28
|
var DateTimePicker = require('./components/DateTimePicker/DateTimePicker.js');
|
|
28
29
|
var Divider = require('./components/Divider/Divider.js');
|
|
29
30
|
var Drawer = require('./components/Drawer/Drawer.js');
|
|
30
|
-
var plasmaHope = require('@salutejs/plasma-hope');
|
|
31
31
|
var Dropdown = require('./components/Dropdown/Dropdown.js');
|
|
32
32
|
var DropdownItem = require('./components/Dropdown/components/DropdownItem.js');
|
|
33
33
|
var DropdownPopup = require('./components/Dropdown/components/DropdownPopup.js');
|
|
@@ -334,6 +334,42 @@ exports.CalendarBase = Calendar.CalendarBase;
|
|
|
334
334
|
exports.CalendarBaseRange = Calendar.CalendarBaseRange;
|
|
335
335
|
exports.CalendarDouble = Calendar.CalendarDouble;
|
|
336
336
|
exports.CalendarDoubleRange = Calendar.CalendarDoubleRange;
|
|
337
|
+
Object.defineProperty(exports, 'Card', {
|
|
338
|
+
enumerable: true,
|
|
339
|
+
get: function () { return plasmaHope.Card; }
|
|
340
|
+
});
|
|
341
|
+
Object.defineProperty(exports, 'CardBadge', {
|
|
342
|
+
enumerable: true,
|
|
343
|
+
get: function () { return plasmaHope.CardBadge; }
|
|
344
|
+
});
|
|
345
|
+
Object.defineProperty(exports, 'CardBody', {
|
|
346
|
+
enumerable: true,
|
|
347
|
+
get: function () { return plasmaHope.CardBody; }
|
|
348
|
+
});
|
|
349
|
+
Object.defineProperty(exports, 'CardContent', {
|
|
350
|
+
enumerable: true,
|
|
351
|
+
get: function () { return plasmaHope.CardContent; }
|
|
352
|
+
});
|
|
353
|
+
Object.defineProperty(exports, 'CardMedia', {
|
|
354
|
+
enumerable: true,
|
|
355
|
+
get: function () { return plasmaHope.CardMedia; }
|
|
356
|
+
});
|
|
357
|
+
Object.defineProperty(exports, 'SelectGroup', {
|
|
358
|
+
enumerable: true,
|
|
359
|
+
get: function () { return plasmaHope.SelectGroup; }
|
|
360
|
+
});
|
|
361
|
+
Object.defineProperty(exports, 'StyledCard', {
|
|
362
|
+
enumerable: true,
|
|
363
|
+
get: function () { return plasmaHope.StyledCard; }
|
|
364
|
+
});
|
|
365
|
+
Object.defineProperty(exports, 'TextFieldView', {
|
|
366
|
+
enumerable: true,
|
|
367
|
+
get: function () { return plasmaHope.TextFieldView; }
|
|
368
|
+
});
|
|
369
|
+
Object.defineProperty(exports, 'withAssistiveDropdown', {
|
|
370
|
+
enumerable: true,
|
|
371
|
+
get: function () { return plasmaHope.withAssistiveDropdown; }
|
|
372
|
+
});
|
|
337
373
|
exports.Carousel = Carousel.Carousel;
|
|
338
374
|
exports.Cell = Cell.Cell;
|
|
339
375
|
exports.Checkbox = Checkbox.Checkbox;
|
|
@@ -356,18 +392,6 @@ exports.Drawer = Drawer.Drawer;
|
|
|
356
392
|
exports.DrawerContent = Drawer.DrawerContent;
|
|
357
393
|
exports.DrawerFooter = Drawer.DrawerFooter;
|
|
358
394
|
exports.DrawerHeader = Drawer.DrawerHeader;
|
|
359
|
-
Object.defineProperty(exports, 'SelectGroup', {
|
|
360
|
-
enumerable: true,
|
|
361
|
-
get: function () { return plasmaHope.SelectGroup; }
|
|
362
|
-
});
|
|
363
|
-
Object.defineProperty(exports, 'TextFieldView', {
|
|
364
|
-
enumerable: true,
|
|
365
|
-
get: function () { return plasmaHope.TextFieldView; }
|
|
366
|
-
});
|
|
367
|
-
Object.defineProperty(exports, 'withAssistiveDropdown', {
|
|
368
|
-
enumerable: true,
|
|
369
|
-
get: function () { return plasmaHope.withAssistiveDropdown; }
|
|
370
|
-
});
|
|
371
395
|
exports.Dropdown = Dropdown.Dropdown;
|
|
372
396
|
exports.DropdownItem = DropdownItem.DropdownItem;
|
|
373
397
|
exports.DropdownPopup = DropdownPopup.DropdownPopup;
|
package/css/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.config.js","sources":["../../../../src-css/components/LinkButton/LinkButton.config.ts"],"sourcesContent":["import { css, linkButtonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-primary-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-primary-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-primary-hover);\n `,\n accent: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(---surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-accent-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-accent-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-accent-hover);\n `,\n secondary: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-secondary-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-secondary-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-secondary-hover);\n `,\n positive: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-positive-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-positive-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-positive-hover);\n `,\n warning: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-warning-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-warning-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-warning-hover);\n `,\n negative: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-negative-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-negative-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-negative-hover);\n `,\n },\n size: {\n xl: css`\n ${linkButtonTokens.linkButtonHeight}: 4rem;\n ${linkButtonTokens.linkButtonPadding}: 1.25rem 0;\n ${linkButtonTokens.linkButtonRadius}: 1rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.5rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.5rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.5rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.5rem;\n `,\n l: css`\n ${linkButtonTokens.linkButtonHeight}: 3.5rem;\n ${linkButtonTokens.linkButtonPadding}: 1rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.875rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.5rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.5rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.5rem;\n `,\n m: css`\n ${linkButtonTokens.linkButtonHeight}: 3rem;\n ${linkButtonTokens.linkButtonPadding}: 0.75rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.75rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.125rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.375rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.375rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.375rem;\n `,\n s: css`\n ${linkButtonTokens.linkButtonHeight}: 2.5rem;\n ${linkButtonTokens.linkButtonPadding}: 0.5rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.625rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.25rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${linkButtonTokens.linkButtonHeight}: 2rem;\n ${linkButtonTokens.linkButtonPadding}: 0.5rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.5rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.25rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n xxs: css`\n ${linkButtonTokens.linkButtonHeight}: 1.5rem;\n ${linkButtonTokens.linkButtonPadding}: 0.375rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.375rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 0.75rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0.063rem 0.25rem 0.063rem 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0.063rem 0 0.063rem 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${linkButtonTokens.linkButtonDisabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","positive","warning","negative","xl","l","m","s","xs","xxs","disabled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EASC,UAAA;AACDC,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,SAAS,EASR,UAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAUX;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;KAkBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"LinkButton.config.js","sources":["../../../../src-css/components/LinkButton/LinkButton.config.ts"],"sourcesContent":["import { css, linkButtonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-primary);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-primary-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-primary-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-primary-hover);\n ${linkButtonTokens.linkButtonTextColorActive}: var(--text-primary-active);\n `,\n accent: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-accent);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(---surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-accent-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-accent-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-accent-hover);\n ${linkButtonTokens.linkButtonTextColorActive}: var(--text-accent-active);\n `,\n secondary: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-secondary);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-secondary-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-secondary-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-secondary-hover);\n ${linkButtonTokens.linkButtonTextColorActive}: var(--text-secondary-active);\n `,\n positive: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-positive);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-positive-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-positive-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-positive-hover);\n ${linkButtonTokens.linkButtonTextColorActive}: var(--text-positive-active);\n `,\n warning: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-warning);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-warning-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-warning-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-warning-hover);\n ${linkButtonTokens.linkButtonTextColorActive}: var(--text-warning-active);\n `,\n negative: css`\n ${linkButtonTokens.linkButtonColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonIconColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonTextColor}: var(--text-negative);\n ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);\n ${linkButtonTokens.linkButtonColorHover}: var(--text-negative-hover);\n ${linkButtonTokens.linkButtonColorActive}: var(--text-negative-active);\n ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);\n ${linkButtonTokens.linkButtonTextColorHover}: var(--text-negative-hover);\n ${linkButtonTokens.linkButtonTextColorActive}: var(--text-negative-active);\n `,\n },\n size: {\n xl: css`\n ${linkButtonTokens.linkButtonHeight}: 4rem;\n ${linkButtonTokens.linkButtonPadding}: 1.25rem 0;\n ${linkButtonTokens.linkButtonRadius}: 1rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.5rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.5rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.5rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.5rem;\n `,\n l: css`\n ${linkButtonTokens.linkButtonHeight}: 3.5rem;\n ${linkButtonTokens.linkButtonPadding}: 1rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.875rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.5rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.5rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.5rem;\n `,\n m: css`\n ${linkButtonTokens.linkButtonHeight}: 3rem;\n ${linkButtonTokens.linkButtonPadding}: 0.75rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.75rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.125rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.375rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.375rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.375rem;\n `,\n s: css`\n ${linkButtonTokens.linkButtonHeight}: 2.5rem;\n ${linkButtonTokens.linkButtonPadding}: 0.5rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.625rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.25rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${linkButtonTokens.linkButtonHeight}: 2rem;\n ${linkButtonTokens.linkButtonPadding}: 0.5rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.5rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 1rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonTextPadding}: 0.063rem 0;\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0 0.25rem 0 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0 0 0 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n xxs: css`\n ${linkButtonTokens.linkButtonHeight}: 1.5rem;\n ${linkButtonTokens.linkButtonPadding}: 0.375rem 0;\n ${linkButtonTokens.linkButtonRadius}: 0.375rem;\n ${linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${linkButtonTokens.linkButtonSpinnerSize}: 0.75rem;\n ${linkButtonTokens.linkButtonSpinnerColor}: inherit;\n\n ${linkButtonTokens.linkButtonLeftContentMargin}: 0.063rem 0.25rem 0.063rem 0;\n ${linkButtonTokens.linkButtonRightContentMargin}: 0.063rem 0 0.063rem 0.25rem;\n ${linkButtonTokens.linkButtonAdditionalContentMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${linkButtonTokens.linkButtonDisabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","positive","warning","negative","xl","l","m","s","xs","xxs","disabled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAUC,UAAA;AACDC,MAAAA,MAAM,EAUL,SAAA;AACDC,MAAAA,SAAS,EAUR,UAAA;AACDC,MAAAA,QAAQ,EAUP,SAAA;AACDC,MAAAA,OAAO,EAUN,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAWX;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;KAkBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
package/css/es/components/LinkButton/{LinkButton.config_b1souo.css → LinkButton.config_1ygbj3k.css}
RENAMED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
.d1nmslpw{--plasma-link-button-color:var(--text-primary);--plasma-link-button-icon-color:var(--text-primary);--plasma-link-button-text-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-primary-hover);}
|
|
2
|
-
.anqu7ib{--plasma-link-button-color:var(--text-accent);--plasma-link-button-icon-color:var(--text-accent);--plasma-link-button-text-color:var(--text-accent);--plasma-link-button-background-color:var(---surface-transparent-clear);--plasma-link-button-color-hover:var(--text-accent-hover);--plasma-link-button-color-active:var(--text-accent-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-accent-hover);}
|
|
3
|
-
.s1xit3mw{--plasma-link-button-color:var(--text-secondary);--plasma-link-button-icon-color:var(--text-secondary);--plasma-link-button-text-color:var(--text-secondary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-secondary-hover);--plasma-link-button-color-active:var(--text-secondary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-secondary-hover);}
|
|
4
|
-
.ppxj5rq{--plasma-link-button-color:var(--text-positive);--plasma-link-button-icon-color:var(--text-positive);--plasma-link-button-text-color:var(--text-positive);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-positive-hover);--plasma-link-button-color-active:var(--text-positive-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-positive-hover);}
|
|
5
|
-
.wui1buo{--plasma-link-button-color:var(--text-warning);--plasma-link-button-icon-color:var(--text-warning);--plasma-link-button-text-color:var(--text-warning);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-warning-hover);--plasma-link-button-color-active:var(--text-warning-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-warning-hover);}
|
|
6
|
-
.n122wi17{--plasma-link-button-color:var(--text-negative);--plasma-link-button-icon-color:var(--text-negative);--plasma-link-button-text-color:var(--text-negative);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-negative-hover);--plasma-link-button-color-active:var(--text-negative-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-negative-hover);}
|
|
1
|
+
.d1nmslpw{--plasma-link-button-color:var(--text-primary);--plasma-link-button-icon-color:var(--text-primary);--plasma-link-button-text-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-primary-hover);--plasma-link-button-text-color-active:var(--text-primary-active);}
|
|
2
|
+
.anqu7ib{--plasma-link-button-color:var(--text-accent);--plasma-link-button-icon-color:var(--text-accent);--plasma-link-button-text-color:var(--text-accent);--plasma-link-button-background-color:var(---surface-transparent-clear);--plasma-link-button-color-hover:var(--text-accent-hover);--plasma-link-button-color-active:var(--text-accent-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-accent-hover);--plasma-link-button-text-color-active:var(--text-accent-active);}
|
|
3
|
+
.s1xit3mw{--plasma-link-button-color:var(--text-secondary);--plasma-link-button-icon-color:var(--text-secondary);--plasma-link-button-text-color:var(--text-secondary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-secondary-hover);--plasma-link-button-color-active:var(--text-secondary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-secondary-hover);--plasma-link-button-text-color-active:var(--text-secondary-active);}
|
|
4
|
+
.ppxj5rq{--plasma-link-button-color:var(--text-positive);--plasma-link-button-icon-color:var(--text-positive);--plasma-link-button-text-color:var(--text-positive);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-positive-hover);--plasma-link-button-color-active:var(--text-positive-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-positive-hover);--plasma-link-button-text-color-active:var(--text-positive-active);}
|
|
5
|
+
.wui1buo{--plasma-link-button-color:var(--text-warning);--plasma-link-button-icon-color:var(--text-warning);--plasma-link-button-text-color:var(--text-warning);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-warning-hover);--plasma-link-button-color-active:var(--text-warning-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-warning-hover);--plasma-link-button-text-color-active:var(--text-warning-active);}
|
|
6
|
+
.n122wi17{--plasma-link-button-color:var(--text-negative);--plasma-link-button-icon-color:var(--text-negative);--plasma-link-button-text-color:var(--text-negative);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-negative-hover);--plasma-link-button-color-active:var(--text-negative-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-negative-hover);--plasma-link-button-text-color-active:var(--text-negative-active);}
|
|
7
7
|
.x1re18w5{--plasma-link-button-height:4rem;--plasma-link-button-padding:1.25rem 0;--plasma-link-button-radius:1rem;--plasma-link-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-link-button-spinner-size:1.5rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.5rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.5rem;--plasma-link-button-additional-content-margin:0 0 0 0.5rem;}
|
|
8
8
|
.l1idaf1b{--plasma-link-button-height:3.5rem;--plasma-link-button-padding:1rem 0;--plasma-link-button-radius:0.875rem;--plasma-link-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.5rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.5rem;--plasma-link-button-additional-content-margin:0 0 0 0.5rem;}
|
|
9
9
|
.mbaq7s0{--plasma-link-button-height:3rem;--plasma-link-button-padding:0.75rem 0;--plasma-link-button-radius:0.75rem;--plasma-link-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.125rem 0;--plasma-link-button-left-content-margin:0 0.375rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.375rem;--plasma-link-button-additional-content-margin:0 0 0 0.375rem;}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
1
|
+
.LinkButton_config_1ygbj3k_d1nmslpw__b109aac2{--plasma-link-button-color:var(--text-primary);--plasma-link-button-icon-color:var(--text-primary);--plasma-link-button-text-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-primary-hover);--plasma-link-button-text-color-active:var(--text-primary-active);}
|
|
2
|
+
.LinkButton_config_1ygbj3k_anqu7ib__b109aac2{--plasma-link-button-color:var(--text-accent);--plasma-link-button-icon-color:var(--text-accent);--plasma-link-button-text-color:var(--text-accent);--plasma-link-button-background-color:var(---surface-transparent-clear);--plasma-link-button-color-hover:var(--text-accent-hover);--plasma-link-button-color-active:var(--text-accent-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-accent-hover);--plasma-link-button-text-color-active:var(--text-accent-active);}
|
|
3
|
+
.LinkButton_config_1ygbj3k_s1xit3mw__b109aac2{--plasma-link-button-color:var(--text-secondary);--plasma-link-button-icon-color:var(--text-secondary);--plasma-link-button-text-color:var(--text-secondary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-secondary-hover);--plasma-link-button-color-active:var(--text-secondary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-secondary-hover);--plasma-link-button-text-color-active:var(--text-secondary-active);}
|
|
4
|
+
.LinkButton_config_1ygbj3k_ppxj5rq__b109aac2{--plasma-link-button-color:var(--text-positive);--plasma-link-button-icon-color:var(--text-positive);--plasma-link-button-text-color:var(--text-positive);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-positive-hover);--plasma-link-button-color-active:var(--text-positive-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-positive-hover);--plasma-link-button-text-color-active:var(--text-positive-active);}
|
|
5
|
+
.LinkButton_config_1ygbj3k_wui1buo__b109aac2{--plasma-link-button-color:var(--text-warning);--plasma-link-button-icon-color:var(--text-warning);--plasma-link-button-text-color:var(--text-warning);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-warning-hover);--plasma-link-button-color-active:var(--text-warning-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-warning-hover);--plasma-link-button-text-color-active:var(--text-warning-active);}
|
|
6
|
+
.LinkButton_config_1ygbj3k_n122wi17__b109aac2{--plasma-link-button-color:var(--text-negative);--plasma-link-button-icon-color:var(--text-negative);--plasma-link-button-text-color:var(--text-negative);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-negative-hover);--plasma-link-button-color-active:var(--text-negative-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-negative-hover);--plasma-link-button-text-color-active:var(--text-negative-active);}
|
|
7
|
+
.LinkButton_config_1ygbj3k_x1re18w5__b109aac2{--plasma-link-button-height:4rem;--plasma-link-button-padding:1.25rem 0;--plasma-link-button-radius:1rem;--plasma-link-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-link-button-spinner-size:1.5rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.5rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.5rem;--plasma-link-button-additional-content-margin:0 0 0 0.5rem;}
|
|
8
|
+
.LinkButton_config_1ygbj3k_l1idaf1b__b109aac2{--plasma-link-button-height:3.5rem;--plasma-link-button-padding:1rem 0;--plasma-link-button-radius:0.875rem;--plasma-link-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.5rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.5rem;--plasma-link-button-additional-content-margin:0 0 0 0.5rem;}
|
|
9
|
+
.LinkButton_config_1ygbj3k_mbaq7s0__b109aac2{--plasma-link-button-height:3rem;--plasma-link-button-padding:0.75rem 0;--plasma-link-button-radius:0.75rem;--plasma-link-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.125rem 0;--plasma-link-button-left-content-margin:0 0.375rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.375rem;--plasma-link-button-additional-content-margin:0 0 0 0.375rem;}
|
|
10
|
+
.LinkButton_config_1ygbj3k_sgnc62y__b109aac2{--plasma-link-button-height:2.5rem;--plasma-link-button-padding:0.5rem 0;--plasma-link-button-radius:0.625rem;--plasma-link-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.25rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
11
|
+
.LinkButton_config_1ygbj3k_x13sr3kn__b109aac2{--plasma-link-button-height:2rem;--plasma-link-button-padding:0.5rem 0;--plasma-link-button-radius:0.5rem;--plasma-link-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-link-button-spinner-size:1rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.25rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
12
|
+
.LinkButton_config_1ygbj3k_x1jqrt5d__b109aac2{--plasma-link-button-height:1.5rem;--plasma-link-button-padding:0.375rem 0;--plasma-link-button-radius:0.375rem;--plasma-link-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-link-button-spinner-size:0.75rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-left-content-margin:0.063rem 0.25rem 0.063rem 0;--plasma-link-button-right-content-margin:0.063rem 0 0.063rem 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
13
|
+
.LinkButton_config_1ygbj3k_t176l075__b109aac2{--plasma-link-button-disabled-opacity:0.4;}
|
package/css/es/index.css
CHANGED
|
@@ -388,19 +388,19 @@
|
|
|
388
388
|
.Link_config_zdek5n_t1obm9h5__75859ef3{--plasma-link-disabled-opacity:0.4;}
|
|
389
389
|
.Link_config_zdek5n_t1dkeppt__75859ef3{--plasma-link-color-focus:var(--text-accent);}
|
|
390
390
|
|
|
391
|
-
.
|
|
392
|
-
.
|
|
393
|
-
.
|
|
394
|
-
.
|
|
395
|
-
.
|
|
396
|
-
.
|
|
397
|
-
.
|
|
398
|
-
.
|
|
399
|
-
.
|
|
400
|
-
.
|
|
401
|
-
.
|
|
402
|
-
.
|
|
403
|
-
.
|
|
391
|
+
.LinkButton_config_1ygbj3k_d1nmslpw__b109aac2{--plasma-link-button-color:var(--text-primary);--plasma-link-button-icon-color:var(--text-primary);--plasma-link-button-text-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-primary-hover);--plasma-link-button-text-color-active:var(--text-primary-active);}
|
|
392
|
+
.LinkButton_config_1ygbj3k_anqu7ib__b109aac2{--plasma-link-button-color:var(--text-accent);--plasma-link-button-icon-color:var(--text-accent);--plasma-link-button-text-color:var(--text-accent);--plasma-link-button-background-color:var(---surface-transparent-clear);--plasma-link-button-color-hover:var(--text-accent-hover);--plasma-link-button-color-active:var(--text-accent-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-accent-hover);--plasma-link-button-text-color-active:var(--text-accent-active);}
|
|
393
|
+
.LinkButton_config_1ygbj3k_s1xit3mw__b109aac2{--plasma-link-button-color:var(--text-secondary);--plasma-link-button-icon-color:var(--text-secondary);--plasma-link-button-text-color:var(--text-secondary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-secondary-hover);--plasma-link-button-color-active:var(--text-secondary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-secondary-hover);--plasma-link-button-text-color-active:var(--text-secondary-active);}
|
|
394
|
+
.LinkButton_config_1ygbj3k_ppxj5rq__b109aac2{--plasma-link-button-color:var(--text-positive);--plasma-link-button-icon-color:var(--text-positive);--plasma-link-button-text-color:var(--text-positive);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-positive-hover);--plasma-link-button-color-active:var(--text-positive-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-positive-hover);--plasma-link-button-text-color-active:var(--text-positive-active);}
|
|
395
|
+
.LinkButton_config_1ygbj3k_wui1buo__b109aac2{--plasma-link-button-color:var(--text-warning);--plasma-link-button-icon-color:var(--text-warning);--plasma-link-button-text-color:var(--text-warning);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-warning-hover);--plasma-link-button-color-active:var(--text-warning-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-warning-hover);--plasma-link-button-text-color-active:var(--text-warning-active);}
|
|
396
|
+
.LinkButton_config_1ygbj3k_n122wi17__b109aac2{--plasma-link-button-color:var(--text-negative);--plasma-link-button-icon-color:var(--text-negative);--plasma-link-button-text-color:var(--text-negative);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-negative-hover);--plasma-link-button-color-active:var(--text-negative-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-text-color-hover:var(--text-negative-hover);--plasma-link-button-text-color-active:var(--text-negative-active);}
|
|
397
|
+
.LinkButton_config_1ygbj3k_x1re18w5__b109aac2{--plasma-link-button-height:4rem;--plasma-link-button-padding:1.25rem 0;--plasma-link-button-radius:1rem;--plasma-link-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-link-button-spinner-size:1.5rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.5rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.5rem;--plasma-link-button-additional-content-margin:0 0 0 0.5rem;}
|
|
398
|
+
.LinkButton_config_1ygbj3k_l1idaf1b__b109aac2{--plasma-link-button-height:3.5rem;--plasma-link-button-padding:1rem 0;--plasma-link-button-radius:0.875rem;--plasma-link-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.5rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.5rem;--plasma-link-button-additional-content-margin:0 0 0 0.5rem;}
|
|
399
|
+
.LinkButton_config_1ygbj3k_mbaq7s0__b109aac2{--plasma-link-button-height:3rem;--plasma-link-button-padding:0.75rem 0;--plasma-link-button-radius:0.75rem;--plasma-link-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.125rem 0;--plasma-link-button-left-content-margin:0 0.375rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.375rem;--plasma-link-button-additional-content-margin:0 0 0 0.375rem;}
|
|
400
|
+
.LinkButton_config_1ygbj3k_sgnc62y__b109aac2{--plasma-link-button-height:2.5rem;--plasma-link-button-padding:0.5rem 0;--plasma-link-button-radius:0.625rem;--plasma-link-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-link-button-spinner-size:1.375rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.25rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
401
|
+
.LinkButton_config_1ygbj3k_x13sr3kn__b109aac2{--plasma-link-button-height:2rem;--plasma-link-button-padding:0.5rem 0;--plasma-link-button-radius:0.5rem;--plasma-link-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-link-button-spinner-size:1rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-text-padding:0.063rem 0;--plasma-link-button-left-content-margin:0 0.25rem 0 0;--plasma-link-button-right-content-margin:0 0 0 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
402
|
+
.LinkButton_config_1ygbj3k_x1jqrt5d__b109aac2{--plasma-link-button-height:1.5rem;--plasma-link-button-padding:0.375rem 0;--plasma-link-button-radius:0.375rem;--plasma-link-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-link-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-link-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-link-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-link-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-link-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-link-button-spinner-size:0.75rem;--plasma-link-button-spinner-color:inherit;--plasma-link-button-left-content-margin:0.063rem 0.25rem 0.063rem 0;--plasma-link-button-right-content-margin:0.063rem 0 0.063rem 0.25rem;--plasma-link-button-additional-content-margin:0 0 0 0.25rem;}
|
|
403
|
+
.LinkButton_config_1ygbj3k_t176l075__b109aac2{--plasma-link-button-disabled-opacity:0.4;}
|
|
404
404
|
|
|
405
405
|
.List_config_qo5s7v_dgfkvez__7a740f77{--plasma-list-item-color:var(--text-primary);--plasma-list-item-color-hover:var(--text-primary);--plasma-list-item-background:transparent;--plasma-list-item-background-hover:var(--surface-transparent-secondary);--plasma-list-item-border-color:transparent;--plasma-list-item-border-color-hover:transparent;--plasma-list-disabled-opacity:0.4;}
|
|
406
406
|
.List_config_qo5s7v_x1j57vd__7a740f77{--plasma-list-item-padding-top:0.5rem;--plasma-list-item-padding-left:0.5rem;--plasma-list-item-padding-right:0.5rem;--plasma-list-item-padding-bottom:0.5rem;--plasma-list-item-border-radius:0.5rem;--plasma-list-item-border-width:0rem;--plasma-list-item-gap:0.375rem;--plasma-list-item-tight-difference:0.25rem;--plasma-list-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-list-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-list-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-list-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-list-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-list-item-line-height:var(--plasma-typo-body-xs-line-height);}
|
package/css/es/index.js
CHANGED
|
@@ -9,6 +9,7 @@ export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
|
|
|
9
9
|
export { Button } from './components/Button/Button.js';
|
|
10
10
|
export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';
|
|
11
11
|
export { Calendar, CalendarBase, CalendarBaseRange, CalendarDouble, CalendarDoubleRange } from './components/Calendar/Calendar.js';
|
|
12
|
+
export { Card, CardBadge, CardBody, CardContent, CardMedia, SelectGroup, StyledCard, TextFieldView, withAssistiveDropdown } from '@salutejs/plasma-hope';
|
|
12
13
|
export { Carousel } from './components/Carousel/Carousel.js';
|
|
13
14
|
export { Cell } from './components/Cell/Cell.js';
|
|
14
15
|
export { Checkbox } from './components/Checkbox/Checkbox.js';
|
|
@@ -23,7 +24,6 @@ export { DatePicker, DatePickerRange } from './components/DatePicker/DatePicker.
|
|
|
23
24
|
export { DateTimePicker } from './components/DateTimePicker/DateTimePicker.js';
|
|
24
25
|
export { Divider } from './components/Divider/Divider.js';
|
|
25
26
|
export { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from './components/Drawer/Drawer.js';
|
|
26
|
-
export { SelectGroup, TextFieldView, withAssistiveDropdown } from '@salutejs/plasma-hope';
|
|
27
27
|
export { Dropdown } from './components/Dropdown/Dropdown.js';
|
|
28
28
|
export { DropdownItem } from './components/Dropdown/components/DropdownItem.js';
|
|
29
29
|
export { DropdownPopup } from './components/Dropdown/components/DropdownPopup.js';
|
package/css/index.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ export * from '../components/Button';
|
|
|
9
9
|
export * from '../components/ButtonBase';
|
|
10
10
|
export * from '../components/ButtonGroup';
|
|
11
11
|
export * from '../components/Calendar';
|
|
12
|
+
export * from '../components/Card';
|
|
12
13
|
export * from '../components/Carousel';
|
|
13
14
|
export * from '../components/Cell';
|
|
14
15
|
export * from '../components/Checkbox';
|
|
@@ -90,6 +91,7 @@ export * from '../components/Button';
|
|
|
90
91
|
export * from '../components/ButtonBase';
|
|
91
92
|
export * from '../components/ButtonGroup';
|
|
92
93
|
export * from '../components/Calendar';
|
|
94
|
+
export * from '../components/Card';
|
|
93
95
|
export * from '../components/Carousel';
|
|
94
96
|
export * from '../components/Cell';
|
|
95
97
|
export * from '../components/Checkbox';
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
function _tagged_template_literal(strings, raw) {
|
|
2
|
+
if (!raw) {
|
|
3
|
+
raw = strings.slice(0);
|
|
4
|
+
}
|
|
5
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
6
|
+
raw: {
|
|
7
|
+
value: Object.freeze(raw)
|
|
8
|
+
}
|
|
9
|
+
}));
|
|
10
|
+
}
|
|
11
|
+
function _templateObject() {
|
|
12
|
+
var data = _tagged_template_literal([
|
|
13
|
+
"\n ",
|
|
14
|
+
": var(--surface-solid-card);\n "
|
|
15
|
+
]);
|
|
16
|
+
_templateObject = function _templateObject() {
|
|
17
|
+
return data;
|
|
18
|
+
};
|
|
19
|
+
return data;
|
|
20
|
+
}
|
|
21
|
+
function _templateObject1() {
|
|
22
|
+
var data = _tagged_template_literal([
|
|
23
|
+
"\n ",
|
|
24
|
+
": 0.75rem;\n ",
|
|
25
|
+
": 0.0625rem;\n ",
|
|
26
|
+
": 1rem;\n ",
|
|
27
|
+
": 0.5rem;\n "
|
|
28
|
+
]);
|
|
29
|
+
_templateObject1 = function _templateObject() {
|
|
30
|
+
return data;
|
|
31
|
+
};
|
|
32
|
+
return data;
|
|
33
|
+
}
|
|
34
|
+
function _templateObject2() {
|
|
35
|
+
var data = _tagged_template_literal([
|
|
36
|
+
"\n ",
|
|
37
|
+
": 0.625rem;\n ",
|
|
38
|
+
": 0.0625rem;\n ",
|
|
39
|
+
": 0.875rem;\n ",
|
|
40
|
+
": 0.375rem;\n "
|
|
41
|
+
]);
|
|
42
|
+
_templateObject2 = function _templateObject() {
|
|
43
|
+
return data;
|
|
44
|
+
};
|
|
45
|
+
return data;
|
|
46
|
+
}
|
|
47
|
+
function _templateObject3() {
|
|
48
|
+
var data = _tagged_template_literal([
|
|
49
|
+
"\n ",
|
|
50
|
+
": 0.5rem;\n ",
|
|
51
|
+
": 0.0625rem;\n ",
|
|
52
|
+
": 0.75rem;\n ",
|
|
53
|
+
": 0.375rem;\n "
|
|
54
|
+
]);
|
|
55
|
+
_templateObject3 = function _templateObject() {
|
|
56
|
+
return data;
|
|
57
|
+
};
|
|
58
|
+
return data;
|
|
59
|
+
}
|
|
60
|
+
import { css, cardTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
61
|
+
export var config = {
|
|
62
|
+
defaults: {
|
|
63
|
+
view: 'default',
|
|
64
|
+
size: 'm'
|
|
65
|
+
},
|
|
66
|
+
variations: {
|
|
67
|
+
view: {
|
|
68
|
+
default: css(_templateObject(), tokens.solidBackground)
|
|
69
|
+
},
|
|
70
|
+
size: {
|
|
71
|
+
l: css(_templateObject1(), tokens.outlineWidth, tokens.borderWidth, tokens.borderRadius, tokens.contentBorderRadius),
|
|
72
|
+
m: css(_templateObject2(), tokens.outlineWidth, tokens.borderWidth, tokens.borderRadius, tokens.contentBorderRadius),
|
|
73
|
+
s: css(_templateObject3(), tokens.outlineWidth, tokens.borderWidth, tokens.borderRadius, tokens.contentBorderRadius)
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { cardConfig, CardContent, CardInnerContent, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
|
+
import { config } from './Card.config';
|
|
3
|
+
var mergedConfig = mergeConfig(cardConfig, config);
|
|
4
|
+
var CardComponent = component(mergedConfig);
|
|
5
|
+
/**
|
|
6
|
+
* Компонент Card.
|
|
7
|
+
*/ export var Card = CardComponent;
|
|
8
|
+
export { CardContent, CardInnerContent };
|
|
@@ -18,7 +18,8 @@ function _templateObject() {
|
|
|
18
18
|
": var(--text-primary-hover);\n ",
|
|
19
19
|
": var(--text-primary-active);\n ",
|
|
20
20
|
": var(--surface-accent);\n ",
|
|
21
|
-
": var(--text-primary-hover);\n
|
|
21
|
+
": var(--text-primary-hover);\n ",
|
|
22
|
+
": var(--text-primary-active);\n "
|
|
22
23
|
]);
|
|
23
24
|
_templateObject = function _templateObject() {
|
|
24
25
|
return data;
|
|
@@ -35,7 +36,8 @@ function _templateObject1() {
|
|
|
35
36
|
": var(--text-accent-hover);\n ",
|
|
36
37
|
": var(--text-accent-active);\n ",
|
|
37
38
|
": var(--surface-accent);\n ",
|
|
38
|
-
": var(--text-accent-hover);\n
|
|
39
|
+
": var(--text-accent-hover);\n ",
|
|
40
|
+
": var(--text-accent-active);\n "
|
|
39
41
|
]);
|
|
40
42
|
_templateObject1 = function _templateObject() {
|
|
41
43
|
return data;
|
|
@@ -52,7 +54,8 @@ function _templateObject2() {
|
|
|
52
54
|
": var(--text-secondary-hover);\n ",
|
|
53
55
|
": var(--text-secondary-active);\n ",
|
|
54
56
|
": var(--surface-accent);\n ",
|
|
55
|
-
": var(--text-secondary-hover);\n
|
|
57
|
+
": var(--text-secondary-hover);\n ",
|
|
58
|
+
": var(--text-secondary-active);\n "
|
|
56
59
|
]);
|
|
57
60
|
_templateObject2 = function _templateObject() {
|
|
58
61
|
return data;
|
|
@@ -69,7 +72,8 @@ function _templateObject3() {
|
|
|
69
72
|
": var(--text-positive-hover);\n ",
|
|
70
73
|
": var(--text-positive-active);\n ",
|
|
71
74
|
": var(--surface-accent);\n ",
|
|
72
|
-
": var(--text-positive-hover);\n
|
|
75
|
+
": var(--text-positive-hover);\n ",
|
|
76
|
+
": var(--text-positive-active);\n "
|
|
73
77
|
]);
|
|
74
78
|
_templateObject3 = function _templateObject() {
|
|
75
79
|
return data;
|
|
@@ -86,7 +90,8 @@ function _templateObject4() {
|
|
|
86
90
|
": var(--text-warning-hover);\n ",
|
|
87
91
|
": var(--text-warning-active);\n ",
|
|
88
92
|
": var(--surface-accent);\n ",
|
|
89
|
-
": var(--text-warning-hover);\n
|
|
93
|
+
": var(--text-warning-hover);\n ",
|
|
94
|
+
": var(--text-warning-active);\n "
|
|
90
95
|
]);
|
|
91
96
|
_templateObject4 = function _templateObject() {
|
|
92
97
|
return data;
|
|
@@ -103,7 +108,8 @@ function _templateObject5() {
|
|
|
103
108
|
": var(--text-negative-hover);\n ",
|
|
104
109
|
": var(--text-negative-active);\n ",
|
|
105
110
|
": var(--surface-accent);\n ",
|
|
106
|
-
": var(--text-negative-hover);\n
|
|
111
|
+
": var(--text-negative-hover);\n ",
|
|
112
|
+
": var(--text-negative-active);\n "
|
|
107
113
|
]);
|
|
108
114
|
_templateObject5 = function _templateObject() {
|
|
109
115
|
return data;
|
|
@@ -271,12 +277,12 @@ export var config = {
|
|
|
271
277
|
},
|
|
272
278
|
variations: {
|
|
273
279
|
view: {
|
|
274
|
-
default: css(_templateObject(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
|
|
275
|
-
accent: css(_templateObject1(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
|
|
276
|
-
secondary: css(_templateObject2(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
|
|
277
|
-
positive: css(_templateObject3(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
|
|
278
|
-
warning: css(_templateObject4(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover),
|
|
279
|
-
negative: css(_templateObject5(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover)
|
|
280
|
+
default: css(_templateObject(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover, linkButtonTokens.linkButtonTextColorActive),
|
|
281
|
+
accent: css(_templateObject1(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover, linkButtonTokens.linkButtonTextColorActive),
|
|
282
|
+
secondary: css(_templateObject2(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover, linkButtonTokens.linkButtonTextColorActive),
|
|
283
|
+
positive: css(_templateObject3(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover, linkButtonTokens.linkButtonTextColorActive),
|
|
284
|
+
warning: css(_templateObject4(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover, linkButtonTokens.linkButtonTextColorActive),
|
|
285
|
+
negative: css(_templateObject5(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor, linkButtonTokens.linkButtonBackgroundColor, linkButtonTokens.linkButtonColorHover, linkButtonTokens.linkButtonColorActive, linkButtonTokens.linkButtonFocusColor, linkButtonTokens.linkButtonTextColorHover, linkButtonTokens.linkButtonTextColorActive)
|
|
280
286
|
},
|
|
281
287
|
size: {
|
|
282
288
|
xl: css(_templateObject6(), linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin, linkButtonTokens.linkButtonAdditionalContentMargin),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-web",
|
|
3
|
-
"version": "1.600.0-canary.
|
|
3
|
+
"version": "1.600.0-canary.2300.19624495559.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -19,9 +19,9 @@
|
|
|
19
19
|
"directory": "packages/plasma-web"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@salutejs/plasma-core": "1.210.0-canary.
|
|
23
|
-
"@salutejs/plasma-hope": "1.356.0-canary.
|
|
24
|
-
"@salutejs/plasma-new-hope": "0.342.0-canary.
|
|
22
|
+
"@salutejs/plasma-core": "1.210.0-canary.2300.19624495559.0",
|
|
23
|
+
"@salutejs/plasma-hope": "1.356.0-canary.2300.19624495559.0",
|
|
24
|
+
"@salutejs/plasma-new-hope": "0.342.0-canary.2300.19624495559.0",
|
|
25
25
|
"@salutejs/plasma-themes": "0.38.0",
|
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.54.0",
|
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.65.0",
|
|
@@ -49,9 +49,9 @@
|
|
|
49
49
|
"@rollup/plugin-commonjs": "25.0.7",
|
|
50
50
|
"@rollup/plugin-node-resolve": "15.2.3",
|
|
51
51
|
"@salutejs/plasma-colors": "0.16.0",
|
|
52
|
-
"@salutejs/plasma-cy-utils": "0.140.0-canary.
|
|
52
|
+
"@salutejs/plasma-cy-utils": "0.140.0-canary.2300.19624495559.0",
|
|
53
53
|
"@salutejs/plasma-icons": "1.226.0",
|
|
54
|
-
"@salutejs/plasma-sb-utils": "0.210.0-canary.
|
|
54
|
+
"@salutejs/plasma-sb-utils": "0.210.0-canary.2300.19624495559.0",
|
|
55
55
|
"@storybook/addon-docs": "8.6.14",
|
|
56
56
|
"@storybook/addon-essentials": "8.6.14",
|
|
57
57
|
"@storybook/manager-api": "8.6.14",
|
|
@@ -111,5 +111,5 @@
|
|
|
111
111
|
"Fanil Zubairov"
|
|
112
112
|
],
|
|
113
113
|
"sideEffects": false,
|
|
114
|
-
"gitHead": "
|
|
114
|
+
"gitHead": "a06e2afecf69d0d48549a88d1c90500bc2c6933c"
|
|
115
115
|
}
|