@salutejs/sdds-serv 0.316.1-canary.2079.16199559995.0 → 0.316.1-canary.2080.16213874938.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 (32) hide show
  1. package/components/Button/Button.config.d.ts +5 -0
  2. package/components/Button/Button.config.js +16 -11
  3. package/components/Button/Button.config.js.map +1 -1
  4. package/components/Button/{Button.config_1pqzykz.css → Button.config_on7zvi.css} +12 -7
  5. package/components/Button/Button.css +23 -18
  6. package/components/Button/Button.d.ts +10 -0
  7. package/components/IconButton/IconButton.config.d.ts +5 -0
  8. package/components/IconButton/IconButton.config.js +12 -7
  9. package/components/IconButton/IconButton.config.js.map +1 -1
  10. package/components/IconButton/IconButton.config_1uz2ft1.css +22 -0
  11. package/components/IconButton/IconButton.css +22 -17
  12. package/components/IconButton/IconButton.d.ts +5 -0
  13. package/emotion/cjs/components/Button/Button.config.js +144 -29
  14. package/emotion/cjs/components/IconButton/IconButton.config.js +117 -17
  15. package/emotion/es/components/Button/Button.config.js +144 -29
  16. package/emotion/es/components/IconButton/IconButton.config.js +117 -17
  17. package/es/components/Button/Button.config.js +16 -11
  18. package/es/components/Button/Button.config.js.map +1 -1
  19. package/es/components/Button/{Button.config_1pqzykz.css → Button.config_on7zvi.css} +12 -7
  20. package/es/components/Button/Button.css +23 -18
  21. package/es/components/IconButton/IconButton.config.js +12 -7
  22. package/es/components/IconButton/IconButton.config.js.map +1 -1
  23. package/es/components/IconButton/IconButton.config_1uz2ft1.css +22 -0
  24. package/es/components/IconButton/IconButton.css +22 -17
  25. package/es/index.css +45 -35
  26. package/package.json +3 -3
  27. package/styled-components/cjs/components/Button/Button.config.js +144 -29
  28. package/styled-components/cjs/components/IconButton/IconButton.config.js +117 -17
  29. package/styled-components/es/components/Button/Button.config.js +144 -29
  30. package/styled-components/es/components/IconButton/IconButton.config.js +117 -17
  31. package/components/IconButton/IconButton.config_hkswin.css +0 -17
  32. package/es/components/IconButton/IconButton.config_hkswin.css +0 -17
@@ -204,6 +204,28 @@ function _templateObject10() {
204
204
  return data;
205
205
  }
206
206
  function _templateObject11() {
207
+ var data = _tagged_template_literal([
208
+ "\n ",
209
+ ": 4rem;\n ",
210
+ ": 12.5rem;\n ",
211
+ ": var(--plasma-typo-body-l-font-family);\n ",
212
+ ": var(--plasma-typo-body-l-font-size);\n ",
213
+ ": var(--plasma-typo-body-l-font-style);\n ",
214
+ ": var(--plasma-typo-body-l-bold-font-weight);\n ",
215
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
216
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
217
+ ": 1.5rem;\n ",
218
+ ": inherit;\n\n ",
219
+ ": 0 0.625rem 0 0;\n ",
220
+ ": 0 0 0 0.625rem;\n ",
221
+ ": 0 0 0 0.25rem;\n "
222
+ ]);
223
+ _templateObject11 = function _templateObject() {
224
+ return data;
225
+ };
226
+ return data;
227
+ }
228
+ function _templateObject12() {
207
229
  var data = _tagged_template_literal([
208
230
  "\n ",
209
231
  ": 3.5rem;\n ",
@@ -222,12 +244,34 @@ function _templateObject11() {
222
244
  ": 0 -0.125rem 0 0.5rem;\n ",
223
245
  ": 0 0 0 0.25rem;\n "
224
246
  ]);
225
- _templateObject11 = function _templateObject() {
247
+ _templateObject12 = function _templateObject() {
226
248
  return data;
227
249
  };
228
250
  return data;
229
251
  }
230
- function _templateObject12() {
252
+ function _templateObject13() {
253
+ var data = _tagged_template_literal([
254
+ "\n ",
255
+ ": 3.5rem;\n ",
256
+ ": 12.5rem;\n ",
257
+ ": var(--plasma-typo-body-l-font-family);\n ",
258
+ ": var(--plasma-typo-body-l-font-size);\n ",
259
+ ": var(--plasma-typo-body-l-font-style);\n ",
260
+ ": var(--plasma-typo-body-l-bold-font-weight);\n ",
261
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
262
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
263
+ ": 1.375rem;\n ",
264
+ ": inherit;\n\n ",
265
+ ": 0 0.5rem 0 0;\n ",
266
+ ": 0 0 0 0.5rem;\n ",
267
+ ": 0 0 0 0.25rem;\n "
268
+ ]);
269
+ _templateObject13 = function _templateObject() {
270
+ return data;
271
+ };
272
+ return data;
273
+ }
274
+ function _templateObject14() {
231
275
  var data = _tagged_template_literal([
232
276
  "\n ",
233
277
  ": 3rem;\n ",
@@ -246,12 +290,34 @@ function _templateObject12() {
246
290
  ": 0 -0.125rem 0 0.375rem;\n ",
247
291
  ": 0 0 0 0.25rem;\n "
248
292
  ]);
249
- _templateObject12 = function _templateObject() {
293
+ _templateObject14 = function _templateObject() {
250
294
  return data;
251
295
  };
252
296
  return data;
253
297
  }
254
- function _templateObject13() {
298
+ function _templateObject15() {
299
+ var data = _tagged_template_literal([
300
+ "\n ",
301
+ ": 3rem;\n ",
302
+ ": 11.25rem;\n ",
303
+ ": var(--plasma-typo-body-m-font-family);\n ",
304
+ ": var(--plasma-typo-body-m-font-size);\n ",
305
+ ": var(--plasma-typo-body-m-font-style);\n ",
306
+ ": var(--plasma-typo-body-m-bold-font-weight);\n ",
307
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
308
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
309
+ ": 1.375rem;\n ",
310
+ ": inherit;\n\n ",
311
+ ": 0 0.375rem 0 0;\n ",
312
+ ": 0 0 0 0.375rem;\n ",
313
+ ": 0 0 0 0.25rem;\n "
314
+ ]);
315
+ _templateObject15 = function _templateObject() {
316
+ return data;
317
+ };
318
+ return data;
319
+ }
320
+ function _templateObject16() {
255
321
  var data = _tagged_template_literal([
256
322
  "\n ",
257
323
  ": 2.5rem;\n ",
@@ -270,12 +336,34 @@ function _templateObject13() {
270
336
  ": 0 -0.125rem 0 0.25rem;\n ",
271
337
  ": 0 0 0 0.25rem;\n "
272
338
  ]);
273
- _templateObject13 = function _templateObject() {
339
+ _templateObject16 = function _templateObject() {
274
340
  return data;
275
341
  };
276
342
  return data;
277
343
  }
278
- function _templateObject14() {
344
+ function _templateObject17() {
345
+ var data = _tagged_template_literal([
346
+ "\n ",
347
+ ": 2.5rem;\n ",
348
+ ": 11.25rem;\n ",
349
+ ": var(--plasma-typo-body-s-font-family);\n ",
350
+ ": var(--plasma-typo-body-s-font-size);\n ",
351
+ ": var(--plasma-typo-body-s-font-style);\n ",
352
+ ": var(--plasma-typo-body-s-bold-font-weight);\n ",
353
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
354
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
355
+ ": 1.375rem;\n ",
356
+ ": inherit;\n\n ",
357
+ ": 0 0.25rem 0 0;\n ",
358
+ ": 0 0 0 0.25rem;\n ",
359
+ ": 0 0 0 0.25rem;\n "
360
+ ]);
361
+ _templateObject17 = function _templateObject() {
362
+ return data;
363
+ };
364
+ return data;
365
+ }
366
+ function _templateObject18() {
279
367
  var data = _tagged_template_literal([
280
368
  "\n ",
281
369
  ": 2rem;\n ",
@@ -294,12 +382,34 @@ function _templateObject14() {
294
382
  ": 0 -0.125rem 0 0.25rem;\n ",
295
383
  ": 0 0 0 0.25rem;\n "
296
384
  ]);
297
- _templateObject14 = function _templateObject() {
385
+ _templateObject18 = function _templateObject() {
298
386
  return data;
299
387
  };
300
388
  return data;
301
389
  }
302
- function _templateObject15() {
390
+ function _templateObject19() {
391
+ var data = _tagged_template_literal([
392
+ "\n ",
393
+ ": 2rem;\n ",
394
+ ": 10rem;\n ",
395
+ ": var(--plasma-typo-body-xs-font-family);\n ",
396
+ ": var(--plasma-typo-body-xs-font-size);\n ",
397
+ ": var(--plasma-typo-body-xs-font-style);\n ",
398
+ ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
399
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
400
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
401
+ ": 1rem;\n ",
402
+ ": inherit;\n\n ",
403
+ ": 0 0.25rem 0 0;\n ",
404
+ ": 0 0 0 0.25rem;\n ",
405
+ ": 0 0 0 0.25rem;\n "
406
+ ]);
407
+ _templateObject19 = function _templateObject() {
408
+ return data;
409
+ };
410
+ return data;
411
+ }
412
+ function _templateObject20() {
303
413
  var data = _tagged_template_literal([
304
414
  "\n ",
305
415
  ": 1.5rem;\n ",
@@ -318,54 +428,54 @@ function _templateObject15() {
318
428
  ": 0 -0.125rem 0 0.25rem;\n ",
319
429
  ": 0 0 0 0.25rem;\n "
320
430
  ]);
321
- _templateObject15 = function _templateObject() {
431
+ _templateObject20 = function _templateObject() {
322
432
  return data;
323
433
  };
324
434
  return data;
325
435
  }
326
- function _templateObject16() {
436
+ function _templateObject21() {
327
437
  var data = _tagged_template_literal([
328
438
  "\n ",
329
439
  ": 0.4;\n "
330
440
  ]);
331
- _templateObject16 = function _templateObject() {
441
+ _templateObject21 = function _templateObject() {
332
442
  return data;
333
443
  };
334
444
  return data;
335
445
  }
336
- function _templateObject17() {
446
+ function _templateObject22() {
337
447
  var data = _tagged_template_literal([
338
448
  "\n ",
339
449
  ": var(--surface-accent);\n "
340
450
  ]);
341
- _templateObject17 = function _templateObject() {
451
+ _templateObject22 = function _templateObject() {
342
452
  return data;
343
453
  };
344
454
  return data;
345
455
  }
346
- function _templateObject18() {
456
+ function _templateObject23() {
347
457
  var data = _tagged_template_literal([
348
458
  ""
349
459
  ]);
350
- _templateObject18 = function _templateObject() {
460
+ _templateObject23 = function _templateObject() {
351
461
  return data;
352
462
  };
353
463
  return data;
354
464
  }
355
- function _templateObject19() {
465
+ function _templateObject24() {
356
466
  var data = _tagged_template_literal([
357
467
  ""
358
468
  ]);
359
- _templateObject19 = function _templateObject() {
469
+ _templateObject24 = function _templateObject() {
360
470
  return data;
361
471
  };
362
472
  return data;
363
473
  }
364
- function _templateObject20() {
474
+ function _templateObject25() {
365
475
  var data = _tagged_template_literal([
366
476
  ""
367
477
  ]);
368
- _templateObject20 = function _templateObject() {
478
+ _templateObject25 = function _templateObject() {
369
479
  return data;
370
480
  };
371
481
  return data;
@@ -391,22 +501,27 @@ var config = {
391
501
  },
392
502
  size: {
393
503
  xl: (0, _emotion.css)(_templateObject10(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
394
- l: (0, _emotion.css)(_templateObject11(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
395
- m: (0, _emotion.css)(_templateObject12(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
396
- s: (0, _emotion.css)(_templateObject13(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
397
- xs: (0, _emotion.css)(_templateObject14(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
398
- xxs: (0, _emotion.css)(_templateObject15(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin)
504
+ xlr: (0, _emotion.css)(_templateObject11(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
505
+ l: (0, _emotion.css)(_templateObject12(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
506
+ lr: (0, _emotion.css)(_templateObject13(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
507
+ m: (0, _emotion.css)(_templateObject14(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
508
+ mr: (0, _emotion.css)(_templateObject15(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
509
+ s: (0, _emotion.css)(_templateObject16(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
510
+ sr: (0, _emotion.css)(_templateObject17(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
511
+ xs: (0, _emotion.css)(_templateObject18(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
512
+ xsr: (0, _emotion.css)(_templateObject19(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
513
+ xxs: (0, _emotion.css)(_templateObject20(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin)
399
514
  },
400
515
  disabled: {
401
- true: (0, _emotion.css)(_templateObject16(), _emotion.buttonTokens.buttonDisabledOpacity)
516
+ true: (0, _emotion.css)(_templateObject21(), _emotion.buttonTokens.buttonDisabledOpacity)
402
517
  },
403
518
  focused: {
404
- true: (0, _emotion.css)(_templateObject17(), _emotion.buttonTokens.buttonFocusColor)
519
+ true: (0, _emotion.css)(_templateObject22(), _emotion.buttonTokens.buttonFocusColor)
405
520
  },
406
521
  stretching: {
407
- auto: (0, _emotion.css)(_templateObject18()),
408
- filled: (0, _emotion.css)(_templateObject19()),
409
- fixed: (0, _emotion.css)(_templateObject20())
522
+ auto: (0, _emotion.css)(_templateObject23()),
523
+ filled: (0, _emotion.css)(_templateObject24()),
524
+ fixed: (0, _emotion.css)(_templateObject25())
410
525
  }
411
526
  }
412
527
  };
@@ -191,6 +191,25 @@ function _templateObject10() {
191
191
  return data;
192
192
  }
193
193
  function _templateObject11() {
194
+ var data = _tagged_template_literal([
195
+ "\n ",
196
+ ": 4rem;\n ",
197
+ ": 4rem;\n ",
198
+ ": var(--plasma-typo-body-l-font-family);\n ",
199
+ ": var(--plasma-typo-body-l-font-size);\n ",
200
+ ": var(--plasma-typo-body-l-font-style);\n ",
201
+ ": var(--plasma-typo-body-l-bold-font-weight);\n ",
202
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
203
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
204
+ ": 1.5rem;\n ",
205
+ ": inherit;\n "
206
+ ]);
207
+ _templateObject11 = function _templateObject() {
208
+ return data;
209
+ };
210
+ return data;
211
+ }
212
+ function _templateObject12() {
194
213
  var data = _tagged_template_literal([
195
214
  "\n ",
196
215
  ": 3.5rem;\n ",
@@ -206,12 +225,31 @@ function _templateObject11() {
206
225
  ": 1.375rem;\n ",
207
226
  ": inherit;\n "
208
227
  ]);
209
- _templateObject11 = function _templateObject() {
228
+ _templateObject12 = function _templateObject() {
210
229
  return data;
211
230
  };
212
231
  return data;
213
232
  }
214
- function _templateObject12() {
233
+ function _templateObject13() {
234
+ var data = _tagged_template_literal([
235
+ "\n ",
236
+ ": 3.5rem;\n ",
237
+ ": 3.5rem;\n ",
238
+ ": var(--plasma-typo-body-l-font-family);\n ",
239
+ ": var(--plasma-typo-body-l-font-size);\n ",
240
+ ": var(--plasma-typo-body-l-font-style);\n ",
241
+ ": var(--plasma-typo-body-l-bold-font-weight);\n ",
242
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
243
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
244
+ ": 1.375rem;\n ",
245
+ ": inherit;\n "
246
+ ]);
247
+ _templateObject13 = function _templateObject() {
248
+ return data;
249
+ };
250
+ return data;
251
+ }
252
+ function _templateObject14() {
215
253
  var data = _tagged_template_literal([
216
254
  "\n ",
217
255
  ": 3rem;\n ",
@@ -227,12 +265,31 @@ function _templateObject12() {
227
265
  ": 1.375rem;\n ",
228
266
  ": inherit;\n "
229
267
  ]);
230
- _templateObject12 = function _templateObject() {
268
+ _templateObject14 = function _templateObject() {
231
269
  return data;
232
270
  };
233
271
  return data;
234
272
  }
235
- function _templateObject13() {
273
+ function _templateObject15() {
274
+ var data = _tagged_template_literal([
275
+ "\n ",
276
+ ": 3rem;\n ",
277
+ ": 3rem;\n ",
278
+ ": var(--plasma-typo-body-m-font-family);\n ",
279
+ ": var(--plasma-typo-body-m-font-size);\n ",
280
+ ": var(--plasma-typo-body-m-font-style);\n ",
281
+ ": var(--plasma-typo-body-m-bold-font-weight);\n ",
282
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
283
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
284
+ ": 1.375rem;\n ",
285
+ ": inherit;\n "
286
+ ]);
287
+ _templateObject15 = function _templateObject() {
288
+ return data;
289
+ };
290
+ return data;
291
+ }
292
+ function _templateObject16() {
236
293
  var data = _tagged_template_literal([
237
294
  "\n ",
238
295
  ": 2.5rem;\n ",
@@ -248,12 +305,31 @@ function _templateObject13() {
248
305
  ": 1.375rem;\n ",
249
306
  ": inherit;\n "
250
307
  ]);
251
- _templateObject13 = function _templateObject() {
308
+ _templateObject16 = function _templateObject() {
252
309
  return data;
253
310
  };
254
311
  return data;
255
312
  }
256
- function _templateObject14() {
313
+ function _templateObject17() {
314
+ var data = _tagged_template_literal([
315
+ "\n ",
316
+ ": 2.5rem;\n ",
317
+ ": 2.5rem;\n ",
318
+ ": var(--plasma-typo-body-s-font-family);\n ",
319
+ ": var(--plasma-typo-body-s-font-size);\n ",
320
+ ": var(--plasma-typo-body-s-font-style);\n ",
321
+ ": var(--plasma-typo-body-s-bold-font-weight);\n ",
322
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
323
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
324
+ ": 1.375rem;\n ",
325
+ ": inherit;\n "
326
+ ]);
327
+ _templateObject17 = function _templateObject() {
328
+ return data;
329
+ };
330
+ return data;
331
+ }
332
+ function _templateObject18() {
257
333
  var data = _tagged_template_literal([
258
334
  "\n ",
259
335
  ": 2rem;\n ",
@@ -269,27 +345,46 @@ function _templateObject14() {
269
345
  ": 1rem;\n ",
270
346
  ": inherit;\n "
271
347
  ]);
272
- _templateObject14 = function _templateObject() {
348
+ _templateObject18 = function _templateObject() {
273
349
  return data;
274
350
  };
275
351
  return data;
276
352
  }
277
- function _templateObject15() {
353
+ function _templateObject19() {
354
+ var data = _tagged_template_literal([
355
+ "\n ",
356
+ ": 2rem;\n ",
357
+ ": 2rem;\n ",
358
+ ": var(--plasma-typo-body-xs-font-family);\n ",
359
+ ": var(--plasma-typo-body-xs-font-size);\n ",
360
+ ": var(--plasma-typo-body-xs-font-style);\n ",
361
+ ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
362
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
363
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
364
+ ": 1rem;\n ",
365
+ ": inherit;\n "
366
+ ]);
367
+ _templateObject19 = function _templateObject() {
368
+ return data;
369
+ };
370
+ return data;
371
+ }
372
+ function _templateObject20() {
278
373
  var data = _tagged_template_literal([
279
374
  "\n ",
280
375
  ": 0.4;\n "
281
376
  ]);
282
- _templateObject15 = function _templateObject() {
377
+ _templateObject20 = function _templateObject() {
283
378
  return data;
284
379
  };
285
380
  return data;
286
381
  }
287
- function _templateObject16() {
382
+ function _templateObject21() {
288
383
  var data = _tagged_template_literal([
289
384
  "\n ",
290
385
  ": var(--surface-accent);\n "
291
386
  ]);
292
- _templateObject16 = function _templateObject() {
387
+ _templateObject21 = function _templateObject() {
293
388
  return data;
294
389
  };
295
390
  return data;
@@ -315,16 +410,21 @@ var config = {
315
410
  },
316
411
  size: {
317
412
  xl: (0, _emotion.css)(_templateObject10(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonPadding, _emotion.iconButtonTokens.iconButtonRadius, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor),
318
- l: (0, _emotion.css)(_templateObject11(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonPadding, _emotion.iconButtonTokens.iconButtonRadius, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor),
319
- m: (0, _emotion.css)(_templateObject12(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonPadding, _emotion.iconButtonTokens.iconButtonRadius, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor),
320
- s: (0, _emotion.css)(_templateObject13(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonPadding, _emotion.iconButtonTokens.iconButtonRadius, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor),
321
- xs: (0, _emotion.css)(_templateObject14(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonPadding, _emotion.iconButtonTokens.iconButtonRadius, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor)
413
+ xlr: (0, _emotion.css)(_templateObject11(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor),
414
+ l: (0, _emotion.css)(_templateObject12(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonPadding, _emotion.iconButtonTokens.iconButtonRadius, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor),
415
+ lr: (0, _emotion.css)(_templateObject13(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor),
416
+ m: (0, _emotion.css)(_templateObject14(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonPadding, _emotion.iconButtonTokens.iconButtonRadius, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor),
417
+ mr: (0, _emotion.css)(_templateObject15(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor),
418
+ s: (0, _emotion.css)(_templateObject16(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonPadding, _emotion.iconButtonTokens.iconButtonRadius, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor),
419
+ sr: (0, _emotion.css)(_templateObject17(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor),
420
+ xs: (0, _emotion.css)(_templateObject18(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonPadding, _emotion.iconButtonTokens.iconButtonRadius, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor),
421
+ xsr: (0, _emotion.css)(_templateObject19(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor)
322
422
  },
323
423
  disabled: {
324
- true: (0, _emotion.css)(_templateObject15(), _emotion.iconButtonTokens.iconButtonDisabledOpacity)
424
+ true: (0, _emotion.css)(_templateObject20(), _emotion.iconButtonTokens.iconButtonDisabledOpacity)
325
425
  },
326
426
  focused: {
327
- true: (0, _emotion.css)(_templateObject16(), _emotion.iconButtonTokens.iconButtonFocusColor)
427
+ true: (0, _emotion.css)(_templateObject21(), _emotion.iconButtonTokens.iconButtonFocusColor)
328
428
  }
329
429
  }
330
430
  };