@salutejs/sdds-serv 0.323.0-canary.2239.17794430722.0 → 0.323.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 (47) hide show
  1. package/components/Attach/Attach.config.js +1 -1
  2. package/components/Attach/Attach.config.js.map +1 -1
  3. package/components/Attach/{Attach.config_ld8c4j.css → Attach.config_18v389v.css} +4 -4
  4. package/components/Attach/Attach.css +16 -16
  5. package/components/Avatar/Avatar.config.d.ts +4 -2
  6. package/components/Avatar/Avatar.config.js +20 -18
  7. package/components/Avatar/Avatar.config.js.map +1 -1
  8. package/components/Avatar/Avatar.config_1gwq5ql.css +22 -0
  9. package/components/Avatar/Avatar.css +22 -21
  10. package/components/Avatar/Avatar.d.ts +13 -6
  11. package/components/Drawer/Drawer.d.ts +1 -0
  12. package/components/Skeleton/LineSkeleton.config.d.ts +5 -0
  13. package/components/Skeleton/LineSkeleton.config.js +24 -19
  14. package/components/Skeleton/LineSkeleton.config.js.map +1 -1
  15. package/components/Skeleton/LineSkeleton.config_1sqmb2e.css +19 -0
  16. package/components/Skeleton/Skeleton.css +19 -17
  17. package/components/Skeleton/Skeleton.d.ts +8 -0
  18. package/emotion/cjs/components/Attach/Attach.config.js +8 -4
  19. package/emotion/cjs/components/Avatar/Avatar.config.js +80 -55
  20. package/emotion/cjs/components/Skeleton/LineSkeleton.config.js +76 -51
  21. package/emotion/es/components/Attach/Attach.config.js +8 -4
  22. package/emotion/es/components/Avatar/Avatar.config.js +80 -55
  23. package/emotion/es/components/Skeleton/LineSkeleton.config.js +76 -51
  24. package/es/components/Attach/Attach.config.js +1 -1
  25. package/es/components/Attach/Attach.config.js.map +1 -1
  26. package/es/components/Attach/{Attach.config_ld8c4j.css → Attach.config_18v389v.css} +4 -4
  27. package/es/components/Attach/Attach.css +16 -16
  28. package/es/components/Avatar/Avatar.config.js +20 -18
  29. package/es/components/Avatar/Avatar.config.js.map +1 -1
  30. package/es/components/Avatar/Avatar.config_1gwq5ql.css +22 -0
  31. package/es/components/Avatar/Avatar.css +22 -21
  32. package/es/components/Skeleton/LineSkeleton.config.js +24 -19
  33. package/es/components/Skeleton/LineSkeleton.config.js.map +1 -1
  34. package/es/components/Skeleton/LineSkeleton.config_1sqmb2e.css +19 -0
  35. package/es/components/Skeleton/Skeleton.css +19 -17
  36. package/es/index.css +57 -54
  37. package/package.json +7 -7
  38. package/styled-components/cjs/components/Attach/Attach.config.js +8 -4
  39. package/styled-components/cjs/components/Avatar/Avatar.config.js +80 -55
  40. package/styled-components/cjs/components/Skeleton/LineSkeleton.config.js +76 -51
  41. package/styled-components/es/components/Attach/Attach.config.js +8 -4
  42. package/styled-components/es/components/Avatar/Avatar.config.js +80 -55
  43. package/styled-components/es/components/Skeleton/LineSkeleton.config.js +76 -51
  44. package/components/Avatar/Avatar.config_1buqzeq.css +0 -21
  45. package/components/Skeleton/LineSkeleton.config_10dcgps.css +0 -17
  46. package/es/components/Avatar/Avatar.config_1buqzeq.css +0 -21
  47. package/es/components/Skeleton/LineSkeleton.config_10dcgps.css +0 -17
package/styled-components/cjs/components/Avatar/Avatar.config.js CHANGED
@@ -41,7 +41,8 @@ function _templateObject1() {
41
41
  ": 2rem;\n ",
42
42
  ": 600;\n ",
43
43
  ": 2rem;\n ",
44
- ": 0.75rem;\n\n ",
44
+ ": 0.75rem;\n ",
45
+ ": 1.125rem;\n\n ",
45
46
  ": 0.5rem;\n ",
46
47
  ": 1.75rem;\n ",
47
48
  ": 0 0.688rem;\n ",
@@ -79,7 +80,8 @@ function _templateObject2() {
79
80
  ": 1.25rem;\n ",
80
81
  ": 600;\n ",
81
82
  ": 1.25rem;\n ",
82
- ": 0.5rem;\n\n ",
83
+ ": 0.5rem;\n ",
84
+ ": 0.75rem;\n\n ",
83
85
  ": 2;\n\n ",
84
86
  ": 0.375rem;\n ",
85
87
  ": 1.25rem;\n ",
@@ -118,7 +120,8 @@ function _templateObject3() {
118
120
  ": 0.875rem;\n ",
119
121
  ": 600;\n ",
120
122
  ": 0.875rem;\n ",
121
- ": 0.5rem;\n\n ",
123
+ ": 0.5rem;\n ",
124
+ ": 0.625rem;\n\n ",
122
125
  ": 2;\n\n ",
123
126
  ": 0.25rem;\n ",
124
127
  ": 1rem;\n ",
@@ -157,7 +160,8 @@ function _templateObject4() {
157
160
  ": 0.5rem;\n ",
158
161
  ": 600;\n ",
159
162
  ": 0.5rem;\n ",
160
- ": 0.375rem;\n\n ",
163
+ ": 0.375rem;\n ",
164
+ ": 0.5rem;\n\n ",
161
165
  ": 1;\n\n ",
162
166
  ": 1rem;\n ",
163
167
  ": 0.75rem;\n ",
@@ -191,9 +195,13 @@ function _templateObject5() {
191
195
  function _templateObject6() {
192
196
  var data = _tagged_template_literal([
193
197
  "\n ",
194
- ": 0.1rem;\n ",
195
- ": -0.2rem;\n ",
196
- ": var(--surface-accent);\n "
198
+ ": 50%;\n ",
199
+ ": calc(0.867 * var(",
200
+ ") - var(",
201
+ ") / 2);\n ",
202
+ ": calc(0.867 * var(",
203
+ ") - var(",
204
+ ") / 2);\n "
197
205
  ]);
198
206
  _templateObject6 = function _templateObject() {
199
207
  return data;
@@ -201,6 +209,21 @@ function _templateObject6() {
201
209
  return data;
202
210
  }
203
211
  function _templateObject7() {
212
+ var data = _tagged_template_literal([
213
+ "\n ",
214
+ ": calc(var(",
215
+ ") - var(",
216
+ "));\n ",
217
+ ": calc(var(",
218
+ ") - var(",
219
+ "));\n "
220
+ ]);
221
+ _templateObject7 = function _templateObject() {
222
+ return data;
223
+ };
224
+ return data;
225
+ }
226
+ function _templateObject8() {
204
227
  var data = _tagged_template_literal([
205
228
  "\n ",
206
229
  ": var(--inverse-text-primary);\n ",
@@ -210,12 +233,12 @@ function _templateObject7() {
210
233
  ": var(--text-primary);\n ",
211
234
  ": var(--surface-clear);\n "
212
235
  ]);
213
- _templateObject7 = function _templateObject() {
236
+ _templateObject8 = function _templateObject() {
214
237
  return data;
215
238
  };
216
239
  return data;
217
240
  }
218
- function _templateObject8() {
241
+ function _templateObject9() {
219
242
  var data = _tagged_template_literal([
220
243
  "\n ",
221
244
  ": var(--on-dark-text-primary);\n ",
@@ -225,12 +248,12 @@ function _templateObject8() {
225
248
  ": var(--text-accent);\n ",
226
249
  ": var(--surface-clear);\n "
227
250
  ]);
228
- _templateObject8 = function _templateObject() {
251
+ _templateObject9 = function _templateObject() {
229
252
  return data;
230
253
  };
231
254
  return data;
232
255
  }
233
- function _templateObject9() {
256
+ function _templateObject10() {
234
257
  var data = _tagged_template_literal([
235
258
  "\n ",
236
259
  ": var(--on-dark-text-primary);\n ",
@@ -240,12 +263,12 @@ function _templateObject9() {
240
263
  ": var(--text-positive);\n ",
241
264
  ": var(--surface-clear);\n "
242
265
  ]);
243
- _templateObject9 = function _templateObject() {
266
+ _templateObject10 = function _templateObject() {
244
267
  return data;
245
268
  };
246
269
  return data;
247
270
  }
248
- function _templateObject10() {
271
+ function _templateObject11() {
249
272
  var data = _tagged_template_literal([
250
273
  "\n ",
251
274
  ": var(--on-dark-text-primary);\n ",
@@ -255,12 +278,12 @@ function _templateObject10() {
255
278
  ": var(--text-warning);\n ",
256
279
  ": var(--surface-clear);\n "
257
280
  ]);
258
- _templateObject10 = function _templateObject() {
281
+ _templateObject11 = function _templateObject() {
259
282
  return data;
260
283
  };
261
284
  return data;
262
285
  }
263
- function _templateObject11() {
286
+ function _templateObject12() {
264
287
  var data = _tagged_template_literal([
265
288
  "\n ",
266
289
  ": var(--on-dark-text-primary);\n ",
@@ -270,12 +293,12 @@ function _templateObject11() {
270
293
  ": var(--text-negative);\n ",
271
294
  ": var(--surface-clear);\n "
272
295
  ]);
273
- _templateObject11 = function _templateObject() {
296
+ _templateObject12 = function _templateObject() {
274
297
  return data;
275
298
  };
276
299
  return data;
277
300
  }
278
- function _templateObject12() {
301
+ function _templateObject13() {
279
302
  var data = _tagged_template_literal([
280
303
  "\n ",
281
304
  ": var(--on-dark-text-primary);\n ",
@@ -285,12 +308,12 @@ function _templateObject12() {
285
308
  ": var(--on-light-text-primary);\n ",
286
309
  ": var(--surface-clear);\n "
287
310
  ]);
288
- _templateObject12 = function _templateObject() {
311
+ _templateObject13 = function _templateObject() {
289
312
  return data;
290
313
  };
291
314
  return data;
292
315
  }
293
- function _templateObject13() {
316
+ function _templateObject14() {
294
317
  var data = _tagged_template_literal([
295
318
  "\n ",
296
319
  ": var(--on-light-text-primary);\n ",
@@ -300,84 +323,84 @@ function _templateObject13() {
300
323
  ": var(--on-dark-text-primary);\n ",
301
324
  ": var(--surface-clear);\n "
302
325
  ]);
303
- _templateObject13 = function _templateObject() {
326
+ _templateObject14 = function _templateObject() {
304
327
  return data;
305
328
  };
306
329
  return data;
307
330
  }
308
- function _templateObject14() {
331
+ function _templateObject15() {
309
332
  var data = _tagged_template_literal([
310
333
  "\n ",
311
334
  ": var(--inverse-text-primary);\n ",
312
335
  ": var(--surface-solid-default);\n "
313
336
  ]);
314
- _templateObject14 = function _templateObject() {
337
+ _templateObject15 = function _templateObject() {
315
338
  return data;
316
339
  };
317
340
  return data;
318
341
  }
319
- function _templateObject15() {
342
+ function _templateObject16() {
320
343
  var data = _tagged_template_literal([
321
344
  "\n ",
322
345
  ": var(--on-dark-text-primary);\n ",
323
346
  ": var(--surface-accent);\n "
324
347
  ]);
325
- _templateObject15 = function _templateObject() {
348
+ _templateObject16 = function _templateObject() {
326
349
  return data;
327
350
  };
328
351
  return data;
329
352
  }
330
- function _templateObject16() {
353
+ function _templateObject17() {
331
354
  var data = _tagged_template_literal([
332
355
  "\n ",
333
356
  ": var(--on-dark-text-primary);\n ",
334
357
  ": var(--surface-positive);\n "
335
358
  ]);
336
- _templateObject16 = function _templateObject() {
359
+ _templateObject17 = function _templateObject() {
337
360
  return data;
338
361
  };
339
362
  return data;
340
363
  }
341
- function _templateObject17() {
364
+ function _templateObject18() {
342
365
  var data = _tagged_template_literal([
343
366
  "\n ",
344
367
  ": var(--on-dark-text-primary);\n ",
345
368
  ": var(--surface-warning);\n "
346
369
  ]);
347
- _templateObject17 = function _templateObject() {
370
+ _templateObject18 = function _templateObject() {
348
371
  return data;
349
372
  };
350
373
  return data;
351
374
  }
352
- function _templateObject18() {
375
+ function _templateObject19() {
353
376
  var data = _tagged_template_literal([
354
377
  "\n ",
355
378
  ": var(--on-dark-text-primary);\n ",
356
379
  ": var(--surface-negative);\n "
357
380
  ]);
358
- _templateObject18 = function _templateObject() {
381
+ _templateObject19 = function _templateObject() {
359
382
  return data;
360
383
  };
361
384
  return data;
362
385
  }
363
- function _templateObject19() {
386
+ function _templateObject20() {
364
387
  var data = _tagged_template_literal([
365
388
  "\n ",
366
389
  ": var(--on-dark-text-primary);\n ",
367
390
  ": var(--on-light-surface-solid-default);\n "
368
391
  ]);
369
- _templateObject19 = function _templateObject() {
392
+ _templateObject20 = function _templateObject() {
370
393
  return data;
371
394
  };
372
395
  return data;
373
396
  }
374
- function _templateObject20() {
397
+ function _templateObject21() {
375
398
  var data = _tagged_template_literal([
376
399
  "\n ",
377
400
  ": var(--on-light-text-primary);\n ",
378
401
  ": var(--on-dark-surface-solid-default);\n "
379
402
  ]);
380
- _templateObject20 = function _templateObject() {
403
+ _templateObject21 = function _templateObject() {
381
404
  return data;
382
405
  };
383
406
  return data;
@@ -385,7 +408,8 @@ function _templateObject20() {
385
408
  var config = {
386
409
  defaults: {
387
410
  view: 'default',
388
- size: 'xxl'
411
+ size: 'xxl',
412
+ shape: 'circled'
389
413
  },
390
414
  variations: {
391
415
  view: {
@@ -393,32 +417,33 @@ var config = {
393
417
  },
394
418
  size: {
395
419
  // TODO: #1044 токены типографики в Avatar
396
- xxl: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.badgeBorderRadius, _styledcomponents.avatarTokens.badgeHeight, _styledcomponents.avatarTokens.badgePadding, _styledcomponents.avatarTokens.badgePaddingIconOnly, _styledcomponents.avatarTokens.badgeFontFamily, _styledcomponents.avatarTokens.badgeFontSize, _styledcomponents.avatarTokens.badgeFontStyle, _styledcomponents.avatarTokens.badgeFontWeight, _styledcomponents.avatarTokens.badgeLetterSpacing, _styledcomponents.avatarTokens.badgeLineHeight, _styledcomponents.avatarTokens.badgeLeftContentMarginLeft, _styledcomponents.avatarTokens.badgeLeftContentMarginRight, _styledcomponents.avatarTokens.badgeRightContentMarginLeft, _styledcomponents.avatarTokens.badgeRightContentMarginRight, _styledcomponents.avatarTokens.badgePilledBorderRadius, _styledcomponents.avatarTokens.counterBorderRadius, _styledcomponents.avatarTokens.counterHeight, _styledcomponents.avatarTokens.counterPadding, _styledcomponents.avatarTokens.counterFontFamily, _styledcomponents.avatarTokens.counterFontSize, _styledcomponents.avatarTokens.counterFontStyle, _styledcomponents.avatarTokens.counterFontWeight, _styledcomponents.avatarTokens.counterLetterSpacing, _styledcomponents.avatarTokens.counterLineHeight),
397
- l: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.extraPlacementFactor, _styledcomponents.avatarTokens.badgeBorderRadius, _styledcomponents.avatarTokens.badgeHeight, _styledcomponents.avatarTokens.badgePadding, _styledcomponents.avatarTokens.badgePaddingIconOnly, _styledcomponents.avatarTokens.badgeFontFamily, _styledcomponents.avatarTokens.badgeFontSize, _styledcomponents.avatarTokens.badgeFontStyle, _styledcomponents.avatarTokens.badgeFontWeight, _styledcomponents.avatarTokens.badgeLetterSpacing, _styledcomponents.avatarTokens.badgeLineHeight, _styledcomponents.avatarTokens.badgeLeftContentMarginLeft, _styledcomponents.avatarTokens.badgeLeftContentMarginRight, _styledcomponents.avatarTokens.badgeRightContentMarginLeft, _styledcomponents.avatarTokens.badgeRightContentMarginRight, _styledcomponents.avatarTokens.badgePilledBorderRadius, _styledcomponents.avatarTokens.counterBorderRadius, _styledcomponents.avatarTokens.counterHeight, _styledcomponents.avatarTokens.counterPadding, _styledcomponents.avatarTokens.counterFontFamily, _styledcomponents.avatarTokens.counterFontSize, _styledcomponents.avatarTokens.counterFontStyle, _styledcomponents.avatarTokens.counterFontWeight, _styledcomponents.avatarTokens.counterLetterSpacing, _styledcomponents.avatarTokens.counterLineHeight),
398
- m: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.extraPlacementFactor, _styledcomponents.avatarTokens.badgeBorderRadius, _styledcomponents.avatarTokens.badgeHeight, _styledcomponents.avatarTokens.badgePadding, _styledcomponents.avatarTokens.badgePaddingIconOnly, _styledcomponents.avatarTokens.badgeFontFamily, _styledcomponents.avatarTokens.badgeFontSize, _styledcomponents.avatarTokens.badgeFontStyle, _styledcomponents.avatarTokens.badgeFontWeight, _styledcomponents.avatarTokens.badgeLetterSpacing, _styledcomponents.avatarTokens.badgeLineHeight, _styledcomponents.avatarTokens.badgeLeftContentMarginLeft, _styledcomponents.avatarTokens.badgeLeftContentMarginRight, _styledcomponents.avatarTokens.badgeRightContentMarginLeft, _styledcomponents.avatarTokens.badgeRightContentMarginRight, _styledcomponents.avatarTokens.badgePilledBorderRadius, _styledcomponents.avatarTokens.counterBorderRadius, _styledcomponents.avatarTokens.counterHeight, _styledcomponents.avatarTokens.counterPadding, _styledcomponents.avatarTokens.counterFontFamily, _styledcomponents.avatarTokens.counterFontSize, _styledcomponents.avatarTokens.counterFontStyle, _styledcomponents.avatarTokens.counterFontWeight, _styledcomponents.avatarTokens.counterLetterSpacing, _styledcomponents.avatarTokens.counterLineHeight),
399
- s: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.extraPlacementFactor, _styledcomponents.avatarTokens.counterBorderRadius, _styledcomponents.avatarTokens.counterHeight, _styledcomponents.avatarTokens.counterPadding, _styledcomponents.avatarTokens.counterFontFamily, _styledcomponents.avatarTokens.counterFontSize, _styledcomponents.avatarTokens.counterFontStyle, _styledcomponents.avatarTokens.counterFontWeight, _styledcomponents.avatarTokens.counterLetterSpacing, _styledcomponents.avatarTokens.counterLineHeight),
420
+ xxl: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.borderRadius, _styledcomponents.avatarTokens.badgeBorderRadius, _styledcomponents.avatarTokens.badgeHeight, _styledcomponents.avatarTokens.badgePadding, _styledcomponents.avatarTokens.badgePaddingIconOnly, _styledcomponents.avatarTokens.badgeFontFamily, _styledcomponents.avatarTokens.badgeFontSize, _styledcomponents.avatarTokens.badgeFontStyle, _styledcomponents.avatarTokens.badgeFontWeight, _styledcomponents.avatarTokens.badgeLetterSpacing, _styledcomponents.avatarTokens.badgeLineHeight, _styledcomponents.avatarTokens.badgeLeftContentMarginLeft, _styledcomponents.avatarTokens.badgeLeftContentMarginRight, _styledcomponents.avatarTokens.badgeRightContentMarginLeft, _styledcomponents.avatarTokens.badgeRightContentMarginRight, _styledcomponents.avatarTokens.badgePilledBorderRadius, _styledcomponents.avatarTokens.counterBorderRadius, _styledcomponents.avatarTokens.counterHeight, _styledcomponents.avatarTokens.counterPadding, _styledcomponents.avatarTokens.counterFontFamily, _styledcomponents.avatarTokens.counterFontSize, _styledcomponents.avatarTokens.counterFontStyle, _styledcomponents.avatarTokens.counterFontWeight, _styledcomponents.avatarTokens.counterLetterSpacing, _styledcomponents.avatarTokens.counterLineHeight),
421
+ l: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.borderRadius, _styledcomponents.avatarTokens.extraPlacementFactor, _styledcomponents.avatarTokens.badgeBorderRadius, _styledcomponents.avatarTokens.badgeHeight, _styledcomponents.avatarTokens.badgePadding, _styledcomponents.avatarTokens.badgePaddingIconOnly, _styledcomponents.avatarTokens.badgeFontFamily, _styledcomponents.avatarTokens.badgeFontSize, _styledcomponents.avatarTokens.badgeFontStyle, _styledcomponents.avatarTokens.badgeFontWeight, _styledcomponents.avatarTokens.badgeLetterSpacing, _styledcomponents.avatarTokens.badgeLineHeight, _styledcomponents.avatarTokens.badgeLeftContentMarginLeft, _styledcomponents.avatarTokens.badgeLeftContentMarginRight, _styledcomponents.avatarTokens.badgeRightContentMarginLeft, _styledcomponents.avatarTokens.badgeRightContentMarginRight, _styledcomponents.avatarTokens.badgePilledBorderRadius, _styledcomponents.avatarTokens.counterBorderRadius, _styledcomponents.avatarTokens.counterHeight, _styledcomponents.avatarTokens.counterPadding, _styledcomponents.avatarTokens.counterFontFamily, _styledcomponents.avatarTokens.counterFontSize, _styledcomponents.avatarTokens.counterFontStyle, _styledcomponents.avatarTokens.counterFontWeight, _styledcomponents.avatarTokens.counterLetterSpacing, _styledcomponents.avatarTokens.counterLineHeight),
422
+ m: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.borderRadius, _styledcomponents.avatarTokens.extraPlacementFactor, _styledcomponents.avatarTokens.badgeBorderRadius, _styledcomponents.avatarTokens.badgeHeight, _styledcomponents.avatarTokens.badgePadding, _styledcomponents.avatarTokens.badgePaddingIconOnly, _styledcomponents.avatarTokens.badgeFontFamily, _styledcomponents.avatarTokens.badgeFontSize, _styledcomponents.avatarTokens.badgeFontStyle, _styledcomponents.avatarTokens.badgeFontWeight, _styledcomponents.avatarTokens.badgeLetterSpacing, _styledcomponents.avatarTokens.badgeLineHeight, _styledcomponents.avatarTokens.badgeLeftContentMarginLeft, _styledcomponents.avatarTokens.badgeLeftContentMarginRight, _styledcomponents.avatarTokens.badgeRightContentMarginLeft, _styledcomponents.avatarTokens.badgeRightContentMarginRight, _styledcomponents.avatarTokens.badgePilledBorderRadius, _styledcomponents.avatarTokens.counterBorderRadius, _styledcomponents.avatarTokens.counterHeight, _styledcomponents.avatarTokens.counterPadding, _styledcomponents.avatarTokens.counterFontFamily, _styledcomponents.avatarTokens.counterFontSize, _styledcomponents.avatarTokens.counterFontStyle, _styledcomponents.avatarTokens.counterFontWeight, _styledcomponents.avatarTokens.counterLetterSpacing, _styledcomponents.avatarTokens.counterLineHeight),
423
+ s: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.borderRadius, _styledcomponents.avatarTokens.extraPlacementFactor, _styledcomponents.avatarTokens.counterBorderRadius, _styledcomponents.avatarTokens.counterHeight, _styledcomponents.avatarTokens.counterPadding, _styledcomponents.avatarTokens.counterFontFamily, _styledcomponents.avatarTokens.counterFontSize, _styledcomponents.avatarTokens.counterFontStyle, _styledcomponents.avatarTokens.counterFontWeight, _styledcomponents.avatarTokens.counterLetterSpacing, _styledcomponents.avatarTokens.counterLineHeight),
400
424
  fit: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize)
401
425
  },
402
- focused: {
403
- true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.avatarTokens.outlineSize, _styledcomponents.avatarTokens.outlineOffset, _styledcomponents.avatarTokens.outlineColor)
426
+ shape: {
427
+ circled: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.avatarTokens.borderRadius, _styledcomponents.avatarTokens.statusLeft, _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.statusTop, _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.statusIconSize),
428
+ rounded: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.avatarTokens.statusLeft, _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.statusTop, _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.statusIconSize)
404
429
  },
405
430
  badgeView: {
406
- default: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
407
- accent: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
408
- positive: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
409
- warning: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
410
- negative: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
411
- dark: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
412
- light: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear)
431
+ default: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
432
+ accent: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
433
+ positive: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
434
+ warning: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
435
+ negative: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
436
+ dark: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear),
437
+ light: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.avatarTokens.badgeColor, _styledcomponents.avatarTokens.badgeBackground, _styledcomponents.avatarTokens.badgeColorTransparent, _styledcomponents.avatarTokens.badgeBackgroundTransparent, _styledcomponents.avatarTokens.badgeColorClear, _styledcomponents.avatarTokens.badgeBackgroundClear)
413
438
  },
414
439
  counterView: {
415
- default: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
416
- accent: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
417
- positive: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
418
- warning: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
419
- negative: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
420
- dark: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
421
- light: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground)
440
+ default: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
441
+ accent: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
442
+ positive: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
443
+ warning: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
444
+ negative: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
445
+ dark: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
446
+ light: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground)
422
447
  }
423
448
  }
424
449
  };
package/styled-components/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, _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
  };