@salutejs/sdds-cs 0.328.0-canary.2239.17794430722.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/Attach/Attach.config.js +2 -1
- 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/components/Drawer/Drawer.d.ts +1 -0
- package/components/Skeleton/LineSkeleton.config.d.ts +5 -0
- package/components/Skeleton/LineSkeleton.config.js +76 -51
- package/components/Skeleton/Skeleton.d.ts +8 -0
- package/emotion/cjs/components/Attach/Attach.config.js +2 -1
- package/emotion/cjs/components/Avatar/Avatar.config.js +35 -15
- package/emotion/cjs/components/Skeleton/LineSkeleton.config.js +76 -51
- package/emotion/es/components/Attach/Attach.config.js +2 -1
- package/emotion/es/components/Avatar/Avatar.config.js +35 -15
- package/emotion/es/components/Skeleton/LineSkeleton.config.js +76 -51
- package/es/components/Attach/Attach.config.js +2 -1
- package/es/components/Avatar/Avatar.config.js +35 -15
- package/es/components/Skeleton/LineSkeleton.config.js +76 -51
- package/package.json +7 -7
|
@@ -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
|
};
|
|
@@ -22,8 +22,7 @@ function _tagged_template_literal(strings, raw) {
|
|
|
22
22
|
function _templateObject() {
|
|
23
23
|
var data = _tagged_template_literal([
|
|
24
24
|
"\n ",
|
|
25
|
-
": var(--plasma-
|
|
26
|
-
": var(--plasma-typo-body-l-font-size);\n "
|
|
25
|
+
": var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient));\n "
|
|
27
26
|
]);
|
|
28
27
|
_templateObject = function _templateObject() {
|
|
29
28
|
return data;
|
|
@@ -33,8 +32,7 @@ function _templateObject() {
|
|
|
33
32
|
function _templateObject1() {
|
|
34
33
|
var data = _tagged_template_literal([
|
|
35
34
|
"\n ",
|
|
36
|
-
": var(--plasma-
|
|
37
|
-
": var(--plasma-typo-body-m-font-size);\n "
|
|
35
|
+
": var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient));\n "
|
|
38
36
|
]);
|
|
39
37
|
_templateObject1 = function _templateObject() {
|
|
40
38
|
return data;
|
|
@@ -44,8 +42,8 @@ function _templateObject1() {
|
|
|
44
42
|
function _templateObject2() {
|
|
45
43
|
var data = _tagged_template_literal([
|
|
46
44
|
"\n ",
|
|
47
|
-
": var(--plasma-typo-body-
|
|
48
|
-
": var(--plasma-typo-body-
|
|
45
|
+
": var(--plasma-typo-body-l-line-height);\n ",
|
|
46
|
+
": var(--plasma-typo-body-l-font-size);\n "
|
|
49
47
|
]);
|
|
50
48
|
_templateObject2 = function _templateObject() {
|
|
51
49
|
return data;
|
|
@@ -55,8 +53,8 @@ function _templateObject2() {
|
|
|
55
53
|
function _templateObject3() {
|
|
56
54
|
var data = _tagged_template_literal([
|
|
57
55
|
"\n ",
|
|
58
|
-
": var(--plasma-typo-body-
|
|
59
|
-
": var(--plasma-typo-body-
|
|
56
|
+
": var(--plasma-typo-body-m-line-height);\n ",
|
|
57
|
+
": var(--plasma-typo-body-m-font-size);\n "
|
|
60
58
|
]);
|
|
61
59
|
_templateObject3 = function _templateObject() {
|
|
62
60
|
return data;
|
|
@@ -66,8 +64,8 @@ function _templateObject3() {
|
|
|
66
64
|
function _templateObject4() {
|
|
67
65
|
var data = _tagged_template_literal([
|
|
68
66
|
"\n ",
|
|
69
|
-
": var(--plasma-typo-body-
|
|
70
|
-
": var(--plasma-typo-body-
|
|
67
|
+
": var(--plasma-typo-body-s-line-height);\n ",
|
|
68
|
+
": var(--plasma-typo-body-s-font-size);\n "
|
|
71
69
|
]);
|
|
72
70
|
_templateObject4 = function _templateObject() {
|
|
73
71
|
return data;
|
|
@@ -77,8 +75,8 @@ function _templateObject4() {
|
|
|
77
75
|
function _templateObject5() {
|
|
78
76
|
var data = _tagged_template_literal([
|
|
79
77
|
"\n ",
|
|
80
|
-
": var(--plasma-typo-
|
|
81
|
-
": var(--plasma-typo-
|
|
78
|
+
": var(--plasma-typo-body-xs-line-height);\n ",
|
|
79
|
+
": var(--plasma-typo-body-xs-font-size);\n "
|
|
82
80
|
]);
|
|
83
81
|
_templateObject5 = function _templateObject() {
|
|
84
82
|
return data;
|
|
@@ -88,8 +86,8 @@ function _templateObject5() {
|
|
|
88
86
|
function _templateObject6() {
|
|
89
87
|
var data = _tagged_template_literal([
|
|
90
88
|
"\n ",
|
|
91
|
-
": var(--plasma-typo-
|
|
92
|
-
": var(--plasma-typo-
|
|
89
|
+
": var(--plasma-typo-body-xxs-line-height);\n ",
|
|
90
|
+
": var(--plasma-typo-body-xxs-font-size);\n "
|
|
93
91
|
]);
|
|
94
92
|
_templateObject6 = function _templateObject() {
|
|
95
93
|
return data;
|
|
@@ -99,8 +97,8 @@ function _templateObject6() {
|
|
|
99
97
|
function _templateObject7() {
|
|
100
98
|
var data = _tagged_template_literal([
|
|
101
99
|
"\n ",
|
|
102
|
-
": var(--plasma-typo-dspl-
|
|
103
|
-
": var(--plasma-typo-dspl-
|
|
100
|
+
": var(--plasma-typo-dspl-l-line-height);\n ",
|
|
101
|
+
": var(--plasma-typo-dspl-l-font-size);\n "
|
|
104
102
|
]);
|
|
105
103
|
_templateObject7 = function _templateObject() {
|
|
106
104
|
return data;
|
|
@@ -110,8 +108,8 @@ function _templateObject7() {
|
|
|
110
108
|
function _templateObject8() {
|
|
111
109
|
var data = _tagged_template_literal([
|
|
112
110
|
"\n ",
|
|
113
|
-
": var(--plasma-typo-
|
|
114
|
-
": var(--plasma-typo-
|
|
111
|
+
": var(--plasma-typo-dspl-m-line-height);\n ",
|
|
112
|
+
": var(--plasma-typo-dspl-m-font-size);\n "
|
|
115
113
|
]);
|
|
116
114
|
_templateObject8 = function _templateObject() {
|
|
117
115
|
return data;
|
|
@@ -121,8 +119,8 @@ function _templateObject8() {
|
|
|
121
119
|
function _templateObject9() {
|
|
122
120
|
var data = _tagged_template_literal([
|
|
123
121
|
"\n ",
|
|
124
|
-
": var(--plasma-typo-
|
|
125
|
-
": var(--plasma-typo-
|
|
122
|
+
": var(--plasma-typo-dspl-s-line-height);\n ",
|
|
123
|
+
": var(--plasma-typo-dspl-s-font-size);\n "
|
|
126
124
|
]);
|
|
127
125
|
_templateObject9 = function _templateObject() {
|
|
128
126
|
return data;
|
|
@@ -132,8 +130,8 @@ function _templateObject9() {
|
|
|
132
130
|
function _templateObject10() {
|
|
133
131
|
var data = _tagged_template_literal([
|
|
134
132
|
"\n ",
|
|
135
|
-
": var(--plasma-typo-
|
|
136
|
-
": var(--plasma-typo-
|
|
133
|
+
": var(--plasma-typo-h1-line-height);\n ",
|
|
134
|
+
": var(--plasma-typo-h1-font-size);\n "
|
|
137
135
|
]);
|
|
138
136
|
_templateObject10 = function _templateObject() {
|
|
139
137
|
return data;
|
|
@@ -143,8 +141,8 @@ function _templateObject10() {
|
|
|
143
141
|
function _templateObject11() {
|
|
144
142
|
var data = _tagged_template_literal([
|
|
145
143
|
"\n ",
|
|
146
|
-
": var(--plasma-typo-
|
|
147
|
-
": var(--plasma-typo-
|
|
144
|
+
": var(--plasma-typo-h2-line-height);\n ",
|
|
145
|
+
": var(--plasma-typo-h2-font-size);\n "
|
|
148
146
|
]);
|
|
149
147
|
_templateObject11 = function _templateObject() {
|
|
150
148
|
return data;
|
|
@@ -154,8 +152,8 @@ function _templateObject11() {
|
|
|
154
152
|
function _templateObject12() {
|
|
155
153
|
var data = _tagged_template_literal([
|
|
156
154
|
"\n ",
|
|
157
|
-
": var(--plasma-typo-
|
|
158
|
-
": var(--plasma-typo-
|
|
155
|
+
": var(--plasma-typo-h3-line-height);\n ",
|
|
156
|
+
": var(--plasma-typo-h3-font-size);\n "
|
|
159
157
|
]);
|
|
160
158
|
_templateObject12 = function _templateObject() {
|
|
161
159
|
return data;
|
|
@@ -165,8 +163,8 @@ function _templateObject12() {
|
|
|
165
163
|
function _templateObject13() {
|
|
166
164
|
var data = _tagged_template_literal([
|
|
167
165
|
"\n ",
|
|
168
|
-
": var(--plasma-typo-
|
|
169
|
-
": var(--plasma-typo-
|
|
166
|
+
": var(--plasma-typo-h4-line-height);\n ",
|
|
167
|
+
": var(--plasma-typo-h4-font-size);\n "
|
|
170
168
|
]);
|
|
171
169
|
_templateObject13 = function _templateObject() {
|
|
172
170
|
return data;
|
|
@@ -176,8 +174,8 @@ function _templateObject13() {
|
|
|
176
174
|
function _templateObject14() {
|
|
177
175
|
var data = _tagged_template_literal([
|
|
178
176
|
"\n ",
|
|
179
|
-
": var(--plasma-typo-
|
|
180
|
-
": var(--plasma-typo-
|
|
177
|
+
": var(--plasma-typo-h5-line-height);\n ",
|
|
178
|
+
": var(--plasma-typo-h5-font-size);\n "
|
|
181
179
|
]);
|
|
182
180
|
_templateObject14 = function _templateObject() {
|
|
183
181
|
return data;
|
|
@@ -187,8 +185,8 @@ function _templateObject14() {
|
|
|
187
185
|
function _templateObject15() {
|
|
188
186
|
var data = _tagged_template_literal([
|
|
189
187
|
"\n ",
|
|
190
|
-
": var(--plasma-typo-text-
|
|
191
|
-
": var(--plasma-typo-text-
|
|
188
|
+
": var(--plasma-typo-text-l-line-height);\n ",
|
|
189
|
+
": var(--plasma-typo-text-l-font-size);\n "
|
|
192
190
|
]);
|
|
193
191
|
_templateObject15 = function _templateObject() {
|
|
194
192
|
return data;
|
|
@@ -196,39 +194,66 @@ function _templateObject15() {
|
|
|
196
194
|
return data;
|
|
197
195
|
}
|
|
198
196
|
function _templateObject16() {
|
|
197
|
+
var data = _tagged_template_literal([
|
|
198
|
+
"\n ",
|
|
199
|
+
": var(--plasma-typo-text-m-line-height);\n ",
|
|
200
|
+
": var(--plasma-typo-text-m-font-size);\n "
|
|
201
|
+
]);
|
|
202
|
+
_templateObject16 = function _templateObject() {
|
|
203
|
+
return data;
|
|
204
|
+
};
|
|
205
|
+
return data;
|
|
206
|
+
}
|
|
207
|
+
function _templateObject17() {
|
|
208
|
+
var data = _tagged_template_literal([
|
|
209
|
+
"\n ",
|
|
210
|
+
": var(--plasma-typo-text-s-line-height);\n ",
|
|
211
|
+
": var(--plasma-typo-text-s-font-size);\n "
|
|
212
|
+
]);
|
|
213
|
+
_templateObject17 = function _templateObject() {
|
|
214
|
+
return data;
|
|
215
|
+
};
|
|
216
|
+
return data;
|
|
217
|
+
}
|
|
218
|
+
function _templateObject18() {
|
|
199
219
|
var data = _tagged_template_literal([
|
|
200
220
|
"\n ",
|
|
201
221
|
": var(--plasma-typo-text-xs-line-height);\n ",
|
|
202
222
|
": var(--plasma-typo-text-xs-font-size);\n "
|
|
203
223
|
]);
|
|
204
|
-
|
|
224
|
+
_templateObject18 = function _templateObject() {
|
|
205
225
|
return data;
|
|
206
226
|
};
|
|
207
227
|
return data;
|
|
208
228
|
}
|
|
209
229
|
var config = {
|
|
210
230
|
defaults: {
|
|
211
|
-
size: 'bodyM'
|
|
231
|
+
size: 'bodyM',
|
|
232
|
+
view: 'default'
|
|
212
233
|
},
|
|
213
234
|
variations: {
|
|
235
|
+
view: {
|
|
236
|
+
default: (0, _emotion.css)(_templateObject(), _emotion.skeletonTokens.gradientColor),
|
|
237
|
+
lighter: (0, _emotion.css)(_templateObject1(), _emotion.skeletonTokens.gradientColor)
|
|
238
|
+
},
|
|
214
239
|
size: {
|
|
215
|
-
bodyL: (0, _emotion.css)(
|
|
216
|
-
bodyM: (0, _emotion.css)(
|
|
217
|
-
bodyS: (0, _emotion.css)(
|
|
218
|
-
bodyXS: (0, _emotion.css)(
|
|
219
|
-
bodyXXS: (0, _emotion.css)(
|
|
220
|
-
dsplL: (0, _emotion.css)(
|
|
221
|
-
dsplM: (0, _emotion.css)(
|
|
222
|
-
dsplS: (0, _emotion.css)(
|
|
223
|
-
h1: (0, _emotion.css)(
|
|
224
|
-
h2: (0, _emotion.css)(
|
|
225
|
-
h3: (0, _emotion.css)(
|
|
226
|
-
h4: (0, _emotion.css)(
|
|
227
|
-
h5: (0, _emotion.css)(
|
|
228
|
-
textL: (0, _emotion.css)(
|
|
229
|
-
textM: (0, _emotion.css)(
|
|
230
|
-
textS: (0, _emotion.css)(
|
|
231
|
-
textXS: (0, _emotion.css)(
|
|
240
|
+
bodyL: (0, _emotion.css)(_templateObject2(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
241
|
+
bodyM: (0, _emotion.css)(_templateObject3(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
242
|
+
bodyS: (0, _emotion.css)(_templateObject4(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
243
|
+
bodyXS: (0, _emotion.css)(_templateObject5(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
244
|
+
bodyXXS: (0, _emotion.css)(_templateObject6(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
245
|
+
dsplL: (0, _emotion.css)(_templateObject7(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
246
|
+
dsplM: (0, _emotion.css)(_templateObject8(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
247
|
+
dsplS: (0, _emotion.css)(_templateObject9(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
248
|
+
h1: (0, _emotion.css)(_templateObject10(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
249
|
+
h2: (0, _emotion.css)(_templateObject11(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
250
|
+
h3: (0, _emotion.css)(_templateObject12(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
251
|
+
h4: (0, _emotion.css)(_templateObject13(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
252
|
+
h5: (0, _emotion.css)(_templateObject14(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
253
|
+
textL: (0, _emotion.css)(_templateObject15(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
254
|
+
textM: (0, _emotion.css)(_templateObject16(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
255
|
+
textS: (0, _emotion.css)(_templateObject17(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
256
|
+
textXS: (0, _emotion.css)(_templateObject18(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight)
|
|
232
257
|
}
|
|
233
258
|
}
|
|
234
259
|
};
|
|
@@ -168,6 +168,7 @@ function _templateObject5() {
|
|
|
168
168
|
": 0.375rem;\n ",
|
|
169
169
|
": 1.5rem;\n\n ",
|
|
170
170
|
": 2.5rem;\n ",
|
|
171
|
+
": 2.5rem;\n ",
|
|
171
172
|
": 11.25rem;\n ",
|
|
172
173
|
": 1rem;\n ",
|
|
173
174
|
": 0.625rem;\n ",
|
|
@@ -256,7 +257,7 @@ export var config = {
|
|
|
256
257
|
negative: css(_templateObject4(), attachTokens.helperTextColor)
|
|
257
258
|
},
|
|
258
259
|
size: {
|
|
259
|
-
s: css(_templateObject5(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor)
|
|
260
|
+
s: css(_templateObject5(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor)
|
|
260
261
|
}
|
|
261
262
|
}
|
|
262
263
|
};
|
|
@@ -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
|
};
|