@salutejs/plasma-b2c 1.414.0-canary.1466.11254522155.0 → 1.414.0-canary.1475.11259649268.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-b2c.api.md +6 -6
- 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/components/DatePicker/DatePicker.d.ts +4 -4
- 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_1wx5g91.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_1wx5g91.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 +6 -6
package/api/plasma-b2c.api.md
CHANGED
|
@@ -59,6 +59,8 @@ import { CalendarDoubleProps } from '@salutejs/plasma-new-hope/styled-components
|
|
|
59
59
|
import { CalendarProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
60
60
|
import { CalendarRange } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
|
|
61
61
|
import { CalendarStateType } from '@salutejs/plasma-new-hope/styled-components';
|
|
62
|
+
import { CallbackChangeInstance } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
|
|
63
|
+
import { CallbackSearchInstance } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
|
|
62
64
|
import { canUseDOM } from '@salutejs/plasma-core';
|
|
63
65
|
import { Card } from '@salutejs/plasma-hope';
|
|
64
66
|
import { CardBadge } from '@salutejs/plasma-hope';
|
|
@@ -104,7 +106,6 @@ import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/P
|
|
|
104
106
|
import { CustomTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/TabItem/TabItem.types';
|
|
105
107
|
import { CustomTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/Tabs/Tabs.types';
|
|
106
108
|
import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
|
|
107
|
-
import { DateInfo } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
|
|
108
109
|
import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
|
|
109
110
|
import { datePickerClasses } from '@salutejs/plasma-new-hope/styled-components';
|
|
110
111
|
import { DatePickerdVariationProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
|
|
@@ -701,7 +702,6 @@ size: {
|
|
|
701
702
|
l: PolymorphicClassName;
|
|
702
703
|
m: PolymorphicClassName;
|
|
703
704
|
s: PolymorphicClassName;
|
|
704
|
-
xs: PolymorphicClassName;
|
|
705
705
|
};
|
|
706
706
|
pilled: {
|
|
707
707
|
true: PolymorphicClassName;
|
|
@@ -1589,8 +1589,10 @@ true: PolymorphicClassName;
|
|
|
1589
1589
|
defaultFirstDate?: Date | undefined;
|
|
1590
1590
|
defaultSecondDate?: Date | undefined;
|
|
1591
1591
|
name?: string | undefined;
|
|
1592
|
-
|
|
1593
|
-
|
|
1592
|
+
onChangeFirstValue?: CallbackChangeInstance | undefined;
|
|
1593
|
+
onChangeSecondValue?: CallbackChangeInstance | undefined;
|
|
1594
|
+
onCommitFirstDate?: CallbackSearchInstance | undefined;
|
|
1595
|
+
onCommitSecondDate?: CallbackSearchInstance | undefined;
|
|
1594
1596
|
onChange?: ((event: {
|
|
1595
1597
|
target: {
|
|
1596
1598
|
value?: string | undefined;
|
|
@@ -1622,8 +1624,6 @@ firstTextfieldTextBefore?: string | undefined;
|
|
|
1622
1624
|
secondTextfieldTextBefore?: string | undefined;
|
|
1623
1625
|
firstTextfieldTextAfter?: string | undefined;
|
|
1624
1626
|
secondTextfieldTextAfter?: string | undefined;
|
|
1625
|
-
onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
|
|
1626
|
-
onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
|
|
1627
1627
|
onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
1628
1628
|
onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
1629
1629
|
onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
@@ -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.25rem;\n ", ": 0.25rem;\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;
|
|
@@ -36,8 +36,10 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
|
|
|
36
36
|
defaultFirstDate?: Date | undefined;
|
|
37
37
|
defaultSecondDate?: Date | undefined;
|
|
38
38
|
name?: string | undefined;
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types").CallbackChangeInstance | undefined;
|
|
40
|
+
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types").CallbackChangeInstance | undefined;
|
|
41
|
+
onCommitFirstDate?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types").CallbackSearchInstance | undefined;
|
|
42
|
+
onCommitSecondDate?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types").CallbackSearchInstance | undefined;
|
|
41
43
|
onChange?: ((event: {
|
|
42
44
|
target: {
|
|
43
45
|
value?: string | undefined;
|
|
@@ -69,8 +71,6 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
|
|
|
69
71
|
secondTextfieldTextBefore?: string | undefined;
|
|
70
72
|
firstTextfieldTextAfter?: string | undefined;
|
|
71
73
|
secondTextfieldTextAfter?: string | undefined;
|
|
72
|
-
onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
|
|
73
|
-
onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
|
|
74
74
|
onFocusFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
75
75
|
onFocusSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
76
76
|
onBlurFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
@@ -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_1wx5g91_ttdupg3__f1684a2d{--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_1wx5g91_ttdupg3__f1684a2d{--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_1wx5g91_ttdupg3__f1684a2d{--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_1wx5g91_ttdupg3__f1684a2d{--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.25rem;\n ", ": 0.25rem;\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.414.0-canary.
|
|
3
|
+
"version": "1.414.0-canary.1475.11259649268.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.181.0-dev.0",
|
|
46
46
|
"@salutejs/plasma-hope": "1.314.0-dev.0",
|
|
47
|
-
"@salutejs/plasma-new-hope": "0.163.0-canary.
|
|
47
|
+
"@salutejs/plasma-new-hope": "0.163.0-canary.1475.11259649268.0",
|
|
48
48
|
"@salutejs/plasma-themes": "0.19.0-dev.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": "ee8a36dc82614fd81e47cdab0f8e937dddf25a19"
|
|
113
113
|
}
|
package/temp/plasma-b2c.api.md
CHANGED
|
@@ -59,6 +59,8 @@ import { CalendarDoubleProps } from '@salutejs/plasma-new-hope/styled-components
|
|
|
59
59
|
import { CalendarProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
60
60
|
import { CalendarRange } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
|
|
61
61
|
import { CalendarStateType } from '@salutejs/plasma-new-hope/styled-components';
|
|
62
|
+
import { CallbackChangeInstance } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
|
|
63
|
+
import { CallbackSearchInstance } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
|
|
62
64
|
import { canUseDOM } from '@salutejs/plasma-core';
|
|
63
65
|
import { Card } from '@salutejs/plasma-hope';
|
|
64
66
|
import { CardBadge } from '@salutejs/plasma-hope';
|
|
@@ -104,7 +106,6 @@ import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/P
|
|
|
104
106
|
import { CustomTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/TabItem/TabItem.types';
|
|
105
107
|
import { CustomTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/Tabs/Tabs.types';
|
|
106
108
|
import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
|
|
107
|
-
import { DateInfo } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
|
|
108
109
|
import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
|
|
109
110
|
import { datePickerClasses } from '@salutejs/plasma-new-hope/styled-components';
|
|
110
111
|
import { DatePickerdVariationProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
|
|
@@ -701,7 +702,6 @@ size: {
|
|
|
701
702
|
l: PolymorphicClassName;
|
|
702
703
|
m: PolymorphicClassName;
|
|
703
704
|
s: PolymorphicClassName;
|
|
704
|
-
xs: PolymorphicClassName;
|
|
705
705
|
};
|
|
706
706
|
pilled: {
|
|
707
707
|
true: PolymorphicClassName;
|
|
@@ -1589,8 +1589,10 @@ true: PolymorphicClassName;
|
|
|
1589
1589
|
defaultFirstDate?: Date | undefined;
|
|
1590
1590
|
defaultSecondDate?: Date | undefined;
|
|
1591
1591
|
name?: string | undefined;
|
|
1592
|
-
|
|
1593
|
-
|
|
1592
|
+
onChangeFirstValue?: CallbackChangeInstance | undefined;
|
|
1593
|
+
onChangeSecondValue?: CallbackChangeInstance | undefined;
|
|
1594
|
+
onCommitFirstDate?: CallbackSearchInstance | undefined;
|
|
1595
|
+
onCommitSecondDate?: CallbackSearchInstance | undefined;
|
|
1594
1596
|
onChange?: ((event: {
|
|
1595
1597
|
target: {
|
|
1596
1598
|
value?: string | undefined;
|
|
@@ -1622,8 +1624,6 @@ firstTextfieldTextBefore?: string | undefined;
|
|
|
1622
1624
|
secondTextfieldTextBefore?: string | undefined;
|
|
1623
1625
|
firstTextfieldTextAfter?: string | undefined;
|
|
1624
1626
|
secondTextfieldTextAfter?: string | undefined;
|
|
1625
|
-
onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
|
|
1626
|
-
onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
|
|
1627
1627
|
onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
1628
1628
|
onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
1629
1629
|
onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
|