@salutejs/sdds-dfa 0.322.0-canary.2239.17794430722.0 → 0.322.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 +8 -4
  2. package/components/Avatar/Avatar.config.d.ts +4 -2
  3. package/components/Avatar/Avatar.config.js +80 -55
  4. package/components/Avatar/Avatar.d.ts +13 -6
  5. package/components/Drawer/Drawer.d.ts +1 -0
  6. package/components/Skeleton/LineSkeleton.config.d.ts +5 -0
  7. package/components/Skeleton/LineSkeleton.config.js +76 -51
  8. package/components/Skeleton/Skeleton.d.ts +8 -0
  9. package/es/components/Attach/Attach.config.js +8 -4
  10. package/es/components/Avatar/Avatar.config.js +80 -55
  11. package/es/components/Skeleton/LineSkeleton.config.js +76 -51
  12. package/package.json +7 -7
package/es/components/Avatar/Avatar.config.js CHANGED
@@ -30,7 +30,8 @@ function _templateObject1() {
30
30
  ": 2rem;\n ",
31
31
  ": 600;\n ",
32
32
  ": 2rem;\n ",
33
- ": 0.75rem;\n\n ",
33
+ ": 0.75rem;\n ",
34
+ ": 1.125rem;\n\n ",
34
35
  ": 0.5rem;\n ",
35
36
  ": 1.75rem;\n ",
36
37
  ": 0 0.688rem;\n ",
@@ -68,7 +69,8 @@ function _templateObject2() {
68
69
  ": 1.25rem;\n ",
69
70
  ": 600;\n ",
70
71
  ": 1.25rem;\n ",
71
- ": 0.5rem;\n\n ",
72
+ ": 0.5rem;\n ",
73
+ ": 0.75rem;\n\n ",
72
74
  ": 2;\n\n ",
73
75
  ": 0.375rem;\n ",
74
76
  ": 1.25rem;\n ",
@@ -107,7 +109,8 @@ function _templateObject3() {
107
109
  ": 0.875rem;\n ",
108
110
  ": 600;\n ",
109
111
  ": 0.875rem;\n ",
110
- ": 0.5rem;\n\n ",
112
+ ": 0.5rem;\n ",
113
+ ": 0.625rem;\n\n ",
111
114
  ": 2;\n\n ",
112
115
  ": 0.25rem;\n ",
113
116
  ": 1rem;\n ",
@@ -146,7 +149,8 @@ function _templateObject4() {
146
149
  ": 0.5rem;\n ",
147
150
  ": 600;\n ",
148
151
  ": 0.5rem;\n ",
149
- ": 0.375rem;\n\n ",
152
+ ": 0.375rem;\n ",
153
+ ": 0.5rem;\n\n ",
150
154
  ": 1;\n\n ",
151
155
  ": 1rem;\n ",
152
156
  ": 0.75rem;\n ",
@@ -180,9 +184,13 @@ function _templateObject5() {
180
184
  function _templateObject6() {
181
185
  var data = _tagged_template_literal([
182
186
  "\n ",
183
- ": 0.1rem;\n ",
184
- ": -0.2rem;\n ",
185
- ": var(--surface-accent);\n "
187
+ ": 50%;\n ",
188
+ ": calc(0.867 * var(",
189
+ ") - var(",
190
+ ") / 2);\n ",
191
+ ": calc(0.867 * var(",
192
+ ") - var(",
193
+ ") / 2);\n "
186
194
  ]);
187
195
  _templateObject6 = function _templateObject() {
188
196
  return data;
@@ -190,6 +198,21 @@ function _templateObject6() {
190
198
  return data;
191
199
  }
192
200
  function _templateObject7() {
201
+ var data = _tagged_template_literal([
202
+ "\n ",
203
+ ": calc(var(",
204
+ ") - var(",
205
+ "));\n ",
206
+ ": calc(var(",
207
+ ") - var(",
208
+ "));\n "
209
+ ]);
210
+ _templateObject7 = function _templateObject() {
211
+ return data;
212
+ };
213
+ return data;
214
+ }
215
+ function _templateObject8() {
193
216
  var data = _tagged_template_literal([
194
217
  "\n ",
195
218
  ": var(--inverse-text-primary);\n ",
@@ -199,12 +222,12 @@ function _templateObject7() {
199
222
  ": var(--text-primary);\n ",
200
223
  ": var(--surface-clear);\n "
201
224
  ]);
202
- _templateObject7 = function _templateObject() {
225
+ _templateObject8 = function _templateObject() {
203
226
  return data;
204
227
  };
205
228
  return data;
206
229
  }
207
- function _templateObject8() {
230
+ function _templateObject9() {
208
231
  var data = _tagged_template_literal([
209
232
  "\n ",
210
233
  ": var(--on-dark-text-primary);\n ",
@@ -214,12 +237,12 @@ function _templateObject8() {
214
237
  ": var(--text-accent);\n ",
215
238
  ": var(--surface-clear);\n "
216
239
  ]);
217
- _templateObject8 = function _templateObject() {
240
+ _templateObject9 = function _templateObject() {
218
241
  return data;
219
242
  };
220
243
  return data;
221
244
  }
222
- function _templateObject9() {
245
+ function _templateObject10() {
223
246
  var data = _tagged_template_literal([
224
247
  "\n ",
225
248
  ": var(--on-dark-text-primary);\n ",
@@ -229,12 +252,12 @@ function _templateObject9() {
229
252
  ": var(--text-positive);\n ",
230
253
  ": var(--surface-clear);\n "
231
254
  ]);
232
- _templateObject9 = function _templateObject() {
255
+ _templateObject10 = function _templateObject() {
233
256
  return data;
234
257
  };
235
258
  return data;
236
259
  }
237
- function _templateObject10() {
260
+ function _templateObject11() {
238
261
  var data = _tagged_template_literal([
239
262
  "\n ",
240
263
  ": var(--on-dark-text-primary);\n ",
@@ -244,12 +267,12 @@ function _templateObject10() {
244
267
  ": var(--text-warning);\n ",
245
268
  ": var(--surface-clear);\n "
246
269
  ]);
247
- _templateObject10 = function _templateObject() {
270
+ _templateObject11 = function _templateObject() {
248
271
  return data;
249
272
  };
250
273
  return data;
251
274
  }
252
- function _templateObject11() {
275
+ function _templateObject12() {
253
276
  var data = _tagged_template_literal([
254
277
  "\n ",
255
278
  ": var(--on-dark-text-primary);\n ",
@@ -259,12 +282,12 @@ function _templateObject11() {
259
282
  ": var(--text-negative);\n ",
260
283
  ": var(--surface-clear);\n "
261
284
  ]);
262
- _templateObject11 = function _templateObject() {
285
+ _templateObject12 = function _templateObject() {
263
286
  return data;
264
287
  };
265
288
  return data;
266
289
  }
267
- function _templateObject12() {
290
+ function _templateObject13() {
268
291
  var data = _tagged_template_literal([
269
292
  "\n ",
270
293
  ": var(--on-dark-text-primary);\n ",
@@ -274,12 +297,12 @@ function _templateObject12() {
274
297
  ": var(--on-light-text-primary);\n ",
275
298
  ": var(--surface-clear);\n "
276
299
  ]);
277
- _templateObject12 = function _templateObject() {
300
+ _templateObject13 = function _templateObject() {
278
301
  return data;
279
302
  };
280
303
  return data;
281
304
  }
282
- function _templateObject13() {
305
+ function _templateObject14() {
283
306
  var data = _tagged_template_literal([
284
307
  "\n ",
285
308
  ": var(--on-light-text-primary);\n ",
@@ -289,84 +312,84 @@ function _templateObject13() {
289
312
  ": var(--on-dark-text-primary);\n ",
290
313
  ": var(--surface-clear);\n "
291
314
  ]);
292
- _templateObject13 = function _templateObject() {
315
+ _templateObject14 = function _templateObject() {
293
316
  return data;
294
317
  };
295
318
  return data;
296
319
  }
297
- function _templateObject14() {
320
+ function _templateObject15() {
298
321
  var data = _tagged_template_literal([
299
322
  "\n ",
300
323
  ": var(--inverse-text-primary);\n ",
301
324
  ": var(--surface-solid-default);\n "
302
325
  ]);
303
- _templateObject14 = function _templateObject() {
326
+ _templateObject15 = function _templateObject() {
304
327
  return data;
305
328
  };
306
329
  return data;
307
330
  }
308
- function _templateObject15() {
331
+ function _templateObject16() {
309
332
  var data = _tagged_template_literal([
310
333
  "\n ",
311
334
  ": var(--on-dark-text-primary);\n ",
312
335
  ": var(--surface-accent);\n "
313
336
  ]);
314
- _templateObject15 = function _templateObject() {
337
+ _templateObject16 = function _templateObject() {
315
338
  return data;
316
339
  };
317
340
  return data;
318
341
  }
319
- function _templateObject16() {
342
+ function _templateObject17() {
320
343
  var data = _tagged_template_literal([
321
344
  "\n ",
322
345
  ": var(--on-dark-text-primary);\n ",
323
346
  ": var(--surface-positive);\n "
324
347
  ]);
325
- _templateObject16 = function _templateObject() {
348
+ _templateObject17 = function _templateObject() {
326
349
  return data;
327
350
  };
328
351
  return data;
329
352
  }
330
- function _templateObject17() {
353
+ function _templateObject18() {
331
354
  var data = _tagged_template_literal([
332
355
  "\n ",
333
356
  ": var(--on-dark-text-primary);\n ",
334
357
  ": var(--surface-warning);\n "
335
358
  ]);
336
- _templateObject17 = function _templateObject() {
359
+ _templateObject18 = function _templateObject() {
337
360
  return data;
338
361
  };
339
362
  return data;
340
363
  }
341
- function _templateObject18() {
364
+ function _templateObject19() {
342
365
  var data = _tagged_template_literal([
343
366
  "\n ",
344
367
  ": var(--on-dark-text-primary);\n ",
345
368
  ": var(--surface-negative);\n "
346
369
  ]);
347
- _templateObject18 = function _templateObject() {
370
+ _templateObject19 = function _templateObject() {
348
371
  return data;
349
372
  };
350
373
  return data;
351
374
  }
352
- function _templateObject19() {
375
+ function _templateObject20() {
353
376
  var data = _tagged_template_literal([
354
377
  "\n ",
355
378
  ": var(--on-dark-text-primary);\n ",
356
379
  ": var(--on-light-surface-solid-default);\n "
357
380
  ]);
358
- _templateObject19 = function _templateObject() {
381
+ _templateObject20 = function _templateObject() {
359
382
  return data;
360
383
  };
361
384
  return data;
362
385
  }
363
- function _templateObject20() {
386
+ function _templateObject21() {
364
387
  var data = _tagged_template_literal([
365
388
  "\n ",
366
389
  ": var(--on-light-text-primary);\n ",
367
390
  ": var(--on-dark-surface-solid-default);\n "
368
391
  ]);
369
- _templateObject20 = function _templateObject() {
392
+ _templateObject21 = function _templateObject() {
370
393
  return data;
371
394
  };
372
395
  return data;
@@ -375,7 +398,8 @@ import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/styled-co
375
398
  export var config = {
376
399
  defaults: {
377
400
  view: 'default',
378
- size: 'xxl'
401
+ size: 'xxl',
402
+ shape: 'circled'
379
403
  },
380
404
  variations: {
381
405
  view: {
@@ -383,32 +407,33 @@ export var config = {
383
407
  },
384
408
  size: {
385
409
  // TODO: #1044 токены типографики в Avatar
386
- xxl: css(_templateObject1(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
387
- l: css(_templateObject2(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
388
- m: css(_templateObject3(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
389
- s: css(_templateObject4(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.extraPlacementFactor, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
410
+ xxl: css(_templateObject1(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
411
+ l: css(_templateObject2(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
412
+ m: css(_templateObject3(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
413
+ s: css(_templateObject4(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
390
414
  fit: css(_templateObject5(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize)
391
415
  },
392
- focused: {
393
- true: css(_templateObject6(), tokens.outlineSize, tokens.outlineOffset, tokens.outlineColor)
416
+ shape: {
417
+ circled: css(_templateObject6(), tokens.borderRadius, tokens.statusLeft, tokens.avatarSize, tokens.statusIconSize, tokens.statusTop, tokens.avatarSize, tokens.statusIconSize),
418
+ rounded: css(_templateObject7(), tokens.statusLeft, tokens.avatarSize, tokens.statusIconSize, tokens.statusTop, tokens.avatarSize, tokens.statusIconSize)
394
419
  },
395
420
  badgeView: {
396
- default: css(_templateObject7(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
397
- accent: css(_templateObject8(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
398
- positive: css(_templateObject9(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
399
- warning: css(_templateObject10(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
400
- negative: css(_templateObject11(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
401
- dark: css(_templateObject12(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
402
- light: css(_templateObject13(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear)
421
+ default: css(_templateObject8(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
422
+ accent: css(_templateObject9(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
423
+ positive: css(_templateObject10(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
424
+ warning: css(_templateObject11(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
425
+ negative: css(_templateObject12(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
426
+ dark: css(_templateObject13(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
427
+ light: css(_templateObject14(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear)
403
428
  },
404
429
  counterView: {
405
- default: css(_templateObject14(), tokens.counterColor, tokens.counterBackground),
406
- accent: css(_templateObject15(), tokens.counterColor, tokens.counterBackground),
407
- positive: css(_templateObject16(), tokens.counterColor, tokens.counterBackground),
408
- warning: css(_templateObject17(), tokens.counterColor, tokens.counterBackground),
409
- negative: css(_templateObject18(), tokens.counterColor, tokens.counterBackground),
410
- dark: css(_templateObject19(), tokens.counterColor, tokens.counterBackground),
411
- light: css(_templateObject20(), tokens.counterColor, tokens.counterBackground)
430
+ default: css(_templateObject15(), tokens.counterColor, tokens.counterBackground),
431
+ accent: css(_templateObject16(), tokens.counterColor, tokens.counterBackground),
432
+ positive: css(_templateObject17(), tokens.counterColor, tokens.counterBackground),
433
+ warning: css(_templateObject18(), tokens.counterColor, tokens.counterBackground),
434
+ negative: css(_templateObject19(), tokens.counterColor, tokens.counterBackground),
435
+ dark: css(_templateObject20(), tokens.counterColor, tokens.counterBackground),
436
+ light: css(_templateObject21(), tokens.counterColor, tokens.counterBackground)
412
437
  }
413
438
  }
414
439
  };
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-dfa",
3
- "version": "0.322.0-canary.2239.17794430722.0",
3
+ "version": "0.322.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS DFA web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "directory": "packages/sdds-dfa"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.336.0-canary.2239.17794430722.0",
22
+ "@salutejs/plasma-new-hope": "0.336.0",
23
23
  "@salutejs/sdds-themes": "0.47.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -37,10 +37,10 @@
37
37
  "@babel/preset-typescript": "7.24.1",
38
38
  "@microsoft/api-extractor": "7.38.3",
39
39
  "@salutejs/plasma-colors": "0.16.0",
40
- "@salutejs/plasma-core": "1.208.0-canary.2239.17794430722.0",
41
- "@salutejs/plasma-cy-utils": "0.138.0-canary.2239.17794430722.0",
42
- "@salutejs/plasma-icons": "1.224.0-canary.2239.17794430722.0",
43
- "@salutejs/plasma-sb-utils": "0.208.0-canary.2239.17794430722.0",
40
+ "@salutejs/plasma-core": "1.208.0",
41
+ "@salutejs/plasma-cy-utils": "0.138.0",
42
+ "@salutejs/plasma-icons": "1.224.0",
43
+ "@salutejs/plasma-sb-utils": "0.208.0",
44
44
  "@storybook/addon-docs": "8.6.14",
45
45
  "@storybook/addon-essentials": "8.6.14",
46
46
  "@storybook/manager-api": "8.6.14",
@@ -94,5 +94,5 @@
94
94
  "Anton Vinogradov"
95
95
  ],
96
96
  "sideEffects": false,
97
- "gitHead": "a3cb0dca77a58affffee192cbdb99a4dcd557fda"
97
+ "gitHead": "9ce501ef67d2c95cfff568b2cc928fe09d22d077"
98
98
  }