@salutejs/sdds-cs 0.328.0-canary.2235.17792261875.0 → 0.328.0-canary.2238.17818313113.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.
Files changed (12) hide show
  1. package/components/Attach/Attach.config.js +2 -1
  2. package/components/Drawer/Drawer.d.ts +1 -0
  3. package/components/Skeleton/LineSkeleton.config.d.ts +5 -0
  4. package/components/Skeleton/LineSkeleton.config.js +76 -51
  5. package/components/Skeleton/Skeleton.d.ts +8 -0
  6. package/emotion/cjs/components/Attach/Attach.config.js +2 -1
  7. package/emotion/cjs/components/Skeleton/LineSkeleton.config.js +76 -51
  8. package/emotion/es/components/Attach/Attach.config.js +2 -1
  9. package/emotion/es/components/Skeleton/LineSkeleton.config.js +76 -51
  10. package/es/components/Attach/Attach.config.js +2 -1
  11. package/es/components/Skeleton/LineSkeleton.config.js +76 -51
  12. package/package.json +7 -7
package/components/Attach/Attach.config.js CHANGED
@@ -179,6 +179,7 @@ function _templateObject5() {
179
179
  ": 0.375rem;\n ",
180
180
  ": 1.5rem;\n\n ",
181
181
  ": 2.5rem;\n ",
182
+ ": 2.5rem;\n ",
182
183
  ": 11.25rem;\n ",
183
184
  ": 1rem;\n ",
184
185
  ": 0.625rem;\n ",
@@ -266,7 +267,7 @@ var config = {
266
267
  negative: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.attachTokens.helperTextColor)
267
268
  },
268
269
  size: {
269
- s: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor)
270
+ s: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.filenameWrapperHeight, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor)
270
271
  }
271
272
  }
272
273
  };
package/components/Drawer/Drawer.d.ts CHANGED
@@ -13,6 +13,7 @@ export declare const Drawer: import("react").FunctionComponent<import("@salutejs
13
13
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
14
  };
15
15
  }> & Omit<import("@salutejs/plasma-new-hope/styled-components").PopupProps, "draggable" | "resizable"> & import("@salutejs/plasma-new-hope/types/components/Panel").PanelProps & {
16
+ animationInfo?: import("@salutejs/plasma-new-hope/types/components/Drawer/Drawer.types").DrawerAnimationInfo;
16
17
  placement?: import("@salutejs/plasma-new-hope/types/components/Drawer/Drawer.types").DrawerPlacement;
17
18
  asModal?: boolean;
18
19
  customBackgroundColor?: string;
package/components/Skeleton/LineSkeleton.config.d.ts CHANGED
@@ -1,8 +1,13 @@
1
1
  export declare const config: {
2
2
  defaults: {
3
3
  size: string;
4
+ view: string;
4
5
  };
5
6
  variations: {
7
+ view: {
8
+ default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
9
+ lighter: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
+ };
6
11
  size: {
7
12
  bodyL: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
13
  bodyM: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
package/components/Skeleton/LineSkeleton.config.js CHANGED
@@ -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
  };
package/components/Skeleton/Skeleton.d.ts CHANGED
@@ -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;
package/emotion/cjs/components/Attach/Attach.config.js CHANGED
@@ -179,6 +179,7 @@ function _templateObject5() {
179
179
  ": 0.375rem;\n ",
180
180
  ": 1.5rem;\n\n ",
181
181
  ": 2.5rem;\n ",
182
+ ": 2.5rem;\n ",
182
183
  ": 11.25rem;\n ",
183
184
  ": 1rem;\n ",
184
185
  ": 0.625rem;\n ",
@@ -266,7 +267,7 @@ var config = {
266
267
  negative: (0, _emotion.css)(_templateObject4(), _emotion.attachTokens.helperTextColor)
267
268
  },
268
269
  size: {
269
- s: (0, _emotion.css)(_templateObject5(), _emotion.attachTokens.horizontalGap, _emotion.attachTokens.verticalGap, _emotion.attachTokens.verticalGapWithHelperText, _emotion.attachTokens.buttonHeight, _emotion.attachTokens.buttonWidth, _emotion.attachTokens.buttonPadding, _emotion.attachTokens.buttonRadius, _emotion.attachTokens.buttonFontFamily, _emotion.attachTokens.buttonFontSize, _emotion.attachTokens.buttonFontStyle, _emotion.attachTokens.buttonFontWeight, _emotion.attachTokens.buttonLetterSpacing, _emotion.attachTokens.buttonLineHeight, _emotion.attachTokens.buttonSpinnerSize, _emotion.attachTokens.buttonSpinnerColor, _emotion.attachTokens.buttonLeftContentMargin, _emotion.attachTokens.buttonRightContentMargin, _emotion.attachTokens.buttonValueMargin, _emotion.attachTokens.cellWidth, _emotion.attachTokens.cellPadding, _emotion.attachTokens.cellPaddingLeftContent, _emotion.attachTokens.cellPaddingContent, _emotion.attachTokens.cellPaddingRightContent, _emotion.attachTokens.cellTextboxGap, _emotion.attachTokens.cellGap, _emotion.attachTokens.cellLabelFontFamily, _emotion.attachTokens.cellLabelFontSize, _emotion.attachTokens.cellLabelFontStyle, _emotion.attachTokens.cellLabelFontWeight, _emotion.attachTokens.cellLabelLetterSpacing, _emotion.attachTokens.cellLabelLineHeight, _emotion.attachTokens.cellTitleFontFamily, _emotion.attachTokens.cellTitleFontSize, _emotion.attachTokens.cellTitleFontStyle, _emotion.attachTokens.cellTitleFontWeight, _emotion.attachTokens.cellTitleLetterSpacing, _emotion.attachTokens.cellTitleLineHeight, _emotion.attachTokens.cellSubtitleFontFamily, _emotion.attachTokens.cellSubtitleFontSize, _emotion.attachTokens.cellSubtitleFontStyle, _emotion.attachTokens.cellSubtitleFontWeight, _emotion.attachTokens.cellSubtitleLetterSpacing, _emotion.attachTokens.cellSubtitleLineHeight, _emotion.attachTokens.iconButtonHeight, _emotion.attachTokens.iconButtonWidth, _emotion.attachTokens.iconButtonPadding, _emotion.attachTokens.iconButtonRadius, _emotion.attachTokens.iconButtonFontFamily, _emotion.attachTokens.iconButtonFontSize, _emotion.attachTokens.iconButtonFontStyle, _emotion.attachTokens.iconButtonFontWeight, _emotion.attachTokens.iconButtonLetterSpacing, _emotion.attachTokens.iconButtonLineHeight, _emotion.attachTokens.iconButtonSpinnerSize, _emotion.attachTokens.iconButtonSpinnerColor, _emotion.attachTokens.iconButtonCancelHeight, _emotion.attachTokens.iconButtonCancelWidth, _emotion.attachTokens.iconButtonCancelPadding, _emotion.attachTokens.iconButtonCancelRadius, _emotion.attachTokens.iconButtonCancelFontFamily, _emotion.attachTokens.iconButtonCancelFontSize, _emotion.attachTokens.iconButtonCancelFontStyle, _emotion.attachTokens.iconButtonCancelFontWeight, _emotion.attachTokens.iconButtonCancelLetterSpacing, _emotion.attachTokens.iconButtonCancelLineHeight, _emotion.attachTokens.iconButtonCancelSpinnerSize, _emotion.attachTokens.iconButtonCancelSpinnerColor)
270
+ s: (0, _emotion.css)(_templateObject5(), _emotion.attachTokens.horizontalGap, _emotion.attachTokens.verticalGap, _emotion.attachTokens.verticalGapWithHelperText, _emotion.attachTokens.filenameWrapperHeight, _emotion.attachTokens.buttonHeight, _emotion.attachTokens.buttonWidth, _emotion.attachTokens.buttonPadding, _emotion.attachTokens.buttonRadius, _emotion.attachTokens.buttonFontFamily, _emotion.attachTokens.buttonFontSize, _emotion.attachTokens.buttonFontStyle, _emotion.attachTokens.buttonFontWeight, _emotion.attachTokens.buttonLetterSpacing, _emotion.attachTokens.buttonLineHeight, _emotion.attachTokens.buttonSpinnerSize, _emotion.attachTokens.buttonSpinnerColor, _emotion.attachTokens.buttonLeftContentMargin, _emotion.attachTokens.buttonRightContentMargin, _emotion.attachTokens.buttonValueMargin, _emotion.attachTokens.cellWidth, _emotion.attachTokens.cellPadding, _emotion.attachTokens.cellPaddingLeftContent, _emotion.attachTokens.cellPaddingContent, _emotion.attachTokens.cellPaddingRightContent, _emotion.attachTokens.cellTextboxGap, _emotion.attachTokens.cellGap, _emotion.attachTokens.cellLabelFontFamily, _emotion.attachTokens.cellLabelFontSize, _emotion.attachTokens.cellLabelFontStyle, _emotion.attachTokens.cellLabelFontWeight, _emotion.attachTokens.cellLabelLetterSpacing, _emotion.attachTokens.cellLabelLineHeight, _emotion.attachTokens.cellTitleFontFamily, _emotion.attachTokens.cellTitleFontSize, _emotion.attachTokens.cellTitleFontStyle, _emotion.attachTokens.cellTitleFontWeight, _emotion.attachTokens.cellTitleLetterSpacing, _emotion.attachTokens.cellTitleLineHeight, _emotion.attachTokens.cellSubtitleFontFamily, _emotion.attachTokens.cellSubtitleFontSize, _emotion.attachTokens.cellSubtitleFontStyle, _emotion.attachTokens.cellSubtitleFontWeight, _emotion.attachTokens.cellSubtitleLetterSpacing, _emotion.attachTokens.cellSubtitleLineHeight, _emotion.attachTokens.iconButtonHeight, _emotion.attachTokens.iconButtonWidth, _emotion.attachTokens.iconButtonPadding, _emotion.attachTokens.iconButtonRadius, _emotion.attachTokens.iconButtonFontFamily, _emotion.attachTokens.iconButtonFontSize, _emotion.attachTokens.iconButtonFontStyle, _emotion.attachTokens.iconButtonFontWeight, _emotion.attachTokens.iconButtonLetterSpacing, _emotion.attachTokens.iconButtonLineHeight, _emotion.attachTokens.iconButtonSpinnerSize, _emotion.attachTokens.iconButtonSpinnerColor, _emotion.attachTokens.iconButtonCancelHeight, _emotion.attachTokens.iconButtonCancelWidth, _emotion.attachTokens.iconButtonCancelPadding, _emotion.attachTokens.iconButtonCancelRadius, _emotion.attachTokens.iconButtonCancelFontFamily, _emotion.attachTokens.iconButtonCancelFontSize, _emotion.attachTokens.iconButtonCancelFontStyle, _emotion.attachTokens.iconButtonCancelFontWeight, _emotion.attachTokens.iconButtonCancelLetterSpacing, _emotion.attachTokens.iconButtonCancelLineHeight, _emotion.attachTokens.iconButtonCancelSpinnerSize, _emotion.attachTokens.iconButtonCancelSpinnerColor)
270
271
  }
271
272
  }
272
273
  };
package/emotion/cjs/components/Skeleton/LineSkeleton.config.js CHANGED
@@ -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, _emotion.css)(_templateObject(), _emotion.skeletonTokens.gradientColor),
237
+ lighter: (0, _emotion.css)(_templateObject1(), _emotion.skeletonTokens.gradientColor)
238
+ },
214
239
  size: {
215
- bodyL: (0, _emotion.css)(_templateObject(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
216
- bodyM: (0, _emotion.css)(_templateObject1(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
217
- bodyS: (0, _emotion.css)(_templateObject2(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
218
- bodyXS: (0, _emotion.css)(_templateObject3(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
219
- bodyXXS: (0, _emotion.css)(_templateObject4(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
220
- dsplL: (0, _emotion.css)(_templateObject5(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
221
- dsplM: (0, _emotion.css)(_templateObject6(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
222
- dsplS: (0, _emotion.css)(_templateObject7(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
223
- h1: (0, _emotion.css)(_templateObject8(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
224
- h2: (0, _emotion.css)(_templateObject9(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
225
- h3: (0, _emotion.css)(_templateObject10(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
226
- h4: (0, _emotion.css)(_templateObject11(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
227
- h5: (0, _emotion.css)(_templateObject12(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
228
- textL: (0, _emotion.css)(_templateObject13(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
229
- textM: (0, _emotion.css)(_templateObject14(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
230
- textS: (0, _emotion.css)(_templateObject15(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
231
- textXS: (0, _emotion.css)(_templateObject16(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight)
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
  };
package/emotion/es/components/Attach/Attach.config.js CHANGED
@@ -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
  };
package/emotion/es/components/Skeleton/LineSkeleton.config.js CHANGED
@@ -11,8 +11,7 @@ function _tagged_template_literal(strings, raw) {
11
11
  function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
- ": var(--plasma-typo-body-l-line-height);\n ",
15
- ": var(--plasma-typo-body-l-font-size);\n "
14
+ ": var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient));\n "
16
15
  ]);
17
16
  _templateObject = function _templateObject() {
18
17
  return data;
@@ -22,8 +21,7 @@ function _templateObject() {
22
21
  function _templateObject1() {
23
22
  var data = _tagged_template_literal([
24
23
  "\n ",
25
- ": var(--plasma-typo-body-m-line-height);\n ",
26
- ": var(--plasma-typo-body-m-font-size);\n "
24
+ ": var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient));\n "
27
25
  ]);
28
26
  _templateObject1 = function _templateObject() {
29
27
  return data;
@@ -33,8 +31,8 @@ function _templateObject1() {
33
31
  function _templateObject2() {
34
32
  var data = _tagged_template_literal([
35
33
  "\n ",
36
- ": var(--plasma-typo-body-s-line-height);\n ",
37
- ": var(--plasma-typo-body-s-font-size);\n "
34
+ ": var(--plasma-typo-body-l-line-height);\n ",
35
+ ": var(--plasma-typo-body-l-font-size);\n "
38
36
  ]);
39
37
  _templateObject2 = function _templateObject() {
40
38
  return data;
@@ -44,8 +42,8 @@ function _templateObject2() {
44
42
  function _templateObject3() {
45
43
  var data = _tagged_template_literal([
46
44
  "\n ",
47
- ": var(--plasma-typo-body-xs-line-height);\n ",
48
- ": var(--plasma-typo-body-xs-font-size);\n "
45
+ ": var(--plasma-typo-body-m-line-height);\n ",
46
+ ": var(--plasma-typo-body-m-font-size);\n "
49
47
  ]);
50
48
  _templateObject3 = function _templateObject() {
51
49
  return data;
@@ -55,8 +53,8 @@ function _templateObject3() {
55
53
  function _templateObject4() {
56
54
  var data = _tagged_template_literal([
57
55
  "\n ",
58
- ": var(--plasma-typo-body-xxs-line-height);\n ",
59
- ": var(--plasma-typo-body-xxs-font-size);\n "
56
+ ": var(--plasma-typo-body-s-line-height);\n ",
57
+ ": var(--plasma-typo-body-s-font-size);\n "
60
58
  ]);
61
59
  _templateObject4 = function _templateObject() {
62
60
  return data;
@@ -66,8 +64,8 @@ function _templateObject4() {
66
64
  function _templateObject5() {
67
65
  var data = _tagged_template_literal([
68
66
  "\n ",
69
- ": var(--plasma-typo-dspl-l-line-height);\n ",
70
- ": var(--plasma-typo-dspl-l-font-size);\n "
67
+ ": var(--plasma-typo-body-xs-line-height);\n ",
68
+ ": var(--plasma-typo-body-xs-font-size);\n "
71
69
  ]);
72
70
  _templateObject5 = function _templateObject() {
73
71
  return data;
@@ -77,8 +75,8 @@ function _templateObject5() {
77
75
  function _templateObject6() {
78
76
  var data = _tagged_template_literal([
79
77
  "\n ",
80
- ": var(--plasma-typo-dspl-m-line-height);\n ",
81
- ": var(--plasma-typo-dspl-m-font-size);\n "
78
+ ": var(--plasma-typo-body-xxs-line-height);\n ",
79
+ ": var(--plasma-typo-body-xxs-font-size);\n "
82
80
  ]);
83
81
  _templateObject6 = function _templateObject() {
84
82
  return data;
@@ -88,8 +86,8 @@ function _templateObject6() {
88
86
  function _templateObject7() {
89
87
  var data = _tagged_template_literal([
90
88
  "\n ",
91
- ": var(--plasma-typo-dspl-s-line-height);\n ",
92
- ": var(--plasma-typo-dspl-s-font-size);\n "
89
+ ": var(--plasma-typo-dspl-l-line-height);\n ",
90
+ ": var(--plasma-typo-dspl-l-font-size);\n "
93
91
  ]);
94
92
  _templateObject7 = function _templateObject() {
95
93
  return data;
@@ -99,8 +97,8 @@ function _templateObject7() {
99
97
  function _templateObject8() {
100
98
  var data = _tagged_template_literal([
101
99
  "\n ",
102
- ": var(--plasma-typo-h1-line-height);\n ",
103
- ": var(--plasma-typo-h1-font-size);\n "
100
+ ": var(--plasma-typo-dspl-m-line-height);\n ",
101
+ ": var(--plasma-typo-dspl-m-font-size);\n "
104
102
  ]);
105
103
  _templateObject8 = function _templateObject() {
106
104
  return data;
@@ -110,8 +108,8 @@ function _templateObject8() {
110
108
  function _templateObject9() {
111
109
  var data = _tagged_template_literal([
112
110
  "\n ",
113
- ": var(--plasma-typo-h2-line-height);\n ",
114
- ": var(--plasma-typo-h2-font-size);\n "
111
+ ": var(--plasma-typo-dspl-s-line-height);\n ",
112
+ ": var(--plasma-typo-dspl-s-font-size);\n "
115
113
  ]);
116
114
  _templateObject9 = function _templateObject() {
117
115
  return data;
@@ -121,8 +119,8 @@ function _templateObject9() {
121
119
  function _templateObject10() {
122
120
  var data = _tagged_template_literal([
123
121
  "\n ",
124
- ": var(--plasma-typo-h3-line-height);\n ",
125
- ": var(--plasma-typo-h3-font-size);\n "
122
+ ": var(--plasma-typo-h1-line-height);\n ",
123
+ ": var(--plasma-typo-h1-font-size);\n "
126
124
  ]);
127
125
  _templateObject10 = function _templateObject() {
128
126
  return data;
@@ -132,8 +130,8 @@ function _templateObject10() {
132
130
  function _templateObject11() {
133
131
  var data = _tagged_template_literal([
134
132
  "\n ",
135
- ": var(--plasma-typo-h4-line-height);\n ",
136
- ": var(--plasma-typo-h4-font-size);\n "
133
+ ": var(--plasma-typo-h2-line-height);\n ",
134
+ ": var(--plasma-typo-h2-font-size);\n "
137
135
  ]);
138
136
  _templateObject11 = function _templateObject() {
139
137
  return data;
@@ -143,8 +141,8 @@ function _templateObject11() {
143
141
  function _templateObject12() {
144
142
  var data = _tagged_template_literal([
145
143
  "\n ",
146
- ": var(--plasma-typo-h5-line-height);\n ",
147
- ": var(--plasma-typo-h5-font-size);\n "
144
+ ": var(--plasma-typo-h3-line-height);\n ",
145
+ ": var(--plasma-typo-h3-font-size);\n "
148
146
  ]);
149
147
  _templateObject12 = function _templateObject() {
150
148
  return data;
@@ -154,8 +152,8 @@ function _templateObject12() {
154
152
  function _templateObject13() {
155
153
  var data = _tagged_template_literal([
156
154
  "\n ",
157
- ": var(--plasma-typo-text-l-line-height);\n ",
158
- ": var(--plasma-typo-text-l-font-size);\n "
155
+ ": var(--plasma-typo-h4-line-height);\n ",
156
+ ": var(--plasma-typo-h4-font-size);\n "
159
157
  ]);
160
158
  _templateObject13 = function _templateObject() {
161
159
  return data;
@@ -165,8 +163,8 @@ function _templateObject13() {
165
163
  function _templateObject14() {
166
164
  var data = _tagged_template_literal([
167
165
  "\n ",
168
- ": var(--plasma-typo-text-m-line-height);\n ",
169
- ": var(--plasma-typo-text-m-font-size);\n "
166
+ ": var(--plasma-typo-h5-line-height);\n ",
167
+ ": var(--plasma-typo-h5-font-size);\n "
170
168
  ]);
171
169
  _templateObject14 = function _templateObject() {
172
170
  return data;
@@ -176,8 +174,8 @@ function _templateObject14() {
176
174
  function _templateObject15() {
177
175
  var data = _tagged_template_literal([
178
176
  "\n ",
179
- ": var(--plasma-typo-text-s-line-height);\n ",
180
- ": var(--plasma-typo-text-s-font-size);\n "
177
+ ": var(--plasma-typo-text-l-line-height);\n ",
178
+ ": var(--plasma-typo-text-l-font-size);\n "
181
179
  ]);
182
180
  _templateObject15 = function _templateObject() {
183
181
  return data;
@@ -185,12 +183,34 @@ function _templateObject15() {
185
183
  return data;
186
184
  }
187
185
  function _templateObject16() {
186
+ var data = _tagged_template_literal([
187
+ "\n ",
188
+ ": var(--plasma-typo-text-m-line-height);\n ",
189
+ ": var(--plasma-typo-text-m-font-size);\n "
190
+ ]);
191
+ _templateObject16 = function _templateObject() {
192
+ return data;
193
+ };
194
+ return data;
195
+ }
196
+ function _templateObject17() {
197
+ var data = _tagged_template_literal([
198
+ "\n ",
199
+ ": var(--plasma-typo-text-s-line-height);\n ",
200
+ ": var(--plasma-typo-text-s-font-size);\n "
201
+ ]);
202
+ _templateObject17 = function _templateObject() {
203
+ return data;
204
+ };
205
+ return data;
206
+ }
207
+ function _templateObject18() {
188
208
  var data = _tagged_template_literal([
189
209
  "\n ",
190
210
  ": var(--plasma-typo-text-xs-line-height);\n ",
191
211
  ": var(--plasma-typo-text-xs-font-size);\n "
192
212
  ]);
193
- _templateObject16 = function _templateObject() {
213
+ _templateObject18 = function _templateObject() {
194
214
  return data;
195
215
  };
196
216
  return data;
@@ -198,27 +218,32 @@ function _templateObject16() {
198
218
  import { css, skeletonTokens } from '@salutejs/plasma-new-hope/emotion';
199
219
  export var config = {
200
220
  defaults: {
201
- size: 'bodyM'
221
+ size: 'bodyM',
222
+ view: 'default'
202
223
  },
203
224
  variations: {
225
+ view: {
226
+ default: css(_templateObject(), skeletonTokens.gradientColor),
227
+ lighter: css(_templateObject1(), skeletonTokens.gradientColor)
228
+ },
204
229
  size: {
205
- bodyL: css(_templateObject(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
206
- bodyM: css(_templateObject1(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
207
- bodyS: css(_templateObject2(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
208
- bodyXS: css(_templateObject3(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
209
- bodyXXS: css(_templateObject4(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
210
- dsplL: css(_templateObject5(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
211
- dsplM: css(_templateObject6(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
212
- dsplS: css(_templateObject7(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
213
- h1: css(_templateObject8(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
214
- h2: css(_templateObject9(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
215
- h3: css(_templateObject10(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
216
- h4: css(_templateObject11(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
217
- h5: css(_templateObject12(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
218
- textL: css(_templateObject13(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
219
- textM: css(_templateObject14(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
220
- textS: css(_templateObject15(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
221
- textXS: css(_templateObject16(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
230
+ bodyL: css(_templateObject2(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
231
+ bodyM: css(_templateObject3(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
232
+ bodyS: css(_templateObject4(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
233
+ bodyXS: css(_templateObject5(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
234
+ bodyXXS: css(_templateObject6(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
235
+ dsplL: css(_templateObject7(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
236
+ dsplM: css(_templateObject8(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
237
+ dsplS: css(_templateObject9(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
238
+ h1: css(_templateObject10(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
239
+ h2: css(_templateObject11(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
240
+ h3: css(_templateObject12(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
241
+ h4: css(_templateObject13(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
242
+ h5: css(_templateObject14(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
243
+ textL: css(_templateObject15(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
244
+ textM: css(_templateObject16(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
245
+ textS: css(_templateObject17(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
246
+ textXS: css(_templateObject18(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
222
247
  }
223
248
  }
224
249
  };
package/es/components/Attach/Attach.config.js CHANGED
@@ -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
  };
package/es/components/Skeleton/LineSkeleton.config.js CHANGED
@@ -11,8 +11,7 @@ function _tagged_template_literal(strings, raw) {
11
11
  function _templateObject() {
12
12
  var data = _tagged_template_literal([
13
13
  "\n ",
14
- ": var(--plasma-typo-body-l-line-height);\n ",
15
- ": var(--plasma-typo-body-l-font-size);\n "
14
+ ": var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient));\n "
16
15
  ]);
17
16
  _templateObject = function _templateObject() {
18
17
  return data;
@@ -22,8 +21,7 @@ function _templateObject() {
22
21
  function _templateObject1() {
23
22
  var data = _tagged_template_literal([
24
23
  "\n ",
25
- ": var(--plasma-typo-body-m-line-height);\n ",
26
- ": var(--plasma-typo-body-m-font-size);\n "
24
+ ": var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient));\n "
27
25
  ]);
28
26
  _templateObject1 = function _templateObject() {
29
27
  return data;
@@ -33,8 +31,8 @@ function _templateObject1() {
33
31
  function _templateObject2() {
34
32
  var data = _tagged_template_literal([
35
33
  "\n ",
36
- ": var(--plasma-typo-body-s-line-height);\n ",
37
- ": var(--plasma-typo-body-s-font-size);\n "
34
+ ": var(--plasma-typo-body-l-line-height);\n ",
35
+ ": var(--plasma-typo-body-l-font-size);\n "
38
36
  ]);
39
37
  _templateObject2 = function _templateObject() {
40
38
  return data;
@@ -44,8 +42,8 @@ function _templateObject2() {
44
42
  function _templateObject3() {
45
43
  var data = _tagged_template_literal([
46
44
  "\n ",
47
- ": var(--plasma-typo-body-xs-line-height);\n ",
48
- ": var(--plasma-typo-body-xs-font-size);\n "
45
+ ": var(--plasma-typo-body-m-line-height);\n ",
46
+ ": var(--plasma-typo-body-m-font-size);\n "
49
47
  ]);
50
48
  _templateObject3 = function _templateObject() {
51
49
  return data;
@@ -55,8 +53,8 @@ function _templateObject3() {
55
53
  function _templateObject4() {
56
54
  var data = _tagged_template_literal([
57
55
  "\n ",
58
- ": var(--plasma-typo-body-xxs-line-height);\n ",
59
- ": var(--plasma-typo-body-xxs-font-size);\n "
56
+ ": var(--plasma-typo-body-s-line-height);\n ",
57
+ ": var(--plasma-typo-body-s-font-size);\n "
60
58
  ]);
61
59
  _templateObject4 = function _templateObject() {
62
60
  return data;
@@ -66,8 +64,8 @@ function _templateObject4() {
66
64
  function _templateObject5() {
67
65
  var data = _tagged_template_literal([
68
66
  "\n ",
69
- ": var(--plasma-typo-dspl-l-line-height);\n ",
70
- ": var(--plasma-typo-dspl-l-font-size);\n "
67
+ ": var(--plasma-typo-body-xs-line-height);\n ",
68
+ ": var(--plasma-typo-body-xs-font-size);\n "
71
69
  ]);
72
70
  _templateObject5 = function _templateObject() {
73
71
  return data;
@@ -77,8 +75,8 @@ function _templateObject5() {
77
75
  function _templateObject6() {
78
76
  var data = _tagged_template_literal([
79
77
  "\n ",
80
- ": var(--plasma-typo-dspl-m-line-height);\n ",
81
- ": var(--plasma-typo-dspl-m-font-size);\n "
78
+ ": var(--plasma-typo-body-xxs-line-height);\n ",
79
+ ": var(--plasma-typo-body-xxs-font-size);\n "
82
80
  ]);
83
81
  _templateObject6 = function _templateObject() {
84
82
  return data;
@@ -88,8 +86,8 @@ function _templateObject6() {
88
86
  function _templateObject7() {
89
87
  var data = _tagged_template_literal([
90
88
  "\n ",
91
- ": var(--plasma-typo-dspl-s-line-height);\n ",
92
- ": var(--plasma-typo-dspl-s-font-size);\n "
89
+ ": var(--plasma-typo-dspl-l-line-height);\n ",
90
+ ": var(--plasma-typo-dspl-l-font-size);\n "
93
91
  ]);
94
92
  _templateObject7 = function _templateObject() {
95
93
  return data;
@@ -99,8 +97,8 @@ function _templateObject7() {
99
97
  function _templateObject8() {
100
98
  var data = _tagged_template_literal([
101
99
  "\n ",
102
- ": var(--plasma-typo-h1-line-height);\n ",
103
- ": var(--plasma-typo-h1-font-size);\n "
100
+ ": var(--plasma-typo-dspl-m-line-height);\n ",
101
+ ": var(--plasma-typo-dspl-m-font-size);\n "
104
102
  ]);
105
103
  _templateObject8 = function _templateObject() {
106
104
  return data;
@@ -110,8 +108,8 @@ function _templateObject8() {
110
108
  function _templateObject9() {
111
109
  var data = _tagged_template_literal([
112
110
  "\n ",
113
- ": var(--plasma-typo-h2-line-height);\n ",
114
- ": var(--plasma-typo-h2-font-size);\n "
111
+ ": var(--plasma-typo-dspl-s-line-height);\n ",
112
+ ": var(--plasma-typo-dspl-s-font-size);\n "
115
113
  ]);
116
114
  _templateObject9 = function _templateObject() {
117
115
  return data;
@@ -121,8 +119,8 @@ function _templateObject9() {
121
119
  function _templateObject10() {
122
120
  var data = _tagged_template_literal([
123
121
  "\n ",
124
- ": var(--plasma-typo-h3-line-height);\n ",
125
- ": var(--plasma-typo-h3-font-size);\n "
122
+ ": var(--plasma-typo-h1-line-height);\n ",
123
+ ": var(--plasma-typo-h1-font-size);\n "
126
124
  ]);
127
125
  _templateObject10 = function _templateObject() {
128
126
  return data;
@@ -132,8 +130,8 @@ function _templateObject10() {
132
130
  function _templateObject11() {
133
131
  var data = _tagged_template_literal([
134
132
  "\n ",
135
- ": var(--plasma-typo-h4-line-height);\n ",
136
- ": var(--plasma-typo-h4-font-size);\n "
133
+ ": var(--plasma-typo-h2-line-height);\n ",
134
+ ": var(--plasma-typo-h2-font-size);\n "
137
135
  ]);
138
136
  _templateObject11 = function _templateObject() {
139
137
  return data;
@@ -143,8 +141,8 @@ function _templateObject11() {
143
141
  function _templateObject12() {
144
142
  var data = _tagged_template_literal([
145
143
  "\n ",
146
- ": var(--plasma-typo-h5-line-height);\n ",
147
- ": var(--plasma-typo-h5-font-size);\n "
144
+ ": var(--plasma-typo-h3-line-height);\n ",
145
+ ": var(--plasma-typo-h3-font-size);\n "
148
146
  ]);
149
147
  _templateObject12 = function _templateObject() {
150
148
  return data;
@@ -154,8 +152,8 @@ function _templateObject12() {
154
152
  function _templateObject13() {
155
153
  var data = _tagged_template_literal([
156
154
  "\n ",
157
- ": var(--plasma-typo-text-l-line-height);\n ",
158
- ": var(--plasma-typo-text-l-font-size);\n "
155
+ ": var(--plasma-typo-h4-line-height);\n ",
156
+ ": var(--plasma-typo-h4-font-size);\n "
159
157
  ]);
160
158
  _templateObject13 = function _templateObject() {
161
159
  return data;
@@ -165,8 +163,8 @@ function _templateObject13() {
165
163
  function _templateObject14() {
166
164
  var data = _tagged_template_literal([
167
165
  "\n ",
168
- ": var(--plasma-typo-text-m-line-height);\n ",
169
- ": var(--plasma-typo-text-m-font-size);\n "
166
+ ": var(--plasma-typo-h5-line-height);\n ",
167
+ ": var(--plasma-typo-h5-font-size);\n "
170
168
  ]);
171
169
  _templateObject14 = function _templateObject() {
172
170
  return data;
@@ -176,8 +174,8 @@ function _templateObject14() {
176
174
  function _templateObject15() {
177
175
  var data = _tagged_template_literal([
178
176
  "\n ",
179
- ": var(--plasma-typo-text-s-line-height);\n ",
180
- ": var(--plasma-typo-text-s-font-size);\n "
177
+ ": var(--plasma-typo-text-l-line-height);\n ",
178
+ ": var(--plasma-typo-text-l-font-size);\n "
181
179
  ]);
182
180
  _templateObject15 = function _templateObject() {
183
181
  return data;
@@ -185,12 +183,34 @@ function _templateObject15() {
185
183
  return data;
186
184
  }
187
185
  function _templateObject16() {
186
+ var data = _tagged_template_literal([
187
+ "\n ",
188
+ ": var(--plasma-typo-text-m-line-height);\n ",
189
+ ": var(--plasma-typo-text-m-font-size);\n "
190
+ ]);
191
+ _templateObject16 = function _templateObject() {
192
+ return data;
193
+ };
194
+ return data;
195
+ }
196
+ function _templateObject17() {
197
+ var data = _tagged_template_literal([
198
+ "\n ",
199
+ ": var(--plasma-typo-text-s-line-height);\n ",
200
+ ": var(--plasma-typo-text-s-font-size);\n "
201
+ ]);
202
+ _templateObject17 = function _templateObject() {
203
+ return data;
204
+ };
205
+ return data;
206
+ }
207
+ function _templateObject18() {
188
208
  var data = _tagged_template_literal([
189
209
  "\n ",
190
210
  ": var(--plasma-typo-text-xs-line-height);\n ",
191
211
  ": var(--plasma-typo-text-xs-font-size);\n "
192
212
  ]);
193
- _templateObject16 = function _templateObject() {
213
+ _templateObject18 = function _templateObject() {
194
214
  return data;
195
215
  };
196
216
  return data;
@@ -198,27 +218,32 @@ function _templateObject16() {
198
218
  import { css, skeletonTokens } from '@salutejs/plasma-new-hope/styled-components';
199
219
  export var config = {
200
220
  defaults: {
201
- size: 'bodyM'
221
+ size: 'bodyM',
222
+ view: 'default'
202
223
  },
203
224
  variations: {
225
+ view: {
226
+ default: css(_templateObject(), skeletonTokens.gradientColor),
227
+ lighter: css(_templateObject1(), skeletonTokens.gradientColor)
228
+ },
204
229
  size: {
205
- bodyL: css(_templateObject(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
206
- bodyM: css(_templateObject1(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
207
- bodyS: css(_templateObject2(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
208
- bodyXS: css(_templateObject3(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
209
- bodyXXS: css(_templateObject4(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
210
- dsplL: css(_templateObject5(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
211
- dsplM: css(_templateObject6(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
212
- dsplS: css(_templateObject7(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
213
- h1: css(_templateObject8(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
214
- h2: css(_templateObject9(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
215
- h3: css(_templateObject10(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
216
- h4: css(_templateObject11(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
217
- h5: css(_templateObject12(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
218
- textL: css(_templateObject13(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
219
- textM: css(_templateObject14(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
220
- textS: css(_templateObject15(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
221
- textXS: css(_templateObject16(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
230
+ bodyL: css(_templateObject2(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
231
+ bodyM: css(_templateObject3(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
232
+ bodyS: css(_templateObject4(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
233
+ bodyXS: css(_templateObject5(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
234
+ bodyXXS: css(_templateObject6(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
235
+ dsplL: css(_templateObject7(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
236
+ dsplM: css(_templateObject8(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
237
+ dsplS: css(_templateObject9(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
238
+ h1: css(_templateObject10(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
239
+ h2: css(_templateObject11(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
240
+ h3: css(_templateObject12(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
241
+ h4: css(_templateObject13(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
242
+ h5: css(_templateObject14(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
243
+ textL: css(_templateObject15(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
244
+ textM: css(_templateObject16(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
245
+ textS: css(_templateObject17(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
246
+ textXS: css(_templateObject18(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
222
247
  }
223
248
  }
224
249
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.328.0-canary.2235.17792261875.0",
3
+ "version": "0.328.0-canary.2238.17818313113.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS CS web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -30,7 +30,7 @@
30
30
  "directory": "packages/sdds-cs"
31
31
  },
32
32
  "dependencies": {
33
- "@salutejs/plasma-new-hope": "0.336.0-canary.2235.17792261875.0",
33
+ "@salutejs/plasma-new-hope": "0.336.0-canary.2238.17818313113.0",
34
34
  "@salutejs/sdds-themes": "0.47.0"
35
35
  },
36
36
  "peerDependencies": {
@@ -54,10 +54,10 @@
54
54
  "@microsoft/api-extractor": "7.38.3",
55
55
  "@originjs/vite-plugin-commonjs": "1.0.3",
56
56
  "@salutejs/plasma-colors": "0.16.0",
57
- "@salutejs/plasma-core": "1.208.0-canary.2235.17792261875.0",
58
- "@salutejs/plasma-cy-utils": "0.138.0-canary.2235.17792261875.0",
59
- "@salutejs/plasma-icons": "1.224.0-canary.2235.17792261875.0",
60
- "@salutejs/plasma-sb-utils": "0.208.0-canary.2235.17792261875.0",
57
+ "@salutejs/plasma-core": "1.208.0-canary.2238.17818313113.0",
58
+ "@salutejs/plasma-cy-utils": "0.138.0-canary.2238.17818313113.0",
59
+ "@salutejs/plasma-icons": "1.224.0-canary.2238.17818313113.0",
60
+ "@salutejs/plasma-sb-utils": "0.208.0-canary.2238.17818313113.0",
61
61
  "@storybook/addon-docs": "8.6.14",
62
62
  "@storybook/addon-essentials": "8.6.14",
63
63
  "@storybook/manager-api": "8.6.14",
@@ -123,5 +123,5 @@
123
123
  "Anton Vinogradov"
124
124
  ],
125
125
  "sideEffects": false,
126
- "gitHead": "d9a568677d1bd96093e53ff939314cb38eed5b00"
126
+ "gitHead": "f4fda681a00ca61546075c6031157f9077c9c438"
127
127
  }