@salutejs/plasma-web 1.494.1-canary.1688.12706274765.0 → 1.495.0-canary.1696.12706339837.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +126 -57
- package/components/Avatar/Avatar.config.d.ts +18 -0
- package/components/Avatar/Avatar.config.js +23 -5
- package/components/Avatar/Avatar.d.ts +250 -6
- package/components/Badge/Badge.d.ts +8 -48
- package/components/Counter/Counter.d.ts +1 -6
- package/css/cjs/components/Accordion/Accordion.config.js +1 -1
- package/css/cjs/components/Attach/Attach.config.js +1 -1
- package/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
- package/css/cjs/components/Avatar/Avatar.config.js +19 -1
- package/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
- package/css/cjs/components/Avatar/Avatar.config_1buqzeq.css +21 -0
- package/css/cjs/components/Avatar/Avatar.css +21 -7
- package/css/cjs/components/Badge/Badge.config.js +1 -1
- package/css/cjs/components/Breadcrumbs/Breadcrumbs.config.js +1 -1
- package/css/cjs/components/Button/Button.config.js +1 -1
- package/css/cjs/components/ButtonGroup/ButtonGroup.config.js +1 -1
- package/css/cjs/components/Calendar/CalendarBase.config.js +1 -1
- package/css/cjs/components/Calendar/CalendarDouble.config.js +1 -1
- package/css/cjs/components/Cell/Cell.config.js +1 -1
- package/css/cjs/components/Checkbox/Checkbox.config.js +1 -1
- package/css/cjs/components/Chip/Chip.config.js +1 -1
- package/css/cjs/components/ChipGroup/ChipGroup.config.js +1 -1
- package/css/cjs/components/Combobox/Combobox.config.js +1 -1
- package/css/cjs/components/Combobox/Combobox.js +2 -6
- package/css/cjs/components/Combobox/Combobox.js.map +1 -1
- package/css/cjs/components/Combobox/Legacy/Combobox.config.js +1 -1
- package/css/cjs/components/Counter/Counter.config.js +1 -1
- package/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
- package/css/cjs/components/Divider/Divider.config.js +1 -1
- package/css/cjs/components/Drawer/Drawer.config.js +1 -1
- package/css/cjs/components/Dropdown/Dropdown.config.js +1 -1
- package/css/cjs/components/Dropdown/Dropdown.js +1 -5
- package/css/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/css/cjs/components/Dropdown/components/DropdownItem.js +3 -8
- package/css/cjs/components/Dropdown/components/DropdownItem.js.map +1 -1
- package/css/cjs/components/Dropdown/components/DropdownList.js +1 -5
- package/css/cjs/components/Dropdown/components/DropdownList.js.map +1 -1
- package/css/cjs/components/Dropdown/components/DropdownOld.config.js +1 -1
- package/css/cjs/components/Dropdown/components/DropdownPopup.js +1 -5
- package/css/cjs/components/Dropdown/components/DropdownPopup.js.map +1 -1
- package/css/cjs/components/Dropzone/Dropzone.config.js +1 -1
- package/css/cjs/components/Editable/Editable.config.js +1 -1
- package/css/cjs/components/EmptyState/EmptyState.config.js +1 -1
- package/css/cjs/components/Grid/Grid.config.js +1 -1
- package/css/cjs/components/IconButton/IconButton.config.js +1 -1
- package/css/cjs/components/Indicator/Indicator.config.js +1 -1
- package/css/cjs/components/Link/Link.config.js +1 -1
- package/css/cjs/components/ModalBase/Modal.config.js +1 -1
- package/css/cjs/components/Note/Note.config.js +1 -1
- package/css/cjs/components/Notification/Notification.config.js +1 -1
- package/css/cjs/components/Notification/Notification.js +1 -5
- package/css/cjs/components/Notification/Notification.js.map +1 -1
- package/css/cjs/components/NumberInput/NumberInput.config.js +1 -1
- package/css/cjs/components/Pagination/Pagination.config.js +1 -1
- package/css/cjs/components/Popover/Popover.config.js +1 -1
- package/css/cjs/components/Progress/Progress.config.js +1 -1
- package/css/cjs/components/Radiobox/Radiobox.config.js +1 -1
- package/css/cjs/components/Range/Range.config.js +1 -1
- package/css/cjs/components/Rating/Rating.config.js +1 -1
- package/css/cjs/components/Segment/SegmentGroup.config.js +1 -1
- package/css/cjs/components/Segment/SegmentItem.config.js +1 -1
- package/css/cjs/components/Select/Select.config.js +1 -1
- package/css/cjs/components/Select/Select.js +1 -5
- package/css/cjs/components/Select/Select.js.map +1 -1
- package/css/cjs/components/Sheet/Sheet.config.js +1 -1
- package/css/cjs/components/Skeleton/LineSkeleton.config.js +1 -1
- package/css/cjs/components/Slider/Slider.config.js +1 -1
- package/css/cjs/components/Spinner/Spinner.config.js +1 -1
- package/css/cjs/components/Steps/Steps.config.js +1 -1
- package/css/cjs/components/Switch/Switch.config.js +1 -1
- package/css/cjs/components/Tabs/TabItem.js +2 -6
- package/css/cjs/components/Tabs/TabItem.js.map +1 -1
- package/css/cjs/components/Tabs/Tabs.js +2 -6
- package/css/cjs/components/Tabs/Tabs.js.map +1 -1
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +1 -1
- package/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +1 -1
- package/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
- package/css/cjs/components/Tabs/vertical/VerticalTabs.config.js +1 -1
- package/css/cjs/components/TextArea/TextArea.config.js +1 -1
- package/css/cjs/components/TextField/TextField.config.js +1 -1
- package/css/cjs/components/TextField/TextField.js +2 -6
- package/css/cjs/components/TextField/TextField.js.map +1 -1
- package/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js +1 -1
- package/css/cjs/components/Toast/Toast.config.js +1 -1
- package/css/cjs/components/Toolbar/Toolbar.config.js +1 -1
- package/css/cjs/components/Tooltip/Tooltip.config.js +1 -1
- package/css/cjs/components/Tree/Tree.config.js +1 -1
- package/css/cjs/components/Typography/Body.config.js +1 -1
- package/css/cjs/components/Typography/Dspl.config.js +1 -1
- package/css/cjs/components/Typography/Heading.config.js +1 -1
- package/css/cjs/components/Typography/Old/Body.config.js +1 -1
- package/css/cjs/components/Typography/Old/Button.config.js +1 -1
- package/css/cjs/components/Typography/Old/Caption.config.js +1 -1
- package/css/cjs/components/Typography/Old/Footnote.config.js +1 -1
- package/css/cjs/components/Typography/Old/Headline.config.js +1 -1
- package/css/cjs/components/Typography/Old/Paragraph.config.js +1 -1
- package/css/cjs/components/Typography/Old/ParagraphText.config.js +1 -1
- package/css/cjs/components/Typography/Old/Subtitle.config.js +1 -1
- package/css/cjs/components/Typography/Old/Underline.config.js +1 -1
- package/css/cjs/components/Typography/Text.config.js +1 -1
- package/css/cjs/index.css +21 -7
- package/css/es/components/Avatar/Avatar.config.js +19 -1
- package/css/es/components/Avatar/Avatar.config.js.map +1 -1
- package/css/es/components/Avatar/Avatar.config_1buqzeq.css +21 -0
- package/css/es/components/Avatar/Avatar.css +21 -7
- package/css/es/index.css +21 -7
- package/es/components/Avatar/Avatar.config.js +23 -5
- package/package.json +3 -3
- package/rollup.config.mjs +55 -68
- package/temp/plasma-web.api.md +126 -57
- package/css/cjs/components/Avatar/Avatar.config_weecw4.css +0 -7
- package/css/es/components/Avatar/Avatar.config_weecw4.css +0 -7
@@ -38,28 +38,10 @@ export declare const Badge: import("react").FunctionComponent<import("@salutejs/
|
|
38
38
|
} & {
|
39
39
|
contentLeft?: import("react").ReactNode;
|
40
40
|
contentRight?: undefined;
|
41
|
-
} & {
|
42
|
-
children?: import("react").ReactNode;
|
43
41
|
} & {
|
44
42
|
clear?: true | undefined;
|
45
|
-
pilled?:
|
46
|
-
transparent?:
|
47
|
-
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
48
|
-
text?: string | undefined;
|
49
|
-
customColor?: string | undefined;
|
50
|
-
customBackgroundColor?: string | undefined;
|
51
|
-
maxWidth?: import("csstype").Property.Width<string | number> | undefined;
|
52
|
-
size?: string | undefined;
|
53
|
-
view?: string | undefined;
|
54
|
-
} & {
|
55
|
-
contentLeft?: import("react").ReactNode;
|
56
|
-
contentRight?: undefined;
|
57
|
-
} & {
|
58
|
-
children?: import("react").ReactNode;
|
59
|
-
} & {
|
60
|
-
pilled?: true | undefined;
|
61
|
-
transparent?: boolean | undefined;
|
62
|
-
clear?: false | undefined;
|
43
|
+
pilled?: undefined;
|
44
|
+
transparent?: undefined;
|
63
45
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
64
46
|
text?: string | undefined;
|
65
47
|
customColor?: string | undefined;
|
@@ -70,12 +52,10 @@ export declare const Badge: import("react").FunctionComponent<import("@salutejs/
|
|
70
52
|
} & {
|
71
53
|
contentLeft?: import("react").ReactNode;
|
72
54
|
contentRight?: undefined;
|
73
|
-
} & {
|
74
|
-
children?: import("react").ReactNode;
|
75
55
|
} & {
|
76
56
|
pilled?: boolean | undefined;
|
77
|
-
transparent?:
|
78
|
-
clear?:
|
57
|
+
transparent?: boolean | undefined;
|
58
|
+
clear?: undefined;
|
79
59
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
80
60
|
text?: string | undefined;
|
81
61
|
customColor?: string | undefined;
|
@@ -86,28 +66,10 @@ export declare const Badge: import("react").FunctionComponent<import("@salutejs/
|
|
86
66
|
} & {
|
87
67
|
contentLeft?: undefined;
|
88
68
|
contentRight?: import("react").ReactNode;
|
89
|
-
} & {
|
90
|
-
children?: import("react").ReactNode;
|
91
69
|
} & {
|
92
70
|
clear?: true | undefined;
|
93
|
-
pilled?:
|
94
|
-
transparent?:
|
95
|
-
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
96
|
-
text?: string | undefined;
|
97
|
-
customColor?: string | undefined;
|
98
|
-
customBackgroundColor?: string | undefined;
|
99
|
-
maxWidth?: import("csstype").Property.Width<string | number> | undefined;
|
100
|
-
size?: string | undefined;
|
101
|
-
view?: string | undefined;
|
102
|
-
} & {
|
103
|
-
contentLeft?: undefined;
|
104
|
-
contentRight?: import("react").ReactNode;
|
105
|
-
} & {
|
106
|
-
children?: import("react").ReactNode;
|
107
|
-
} & {
|
108
|
-
pilled?: true | undefined;
|
109
|
-
transparent?: boolean | undefined;
|
110
|
-
clear?: false | undefined;
|
71
|
+
pilled?: undefined;
|
72
|
+
transparent?: undefined;
|
111
73
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
112
74
|
text?: string | undefined;
|
113
75
|
customColor?: string | undefined;
|
@@ -118,10 +80,8 @@ export declare const Badge: import("react").FunctionComponent<import("@salutejs/
|
|
118
80
|
} & {
|
119
81
|
contentLeft?: undefined;
|
120
82
|
contentRight?: import("react").ReactNode;
|
121
|
-
} & {
|
122
|
-
children?: import("react").ReactNode;
|
123
83
|
} & {
|
124
84
|
pilled?: boolean | undefined;
|
125
|
-
transparent?:
|
126
|
-
clear?:
|
85
|
+
transparent?: boolean | undefined;
|
86
|
+
clear?: undefined;
|
127
87
|
} & import("react").RefAttributes<HTMLDivElement>))>;
|
@@ -20,9 +20,4 @@ export declare const Counter: import("react").FunctionComponent<import("@salutej
|
|
20
20
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
21
21
|
xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
22
22
|
};
|
23
|
-
}> & import("react").HTMLAttributes<HTMLDivElement> &
|
24
|
-
count: number;
|
25
|
-
maxCount?: number | undefined;
|
26
|
-
size?: string | undefined;
|
27
|
-
view?: string | undefined;
|
28
|
-
} & import("react").RefAttributes<HTMLDivElement>>;
|
23
|
+
}> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/Counter/Counter.types").CustomCounterProps & import("react").RefAttributes<HTMLDivElement>>;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
|
1
|
+
import './Avatar.config_1buqzeq.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -22,6 +22,24 @@ var config = {
|
|
22
22
|
},
|
23
23
|
focused: {
|
24
24
|
"true": "t12fbiph"
|
25
|
+
},
|
26
|
+
badgeView: {
|
27
|
+
"default": "d1v24dm1",
|
28
|
+
accent: "aklmhlm",
|
29
|
+
positive: "pts1qri",
|
30
|
+
warning: "wu8qekr",
|
31
|
+
negative: "nc00x8o",
|
32
|
+
dark: "d4vpurz",
|
33
|
+
light: "lh713v8"
|
34
|
+
},
|
35
|
+
counterView: {
|
36
|
+
"default": "d18xlm4d",
|
37
|
+
accent: "a19kwqy5",
|
38
|
+
positive: "p1jpkhmc",
|
39
|
+
warning: "w1rt05zb",
|
40
|
+
negative: "n18uzb5o",
|
41
|
+
dark: "dwmydiz",
|
42
|
+
light: "l84jq18"
|
25
43
|
}
|
26
44
|
}
|
27
45
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Avatar.config.js","sources":["../../../../src-css/components/Avatar/Avatar.config.tsx"],"sourcesContent":["import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'xxl',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-accent-gradient);\n ${tokens.backgroundColor}: linear-gradient(94deg, rgba(62, 121, 240, 0.2) 6.49%, rgba(39, 198, 229, 0.2) 93.51%);\n ${tokens.statusOnlineColor}: var(--surface-positive);\n ${tokens.statusOfflineColor}: var(--surface-solid-tertiary);\n ${tokens.scaleHover}: 1.02;\n ${tokens.fontFamily}: var(--plasma-typo-text-font-family);\n `,\n },\n size: {\n // TODO: #1044 токены типографики в Avatar\n xxl: css`\n ${tokens.avatarSize}: 6.25rem;\n ${tokens.fontSize}: 2rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 2rem;\n ${tokens.statusIconSize}: 0.75rem;\n `,\n l: css`\n ${tokens.avatarSize}: 3rem;\n ${tokens.fontSize}: 1.25rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 1.25rem;\n ${tokens.statusIconSize}: 0.5rem;\n `,\n m: css`\n ${tokens.avatarSize}: 2.25rem;\n ${tokens.fontSize}: 0.875rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.875rem;\n ${tokens.statusIconSize}: 0.5rem;\n `,\n s: css`\n ${tokens.avatarSize}: 1.5rem;\n ${tokens.fontSize}: 0.5rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.5rem;\n ${tokens.statusIconSize}: 0.375rem;\n `,\n fit: css`\n ${tokens.avatarSize}: 100%;\n ${tokens.fontSize}: 0;\n ${tokens.fontWeight}: 0;\n ${tokens.lineHeight}: 0;\n ${tokens.statusIconSize}: 0;\n `,\n },\n focused: {\n true: css`\n ${tokens.outlineSize}: 0.1rem;\n ${tokens.outlineOffset}: -0.2rem;\n ${tokens.outlineColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","xxl","l","m","s","fit","focused","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,KAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAQV;AACDF,IAAAA,IAAI,EAAE;AACF;AACAG,MAAAA,GAAG,EAMF,UAAA;AACDC,MAAAA,CAAC,EAMA,SAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAON;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAI,EAAA,UAAA;AAKR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
1
|
+
{"version":3,"file":"Avatar.config.js","sources":["../../../../src-css/components/Avatar/Avatar.config.tsx"],"sourcesContent":["import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'xxl',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-accent-gradient);\n ${tokens.backgroundColor}: linear-gradient(94deg, rgba(62, 121, 240, 0.2) 6.49%, rgba(39, 198, 229, 0.2) 93.51%);\n ${tokens.statusOnlineColor}: var(--surface-positive);\n ${tokens.statusOfflineColor}: var(--surface-solid-tertiary);\n ${tokens.scaleHover}: 1.02;\n ${tokens.fontFamily}: var(--plasma-typo-text-font-family);\n `,\n },\n size: {\n // TODO: #1044 токены типографики в Avatar\n xxl: css`\n ${tokens.avatarSize}: 6.25rem;\n ${tokens.fontSize}: 2rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 2rem;\n ${tokens.statusIconSize}: 0.75rem;\n\n ${tokens.badgeBorderRadius}: 0.5rem;\n ${tokens.badgeHeight}: 1.75rem;\n ${tokens.badgePadding}: 0 0.688rem;\n ${tokens.badgePaddingIconOnly}: 0 0.375rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.25rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.25rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.75rem;\n ${tokens.counterPadding}: 0 0.625rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n l: css`\n ${tokens.avatarSize}: 3rem;\n ${tokens.fontSize}: 1.25rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 1.25rem;\n ${tokens.statusIconSize}: 0.5rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.375rem;\n ${tokens.badgeHeight}: 1.25rem;\n ${tokens.badgePadding}: 0 0.438rem;\n ${tokens.badgePaddingIconOnly}: 0 0.25rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.25rem;\n ${tokens.counterPadding}: 0 0.375rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n m: css`\n ${tokens.avatarSize}: 2.25rem;\n ${tokens.fontSize}: 0.875rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.875rem;\n ${tokens.statusIconSize}: 0.5rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.25rem;\n ${tokens.badgeHeight}: 1rem;\n ${tokens.badgePadding}: 0 0.25rem;\n ${tokens.badgePaddingIconOnly}: 0 0.188rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1rem;\n ${tokens.counterPadding}: 0 0.25rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n s: css`\n ${tokens.avatarSize}: 1.5rem;\n ${tokens.fontSize}: 0.5rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.5rem;\n ${tokens.statusIconSize}: 0.375rem;\n\n ${tokens.extraPlacementFactor}: 1;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 0.75rem;\n ${tokens.counterPadding}: 0 0.125rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n fit: css`\n ${tokens.avatarSize}: 100%;\n ${tokens.fontSize}: 0;\n ${tokens.fontWeight}: 0;\n ${tokens.lineHeight}: 0;\n ${tokens.statusIconSize}: 0;\n `,\n },\n focused: {\n true: css`\n ${tokens.outlineSize}: 0.1rem;\n ${tokens.outlineOffset}: -0.2rem;\n ${tokens.outlineColor}: var(--surface-accent);\n `,\n },\n badgeView: {\n default: css`\n ${tokens.badgeColor}: var(--inverse-text-primary);\n ${tokens.badgeBackground}: var(--surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-secondary);\n\n ${tokens.badgeColorClear}: var(--text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n accent: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-accent);\n\n ${tokens.badgeColorTransparent}: var(--text-accent);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-accent);\n\n ${tokens.badgeColorClear}: var(--text-accent);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n positive: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-positive);\n\n ${tokens.badgeColorTransparent}: var(--text-positive);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);\n\n ${tokens.badgeColorClear}: var(--text-positive);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n warning: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-warning);\n\n ${tokens.badgeColorTransparent}: var(--text-warning);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);\n\n ${tokens.badgeColorClear}: var(--text-warning);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n negative: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-negative);\n\n ${tokens.badgeColorTransparent}: var(--text-negative);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-negative);\n\n ${tokens.badgeColorClear}: var(--text-negative);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n dark: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--on-light-surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n ${tokens.badgeColorClear}: var(--on-light-text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n light: css`\n ${tokens.badgeColor}: var(--on-light-text-primary);\n ${tokens.badgeBackground}: var(--on-dark-surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n ${tokens.badgeColorClear}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n },\n counterView: {\n default: css`\n ${tokens.counterColor}: var(--inverse-text-primary);\n ${tokens.counterBackground}: var(--surface-solid-default);\n `,\n accent: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-accent);\n `,\n positive: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-positive);\n `,\n warning: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-warning);\n `,\n negative: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-negative);\n `,\n dark: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--on-light-surface-solid-default);\n `,\n light: css`\n ${tokens.counterColor}: var(--on-light-text-primary);\n ${tokens.counterBackground}: var(--on-dark-surface-solid-default);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","xxl","l","m","s","fit","focused","true","badgeView","accent","positive","warning","negative","dark","light","counterView"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,KAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAQV;AACDF,IAAAA,IAAI,EAAE;AACF;AACAG,MAAAA,GAAG,EAmCF,UAAA;AACDC,MAAAA,CAAC,EAqCA,SAAA;AACDC,MAAAA,CAAC,EAqCA,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAON;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAI,EAAA,UAAA;KAKP;AACDC,IAAAA,SAAS,EAAE;AACPR,MAAAA,SAAAA,EASC,UAAA;AACDS,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAUR;AACDC,IAAAA,WAAW,EAAE;AACTf,MAAAA,SAAAA,EAGC,UAAA;AACDS,MAAAA,MAAM,EAGL,UAAA;AACDC,MAAAA,QAAQ,EAGP,UAAA;AACDC,MAAAA,OAAO,EAGN,UAAA;AACDC,MAAAA,QAAQ,EAGP,UAAA;AACDC,MAAAA,IAAI,EAGH,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;AAIT,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
.d1wlf450{--plasma-avatar-color:var(--text-accent-gradient);--plasma-avatar-background:linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);--plasma-avatar-status-online-background:var(--surface-positive);--plasma-avatar-status-offline-background:var(--surface-solid-tertiary);--plasma-avatar-scale-hover:1.02;--plasma-avatar-font-family:var(--plasma-typo-text-font-family);}
|
2
|
+
.x1ntw407{--plasma-avatar-size:6.25rem;--plasma-avatar-font-size:2rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:2rem;--plasma-status-icon-size:0.75rem;--plasma-avatar-extra-badge-border-radius:0.5rem;--plasma-avatar-extra-badge-height:1.75rem;--plasma-avatar-extra-badge-padding:0 0.688rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.375rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.25rem;--plasma-avatar-extra-badge-right-content-margin-left:0.25rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.75rem;--plasma-avatar-extra-counter-padding:0 0.625rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-s-line-height);}
|
3
|
+
.l3mxzec{--plasma-avatar-size:3rem;--plasma-avatar-font-size:1.25rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:1.25rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.375rem;--plasma-avatar-extra-badge-height:1.25rem;--plasma-avatar-extra-badge-padding:0 0.438rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.25rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.25rem;--plasma-avatar-extra-counter-padding:0 0.375rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
4
|
+
.m1tqy9r4{--plasma-avatar-size:2.25rem;--plasma-avatar-font-size:0.875rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.875rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.25rem;--plasma-avatar-extra-badge-height:1rem;--plasma-avatar-extra-badge-padding:0 0.25rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.188rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1rem;--plasma-avatar-extra-counter-padding:0 0.25rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
5
|
+
.s110gq94{--plasma-avatar-size:1.5rem;--plasma-avatar-font-size:0.5rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.5rem;--plasma-status-icon-size:0.375rem;--plasma-avatar-extra-placement-factor:1;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:0.75rem;--plasma-avatar-extra-counter-padding:0 0.125rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
6
|
+
.f3cx8li{--plasma-avatar-size:100%;--plasma-avatar-font-size:0;--plasma-avatar-font-weight:0;--plasma-avatar-line-height:0;--plasma-status-icon-size:0;}
|
7
|
+
.t12fbiph{--plasma-avatar-outline-size:0.1rem;--plasma-avatar-outline-offset:-0.2rem;--plasma-avatar-outline-color:var(--surface-accent);}
|
8
|
+
.d1v24dm1{--plasma-avatar-extra-badge-color:var(--inverse-text-primary);--plasma-avatar-extra-badge-background:var(--surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--text-primary);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-secondary);--plasma-avatar-extra-badge-color-clear:var(--text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
9
|
+
.aklmhlm{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-accent);--plasma-avatar-extra-badge-color-transparent:var(--text-accent);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-accent);--plasma-avatar-extra-badge-color-clear:var(--text-accent);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
10
|
+
.pts1qri{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-positive);--plasma-avatar-extra-badge-color-transparent:var(--text-positive);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-positive);--plasma-avatar-extra-badge-color-clear:var(--text-positive);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
11
|
+
.wu8qekr{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-warning);--plasma-avatar-extra-badge-color-transparent:var(--text-warning);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-warning);--plasma-avatar-extra-badge-color-clear:var(--text-warning);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
12
|
+
.nc00x8o{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-negative);--plasma-avatar-extra-badge-color-transparent:var(--text-negative);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-negative);--plasma-avatar-extra-badge-color-clear:var(--text-negative);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
13
|
+
.d4vpurz{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--on-light-surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-avatar-extra-badge-color-clear:var(--on-light-text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
14
|
+
.lh713v8{--plasma-avatar-extra-badge-color:var(--on-light-text-primary);--plasma-avatar-extra-badge-background:var(--on-dark-surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-avatar-extra-badge-color-clear:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
15
|
+
.d18xlm4d{--plasma-avatar-extra-counter-color:var(--inverse-text-primary);--plasma-avatar-extra-counter-background:var(--surface-solid-default);}
|
16
|
+
.a19kwqy5{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-accent);}
|
17
|
+
.p1jpkhmc{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-positive);}
|
18
|
+
.w1rt05zb{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-warning);}
|
19
|
+
.n18uzb5o{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-negative);}
|
20
|
+
.dwmydiz{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--on-light-surface-solid-default);}
|
21
|
+
.l84jq18{--plasma-avatar-extra-counter-color:var(--on-light-text-primary);--plasma-avatar-extra-counter-background:var(--on-dark-surface-solid-default);}
|
@@ -1,7 +1,21 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.
|
7
|
-
.
|
1
|
+
.Avatar_config_1buqzeq_d1wlf450__1b050186{--plasma-avatar-color:var(--text-accent-gradient);--plasma-avatar-background:linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);--plasma-avatar-status-online-background:var(--surface-positive);--plasma-avatar-status-offline-background:var(--surface-solid-tertiary);--plasma-avatar-scale-hover:1.02;--plasma-avatar-font-family:var(--plasma-typo-text-font-family);}
|
2
|
+
.Avatar_config_1buqzeq_x1ntw407__1b050186{--plasma-avatar-size:6.25rem;--plasma-avatar-font-size:2rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:2rem;--plasma-status-icon-size:0.75rem;--plasma-avatar-extra-badge-border-radius:0.5rem;--plasma-avatar-extra-badge-height:1.75rem;--plasma-avatar-extra-badge-padding:0 0.688rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.375rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.25rem;--plasma-avatar-extra-badge-right-content-margin-left:0.25rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.75rem;--plasma-avatar-extra-counter-padding:0 0.625rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-s-line-height);}
|
3
|
+
.Avatar_config_1buqzeq_l3mxzec__1b050186{--plasma-avatar-size:3rem;--plasma-avatar-font-size:1.25rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:1.25rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.375rem;--plasma-avatar-extra-badge-height:1.25rem;--plasma-avatar-extra-badge-padding:0 0.438rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.25rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.25rem;--plasma-avatar-extra-counter-padding:0 0.375rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
4
|
+
.Avatar_config_1buqzeq_m1tqy9r4__1b050186{--plasma-avatar-size:2.25rem;--plasma-avatar-font-size:0.875rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.875rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.25rem;--plasma-avatar-extra-badge-height:1rem;--plasma-avatar-extra-badge-padding:0 0.25rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.188rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1rem;--plasma-avatar-extra-counter-padding:0 0.25rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
5
|
+
.Avatar_config_1buqzeq_s110gq94__1b050186{--plasma-avatar-size:1.5rem;--plasma-avatar-font-size:0.5rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.5rem;--plasma-status-icon-size:0.375rem;--plasma-avatar-extra-placement-factor:1;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:0.75rem;--plasma-avatar-extra-counter-padding:0 0.125rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
6
|
+
.Avatar_config_1buqzeq_f3cx8li__1b050186{--plasma-avatar-size:100%;--plasma-avatar-font-size:0;--plasma-avatar-font-weight:0;--plasma-avatar-line-height:0;--plasma-status-icon-size:0;}
|
7
|
+
.Avatar_config_1buqzeq_t12fbiph__1b050186{--plasma-avatar-outline-size:0.1rem;--plasma-avatar-outline-offset:-0.2rem;--plasma-avatar-outline-color:var(--surface-accent);}
|
8
|
+
.Avatar_config_1buqzeq_d1v24dm1__1b050186{--plasma-avatar-extra-badge-color:var(--inverse-text-primary);--plasma-avatar-extra-badge-background:var(--surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--text-primary);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-secondary);--plasma-avatar-extra-badge-color-clear:var(--text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
9
|
+
.Avatar_config_1buqzeq_aklmhlm__1b050186{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-accent);--plasma-avatar-extra-badge-color-transparent:var(--text-accent);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-accent);--plasma-avatar-extra-badge-color-clear:var(--text-accent);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
10
|
+
.Avatar_config_1buqzeq_pts1qri__1b050186{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-positive);--plasma-avatar-extra-badge-color-transparent:var(--text-positive);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-positive);--plasma-avatar-extra-badge-color-clear:var(--text-positive);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
11
|
+
.Avatar_config_1buqzeq_wu8qekr__1b050186{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-warning);--plasma-avatar-extra-badge-color-transparent:var(--text-warning);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-warning);--plasma-avatar-extra-badge-color-clear:var(--text-warning);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
12
|
+
.Avatar_config_1buqzeq_nc00x8o__1b050186{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-negative);--plasma-avatar-extra-badge-color-transparent:var(--text-negative);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-negative);--plasma-avatar-extra-badge-color-clear:var(--text-negative);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
13
|
+
.Avatar_config_1buqzeq_d4vpurz__1b050186{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--on-light-surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-avatar-extra-badge-color-clear:var(--on-light-text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
14
|
+
.Avatar_config_1buqzeq_lh713v8__1b050186{--plasma-avatar-extra-badge-color:var(--on-light-text-primary);--plasma-avatar-extra-badge-background:var(--on-dark-surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-avatar-extra-badge-color-clear:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
15
|
+
.Avatar_config_1buqzeq_d18xlm4d__1b050186{--plasma-avatar-extra-counter-color:var(--inverse-text-primary);--plasma-avatar-extra-counter-background:var(--surface-solid-default);}
|
16
|
+
.Avatar_config_1buqzeq_a19kwqy5__1b050186{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-accent);}
|
17
|
+
.Avatar_config_1buqzeq_p1jpkhmc__1b050186{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-positive);}
|
18
|
+
.Avatar_config_1buqzeq_w1rt05zb__1b050186{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-warning);}
|
19
|
+
.Avatar_config_1buqzeq_n18uzb5o__1b050186{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-negative);}
|
20
|
+
.Avatar_config_1buqzeq_dwmydiz__1b050186{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--on-light-surface-solid-default);}
|
21
|
+
.Avatar_config_1buqzeq_l84jq18__1b050186{--plasma-avatar-extra-counter-color:var(--on-light-text-primary);--plasma-avatar-extra-counter-background:var(--on-dark-surface-solid-default);}
|
@@ -8,19 +8,15 @@ var React = require('react');
|
|
8
8
|
var Combobox_config = require('./Combobox.config.js');
|
9
9
|
var Combobox$1 = require('./Legacy/Combobox.js');
|
10
10
|
|
11
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
12
|
-
|
13
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
14
|
-
|
15
11
|
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.comboboxNewConfig, Combobox_config.config);
|
16
12
|
var ComboboxNew = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
17
13
|
var ComboboxComponent = function ComboboxComponent(props, ref) {
|
18
14
|
if (props.items) {
|
19
|
-
return /*#__PURE__*/
|
15
|
+
return /*#__PURE__*/React.createElement(ComboboxNew, _rollupPluginBabelHelpers.extends({
|
20
16
|
ref: ref
|
21
17
|
}, props));
|
22
18
|
}
|
23
|
-
return /*#__PURE__*/
|
19
|
+
return /*#__PURE__*/React.createElement(Combobox$1.Combobox, _rollupPluginBabelHelpers.extends({
|
24
20
|
ref: ref
|
25
21
|
}, props));
|
26
22
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.js","sources":["../../../../src-css/components/Combobox/Combobox.tsx"],"sourcesContent":["import {\n comboboxNewConfig,\n component,\n mergeConfig,\n fixedForwardRef,\n} from '@salutejs/plasma-new-hope';\nimport type { ComponentProps } from 'react';\nimport type { ItemOption, ComboboxProps, DistributiveOmit, DistributivePick } from '@salutejs/plasma-new-hope';\nimport React from 'react';\n\nimport { config } from './Combobox.config';\nimport { Combobox as ComboboxOld } from './Legacy';\n\nconst mergedConfig = mergeConfig(comboboxNewConfig, config);\nconst ComboboxNew = component(mergedConfig);\n\ntype PropsFromConfig = keyof typeof config['variations'];\n\ntype PropsOld = ComponentProps<typeof ComboboxOld> & { items?: never };\n\ntype PropsNew<T extends ItemOption> = DistributiveOmit<ComboboxProps<T>, PropsFromConfig> &\n DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;\n\ntype CommonProps<T extends ItemOption> = PropsOld | PropsNew<T>;\n\nconst ComboboxComponent = <T extends ItemOption>(props: CommonProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => {\n if (props.items) {\n return <ComboboxNew ref={ref} {...(props as any)} />;\n }\n\n return <ComboboxOld ref={ref} {...props} />;\n};\n\nconst Combobox = fixedForwardRef(ComboboxComponent);\n\nexport { Combobox };\n"],"names":["mergedConfig","mergeConfig","comboboxNewConfig","config","ComboboxNew","component","ComboboxComponent","props","ref","items","React","createElement","_extends","ComboboxOld","Combobox","fixedForwardRef"],"mappings":"
|
1
|
+
{"version":3,"file":"Combobox.js","sources":["../../../../src-css/components/Combobox/Combobox.tsx"],"sourcesContent":["import {\n comboboxNewConfig,\n component,\n mergeConfig,\n fixedForwardRef,\n} from '@salutejs/plasma-new-hope';\nimport type { ComponentProps } from 'react';\nimport type { ItemOption, ComboboxProps, DistributiveOmit, DistributivePick } from '@salutejs/plasma-new-hope';\nimport React from 'react';\n\nimport { config } from './Combobox.config';\nimport { Combobox as ComboboxOld } from './Legacy';\n\nconst mergedConfig = mergeConfig(comboboxNewConfig, config);\nconst ComboboxNew = component(mergedConfig);\n\ntype PropsFromConfig = keyof typeof config['variations'];\n\ntype PropsOld = ComponentProps<typeof ComboboxOld> & { items?: never };\n\ntype PropsNew<T extends ItemOption> = DistributiveOmit<ComboboxProps<T>, PropsFromConfig> &\n DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;\n\ntype CommonProps<T extends ItemOption> = PropsOld | PropsNew<T>;\n\nconst ComboboxComponent = <T extends ItemOption>(props: CommonProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => {\n if (props.items) {\n return <ComboboxNew ref={ref} {...(props as any)} />;\n }\n\n return <ComboboxOld ref={ref} {...props} />;\n};\n\nconst Combobox = fixedForwardRef(ComboboxComponent);\n\nexport { Combobox };\n"],"names":["mergedConfig","mergeConfig","comboboxNewConfig","config","ComboboxNew","component","ComboboxComponent","props","ref","items","React","createElement","_extends","ComboboxOld","Combobox","fixedForwardRef"],"mappings":";;;;;;;;;;AAaA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,+BAAiB,EAAEC,sBAAM,CAAC,CAAA;AAC3D,IAAMC,WAAW,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAW3C,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CAA0BC,KAAqB,EAAEC,GAAyC,EAAK;EAClH,IAAID,KAAK,CAACE,KAAK,EAAE;AACb,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACP,WAAW,EAAAQ,iCAAA,CAAA;AAACJ,MAAAA,GAAG,EAAEA,GAAAA;KAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AACxD,GAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACE,mBAAW,EAAAD,iCAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA,GAAAA;GAASD,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC/C,CAAC,CAAA;AAED,IAAMO,QAAQ,gBAAGC,6BAAe,CAACT,iBAAiB;;;;"}
|
@@ -7,14 +7,10 @@ var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
|
7
7
|
var React = require('react');
|
8
8
|
var Dropdown_config = require('./Dropdown.config.js');
|
9
9
|
|
10
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
11
|
-
|
12
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
13
|
-
|
14
10
|
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.dropdownConfig, Dropdown_config.config);
|
15
11
|
var DropdownNewHope = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
16
12
|
var DropdownComponent = function DropdownComponent(props, ref) {
|
17
|
-
return /*#__PURE__*/
|
13
|
+
return /*#__PURE__*/React.createElement(DropdownNewHope, _rollupPluginBabelHelpers.extends({
|
18
14
|
ref: ref
|
19
15
|
}, props));
|
20
16
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sources":["../../../../src-css/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { dropdownConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport type { DropdownItemOption, DropdownNewProps } from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\n\nimport { config } from './Dropdown.config';\n\nconst mergedConfig = mergeConfig(dropdownConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\ntype DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> &\n Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;\n\nconst DropdownComponent = <T extends DropdownItemOption>(\n props: DropdownProps<T>,\n ref: ForwardedRef<HTMLButtonElement>,\n) => {\n return <DropdownNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Dropdown = fixedForwardRef(DropdownComponent);\n\nexport { Dropdown };\n"],"names":["mergedConfig","mergeConfig","dropdownConfig","config","DropdownNewHope","component","DropdownComponent","props","ref","React","createElement","_extends","Dropdown","fixedForwardRef"],"mappings":"
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../../../src-css/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { dropdownConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport type { DropdownItemOption, DropdownNewProps } from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\n\nimport { config } from './Dropdown.config';\n\nconst mergedConfig = mergeConfig(dropdownConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\ntype DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> &\n Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;\n\nconst DropdownComponent = <T extends DropdownItemOption>(\n props: DropdownProps<T>,\n ref: ForwardedRef<HTMLButtonElement>,\n) => {\n return <DropdownNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Dropdown = fixedForwardRef(DropdownComponent);\n\nexport { Dropdown };\n"],"names":["mergedConfig","mergeConfig","dropdownConfig","config","DropdownNewHope","component","DropdownComponent","props","ref","React","createElement","_extends","Dropdown","fixedForwardRef"],"mappings":";;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,4BAAc,EAAEC,sBAAM,CAAC,CAAA;AACxD,IAAMC,eAAe,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAK/C,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CACnBC,KAAuB,EACvBC,GAAoC,EACnC;AACD,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACN,eAAe,EAAAO,iCAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAC5D,CAAC,CAAA;AAED,IAAMK,QAAQ,gBAAGC,6BAAe,CAACP,iBAAiB;;;;"}
|
@@ -9,16 +9,11 @@ var styled = require('styled-components');
|
|
9
9
|
var plasmaIcons = require('@salutejs/plasma-icons');
|
10
10
|
var plasmaCore = require('@salutejs/plasma-core');
|
11
11
|
|
12
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
13
|
-
|
14
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
15
|
-
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
16
|
-
|
17
12
|
var _StyledCheck;
|
18
13
|
var _excluded = ["value", "label", "color", "contentLeft", "isActive", "isHovered", "index", "onClick", "onHover", "onFocus", "items", "isDisabled", "style"];
|
19
14
|
var mergedItemConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.dropdownItemOldConfig);
|
20
15
|
var DropdownNewHopeItem = /*#__PURE__*/plasmaNewHope.component(mergedItemConfig);
|
21
|
-
var StyledCheck = /*#__PURE__*/
|
16
|
+
var StyledCheck = /*#__PURE__*/styled(plasmaIcons.IconDone).withConfig({
|
22
17
|
componentId: "plasma-web__sc-1kwedk5-0"
|
23
18
|
})(["margin-left:auto;pointer-events:none;margin-right:-0.5rem;"]);
|
24
19
|
var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
@@ -49,7 +44,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
49
44
|
onHover(index);
|
50
45
|
}
|
51
46
|
};
|
52
|
-
return /*#__PURE__*/
|
47
|
+
return /*#__PURE__*/React.createElement(DropdownNewHopeItem, _rollupPluginBabelHelpers.extends({}, rest, {
|
53
48
|
value: value,
|
54
49
|
text: label,
|
55
50
|
ref: ref,
|
@@ -57,7 +52,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
57
52
|
color: color
|
58
53
|
}),
|
59
54
|
contentLeft: contentLeft,
|
60
|
-
contentRight: isActive ? _StyledCheck || (_StyledCheck = /*#__PURE__*/
|
55
|
+
contentRight: isActive ? _StyledCheck || (_StyledCheck = /*#__PURE__*/React.createElement(StyledCheck, {
|
61
56
|
size: "s",
|
62
57
|
color: plasmaCore.accent
|
63
58
|
})) : undefined,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownItem.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownItem.tsx"],"sourcesContent":["import React, { forwardRef, SyntheticEvent } from 'react';\nimport { DropdownItemProps } from '@salutejs/plasma-hope';\nimport { component, dropdownItemOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\nimport styled from 'styled-components';\nimport { IconDone } from '@salutejs/plasma-icons';\nimport { accent } from '@salutejs/plasma-core';\n\nconst mergedItemConfig = mergeConfig(dropdownItemOldConfig);\nexport const DropdownNewHopeItem = component(mergedItemConfig);\n\nconst StyledCheck = styled(IconDone)`\n margin-left: auto;\n pointer-events: none;\n margin-right: -0.5rem;\n`;\n\nexport const DropdownItem = forwardRef<HTMLDivElement, DropdownItemProps>((props, ref) => {\n const {\n value,\n label,\n color,\n contentLeft,\n isActive,\n isHovered,\n index,\n onClick,\n onHover,\n onFocus,\n items,\n isDisabled,\n style,\n ...rest\n } = props;\n\n const handleClick = (e: SyntheticEvent<Element, Event>) => {\n if (onClick) {\n onClick({ value, label, color, contentLeft }, e);\n }\n };\n\n const handleHover = () => {\n if (onHover) {\n onHover(index);\n }\n };\n\n return (\n <DropdownNewHopeItem\n {...(rest as any)}\n value={value}\n text={label}\n ref={ref}\n style={{ ...style, color }}\n contentLeft={contentLeft}\n contentRight={isActive ? <StyledCheck size=\"s\" color={accent} /> : undefined}\n onClick={handleClick}\n onMouseOver={handleHover}\n onFocus={onFocus}\n disabled={isDisabled}\n />\n );\n});\n"],"names":["mergedItemConfig","mergeConfig","dropdownItemOldConfig","DropdownNewHopeItem","component","StyledCheck","styled","IconDone","withConfig","componentId","DropdownItem","forwardRef","props","ref","value","label","color","contentLeft","isActive","index","onClick","onHover","onFocus","isDisabled","style","rest","_objectWithoutProperties","_excluded","handleClick","e","handleHover","React","createElement","_extends","text","_objectSpread","contentRight","_StyledCheck","size","accent","undefined","onMouseOver","disabled"],"mappings":"
|
1
|
+
{"version":3,"file":"DropdownItem.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownItem.tsx"],"sourcesContent":["import React, { forwardRef, SyntheticEvent } from 'react';\nimport { DropdownItemProps } from '@salutejs/plasma-hope';\nimport { component, dropdownItemOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\nimport styled from 'styled-components';\nimport { IconDone } from '@salutejs/plasma-icons';\nimport { accent } from '@salutejs/plasma-core';\n\nconst mergedItemConfig = mergeConfig(dropdownItemOldConfig);\nexport const DropdownNewHopeItem = component(mergedItemConfig);\n\nconst StyledCheck = styled(IconDone)`\n margin-left: auto;\n pointer-events: none;\n margin-right: -0.5rem;\n`;\n\nexport const DropdownItem = forwardRef<HTMLDivElement, DropdownItemProps>((props, ref) => {\n const {\n value,\n label,\n color,\n contentLeft,\n isActive,\n isHovered,\n index,\n onClick,\n onHover,\n onFocus,\n items,\n isDisabled,\n style,\n ...rest\n } = props;\n\n const handleClick = (e: SyntheticEvent<Element, Event>) => {\n if (onClick) {\n onClick({ value, label, color, contentLeft }, e);\n }\n };\n\n const handleHover = () => {\n if (onHover) {\n onHover(index);\n }\n };\n\n return (\n <DropdownNewHopeItem\n {...(rest as any)}\n value={value}\n text={label}\n ref={ref}\n style={{ ...style, color }}\n contentLeft={contentLeft}\n contentRight={isActive ? <StyledCheck size=\"s\" color={accent} /> : undefined}\n onClick={handleClick}\n onMouseOver={handleHover}\n onFocus={onFocus}\n disabled={isDisabled}\n />\n );\n});\n"],"names":["mergedItemConfig","mergeConfig","dropdownItemOldConfig","DropdownNewHopeItem","component","StyledCheck","styled","IconDone","withConfig","componentId","DropdownItem","forwardRef","props","ref","value","label","color","contentLeft","isActive","index","onClick","onHover","onFocus","isDisabled","style","rest","_objectWithoutProperties","_excluded","handleClick","e","handleHover","React","createElement","_extends","text","_objectSpread","contentRight","_StyledCheck","size","accent","undefined","onMouseOver","disabled"],"mappings":";;;;;;;;;;;;;AAOA,IAAMA,gBAAgB,gBAAGC,yBAAW,CAACC,mCAAqB,CAAC,CAAA;IAC9CC,mBAAmB,gBAAGC,uBAAS,CAACJ,gBAAgB,EAAC;AAE9D,IAAMK,WAAW,gBAAGC,MAAM,CAACC,oBAAQ,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,0BAAA;AAAA,CAInC,CAAA,CAAA,CAAA,4DAAA,CAAA,CAAA,CAAA;AAEM,IAAMC,YAAY,gBAAGC,gBAAU,CAAoC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACtF,EAAA,IACIC,KAAK,GAcLF,KAAK,CAdLE,KAAK,CAAA;IACLC,KAAK,GAaLH,KAAK,CAbLG,KAAK,CAAA;IACLC,KAAK,GAYLJ,KAAK,CAZLI,KAAK,CAAA;IACLC,WAAW,GAWXL,KAAK,CAXLK,WAAW,CAAA;IACXC,QAAQ,GAURN,KAAK,CAVLM,QAAQ,CAAA;IAERC,KAAK,GAQLP,KAAK,CARLO,KAAK,CAAA;IACLC,OAAO,GAOPR,KAAK,CAPLQ,OAAO,CAAA;IACPC,OAAO,GAMPT,KAAK,CANLS,OAAO,CAAA;IACPC,OAAO,GAKPV,KAAK,CALLU,OAAO,CAAA;IAEPC,UAAU,GAGVX,KAAK,CAHLW,UAAU,CAAA;IACVC,KAAK,GAELZ,KAAK,CAFLY,KAAK,CAAA;AACFC,IAAAA,IAAI,GAAAC,iDAAA,CACPd,KAAK,EAAAe,SAAA,EAAA;AAET,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,CAAiC,EAAK;AACvD,IAAA,IAAIT,OAAO,EAAE;AACTA,MAAAA,OAAO,CAAC;AAAEN,QAAAA,KAAK,EAALA,KAAK;AAAEC,QAAAA,KAAK,EAALA,KAAK;AAAEC,QAAAA,KAAK,EAALA,KAAK;AAAEC,QAAAA,WAAW,EAAXA,WAAAA;OAAa,EAAEY,CAAC,CAAC,CAAA;AACpD,KAAA;GACH,CAAA;AAED,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,IAAA,IAAIT,OAAO,EAAE;MACTA,OAAO,CAACF,KAAK,CAAC,CAAA;AAClB,KAAA;GACH,CAAA;EAED,oBACIY,KAAA,CAAAC,aAAA,CAAC7B,mBAAmB,EAAA8B,iCAAA,KACXR,IAAI,EAAA;AACTX,IAAAA,KAAK,EAAEA,KAAM;AACboB,IAAAA,IAAI,EAAEnB,KAAM;AACZF,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,KAAK,EAAAW,uCAAA,CAAAA,uCAAA,KAAOX,KAAK,CAAA,EAAA,EAAA,EAAA;AAAER,MAAAA,KAAK,EAALA,KAAAA;KAAQ,CAAA;AAC3BC,IAAAA,WAAW,EAAEA,WAAY;IACzBmB,YAAY,EAAElB,QAAQ,GAAAmB,YAAA,KAAAA,YAAA,gBAAGN,KAAA,CAAAC,aAAA,CAAC3B,WAAW,EAAA;AAACiC,MAAAA,IAAI,EAAC,GAAG;AAACtB,MAAAA,KAAK,EAAEuB,iBAAAA;KAAS,CAAC,IAAGC,SAAU;AAC7EpB,IAAAA,OAAO,EAAEQ,WAAY;AACrBa,IAAAA,WAAW,EAAEX,WAAY;AACzBR,IAAAA,OAAO,EAAEA,OAAQ;AACjBoB,IAAAA,QAAQ,EAAEnB,UAAAA;AAAW,GAAA,CACxB,CAAC,CAAA;AAEV,CAAC;;;;;"}
|
@@ -4,11 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
5
5
|
var styled = require('styled-components');
|
6
6
|
|
7
|
-
|
8
|
-
|
9
|
-
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
10
|
-
|
11
|
-
var DropdownList = /*#__PURE__*/styled__default.default.ul.withConfig({
|
7
|
+
var DropdownList = /*#__PURE__*/styled.ul.withConfig({
|
12
8
|
componentId: "plasma-web__sc-1t9hxh8-0"
|
13
9
|
})(["margin:0;padding:0;"]);
|
14
10
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownList.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownList.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const DropdownList = styled.ul`\n margin: 0;\n padding: 0;\n`;\n"],"names":["DropdownList","styled","ul","withConfig","componentId"],"mappings":"
|
1
|
+
{"version":3,"file":"DropdownList.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownList.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const DropdownList = styled.ul`\n margin: 0;\n padding: 0;\n`;\n"],"names":["DropdownList","styled","ul","withConfig","componentId"],"mappings":";;;;;;IAEaA,YAAY,gBAAGC,MAAM,CAACC,EAAE,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,0BAAA;AAAA,CAGpC,CAAA,CAAA,CAAA,qBAAA,CAAA;;;;"}
|
@@ -7,10 +7,6 @@ var React = require('react');
|
|
7
7
|
var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
8
8
|
var DropdownOld_config = require('./DropdownOld.config.js');
|
9
9
|
|
10
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
11
|
-
|
12
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
13
|
-
|
14
10
|
var _excluded = ["trigger", "children", "opened", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
|
15
11
|
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.dropdownOldConfig, DropdownOld_config.config);
|
16
12
|
var DropdownNewHope = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
@@ -25,7 +21,7 @@ var DropdownPopup = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
25
21
|
offsetTop = props.offsetTop,
|
26
22
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
|
27
23
|
var offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;
|
28
|
-
return /*#__PURE__*/
|
24
|
+
return /*#__PURE__*/React.createElement(DropdownNewHope, _rollupPluginBabelHelpers.extends({}, rest, {
|
29
25
|
ref: ref,
|
30
26
|
onToggle: onToggle,
|
31
27
|
target: disclosure,
|