@salutejs/plasma-b2c 1.412.0-canary.1466.11175117615.0 → 1.412.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-b2c.api.md +0 -1
- package/components/Badge/Badge.config.d.ts +0 -1
- package/components/Badge/Badge.config.js +5 -6
- package/components/Badge/Badge.d.ts +0 -1
- package/css/cjs/components/Badge/Badge.config.js +5 -6
- package/css/cjs/components/Badge/Badge.config.js.map +1 -1
- package/css/cjs/components/Badge/{Badge.config_14w52kg.css → Badge.config_bt1qk7.css} +1 -2
- package/css/cjs/components/Badge/Badge.css +11 -12
- package/css/cjs/index.css +11 -12
- package/css/es/components/Badge/Badge.config.js +5 -6
- package/css/es/components/Badge/Badge.config.js.map +1 -1
- package/css/es/components/Badge/{Badge.config_14w52kg.css → Badge.config_bt1qk7.css} +1 -2
- package/css/es/components/Badge/Badge.css +11 -12
- package/css/es/index.css +11 -12
- package/es/components/Badge/Badge.config.js +5 -6
- package/package.json +3 -3
- package/temp/plasma-b2c.api.md +0 -3619
package/api/plasma-b2c.api.md
CHANGED
@@ -17,7 +17,6 @@ export declare const config: {
|
|
17
17
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
18
18
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
19
19
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
20
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
21
20
|
};
|
22
21
|
pilled: {
|
23
22
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.config = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13
|
8
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
|
9
9
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10
10
|
var config = exports.config = {
|
11
11
|
defaults: {
|
@@ -25,17 +25,16 @@ var config = exports.config = {
|
|
25
25
|
size: {
|
26
26
|
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 1.75rem;\n ", ": 0.6875rem;\n ", ": 0.6875rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.25rem;\n\n ", ": 0.25rem;\n ", ": -0.0625rem;\n "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.paddingRight, _styledComponents.badgeTokens.paddingLeft, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
|
27
27
|
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.5rem;\n ", ": 0.5625rem;\n ", ": 0.5625rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.1875rem;\n\n ", ": 0.1875rem;\n ", ": -0.0625rem;\n "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.paddingRight, _styledComponents.badgeTokens.paddingLeft, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
|
28
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.25rem;\n ", ": 0.4375rem;\n ", ": 0.4375rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.paddingRight, _styledComponents.badgeTokens.paddingLeft, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight)
|
29
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": 1rem;\n ", ": 0.313rem;\n ", ": 0.313rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.paddingRight, _styledComponents.badgeTokens.paddingLeft, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight)
|
28
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.25rem;\n ", ": 0.4375rem;\n ", ": 0.4375rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.paddingRight, _styledComponents.badgeTokens.paddingLeft, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight)
|
30
29
|
},
|
31
30
|
pilled: {
|
32
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(
|
31
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n "])), _styledComponents.badgeTokens.pilledBorderRadius)
|
33
32
|
},
|
34
33
|
transparent: {
|
35
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(
|
34
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
36
35
|
},
|
37
36
|
clear: {
|
38
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(
|
37
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
39
38
|
}
|
40
39
|
}
|
41
40
|
};
|
@@ -16,7 +16,6 @@ export declare const Badge: import("react").FunctionComponent<import("@salutejs/
|
|
16
16
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
17
17
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
18
18
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
19
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
20
19
|
};
|
21
20
|
pilled: {
|
22
21
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './Badge.
|
1
|
+
import './Badge.config_bt1qk7.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -21,17 +21,16 @@ var config = {
|
|
21
21
|
size: {
|
22
22
|
l: "l120gqtu",
|
23
23
|
m: "m1axkt51",
|
24
|
-
s: "s1nq2efa"
|
25
|
-
xs: "x1nw4jlc"
|
24
|
+
s: "s1nq2efa"
|
26
25
|
},
|
27
26
|
pilled: {
|
28
|
-
"true": "
|
27
|
+
"true": "t1nw4jlc"
|
29
28
|
},
|
30
29
|
transparent: {
|
31
|
-
"true": "
|
30
|
+
"true": "ttdupg3"
|
32
31
|
},
|
33
32
|
clear: {
|
34
|
-
"true": "
|
33
|
+
"true": "tli1wjs"
|
35
34
|
}
|
36
35
|
}
|
37
36
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Badge.config.js","sources":["../../../../src-css/components/Badge/Badge.config.ts"],"sourcesContent":["import { css, badgeTokens } 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 ${badgeTokens.color}: var(--inverse-text-primary);\n ${badgeTokens.background}: var(--surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--text-primary);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);\n\n ${badgeTokens.colorClear}: var(--text-primary);\n `,\n accent: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-accent);\n\n ${badgeTokens.colorTransparent}: var(--text-accent);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);\n\n ${badgeTokens.colorClear}: var(--text-accent);\n `,\n positive: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-positive);\n\n ${badgeTokens.colorTransparent}: var(--text-positive);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);\n\n ${badgeTokens.colorClear}: var(--text-positive);\n `,\n warning: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-warning);\n\n ${badgeTokens.colorTransparent}: var(--text-warning);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);\n\n ${badgeTokens.colorClear}: var(--text-warning);\n `,\n negative: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-negative);\n\n ${badgeTokens.colorTransparent}: var(--text-negative);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);\n\n ${badgeTokens.colorClear}: var(--text-negative);\n `,\n dark: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--on-light-surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n ${badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n ${badgeTokens.colorClear}: var(--on-light-text-primary);\n `,\n light: css`\n ${badgeTokens.color}: var(--on-light-text-primary);\n ${badgeTokens.background}: var(--on-dark-surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n ${badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n ${badgeTokens.colorClear}: var(--on-dark-text-primary);\n `,\n },\n size: {\n l: css`\n ${badgeTokens.borderRadius}: 0.5rem;\n ${badgeTokens.height}: 1.75rem;\n ${badgeTokens.paddingRight}: 0.6875rem;\n ${badgeTokens.paddingLeft}: 0.6875rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.25rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.25rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n m: css`\n ${badgeTokens.borderRadius}: 0.375rem;\n ${badgeTokens.height}: 1.5rem;\n ${badgeTokens.paddingRight}: 0.5625rem;\n ${badgeTokens.paddingLeft}: 0.5625rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.1875rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.1875rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n s: css`\n ${badgeTokens.borderRadius}: 0.375rem;\n ${badgeTokens.height}: 1.25rem;\n ${badgeTokens.paddingRight}: 0.4375rem;\n ${badgeTokens.paddingLeft}: 0.4375rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n
|
1
|
+
{"version":3,"file":"Badge.config.js","sources":["../../../../src-css/components/Badge/Badge.config.ts"],"sourcesContent":["import { css, badgeTokens } 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 ${badgeTokens.color}: var(--inverse-text-primary);\n ${badgeTokens.background}: var(--surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--text-primary);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);\n\n ${badgeTokens.colorClear}: var(--text-primary);\n `,\n accent: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-accent);\n\n ${badgeTokens.colorTransparent}: var(--text-accent);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);\n\n ${badgeTokens.colorClear}: var(--text-accent);\n `,\n positive: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-positive);\n\n ${badgeTokens.colorTransparent}: var(--text-positive);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);\n\n ${badgeTokens.colorClear}: var(--text-positive);\n `,\n warning: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-warning);\n\n ${badgeTokens.colorTransparent}: var(--text-warning);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);\n\n ${badgeTokens.colorClear}: var(--text-warning);\n `,\n negative: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-negative);\n\n ${badgeTokens.colorTransparent}: var(--text-negative);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);\n\n ${badgeTokens.colorClear}: var(--text-negative);\n `,\n dark: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--on-light-surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n ${badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n ${badgeTokens.colorClear}: var(--on-light-text-primary);\n `,\n light: css`\n ${badgeTokens.color}: var(--on-light-text-primary);\n ${badgeTokens.background}: var(--on-dark-surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n ${badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n ${badgeTokens.colorClear}: var(--on-dark-text-primary);\n `,\n },\n size: {\n l: css`\n ${badgeTokens.borderRadius}: 0.5rem;\n ${badgeTokens.height}: 1.75rem;\n ${badgeTokens.paddingRight}: 0.6875rem;\n ${badgeTokens.paddingLeft}: 0.6875rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.25rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.25rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n m: css`\n ${badgeTokens.borderRadius}: 0.375rem;\n ${badgeTokens.height}: 1.5rem;\n ${badgeTokens.paddingRight}: 0.5625rem;\n ${badgeTokens.paddingLeft}: 0.5625rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.1875rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.1875rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n s: css`\n ${badgeTokens.borderRadius}: 0.375rem;\n ${badgeTokens.height}: 1.25rem;\n ${badgeTokens.paddingRight}: 0.4375rem;\n ${badgeTokens.paddingLeft}: 0.4375rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n },\n pilled: {\n true: css`\n ${badgeTokens.pilledBorderRadius}: 1.25rem;\n `,\n },\n transparent: {\n true: css``,\n },\n clear: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","positive","warning","negative","dark","light","l","m","s","pilled","true","transparent","clear"],"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,EAQC,UAAA;AACDC,MAAAA,MAAM,EAQL,UAAA;AACDC,MAAAA,QAAQ,EAQP,SAAA;AACDC,MAAAA,OAAO,EAQN,SAAA;AACDC,MAAAA,QAAQ,EAQP,UAAA;AACDC,MAAAA,IAAI,EAQH,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KASR;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAmBJ;AACDC,IAAAA,MAAM,EAAE;MACJC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,WAAW,EAAE;MACTD,MAAI,EAAA,SAAA;KACP;AACDE,IAAAA,KAAK,EAAE;MACHF,MAAI,EAAA,SAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -8,7 +8,6 @@
|
|
8
8
|
.l120gqtu{--plasma-badge-border-radius:0.5rem;--plasma-badge-height:1.75rem;--plasma-badge-padding-right:0.6875rem;--plasma-badge-padding-left:0.6875rem;--plasma-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.25rem;--plasma-badge-right-content-margin-left:0.25rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
9
9
|
.m1axkt51{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.5rem;--plasma-badge-padding-right:0.5625rem;--plasma-badge-padding-left:0.5625rem;--plasma-badge-font-family:var(--plasma-typo-body-xs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.1875rem;--plasma-badge-right-content-margin-left:0.1875rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
10
10
|
.s1nq2efa{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.25rem;--plasma-badge-padding-right:0.4375rem;--plasma-badge-padding-left:0.4375rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
11
|
-
.
|
12
|
-
.ttdupg3{--plasma-badge-pilled-border-radius:1.25rem;}
|
11
|
+
.t1nw4jlc{--plasma-badge-pilled-border-radius:1.25rem;}
|
13
12
|
|
14
13
|
|
@@ -1,14 +1,13 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.
|
7
|
-
.
|
8
|
-
.
|
9
|
-
.
|
10
|
-
.
|
11
|
-
.
|
12
|
-
.Badge_config_14w52kg_ttdupg3__711fb32f{--plasma-badge-pilled-border-radius:1.25rem;}
|
1
|
+
.Badge_config_bt1qk7_d1jjv431__0ab270fd{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);--plasma-badge-color-clear:var(--text-primary);}
|
2
|
+
.Badge_config_bt1qk7_a19urrnd__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-accent);--plasma-badge-color-transparent:var(--text-accent);--plasma-badge-background-transparent:var(--surface-transparent-accent);--plasma-badge-color-clear:var(--text-accent);}
|
3
|
+
.Badge_config_bt1qk7_pyyyj31__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-positive);--plasma-badge-color-transparent:var(--text-positive);--plasma-badge-background-transparent:var(--surface-transparent-positive);--plasma-badge-color-clear:var(--text-positive);}
|
4
|
+
.Badge_config_bt1qk7_wuooskw__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-warning);--plasma-badge-color-transparent:var(--text-warning);--plasma-badge-background-transparent:var(--surface-transparent-warning);--plasma-badge-color-clear:var(--text-warning);}
|
5
|
+
.Badge_config_bt1qk7_n15m2vr9__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-negative);--plasma-badge-color-transparent:var(--text-negative);--plasma-badge-background-transparent:var(--surface-transparent-negative);--plasma-badge-color-clear:var(--text-negative);}
|
6
|
+
.Badge_config_bt1qk7_d18um2tl__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--on-light-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-badge-color-clear:var(--on-light-text-primary);}
|
7
|
+
.Badge_config_bt1qk7_l1ax9ooi__0ab270fd{--plasma-badge-color:var(--on-light-text-primary);--plasma-badge-background:var(--on-dark-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-badge-color-clear:var(--on-dark-text-primary);}
|
8
|
+
.Badge_config_bt1qk7_l120gqtu__0ab270fd{--plasma-badge-border-radius:0.5rem;--plasma-badge-height:1.75rem;--plasma-badge-padding-right:0.6875rem;--plasma-badge-padding-left:0.6875rem;--plasma-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.25rem;--plasma-badge-right-content-margin-left:0.25rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
9
|
+
.Badge_config_bt1qk7_m1axkt51__0ab270fd{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.5rem;--plasma-badge-padding-right:0.5625rem;--plasma-badge-padding-left:0.5625rem;--plasma-badge-font-family:var(--plasma-typo-body-xs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.1875rem;--plasma-badge-right-content-margin-left:0.1875rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
10
|
+
.Badge_config_bt1qk7_s1nq2efa__0ab270fd{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.25rem;--plasma-badge-padding-right:0.4375rem;--plasma-badge-padding-left:0.4375rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
11
|
+
.Badge_config_bt1qk7_t1nw4jlc__0ab270fd{--plasma-badge-pilled-border-radius:1.25rem;}
|
13
12
|
|
14
13
|
|
package/css/cjs/index.css
CHANGED
@@ -45,18 +45,17 @@
|
|
45
45
|
.Avatar_config_weecw4_f3cx8li__718d4a45{--plasma-avatar-size:100%;--plasma-avatar-font-size:0;--plasma-avatar-font-weight:0;--plasma-avatar-line-height:0;--plasma-status-icon-size:0;}
|
46
46
|
.Avatar_config_weecw4_t12fbiph__718d4a45{--plasma-avatar-outline-size:0.1rem;--plasma-avatar-outline-offset:-0.2rem;--plasma-avatar-outline-color:var(--surface-accent);}
|
47
47
|
|
48
|
-
.
|
49
|
-
.
|
50
|
-
.
|
51
|
-
.
|
52
|
-
.
|
53
|
-
.
|
54
|
-
.
|
55
|
-
.
|
56
|
-
.
|
57
|
-
.
|
58
|
-
.
|
59
|
-
.Badge_config_14w52kg_ttdupg3__711fb32f{--plasma-badge-pilled-border-radius:1.25rem;}
|
48
|
+
.Badge_config_bt1qk7_d1jjv431__0ab270fd{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);--plasma-badge-color-clear:var(--text-primary);}
|
49
|
+
.Badge_config_bt1qk7_a19urrnd__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-accent);--plasma-badge-color-transparent:var(--text-accent);--plasma-badge-background-transparent:var(--surface-transparent-accent);--plasma-badge-color-clear:var(--text-accent);}
|
50
|
+
.Badge_config_bt1qk7_pyyyj31__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-positive);--plasma-badge-color-transparent:var(--text-positive);--plasma-badge-background-transparent:var(--surface-transparent-positive);--plasma-badge-color-clear:var(--text-positive);}
|
51
|
+
.Badge_config_bt1qk7_wuooskw__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-warning);--plasma-badge-color-transparent:var(--text-warning);--plasma-badge-background-transparent:var(--surface-transparent-warning);--plasma-badge-color-clear:var(--text-warning);}
|
52
|
+
.Badge_config_bt1qk7_n15m2vr9__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-negative);--plasma-badge-color-transparent:var(--text-negative);--plasma-badge-background-transparent:var(--surface-transparent-negative);--plasma-badge-color-clear:var(--text-negative);}
|
53
|
+
.Badge_config_bt1qk7_d18um2tl__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--on-light-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-badge-color-clear:var(--on-light-text-primary);}
|
54
|
+
.Badge_config_bt1qk7_l1ax9ooi__0ab270fd{--plasma-badge-color:var(--on-light-text-primary);--plasma-badge-background:var(--on-dark-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-badge-color-clear:var(--on-dark-text-primary);}
|
55
|
+
.Badge_config_bt1qk7_l120gqtu__0ab270fd{--plasma-badge-border-radius:0.5rem;--plasma-badge-height:1.75rem;--plasma-badge-padding-right:0.6875rem;--plasma-badge-padding-left:0.6875rem;--plasma-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.25rem;--plasma-badge-right-content-margin-left:0.25rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
56
|
+
.Badge_config_bt1qk7_m1axkt51__0ab270fd{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.5rem;--plasma-badge-padding-right:0.5625rem;--plasma-badge-padding-left:0.5625rem;--plasma-badge-font-family:var(--plasma-typo-body-xs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.1875rem;--plasma-badge-right-content-margin-left:0.1875rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
57
|
+
.Badge_config_bt1qk7_s1nq2efa__0ab270fd{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.25rem;--plasma-badge-padding-right:0.4375rem;--plasma-badge-padding-left:0.4375rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
58
|
+
.Badge_config_bt1qk7_t1nw4jlc__0ab270fd{--plasma-badge-pilled-border-radius:1.25rem;}
|
60
59
|
|
61
60
|
|
62
61
|
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './Badge.
|
1
|
+
import './Badge.config_bt1qk7.css';
|
2
2
|
var config = {
|
3
3
|
defaults: {
|
4
4
|
view: 'default',
|
@@ -17,17 +17,16 @@ var config = {
|
|
17
17
|
size: {
|
18
18
|
l: "l120gqtu",
|
19
19
|
m: "m1axkt51",
|
20
|
-
s: "s1nq2efa"
|
21
|
-
xs: "x1nw4jlc"
|
20
|
+
s: "s1nq2efa"
|
22
21
|
},
|
23
22
|
pilled: {
|
24
|
-
"true": "
|
23
|
+
"true": "t1nw4jlc"
|
25
24
|
},
|
26
25
|
transparent: {
|
27
|
-
"true": "
|
26
|
+
"true": "ttdupg3"
|
28
27
|
},
|
29
28
|
clear: {
|
30
|
-
"true": "
|
29
|
+
"true": "tli1wjs"
|
31
30
|
}
|
32
31
|
}
|
33
32
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Badge.config.js","sources":["../../../../src-css/components/Badge/Badge.config.ts"],"sourcesContent":["import { css, badgeTokens } 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 ${badgeTokens.color}: var(--inverse-text-primary);\n ${badgeTokens.background}: var(--surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--text-primary);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);\n\n ${badgeTokens.colorClear}: var(--text-primary);\n `,\n accent: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-accent);\n\n ${badgeTokens.colorTransparent}: var(--text-accent);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);\n\n ${badgeTokens.colorClear}: var(--text-accent);\n `,\n positive: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-positive);\n\n ${badgeTokens.colorTransparent}: var(--text-positive);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);\n\n ${badgeTokens.colorClear}: var(--text-positive);\n `,\n warning: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-warning);\n\n ${badgeTokens.colorTransparent}: var(--text-warning);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);\n\n ${badgeTokens.colorClear}: var(--text-warning);\n `,\n negative: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-negative);\n\n ${badgeTokens.colorTransparent}: var(--text-negative);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);\n\n ${badgeTokens.colorClear}: var(--text-negative);\n `,\n dark: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--on-light-surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n ${badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n ${badgeTokens.colorClear}: var(--on-light-text-primary);\n `,\n light: css`\n ${badgeTokens.color}: var(--on-light-text-primary);\n ${badgeTokens.background}: var(--on-dark-surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n ${badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n ${badgeTokens.colorClear}: var(--on-dark-text-primary);\n `,\n },\n size: {\n l: css`\n ${badgeTokens.borderRadius}: 0.5rem;\n ${badgeTokens.height}: 1.75rem;\n ${badgeTokens.paddingRight}: 0.6875rem;\n ${badgeTokens.paddingLeft}: 0.6875rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.25rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.25rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n m: css`\n ${badgeTokens.borderRadius}: 0.375rem;\n ${badgeTokens.height}: 1.5rem;\n ${badgeTokens.paddingRight}: 0.5625rem;\n ${badgeTokens.paddingLeft}: 0.5625rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.1875rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.1875rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n s: css`\n ${badgeTokens.borderRadius}: 0.375rem;\n ${badgeTokens.height}: 1.25rem;\n ${badgeTokens.paddingRight}: 0.4375rem;\n ${badgeTokens.paddingLeft}: 0.4375rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n
|
1
|
+
{"version":3,"file":"Badge.config.js","sources":["../../../../src-css/components/Badge/Badge.config.ts"],"sourcesContent":["import { css, badgeTokens } 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 ${badgeTokens.color}: var(--inverse-text-primary);\n ${badgeTokens.background}: var(--surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--text-primary);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);\n\n ${badgeTokens.colorClear}: var(--text-primary);\n `,\n accent: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-accent);\n\n ${badgeTokens.colorTransparent}: var(--text-accent);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);\n\n ${badgeTokens.colorClear}: var(--text-accent);\n `,\n positive: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-positive);\n\n ${badgeTokens.colorTransparent}: var(--text-positive);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);\n\n ${badgeTokens.colorClear}: var(--text-positive);\n `,\n warning: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-warning);\n\n ${badgeTokens.colorTransparent}: var(--text-warning);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);\n\n ${badgeTokens.colorClear}: var(--text-warning);\n `,\n negative: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--surface-negative);\n\n ${badgeTokens.colorTransparent}: var(--text-negative);\n ${badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);\n\n ${badgeTokens.colorClear}: var(--text-negative);\n `,\n dark: css`\n ${badgeTokens.color}: var(--on-dark-text-primary);\n ${badgeTokens.background}: var(--on-light-surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n ${badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n ${badgeTokens.colorClear}: var(--on-light-text-primary);\n `,\n light: css`\n ${badgeTokens.color}: var(--on-light-text-primary);\n ${badgeTokens.background}: var(--on-dark-surface-solid-default);\n\n ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n ${badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n ${badgeTokens.colorClear}: var(--on-dark-text-primary);\n `,\n },\n size: {\n l: css`\n ${badgeTokens.borderRadius}: 0.5rem;\n ${badgeTokens.height}: 1.75rem;\n ${badgeTokens.paddingRight}: 0.6875rem;\n ${badgeTokens.paddingLeft}: 0.6875rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.25rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.25rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n m: css`\n ${badgeTokens.borderRadius}: 0.375rem;\n ${badgeTokens.height}: 1.5rem;\n ${badgeTokens.paddingRight}: 0.5625rem;\n ${badgeTokens.paddingLeft}: 0.5625rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.1875rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.1875rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n s: css`\n ${badgeTokens.borderRadius}: 0.375rem;\n ${badgeTokens.height}: 1.25rem;\n ${badgeTokens.paddingRight}: 0.4375rem;\n ${badgeTokens.paddingLeft}: 0.4375rem;\n\n ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n `,\n },\n pilled: {\n true: css`\n ${badgeTokens.pilledBorderRadius}: 1.25rem;\n `,\n },\n transparent: {\n true: css``,\n },\n clear: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","positive","warning","negative","dark","light","l","m","s","pilled","true","transparent","clear"],"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,EAQC,UAAA;AACDC,MAAAA,MAAM,EAQL,UAAA;AACDC,MAAAA,QAAQ,EAQP,SAAA;AACDC,MAAAA,OAAO,EAQN,SAAA;AACDC,MAAAA,QAAQ,EAQP,UAAA;AACDC,MAAAA,IAAI,EAQH,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KASR;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAmBJ;AACDC,IAAAA,MAAM,EAAE;MACJC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,WAAW,EAAE;MACTD,MAAI,EAAA,SAAA;KACP;AACDE,IAAAA,KAAK,EAAE;MACHF,MAAI,EAAA,SAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -8,7 +8,6 @@
|
|
8
8
|
.l120gqtu{--plasma-badge-border-radius:0.5rem;--plasma-badge-height:1.75rem;--plasma-badge-padding-right:0.6875rem;--plasma-badge-padding-left:0.6875rem;--plasma-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.25rem;--plasma-badge-right-content-margin-left:0.25rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
9
9
|
.m1axkt51{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.5rem;--plasma-badge-padding-right:0.5625rem;--plasma-badge-padding-left:0.5625rem;--plasma-badge-font-family:var(--plasma-typo-body-xs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.1875rem;--plasma-badge-right-content-margin-left:0.1875rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
10
10
|
.s1nq2efa{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.25rem;--plasma-badge-padding-right:0.4375rem;--plasma-badge-padding-left:0.4375rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
11
|
-
.
|
12
|
-
.ttdupg3{--plasma-badge-pilled-border-radius:1.25rem;}
|
11
|
+
.t1nw4jlc{--plasma-badge-pilled-border-radius:1.25rem;}
|
13
12
|
|
14
13
|
|
@@ -1,14 +1,13 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.
|
7
|
-
.
|
8
|
-
.
|
9
|
-
.
|
10
|
-
.
|
11
|
-
.
|
12
|
-
.Badge_config_14w52kg_ttdupg3__711fb32f{--plasma-badge-pilled-border-radius:1.25rem;}
|
1
|
+
.Badge_config_bt1qk7_d1jjv431__0ab270fd{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);--plasma-badge-color-clear:var(--text-primary);}
|
2
|
+
.Badge_config_bt1qk7_a19urrnd__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-accent);--plasma-badge-color-transparent:var(--text-accent);--plasma-badge-background-transparent:var(--surface-transparent-accent);--plasma-badge-color-clear:var(--text-accent);}
|
3
|
+
.Badge_config_bt1qk7_pyyyj31__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-positive);--plasma-badge-color-transparent:var(--text-positive);--plasma-badge-background-transparent:var(--surface-transparent-positive);--plasma-badge-color-clear:var(--text-positive);}
|
4
|
+
.Badge_config_bt1qk7_wuooskw__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-warning);--plasma-badge-color-transparent:var(--text-warning);--plasma-badge-background-transparent:var(--surface-transparent-warning);--plasma-badge-color-clear:var(--text-warning);}
|
5
|
+
.Badge_config_bt1qk7_n15m2vr9__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-negative);--plasma-badge-color-transparent:var(--text-negative);--plasma-badge-background-transparent:var(--surface-transparent-negative);--plasma-badge-color-clear:var(--text-negative);}
|
6
|
+
.Badge_config_bt1qk7_d18um2tl__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--on-light-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-badge-color-clear:var(--on-light-text-primary);}
|
7
|
+
.Badge_config_bt1qk7_l1ax9ooi__0ab270fd{--plasma-badge-color:var(--on-light-text-primary);--plasma-badge-background:var(--on-dark-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-badge-color-clear:var(--on-dark-text-primary);}
|
8
|
+
.Badge_config_bt1qk7_l120gqtu__0ab270fd{--plasma-badge-border-radius:0.5rem;--plasma-badge-height:1.75rem;--plasma-badge-padding-right:0.6875rem;--plasma-badge-padding-left:0.6875rem;--plasma-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.25rem;--plasma-badge-right-content-margin-left:0.25rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
9
|
+
.Badge_config_bt1qk7_m1axkt51__0ab270fd{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.5rem;--plasma-badge-padding-right:0.5625rem;--plasma-badge-padding-left:0.5625rem;--plasma-badge-font-family:var(--plasma-typo-body-xs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.1875rem;--plasma-badge-right-content-margin-left:0.1875rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
10
|
+
.Badge_config_bt1qk7_s1nq2efa__0ab270fd{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.25rem;--plasma-badge-padding-right:0.4375rem;--plasma-badge-padding-left:0.4375rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
11
|
+
.Badge_config_bt1qk7_t1nw4jlc__0ab270fd{--plasma-badge-pilled-border-radius:1.25rem;}
|
13
12
|
|
14
13
|
|
package/css/es/index.css
CHANGED
@@ -45,18 +45,17 @@
|
|
45
45
|
.Avatar_config_weecw4_f3cx8li__718d4a45{--plasma-avatar-size:100%;--plasma-avatar-font-size:0;--plasma-avatar-font-weight:0;--plasma-avatar-line-height:0;--plasma-status-icon-size:0;}
|
46
46
|
.Avatar_config_weecw4_t12fbiph__718d4a45{--plasma-avatar-outline-size:0.1rem;--plasma-avatar-outline-offset:-0.2rem;--plasma-avatar-outline-color:var(--surface-accent);}
|
47
47
|
|
48
|
-
.
|
49
|
-
.
|
50
|
-
.
|
51
|
-
.
|
52
|
-
.
|
53
|
-
.
|
54
|
-
.
|
55
|
-
.
|
56
|
-
.
|
57
|
-
.
|
58
|
-
.
|
59
|
-
.Badge_config_14w52kg_ttdupg3__711fb32f{--plasma-badge-pilled-border-radius:1.25rem;}
|
48
|
+
.Badge_config_bt1qk7_d1jjv431__0ab270fd{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);--plasma-badge-color-clear:var(--text-primary);}
|
49
|
+
.Badge_config_bt1qk7_a19urrnd__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-accent);--plasma-badge-color-transparent:var(--text-accent);--plasma-badge-background-transparent:var(--surface-transparent-accent);--plasma-badge-color-clear:var(--text-accent);}
|
50
|
+
.Badge_config_bt1qk7_pyyyj31__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-positive);--plasma-badge-color-transparent:var(--text-positive);--plasma-badge-background-transparent:var(--surface-transparent-positive);--plasma-badge-color-clear:var(--text-positive);}
|
51
|
+
.Badge_config_bt1qk7_wuooskw__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-warning);--plasma-badge-color-transparent:var(--text-warning);--plasma-badge-background-transparent:var(--surface-transparent-warning);--plasma-badge-color-clear:var(--text-warning);}
|
52
|
+
.Badge_config_bt1qk7_n15m2vr9__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-negative);--plasma-badge-color-transparent:var(--text-negative);--plasma-badge-background-transparent:var(--surface-transparent-negative);--plasma-badge-color-clear:var(--text-negative);}
|
53
|
+
.Badge_config_bt1qk7_d18um2tl__0ab270fd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--on-light-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-badge-color-clear:var(--on-light-text-primary);}
|
54
|
+
.Badge_config_bt1qk7_l1ax9ooi__0ab270fd{--plasma-badge-color:var(--on-light-text-primary);--plasma-badge-background:var(--on-dark-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-badge-color-clear:var(--on-dark-text-primary);}
|
55
|
+
.Badge_config_bt1qk7_l120gqtu__0ab270fd{--plasma-badge-border-radius:0.5rem;--plasma-badge-height:1.75rem;--plasma-badge-padding-right:0.6875rem;--plasma-badge-padding-left:0.6875rem;--plasma-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.25rem;--plasma-badge-right-content-margin-left:0.25rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
56
|
+
.Badge_config_bt1qk7_m1axkt51__0ab270fd{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.5rem;--plasma-badge-padding-right:0.5625rem;--plasma-badge-padding-left:0.5625rem;--plasma-badge-font-family:var(--plasma-typo-body-xs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.1875rem;--plasma-badge-right-content-margin-left:0.1875rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
57
|
+
.Badge_config_bt1qk7_s1nq2efa__0ab270fd{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.25rem;--plasma-badge-padding-right:0.4375rem;--plasma-badge-padding-left:0.4375rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
|
58
|
+
.Badge_config_bt1qk7_t1nw4jlc__0ab270fd{--plasma-badge-pilled-border-radius:1.25rem;}
|
60
59
|
|
61
60
|
|
62
61
|
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
|
2
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3
3
|
import { css, badgeTokens } from '@salutejs/plasma-new-hope/styled-components';
|
4
4
|
export var config = {
|
@@ -19,17 +19,16 @@ export var config = {
|
|
19
19
|
size: {
|
20
20
|
l: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 1.75rem;\n ", ": 0.6875rem;\n ", ": 0.6875rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.25rem;\n\n ", ": 0.25rem;\n ", ": -0.0625rem;\n "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
|
21
21
|
m: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.5rem;\n ", ": 0.5625rem;\n ", ": 0.5625rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.1875rem;\n\n ", ": 0.1875rem;\n ", ": -0.0625rem;\n "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
|
22
|
-
s: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.25rem;\n ", ": 0.4375rem;\n ", ": 0.4375rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight)
|
23
|
-
xs: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": 1rem;\n ", ": 0.313rem;\n ", ": 0.313rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight)
|
22
|
+
s: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.25rem;\n ", ": 0.4375rem;\n ", ": 0.4375rem;\n\n ", ": var(--plasma-typo-body-xxs-font-family);\n ", ": var(--plasma-typo-body-xxs-font-size);\n ", ": var(--plasma-typo-body-xxs-font-style);\n ", ": var(--plasma-typo-body-xxs-font-weight);\n ", ": var(--plasma-typo-body-xxs-letter-spacing);\n ", ": var(--plasma-typo-body-xxs-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight)
|
24
23
|
},
|
25
24
|
pilled: {
|
26
|
-
"true": /*#__PURE__*/css(
|
25
|
+
"true": /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n "])), badgeTokens.pilledBorderRadius)
|
27
26
|
},
|
28
27
|
transparent: {
|
29
|
-
"true": /*#__PURE__*/css(
|
28
|
+
"true": /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
30
29
|
},
|
31
30
|
clear: {
|
32
|
-
"true": /*#__PURE__*/css(
|
31
|
+
"true": /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
33
32
|
}
|
34
33
|
}
|
35
34
|
};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-b2c",
|
3
|
-
"version": "1.412.0-
|
3
|
+
"version": "1.412.0-dev.0",
|
4
4
|
"description": "Salute Design System / React UI kit for business-related web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -44,7 +44,7 @@
|
|
44
44
|
"dependencies": {
|
45
45
|
"@salutejs/plasma-core": "1.180.0",
|
46
46
|
"@salutejs/plasma-hope": "1.313.0",
|
47
|
-
"@salutejs/plasma-new-hope": "0.161.0-
|
47
|
+
"@salutejs/plasma-new-hope": "0.161.0-dev.0",
|
48
48
|
"@salutejs/plasma-themes": "0.18.0",
|
49
49
|
"@salutejs/plasma-tokens-b2c": "0.52.0",
|
50
50
|
"@salutejs/plasma-tokens-web": "1.57.0",
|
@@ -109,5 +109,5 @@
|
|
109
109
|
"react"
|
110
110
|
],
|
111
111
|
"sideEffects": false,
|
112
|
-
"gitHead": "
|
112
|
+
"gitHead": "77a1037be3e81202f2a2c35a64e3b5fe0b0a6380"
|
113
113
|
}
|