@salutejs/sdds-dfa 0.322.0-canary.2239.17794430722.0 → 0.322.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 +8 -4
- package/components/Avatar/Avatar.config.d.ts +4 -2
- package/components/Avatar/Avatar.config.js +80 -55
- package/components/Avatar/Avatar.d.ts +13 -6
- 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/es/components/Attach/Attach.config.js +8 -4
- package/es/components/Avatar/Avatar.config.js +80 -55
- package/es/components/Skeleton/LineSkeleton.config.js +76 -51
- package/package.json +7 -7
@@ -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, _styledcomponents.css)(_templateObject(), _styledcomponents.skeletonTokens.gradientColor),
|
237
|
+
lighter: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.skeletonTokens.gradientColor)
|
238
|
+
},
|
214
239
|
size: {
|
215
|
-
bodyL: (0, _styledcomponents.css)(
|
216
|
-
bodyM: (0, _styledcomponents.css)(
|
217
|
-
bodyS: (0, _styledcomponents.css)(
|
218
|
-
bodyXS: (0, _styledcomponents.css)(
|
219
|
-
bodyXXS: (0, _styledcomponents.css)(
|
220
|
-
dsplL: (0, _styledcomponents.css)(
|
221
|
-
dsplM: (0, _styledcomponents.css)(
|
222
|
-
dsplS: (0, _styledcomponents.css)(
|
223
|
-
h1: (0, _styledcomponents.css)(
|
224
|
-
h2: (0, _styledcomponents.css)(
|
225
|
-
h3: (0, _styledcomponents.css)(
|
226
|
-
h4: (0, _styledcomponents.css)(
|
227
|
-
h5: (0, _styledcomponents.css)(
|
228
|
-
textL: (0, _styledcomponents.css)(
|
229
|
-
textM: (0, _styledcomponents.css)(
|
230
|
-
textS: (0, _styledcomponents.css)(
|
231
|
-
textXS: (0, _styledcomponents.css)(
|
240
|
+
bodyL: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
241
|
+
bodyM: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
242
|
+
bodyS: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
243
|
+
bodyXS: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
244
|
+
bodyXXS: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
245
|
+
dsplL: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
246
|
+
dsplM: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
247
|
+
dsplS: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
248
|
+
h1: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
249
|
+
h2: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
250
|
+
h3: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
251
|
+
h4: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
252
|
+
h5: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
253
|
+
textL: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
254
|
+
textM: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
255
|
+
textS: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
|
256
|
+
textXS: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight)
|
232
257
|
}
|
233
258
|
}
|
234
259
|
};
|
@@ -1,5 +1,9 @@
|
|
1
1
|
import { RectSkeleton, withSkeleton } from '@salutejs/plasma-new-hope/styled-components';
|
2
2
|
export declare const LineSkeleton: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
3
|
+
view: {
|
4
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
5
|
+
lighter: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
6
|
+
};
|
3
7
|
size: {
|
4
8
|
bodyL: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
5
9
|
bodyM: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -24,6 +28,10 @@ export declare const LineSkeleton: import("react").FunctionComponent<import("@sa
|
|
24
28
|
roundness?: import("@salutejs/plasma-new-hope/styled-components").Roundness;
|
25
29
|
} & import("@salutejs/plasma-new-hope/styled-components").SkeletonGradientProps & import("react").RefAttributes<HTMLDivElement>>;
|
26
30
|
export declare const TextSkeleton: import("react").FC<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
31
|
+
view: {
|
32
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
33
|
+
lighter: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
34
|
+
};
|
27
35
|
size: {
|
28
36
|
bodyL: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
29
37
|
bodyM: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -481,6 +481,7 @@ function _templateObject12() {
|
|
481
481
|
": 0.5rem;\n ",
|
482
482
|
": 1.625rem;\n\n ",
|
483
483
|
": 3.5rem;\n ",
|
484
|
+
": 3.5rem;\n ",
|
484
485
|
": 12.5rem;\n ",
|
485
486
|
": 1.5rem;\n ",
|
486
487
|
": 0.875rem;\n ",
|
@@ -557,6 +558,7 @@ function _templateObject13() {
|
|
557
558
|
": 0.5rem;\n ",
|
558
559
|
": 1.625rem;\n\n ",
|
559
560
|
": 3rem;\n ",
|
561
|
+
": 3rem;\n ",
|
560
562
|
": 11.25rem;\n ",
|
561
563
|
": 1.25rem;\n ",
|
562
564
|
": 0.75rem;\n ",
|
@@ -633,6 +635,7 @@ function _templateObject14() {
|
|
633
635
|
": 0.375rem;\n ",
|
634
636
|
": 1.5rem;\n\n ",
|
635
637
|
": 2.5rem;\n ",
|
638
|
+
": 2.5rem;\n ",
|
636
639
|
": 11.25rem;\n ",
|
637
640
|
": 1rem;\n ",
|
638
641
|
": 0.625rem;\n ",
|
@@ -709,6 +712,7 @@ function _templateObject15() {
|
|
709
712
|
": 0.25rem;\n ",
|
710
713
|
": 1.375rem;\n\n ",
|
711
714
|
": 2rem;\n ",
|
715
|
+
": 2rem;\n ",
|
712
716
|
": 10rem;\n ",
|
713
717
|
": 0.75rem;\n ",
|
714
718
|
": 0.5rem;\n ",
|
@@ -804,10 +808,10 @@ export var config = {
|
|
804
808
|
negative: css(_templateObject11(), attachTokens.helperTextColor)
|
805
809
|
},
|
806
810
|
size: {
|
807
|
-
l: css(_templateObject12(), 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),
|
808
|
-
m: css(_templateObject13(), 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),
|
809
|
-
s: css(_templateObject14(), 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),
|
810
|
-
xs: css(_templateObject15(), 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)
|
811
|
+
l: css(_templateObject12(), 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),
|
812
|
+
m: css(_templateObject13(), 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),
|
813
|
+
s: css(_templateObject14(), 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),
|
814
|
+
xs: css(_templateObject15(), 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)
|
811
815
|
}
|
812
816
|
}
|
813
817
|
};
|