@salutejs/sdds-cs 0.328.0-canary.2238.17818313113.0 → 0.328.0-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Avatar/Avatar.config.d.ts +4 -0
- package/components/Avatar/Avatar.config.js +35 -15
- package/components/Avatar/Avatar.d.ts +13 -0
- package/emotion/cjs/components/Avatar/Avatar.config.js +35 -15
- package/emotion/es/components/Avatar/Avatar.config.js +35 -15
- package/es/components/Avatar/Avatar.config.js +35 -15
- package/package.json +7 -7
|
@@ -2,6 +2,7 @@ export declare const config: {
|
|
|
2
2
|
defaults: {
|
|
3
3
|
view: string;
|
|
4
4
|
size: string;
|
|
5
|
+
shape: string;
|
|
5
6
|
};
|
|
6
7
|
variations: {
|
|
7
8
|
view: {
|
|
@@ -13,6 +14,9 @@ export declare const config: {
|
|
|
13
14
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
15
|
fit: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
15
16
|
};
|
|
17
|
+
shape: {
|
|
18
|
+
circled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
19
|
+
};
|
|
16
20
|
focused: {
|
|
17
21
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
18
22
|
};
|
|
@@ -120,9 +120,13 @@ function _templateObject4() {
|
|
|
120
120
|
function _templateObject5() {
|
|
121
121
|
var data = _tagged_template_literal([
|
|
122
122
|
"\n ",
|
|
123
|
-
":
|
|
124
|
-
":
|
|
125
|
-
"
|
|
123
|
+
": 50%;\n ",
|
|
124
|
+
": calc(0.867 * var(",
|
|
125
|
+
") - var(",
|
|
126
|
+
") / 2);\n ",
|
|
127
|
+
": calc(0.867 * var(",
|
|
128
|
+
") - var(",
|
|
129
|
+
") / 2);\n "
|
|
126
130
|
]);
|
|
127
131
|
_templateObject5 = function _templateObject() {
|
|
128
132
|
return data;
|
|
@@ -132,8 +136,9 @@ function _templateObject5() {
|
|
|
132
136
|
function _templateObject6() {
|
|
133
137
|
var data = _tagged_template_literal([
|
|
134
138
|
"\n ",
|
|
135
|
-
":
|
|
136
|
-
":
|
|
139
|
+
": 0.1rem;\n ",
|
|
140
|
+
": -0.2rem;\n ",
|
|
141
|
+
": var(--surface-accent);\n "
|
|
137
142
|
]);
|
|
138
143
|
_templateObject6 = function _templateObject() {
|
|
139
144
|
return data;
|
|
@@ -143,8 +148,8 @@ function _templateObject6() {
|
|
|
143
148
|
function _templateObject7() {
|
|
144
149
|
var data = _tagged_template_literal([
|
|
145
150
|
"\n ",
|
|
146
|
-
": var(--
|
|
147
|
-
": var(--surface-
|
|
151
|
+
": var(--inverse-text-primary);\n ",
|
|
152
|
+
": var(--surface-solid-default);\n "
|
|
148
153
|
]);
|
|
149
154
|
_templateObject7 = function _templateObject() {
|
|
150
155
|
return data;
|
|
@@ -155,7 +160,7 @@ function _templateObject8() {
|
|
|
155
160
|
var data = _tagged_template_literal([
|
|
156
161
|
"\n ",
|
|
157
162
|
": var(--on-dark-text-primary);\n ",
|
|
158
|
-
": var(--surface-
|
|
163
|
+
": var(--surface-accent);\n "
|
|
159
164
|
]);
|
|
160
165
|
_templateObject8 = function _templateObject() {
|
|
161
166
|
return data;
|
|
@@ -166,17 +171,29 @@ function _templateObject9() {
|
|
|
166
171
|
var data = _tagged_template_literal([
|
|
167
172
|
"\n ",
|
|
168
173
|
": var(--on-dark-text-primary);\n ",
|
|
169
|
-
": var(--surface-
|
|
174
|
+
": var(--surface-positive);\n "
|
|
170
175
|
]);
|
|
171
176
|
_templateObject9 = function _templateObject() {
|
|
172
177
|
return data;
|
|
173
178
|
};
|
|
174
179
|
return data;
|
|
175
180
|
}
|
|
181
|
+
function _templateObject10() {
|
|
182
|
+
var data = _tagged_template_literal([
|
|
183
|
+
"\n ",
|
|
184
|
+
": var(--on-dark-text-primary);\n ",
|
|
185
|
+
": var(--surface-negative);\n "
|
|
186
|
+
]);
|
|
187
|
+
_templateObject10 = function _templateObject() {
|
|
188
|
+
return data;
|
|
189
|
+
};
|
|
190
|
+
return data;
|
|
191
|
+
}
|
|
176
192
|
var config = {
|
|
177
193
|
defaults: {
|
|
178
194
|
view: 'default',
|
|
179
|
-
size: 's'
|
|
195
|
+
size: 's',
|
|
196
|
+
shape: 'circled'
|
|
180
197
|
},
|
|
181
198
|
variations: {
|
|
182
199
|
view: {
|
|
@@ -189,14 +206,17 @@ var config = {
|
|
|
189
206
|
s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.counterBorderRadius, _styledcomponents.avatarTokens.counterHeight, _styledcomponents.avatarTokens.counterPadding, _styledcomponents.avatarTokens.counterFontFamily, _styledcomponents.avatarTokens.counterFontSize, _styledcomponents.avatarTokens.counterFontStyle, _styledcomponents.avatarTokens.counterFontWeight, _styledcomponents.avatarTokens.counterLetterSpacing, _styledcomponents.avatarTokens.counterLineHeight),
|
|
190
207
|
fit: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize)
|
|
191
208
|
},
|
|
209
|
+
shape: {
|
|
210
|
+
circled: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.avatarTokens.borderRadius, _styledcomponents.avatarTokens.statusLeft, _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.statusTop, _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.statusIconSize)
|
|
211
|
+
},
|
|
192
212
|
focused: {
|
|
193
|
-
true: (0, _styledcomponents.css)(
|
|
213
|
+
true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.avatarTokens.outlineSize, _styledcomponents.avatarTokens.outlineOffset, _styledcomponents.avatarTokens.outlineColor)
|
|
194
214
|
},
|
|
195
215
|
counterView: {
|
|
196
|
-
default: (0, _styledcomponents.css)(
|
|
197
|
-
accent: (0, _styledcomponents.css)(
|
|
198
|
-
positive: (0, _styledcomponents.css)(
|
|
199
|
-
negative: (0, _styledcomponents.css)(
|
|
216
|
+
default: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
|
|
217
|
+
accent: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
|
|
218
|
+
positive: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
|
|
219
|
+
negative: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground)
|
|
200
220
|
}
|
|
201
221
|
}
|
|
202
222
|
};
|
|
@@ -8,6 +8,9 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
|
|
|
8
8
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
9
9
|
fit: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
10
10
|
};
|
|
11
|
+
shape: {
|
|
12
|
+
circled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
13
|
+
};
|
|
11
14
|
focused: {
|
|
12
15
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
13
16
|
};
|
|
@@ -27,6 +30,9 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
|
|
|
27
30
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
28
31
|
fit: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
29
32
|
};
|
|
33
|
+
shape: {
|
|
34
|
+
circled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
35
|
+
};
|
|
30
36
|
focused: {
|
|
31
37
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
32
38
|
};
|
|
@@ -37,6 +43,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
|
|
|
37
43
|
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
38
44
|
};
|
|
39
45
|
}>, (import("react").HTMLAttributes<HTMLDivElement> & {
|
|
46
|
+
shape?: "string";
|
|
40
47
|
size?: string;
|
|
41
48
|
name?: string;
|
|
42
49
|
url?: string;
|
|
@@ -61,6 +68,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
|
|
|
61
68
|
count?: undefined;
|
|
62
69
|
maxCount?: undefined;
|
|
63
70
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
|
71
|
+
shape?: "string";
|
|
64
72
|
size?: string;
|
|
65
73
|
name?: string;
|
|
66
74
|
url?: string;
|
|
@@ -95,6 +103,9 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
|
|
|
95
103
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
96
104
|
fit: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
97
105
|
};
|
|
106
|
+
shape: {
|
|
107
|
+
circled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
108
|
+
};
|
|
98
109
|
focused: {
|
|
99
110
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
100
111
|
};
|
|
@@ -105,6 +116,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
|
|
|
105
116
|
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
106
117
|
};
|
|
107
118
|
}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
|
|
119
|
+
shape?: "string";
|
|
108
120
|
size?: string;
|
|
109
121
|
name?: string;
|
|
110
122
|
url?: string;
|
|
@@ -129,6 +141,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
|
|
|
129
141
|
count?: undefined;
|
|
130
142
|
maxCount?: undefined;
|
|
131
143
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
|
144
|
+
shape?: "string";
|
|
132
145
|
size?: string;
|
|
133
146
|
name?: string;
|
|
134
147
|
url?: string;
|
|
@@ -120,9 +120,13 @@ function _templateObject4() {
|
|
|
120
120
|
function _templateObject5() {
|
|
121
121
|
var data = _tagged_template_literal([
|
|
122
122
|
"\n ",
|
|
123
|
-
":
|
|
124
|
-
":
|
|
125
|
-
"
|
|
123
|
+
": 50%;\n ",
|
|
124
|
+
": calc(0.867 * var(",
|
|
125
|
+
") - var(",
|
|
126
|
+
") / 2);\n ",
|
|
127
|
+
": calc(0.867 * var(",
|
|
128
|
+
") - var(",
|
|
129
|
+
") / 2);\n "
|
|
126
130
|
]);
|
|
127
131
|
_templateObject5 = function _templateObject() {
|
|
128
132
|
return data;
|
|
@@ -132,8 +136,9 @@ function _templateObject5() {
|
|
|
132
136
|
function _templateObject6() {
|
|
133
137
|
var data = _tagged_template_literal([
|
|
134
138
|
"\n ",
|
|
135
|
-
":
|
|
136
|
-
":
|
|
139
|
+
": 0.1rem;\n ",
|
|
140
|
+
": -0.2rem;\n ",
|
|
141
|
+
": var(--surface-accent);\n "
|
|
137
142
|
]);
|
|
138
143
|
_templateObject6 = function _templateObject() {
|
|
139
144
|
return data;
|
|
@@ -143,8 +148,8 @@ function _templateObject6() {
|
|
|
143
148
|
function _templateObject7() {
|
|
144
149
|
var data = _tagged_template_literal([
|
|
145
150
|
"\n ",
|
|
146
|
-
": var(--
|
|
147
|
-
": var(--surface-
|
|
151
|
+
": var(--inverse-text-primary);\n ",
|
|
152
|
+
": var(--surface-solid-default);\n "
|
|
148
153
|
]);
|
|
149
154
|
_templateObject7 = function _templateObject() {
|
|
150
155
|
return data;
|
|
@@ -155,7 +160,7 @@ function _templateObject8() {
|
|
|
155
160
|
var data = _tagged_template_literal([
|
|
156
161
|
"\n ",
|
|
157
162
|
": var(--on-dark-text-primary);\n ",
|
|
158
|
-
": var(--surface-
|
|
163
|
+
": var(--surface-accent);\n "
|
|
159
164
|
]);
|
|
160
165
|
_templateObject8 = function _templateObject() {
|
|
161
166
|
return data;
|
|
@@ -166,17 +171,29 @@ function _templateObject9() {
|
|
|
166
171
|
var data = _tagged_template_literal([
|
|
167
172
|
"\n ",
|
|
168
173
|
": var(--on-dark-text-primary);\n ",
|
|
169
|
-
": var(--surface-
|
|
174
|
+
": var(--surface-positive);\n "
|
|
170
175
|
]);
|
|
171
176
|
_templateObject9 = function _templateObject() {
|
|
172
177
|
return data;
|
|
173
178
|
};
|
|
174
179
|
return data;
|
|
175
180
|
}
|
|
181
|
+
function _templateObject10() {
|
|
182
|
+
var data = _tagged_template_literal([
|
|
183
|
+
"\n ",
|
|
184
|
+
": var(--on-dark-text-primary);\n ",
|
|
185
|
+
": var(--surface-negative);\n "
|
|
186
|
+
]);
|
|
187
|
+
_templateObject10 = function _templateObject() {
|
|
188
|
+
return data;
|
|
189
|
+
};
|
|
190
|
+
return data;
|
|
191
|
+
}
|
|
176
192
|
var config = {
|
|
177
193
|
defaults: {
|
|
178
194
|
view: 'default',
|
|
179
|
-
size: 's'
|
|
195
|
+
size: 's',
|
|
196
|
+
shape: 'circled'
|
|
180
197
|
},
|
|
181
198
|
variations: {
|
|
182
199
|
view: {
|
|
@@ -189,14 +206,17 @@ var config = {
|
|
|
189
206
|
s: (0, _emotion.css)(_templateObject3(), _emotion.avatarTokens.avatarSize, _emotion.avatarTokens.fontSize, _emotion.avatarTokens.fontWeight, _emotion.avatarTokens.lineHeight, _emotion.avatarTokens.statusIconSize, _emotion.avatarTokens.counterBorderRadius, _emotion.avatarTokens.counterHeight, _emotion.avatarTokens.counterPadding, _emotion.avatarTokens.counterFontFamily, _emotion.avatarTokens.counterFontSize, _emotion.avatarTokens.counterFontStyle, _emotion.avatarTokens.counterFontWeight, _emotion.avatarTokens.counterLetterSpacing, _emotion.avatarTokens.counterLineHeight),
|
|
190
207
|
fit: (0, _emotion.css)(_templateObject4(), _emotion.avatarTokens.avatarSize, _emotion.avatarTokens.fontSize, _emotion.avatarTokens.fontWeight, _emotion.avatarTokens.lineHeight, _emotion.avatarTokens.statusIconSize)
|
|
191
208
|
},
|
|
209
|
+
shape: {
|
|
210
|
+
circled: (0, _emotion.css)(_templateObject5(), _emotion.avatarTokens.borderRadius, _emotion.avatarTokens.statusLeft, _emotion.avatarTokens.avatarSize, _emotion.avatarTokens.statusIconSize, _emotion.avatarTokens.statusTop, _emotion.avatarTokens.avatarSize, _emotion.avatarTokens.statusIconSize)
|
|
211
|
+
},
|
|
192
212
|
focused: {
|
|
193
|
-
true: (0, _emotion.css)(
|
|
213
|
+
true: (0, _emotion.css)(_templateObject6(), _emotion.avatarTokens.outlineSize, _emotion.avatarTokens.outlineOffset, _emotion.avatarTokens.outlineColor)
|
|
194
214
|
},
|
|
195
215
|
counterView: {
|
|
196
|
-
default: (0, _emotion.css)(
|
|
197
|
-
accent: (0, _emotion.css)(
|
|
198
|
-
positive: (0, _emotion.css)(
|
|
199
|
-
negative: (0, _emotion.css)(
|
|
216
|
+
default: (0, _emotion.css)(_templateObject7(), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground),
|
|
217
|
+
accent: (0, _emotion.css)(_templateObject8(), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground),
|
|
218
|
+
positive: (0, _emotion.css)(_templateObject9(), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground),
|
|
219
|
+
negative: (0, _emotion.css)(_templateObject10(), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground)
|
|
200
220
|
}
|
|
201
221
|
}
|
|
202
222
|
};
|
|
@@ -109,9 +109,13 @@ function _templateObject4() {
|
|
|
109
109
|
function _templateObject5() {
|
|
110
110
|
var data = _tagged_template_literal([
|
|
111
111
|
"\n ",
|
|
112
|
-
":
|
|
113
|
-
":
|
|
114
|
-
"
|
|
112
|
+
": 50%;\n ",
|
|
113
|
+
": calc(0.867 * var(",
|
|
114
|
+
") - var(",
|
|
115
|
+
") / 2);\n ",
|
|
116
|
+
": calc(0.867 * var(",
|
|
117
|
+
") - var(",
|
|
118
|
+
") / 2);\n "
|
|
115
119
|
]);
|
|
116
120
|
_templateObject5 = function _templateObject() {
|
|
117
121
|
return data;
|
|
@@ -121,8 +125,9 @@ function _templateObject5() {
|
|
|
121
125
|
function _templateObject6() {
|
|
122
126
|
var data = _tagged_template_literal([
|
|
123
127
|
"\n ",
|
|
124
|
-
":
|
|
125
|
-
":
|
|
128
|
+
": 0.1rem;\n ",
|
|
129
|
+
": -0.2rem;\n ",
|
|
130
|
+
": var(--surface-accent);\n "
|
|
126
131
|
]);
|
|
127
132
|
_templateObject6 = function _templateObject() {
|
|
128
133
|
return data;
|
|
@@ -132,8 +137,8 @@ function _templateObject6() {
|
|
|
132
137
|
function _templateObject7() {
|
|
133
138
|
var data = _tagged_template_literal([
|
|
134
139
|
"\n ",
|
|
135
|
-
": var(--
|
|
136
|
-
": var(--surface-
|
|
140
|
+
": var(--inverse-text-primary);\n ",
|
|
141
|
+
": var(--surface-solid-default);\n "
|
|
137
142
|
]);
|
|
138
143
|
_templateObject7 = function _templateObject() {
|
|
139
144
|
return data;
|
|
@@ -144,7 +149,7 @@ function _templateObject8() {
|
|
|
144
149
|
var data = _tagged_template_literal([
|
|
145
150
|
"\n ",
|
|
146
151
|
": var(--on-dark-text-primary);\n ",
|
|
147
|
-
": var(--surface-
|
|
152
|
+
": var(--surface-accent);\n "
|
|
148
153
|
]);
|
|
149
154
|
_templateObject8 = function _templateObject() {
|
|
150
155
|
return data;
|
|
@@ -155,18 +160,30 @@ function _templateObject9() {
|
|
|
155
160
|
var data = _tagged_template_literal([
|
|
156
161
|
"\n ",
|
|
157
162
|
": var(--on-dark-text-primary);\n ",
|
|
158
|
-
": var(--surface-
|
|
163
|
+
": var(--surface-positive);\n "
|
|
159
164
|
]);
|
|
160
165
|
_templateObject9 = function _templateObject() {
|
|
161
166
|
return data;
|
|
162
167
|
};
|
|
163
168
|
return data;
|
|
164
169
|
}
|
|
170
|
+
function _templateObject10() {
|
|
171
|
+
var data = _tagged_template_literal([
|
|
172
|
+
"\n ",
|
|
173
|
+
": var(--on-dark-text-primary);\n ",
|
|
174
|
+
": var(--surface-negative);\n "
|
|
175
|
+
]);
|
|
176
|
+
_templateObject10 = function _templateObject() {
|
|
177
|
+
return data;
|
|
178
|
+
};
|
|
179
|
+
return data;
|
|
180
|
+
}
|
|
165
181
|
import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
|
|
166
182
|
export var config = {
|
|
167
183
|
defaults: {
|
|
168
184
|
view: 'default',
|
|
169
|
-
size: 's'
|
|
185
|
+
size: 's',
|
|
186
|
+
shape: 'circled'
|
|
170
187
|
},
|
|
171
188
|
variations: {
|
|
172
189
|
view: {
|
|
@@ -179,14 +196,17 @@ export var config = {
|
|
|
179
196
|
s: css(_templateObject3(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
|
|
180
197
|
fit: css(_templateObject4(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize)
|
|
181
198
|
},
|
|
199
|
+
shape: {
|
|
200
|
+
circled: css(_templateObject5(), tokens.borderRadius, tokens.statusLeft, tokens.avatarSize, tokens.statusIconSize, tokens.statusTop, tokens.avatarSize, tokens.statusIconSize)
|
|
201
|
+
},
|
|
182
202
|
focused: {
|
|
183
|
-
true: css(
|
|
203
|
+
true: css(_templateObject6(), tokens.outlineSize, tokens.outlineOffset, tokens.outlineColor)
|
|
184
204
|
},
|
|
185
205
|
counterView: {
|
|
186
|
-
default: css(
|
|
187
|
-
accent: css(
|
|
188
|
-
positive: css(
|
|
189
|
-
negative: css(
|
|
206
|
+
default: css(_templateObject7(), tokens.counterColor, tokens.counterBackground),
|
|
207
|
+
accent: css(_templateObject8(), tokens.counterColor, tokens.counterBackground),
|
|
208
|
+
positive: css(_templateObject9(), tokens.counterColor, tokens.counterBackground),
|
|
209
|
+
negative: css(_templateObject10(), tokens.counterColor, tokens.counterBackground)
|
|
190
210
|
}
|
|
191
211
|
}
|
|
192
212
|
};
|
|
@@ -109,9 +109,13 @@ function _templateObject4() {
|
|
|
109
109
|
function _templateObject5() {
|
|
110
110
|
var data = _tagged_template_literal([
|
|
111
111
|
"\n ",
|
|
112
|
-
":
|
|
113
|
-
":
|
|
114
|
-
"
|
|
112
|
+
": 50%;\n ",
|
|
113
|
+
": calc(0.867 * var(",
|
|
114
|
+
") - var(",
|
|
115
|
+
") / 2);\n ",
|
|
116
|
+
": calc(0.867 * var(",
|
|
117
|
+
") - var(",
|
|
118
|
+
") / 2);\n "
|
|
115
119
|
]);
|
|
116
120
|
_templateObject5 = function _templateObject() {
|
|
117
121
|
return data;
|
|
@@ -121,8 +125,9 @@ function _templateObject5() {
|
|
|
121
125
|
function _templateObject6() {
|
|
122
126
|
var data = _tagged_template_literal([
|
|
123
127
|
"\n ",
|
|
124
|
-
":
|
|
125
|
-
":
|
|
128
|
+
": 0.1rem;\n ",
|
|
129
|
+
": -0.2rem;\n ",
|
|
130
|
+
": var(--surface-accent);\n "
|
|
126
131
|
]);
|
|
127
132
|
_templateObject6 = function _templateObject() {
|
|
128
133
|
return data;
|
|
@@ -132,8 +137,8 @@ function _templateObject6() {
|
|
|
132
137
|
function _templateObject7() {
|
|
133
138
|
var data = _tagged_template_literal([
|
|
134
139
|
"\n ",
|
|
135
|
-
": var(--
|
|
136
|
-
": var(--surface-
|
|
140
|
+
": var(--inverse-text-primary);\n ",
|
|
141
|
+
": var(--surface-solid-default);\n "
|
|
137
142
|
]);
|
|
138
143
|
_templateObject7 = function _templateObject() {
|
|
139
144
|
return data;
|
|
@@ -144,7 +149,7 @@ function _templateObject8() {
|
|
|
144
149
|
var data = _tagged_template_literal([
|
|
145
150
|
"\n ",
|
|
146
151
|
": var(--on-dark-text-primary);\n ",
|
|
147
|
-
": var(--surface-
|
|
152
|
+
": var(--surface-accent);\n "
|
|
148
153
|
]);
|
|
149
154
|
_templateObject8 = function _templateObject() {
|
|
150
155
|
return data;
|
|
@@ -155,18 +160,30 @@ function _templateObject9() {
|
|
|
155
160
|
var data = _tagged_template_literal([
|
|
156
161
|
"\n ",
|
|
157
162
|
": var(--on-dark-text-primary);\n ",
|
|
158
|
-
": var(--surface-
|
|
163
|
+
": var(--surface-positive);\n "
|
|
159
164
|
]);
|
|
160
165
|
_templateObject9 = function _templateObject() {
|
|
161
166
|
return data;
|
|
162
167
|
};
|
|
163
168
|
return data;
|
|
164
169
|
}
|
|
170
|
+
function _templateObject10() {
|
|
171
|
+
var data = _tagged_template_literal([
|
|
172
|
+
"\n ",
|
|
173
|
+
": var(--on-dark-text-primary);\n ",
|
|
174
|
+
": var(--surface-negative);\n "
|
|
175
|
+
]);
|
|
176
|
+
_templateObject10 = function _templateObject() {
|
|
177
|
+
return data;
|
|
178
|
+
};
|
|
179
|
+
return data;
|
|
180
|
+
}
|
|
165
181
|
import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
166
182
|
export var config = {
|
|
167
183
|
defaults: {
|
|
168
184
|
view: 'default',
|
|
169
|
-
size: 's'
|
|
185
|
+
size: 's',
|
|
186
|
+
shape: 'circled'
|
|
170
187
|
},
|
|
171
188
|
variations: {
|
|
172
189
|
view: {
|
|
@@ -179,14 +196,17 @@ export var config = {
|
|
|
179
196
|
s: css(_templateObject3(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
|
|
180
197
|
fit: css(_templateObject4(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize)
|
|
181
198
|
},
|
|
199
|
+
shape: {
|
|
200
|
+
circled: css(_templateObject5(), tokens.borderRadius, tokens.statusLeft, tokens.avatarSize, tokens.statusIconSize, tokens.statusTop, tokens.avatarSize, tokens.statusIconSize)
|
|
201
|
+
},
|
|
182
202
|
focused: {
|
|
183
|
-
true: css(
|
|
203
|
+
true: css(_templateObject6(), tokens.outlineSize, tokens.outlineOffset, tokens.outlineColor)
|
|
184
204
|
},
|
|
185
205
|
counterView: {
|
|
186
|
-
default: css(
|
|
187
|
-
accent: css(
|
|
188
|
-
positive: css(
|
|
189
|
-
negative: css(
|
|
206
|
+
default: css(_templateObject7(), tokens.counterColor, tokens.counterBackground),
|
|
207
|
+
accent: css(_templateObject8(), tokens.counterColor, tokens.counterBackground),
|
|
208
|
+
positive: css(_templateObject9(), tokens.counterColor, tokens.counterBackground),
|
|
209
|
+
negative: css(_templateObject10(), tokens.counterColor, tokens.counterBackground)
|
|
190
210
|
}
|
|
191
211
|
}
|
|
192
212
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-cs",
|
|
3
|
-
"version": "0.328.0-
|
|
3
|
+
"version": "0.328.0-dev.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS CS web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"directory": "packages/sdds-cs"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@salutejs/plasma-new-hope": "0.336.0-
|
|
33
|
+
"@salutejs/plasma-new-hope": "0.336.0-dev.0",
|
|
34
34
|
"@salutejs/sdds-themes": "0.47.0"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
@@ -54,10 +54,10 @@
|
|
|
54
54
|
"@microsoft/api-extractor": "7.38.3",
|
|
55
55
|
"@originjs/vite-plugin-commonjs": "1.0.3",
|
|
56
56
|
"@salutejs/plasma-colors": "0.16.0",
|
|
57
|
-
"@salutejs/plasma-core": "1.208.0-
|
|
58
|
-
"@salutejs/plasma-cy-utils": "0.138.0-
|
|
59
|
-
"@salutejs/plasma-icons": "1.224.0-
|
|
60
|
-
"@salutejs/plasma-sb-utils": "0.208.0-
|
|
57
|
+
"@salutejs/plasma-core": "1.208.0-dev.0",
|
|
58
|
+
"@salutejs/plasma-cy-utils": "0.138.0-dev.0",
|
|
59
|
+
"@salutejs/plasma-icons": "1.224.0-dev.0",
|
|
60
|
+
"@salutejs/plasma-sb-utils": "0.208.0-dev.0",
|
|
61
61
|
"@storybook/addon-docs": "8.6.14",
|
|
62
62
|
"@storybook/addon-essentials": "8.6.14",
|
|
63
63
|
"@storybook/manager-api": "8.6.14",
|
|
@@ -123,5 +123,5 @@
|
|
|
123
123
|
"Anton Vinogradov"
|
|
124
124
|
],
|
|
125
125
|
"sideEffects": false,
|
|
126
|
-
"gitHead": "
|
|
126
|
+
"gitHead": "0970b1354a662c44c6ba728d7d5a7c34b4a1f00a"
|
|
127
127
|
}
|