@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.
@@ -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-typo-body-l-line-height);\n ",
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-typo-body-m-line-height);\n ",
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-s-line-height);\n ",
48
- ": var(--plasma-typo-body-s-font-size);\n "
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-xs-line-height);\n ",
59
- ": var(--plasma-typo-body-xs-font-size);\n "
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-xxs-line-height);\n ",
70
- ": var(--plasma-typo-body-xxs-font-size);\n "
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-dspl-l-line-height);\n ",
81
- ": var(--plasma-typo-dspl-l-font-size);\n "
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-dspl-m-line-height);\n ",
92
- ": var(--plasma-typo-dspl-m-font-size);\n "
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-s-line-height);\n ",
103
- ": var(--plasma-typo-dspl-s-font-size);\n "
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-h1-line-height);\n ",
114
- ": var(--plasma-typo-h1-font-size);\n "
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-h2-line-height);\n ",
125
- ": var(--plasma-typo-h2-font-size);\n "
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-h3-line-height);\n ",
136
- ": var(--plasma-typo-h3-font-size);\n "
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-h4-line-height);\n ",
147
- ": var(--plasma-typo-h4-font-size);\n "
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-h5-line-height);\n ",
158
- ": var(--plasma-typo-h5-font-size);\n "
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-text-l-line-height);\n ",
169
- ": var(--plasma-typo-text-l-font-size);\n "
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-text-m-line-height);\n ",
180
- ": var(--plasma-typo-text-m-font-size);\n "
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-s-line-height);\n ",
191
- ": var(--plasma-typo-text-s-font-size);\n "
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
- _templateObject16 = function _templateObject() {
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)(_templateObject(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
216
- bodyM: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
217
- bodyS: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
218
- bodyXS: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
219
- bodyXXS: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
220
- dsplL: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
221
- dsplM: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
222
- dsplS: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
223
- h1: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
224
- h2: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
225
- h3: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
226
- h4: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
227
- h5: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
228
- textL: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
229
- textM: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
230
- textS: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
231
- textXS: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight)
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
  };